﻿/*初始化*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select{margin:0;padding:0;}
body,button,input,select,textarea{font-size:14px; color:#555;font-family:"PingHei","STHeitiSC-Light", "tahoma", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica", "Arial","Verdana", "sans-serif","microsoft yahei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#424242}
sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{/*border-collapse:collapse;border-spacing:0;*/}
td{ padding:5px 10px}
.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}
*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.fr{ float:right;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.en{ font-family:Tahoma, Geneva, sans-serif;}
.wrap{margin: 0 auto;text-align: center;overflow: hidden;}
/*reset*/
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{ -webkit-tap-highlight-color:transparent;}
.ft{width:100%; height:40px; line-height:40px; position:fixed; bottom:0; background:#f6f6f6; padding:10px 0; border-top:#f0f0f0 2px solid}
.ft li{ display:inline-block; width:30%; margin-left:1%; text-align:center; color:#FFF}
.l1{ background:#2207AA}
.l2{ background:#4E149E}
.l3{ background:#CA3B71}
.ft a{ color:#FFF}

.baojia p.ptr24{ padding:0; margin:0;padding-right:24px}
.baojia label.fonts{font-size:16px; font-weight:500}
.tijiao{width:100%; background:#CA3B71; margin-bottom:10px; color:#FFF; border:0; height:60px; line-height:60px; margin-top:30px; font-size:16px;}

/*描边*/
.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(220,220,220,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}
/*loading*/
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff;}
.loading img{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}

.hidden{overflow: hidden !important; height: 100% !important; height: 100% !important; margin-top:0!important;}

/*菜单动画*/
.menuIcon,.menuIcon--2{position:absolute; left:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:10px 15px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background-color:#FFF}
.icon-bar.active{ background-color:#FFF}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#FFF}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#FFF}
.animated2:focus{cursor:pointer;z-index:9999}
.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#FFF}
.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 .middle{width:0}

/*公共头部*/
.menuIcon2{ background:url(../images/-icon_05.png) no-repeat center center; background-size:18px; width:25px; height:20px; line-height:20px; text-align:center; border:#FFF 1px solid;z-index:99999; right:60px; top:12px; position:absolute; color:#FFF; /*display:none;*/}
header{left:0; top:0; width:100%; height:45px; z-index:1000;position:relative; background:#fff;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:50%; margin-left:-65px; top:0; width:130px; height:45px; background:url(../images/logo.png) no-repeat center center; background-size:130px;}
header .logo a{ display:block; width:100%; height:100%;}
header .logo.active{ position:absolute; left:50%; margin-left:-65px; top:0; width:130px; height:45px; background:url(../images/logo.png) no-repeat center center; background-size:130px;}
header.showMenu{ position:relative; background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo{ background-image:url(../images/logo_active.png)}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position: absolute; left:0; top:0; width:100%; height:100%; z-index:999; background:#2f2f2f; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:50px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative;}
.menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px;/*background:url(../images/icon_01.png) no-repeat 98% center; background-size:12px;*/ display:block; opacity:0.8}
/*.menuBox li.on>a{ background-image:url(../images/icon_02.png);}
.menuBox li.link>a{ background-image:url(../images/icon_03.png);}*/
.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
.menuBox .linkBtn{ padding-top:35px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.proList,.serList{ overflow:hidden; display:none;}
.proList a,.serList a{ width:50%; display:inline-block; height:42px; line-height:42px; font-size:13px; float:left; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px; text-indent:0px; text-align:left;}
.serList a{background:url(../images/png18.png) no-repeat left center;}
.proList a img{ display:inline-block; width:20px; vertical-align:middle; margin-right:10px;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 20px;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox .nextBox .other{ display:none;}
.menuBox .nextBox .other .tit{ font-size:12px; color:rgba(255,255,255,0.3); padding:20px 0 10px 0;}
.menuBox .nextBox .other a{ height:40px; line-height:40px; position:relative; font-size:14px; color:rgba(255,255,255,0.64); display:inline-block; width:100%;}
.searchForm{height:48px; line-height:48px; color:rgba(255,255,255,0.8); font-size:14px; background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; opacity:0.8; position:relative; left:200%; opacity:0;}
.searchForm .searchBtn,.searchForm .searchBtn2{ position:absolute; left:0; top:0; width:20px; height:48px; display:block;}
.searchForm .searchBtn2{ height:24px; line-height:24px; width:68px; text-align:center; color:#fff; border:1px solid #fff; border-radius: 5px; display:inline-block; right: 0; left: auto; top:8px; text-indent: 0; opacity:0.5;}
.searchForm input{ background:none;color:rgba(255,255,255,0.64); border:0;height:20px; line-height:20px; margin-top:14px; width:90%;}
.menuSearch .preBox{-webkit-transform: translateY(-144px); transform:translateY(-144px);}
.menuSearch .searchForm{ left:0;}
.searchHide .searchForm{opacity:1;}
.showMain .searchHide .searchBtn{opacity:0;}
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

/*公共底部*/
footer{ padding:0 0px 20px 0px;}
.footNav li{ padding:0 8px 0 0; position:relative; border-bottom:rgba(173,172,170,0.5) 1px solid}
.footNav li>a{ height:48px; line-height:48px;color:#938F8E; font-size:14px;/* background:url(../images/icon_01_2.png) no-repeat right center; background-size:12px; */display:block; text-align:center}
.footNav li.on>a{ /*background-image:url(../images/icon_02_2.png);*/}
.footNav li.link>a{ /*background-image:url(../images/icon_03_2.png);*/}
footer .bBor:after{background:#d6d6d6;}
footer .proList a,footer .serList a{ color:#938F8E; text-indent:10px}
footer .proList a.n1{ background-image: url(../images/01_2.png)}
footer .proList a.n2{ background-image: url(../images/02_2.png)}
footer .proList a.n3{ background-image: url(../images/03_2.png)}
footer .proList a.n4{ background-image: url(../images/04_2.png)}
footer .proList a.n5{ background-image: url(../images/05_2.png)}
footer .proList a.n6{ background-image: url(../images/06_2.png)}
footer .proList a.n7{ background-image: url(../images/07_2.png)}
footer .proList a.n8{ background-image: url(../images/08_2.png)}
footer .proList a.n9{ background-image: url(../images/09_2.png)}
footer .icons{ text-align:center; padding:30px 0 25px 0;}
footer .icons a{ width:50px; height:50px; border:1px solid #ccc; background-repeat:no-repeat; background-position:center center; border-radius: 100%; display:inline-block; background-size:36px; margin:0 10px;}
footer .icons a.sina{ background-image:url(../images/sina.png);}
footer .icons a.logo3{ background-image:url(../images/logo3.png);}
footer .icons a.wechat{ background-image:url(../images/wechat.png);}
footer .links{ text-align:center; font-size:12px;color:rgba(0,0,0,0.4); background:url(../images/jt.png~v=2.0.png) no-repeat top center; padding-top:10px}
footer .links a{ padding:0 20px;color:#938F8E;}
footer .links u{ text-decoration:none;}
.op0{ display:none; opacity:0}
.moreBtn{ padding:30px 0; text-align:center; color:#999;}
.moreBtn a{ height:38px; line-height:38px; border:1px solid #E8E8E8; display:inline-block; padding:0 20px; color:#C3C3C3; width:30%;}



/*面包屑*/
.path{ height:58px; line-height:58px; position:relative; padding:0 20px; color:#b7b7b7; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; clear:both}
.path a{ color:#999;}
.path u{ padding:0 12px; text-decoration:none;}
.path.tBor:before{background:#d6d6d6;}


.maBox{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); display:none;}
.maBox img{ position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px; border:1px solid #ccc;}

/*hero视频*/
.moviebox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background:rgba(0, 0, 0, 0.8); z-index:1001; padding-top:30%; display:none;}
.moviebox .close{ text-align:right;}

/*hero公共底部*/
.hotPro{ }
.hotPro .tit{ text-align:center; font-size:15px; color:#3c3c3c; margin:60px 0 20px 0;}
.hotPro .tabMain{ display:none; overflow:hidden;}
.hotPro .tabMain ul{ padding:20px 10px 0 10px;}
.hotPro .tabMain li{ width:50%; float:left; margin-bottom:15px;}
.hotPro .tabMain li>a{ display:block; margin:0 10px;}
.hotPro .tabMain .pic{ overflow: hidden; border-radius: 5px; display: table-cell; vertical-align: middle; text-align: center;}
.hotPro .tabMain p{ text-align:center; color:#555; height:24px; line-height:24px; padding-top:5px;}
.hotPro .tabMain .color_1{background: #e8d4c7;}
.hotPro .tabMain .color_2{ background:#c2ced2;}
.hotPro .tabMain .color_3{ background:#969696;}
.hotPro .tabMain .color_4{ background:#f4f4f4;}
.hotPro .tabMain .color_5{ background:#b6dedb;}
.hotPro .tabMain .color_6{ background:#fbe8eb;}
.hotPro .tabMain .more{ padding-top:20px; text-align:center; overflow:hidden; padding:30px 0 80px 0; width:100%;}
.hotPro .tabMain .more a{ color:#666; border:1px solid #999; height:38px; line-height:38px; border-radius:5px; width:50%; display:inline-block;}


@media screen and (max-width:328px) {
    .proList a{ text-indent:50px;}

}
.backTop{ position:fixed; right:10px; bottom:10px; z-index:97; background:url(../img/global/top.png) no-repeat; width:50px; height:50px; background-size:100%; display:none;}
.gizle {top: -80px;}
.sabit {top:0;z-index: 999;}
.topBar{-webkit-transition:top .5s;-moz-transition:top .5s;transition: top .5s;}

/*20170424*/
header{ /*padding-bottom:10px; */background:none;transition:background 0s ease-in; -webkit-transition:background 0s ease-in;}
.storeIcon{ position:absolute; right:15px; top:0; width:20px; height:45px;line-height:45px; background:url(../images/love.png) no-repeat center left; background-size:20px;color:#000}
.storeIcon.active{position:absolute; right:15px; top:0; width:20px; height:45px; line-height:45px; background:url(../images/love.png) no-repeat center left; background-size:20px; color:#FFF}
.storeIcon i{ position:absolute; left:22px; bottom:-18px; background:url(../img/store/icon_03.png) no-repeat center top; background-size:15px; width:15px; height:15px; display:none;}
.storeIcon u{ position:absolute; background:#b60f0f; width:6px; height:6px;border-radius: 100%; display:block; right:15px; top:12px;}
header.showStore i{ display:block;}
header.showStore{ background:#373734; }
header.showStore .logo{ background-image:url(../img/global/logo2.png)}
header.showStore .icon-bar,header.showStore .btn-nav:hover .icon-bar{ background:#fff;}
header.showStore .storeIcon,header.showMenu .storeIcon{background:url(../img/store/icon_02.png) no-repeat center center; background-size:30px;}
.storeMain{ position:absolute; left:0; top:55px; background:rgba(0,0,0,0.5); width:100%; height:100%; overflow: hidden;overflow-y: scroll; z-index:999; display:none;}
.itext{color:#3d10a0; text-align:center; font-size:14px; padding:20px 15px; line-height:180%; clear:both;}
.storeBox{ padding:20px; background:#fff;}
.storeBox .infoBox{ padding-bottom:20px;}
.storeBox .infoBox .pic{ border-radius: 5px; text-align:center;}
.storeBox .infoBox{ text-align:center;}
.storeBox .infoBox p{ font-size:14px;padding:0 0 15px 0;}
.storeBox .infoBox p u{ padding:0 10px; text-decoration:none; font-size:12px;}
.storeBox .infoBox .btn a{ height:50px; line-height:50px; background:#b60f0f; color:#fff; text-align:center; display:block; border-radius: 5px; font-size:14px;}
.storeBox .qNav{}
.storeBox .qNav .lable{ height:50px; line-height:50px; border-bottom:1px solid #E6E6E6; width:100%; padding-right:20px; box-sizing: border-box; position:relative;}
.storeBox .qNav .lable i{ position:absolute; right:3px; top:0; min-width:50px; height:50px; background:url(../img/store/icon_09.png) no-repeat right center; background-size:7px; font-style:normal; color:#b60f0f; text-align:center;font-size: 12px;}
.storeBox .qNav .lable a{ background-position:left center; background-repeat:no-repeat; display:inline-block; padding-left:30px; background-size:18px; color:#666; font-size:14px; display:block;}
.storeBox .qNav .lable .icon1{ background-image:url(../img/store/icon_04.png);}
.storeBox .qNav .lable .icon2{ background-image:url(../img/store/icon_05.png);}
.storeBox .qNav .lable .icon3{ background-image:url(../img/store/icon_06.png);}
.storeBox .qNav .lable .icon4{ background-image:url(../img/store/icon_07.png);}
.storeBox .qNav .infos{ margin:20px 0 0 0; height:21px; line-height:21px; background:url(../img/store/icon_08.png) no-repeat left center; background-size:18px;  text-indent:30px; color:#000; font-size:14px;}
.storeBox .qNav .infos span{ float:right; display:inline-block; color:#b40d0d; border:1px solid #b40d0d; line-height:24px; padding:0 10px; border-radius: 5px; text-indent:0; cursor:pointer;}
.storeBox .before .btn a{ background:#050505; height:48px; line-height:48px; text-align:center; color:#fff; font-size:14px; border-radius: 5px; margin:20px 0; cursor:pointer; display:block;}
.storeBox .before .tip{ text-align:center; padding-bottom:20px;}
.storeBox .before .tip a{ color:#b81111; text-decoration:underline;}

.loginForm{ padding:0 20px 40px 20px; box-sizing: border-box; border-top:1px solid #F3F3F3;}
.loginForm h2{ font-size:24px; font-weight:normal; padding:32px 0; color:#3c3c3c; text-align:center;}
.loginForm .lable{ position:relative; margin-bottom:12px; *overflow:hidden;}
.loginForm .lable input{ height:38px; line-height:38px; width:100%;border-radius:5px; border:1px solid #d5d5d5;text-indent:12px; color:#3c3c3c; font-size:14px; 
-webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;}
.loginForm .lable input.yzm{ }
.loginForm .lable .send,.loginForm .lable .suan{ width:130px; height:40px; line-height:40px; background:#ee9545; color:#fff; text-align:center; float:right; border:0; cursor:pointer; text-indent:0; margin-right:-150px;}
.loginForm .tipTxt{ position:absolute; left:0px; top:0px; text-indent:12px; color:#aaa; z-index:0; cursor: text; height:40px; line-height:40px; font-size:14px;}
.loginForm .other { padding:15px 0 20px 0;}
.loginForm .other .findWord{ float:right;}
.loginForm .other a{ color:#b60f0f; text-decoration:underline;}
.loginForm .other .tr{ text-align:right;}
.loginForm .other input{ position:relative; top:2px; margin-right:2px;}
.loginForm .btn a{ height:42px; line-height:42px; background:#222; width:100%; color:#fff;border-radius: 5px; display:block; text-align:center; font-size:14px;}
.loginForm .b2 a{ background:#b60f0f;}
.loginForm .tip{ text-align:center; padding-top:20px;}
.loginForm .tip a{ color:#b81111; text-decoration:underline;}
.loginForm .sns{ text-align:center; color:#999; padding-top:15px; height:20px; line-height:20px; padding-bottom:8px;}
.loginForm .sns img{ position:relative; left:8px; top:4px;}
.loginForm .ma{  background:none; border:0; padding:0;padding-right:150px; height:45px;}
.loginForm .ma .txt{}

.storeBox .infoBox .proShopList{ background:none; padding-left:140px; min-height:70px; display:table;}
.storeBox .infoBox .proShopList .pic{ width:130px; float:left; margin-left:-135px; background:none;}
.storeBox .infoBox .proShopList .pic img{ width:100%;}
.storeBox .infoBox .proShopList p{ vertical-align:middle; display:table-cell; text-align:left; font-size:14px; padding:0;}
.storeBox .infoBox .btn{ margin-top:15px;}
.telBox{ padding:10px; text-align:center; font-size:14px; line-height:24px;color:#ADACAA; font-size:16px;}
.telBox .tel{ display:inline-block; width:180px; height:42px; line-height:42px; border:1px solid #ADACAA; background:url(../images/tel.png) no-repeat 10% center; background-size:20px; color:#ADACAA; font-size:16px; text-indent:20px;border-radius:5px; margin:20px 0 10px 0;}
.telBox .txt span{ font-size:14px;}
.btbg{
	 background:url(../images/bottombg2.jpg) #171B34 bottom center;
}


.neiye_nav{width: 94%;margin: 0 auto;padding:8px 0;}
.neiye_nav a{float: left;display: block; width: 31%;height: 35px;background:#63898C;text-align: center;line-height: 35px;font-size: 14px;color: #fff;border-radius: 4px;margin-right: 1%;margin-left: 1%;margin-bottom: 10px; }
.neiye_nav .active{background: #C0A062;}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-popup-trigger {
  display: block;
  width: 100%;
  /*height: 50px;
  line-height: 50px;
  margin: 3em auto;*/
  /*text-align: center;
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50em;
  background: #35a785;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);*/
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
   /* margin: 6em auto;*/
  }
}

/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:9999999999999999999999999999999999999999999;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 80%;
  max-width: 350px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 1em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
.m_center2{width:100%;}
.m_center2 ul{ padding:0; margin:0}
.m_center2 ul li{width:48%; float:left; margin-right:2%; list-style: none; margin-bottom:10px;}
.m_center2 ul li img{width:100%;box-shadow: rgba(0,0,0,0.1) 0 8px 20px; margin-bottom:10px; border:#f0f0f0 1px solid}
.m_center2 ul li .orico_active_icon{ text-align:center; font-size:14px; line-height:140%; height:50px; overflow:hidden; padding:0 10px; }

.g-bd .m-con-2 { margin-bottom:26px; }
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 dl { border-bottom:1px solid #e0e0e0; /*box-shadow:0 1px #e6e6e6; */margin-bottom:2px; padding:12px 36px 12px 10px; position:relative; }
.g-bd .m-con-2 dt { float:left;display:block;border:0px solid #ccc; margin-right:11px; }
.g-bd .m-con-2 dt img { display:block;/*border:1px solid #CCC;*/}
.g-bd .m-con-2 h3 { height:24px; line-height:100%; overflow: hidden; padding-right:10px; font-size:13px}
.g-bd .m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; /*margin:0 5px; margin-right:3%; */overflow: hidden; }
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.s-wc,a.s-wc,.s-wc a{ color:#000 ; }
.jiangpin{ clear:both;}
.jiangpin ul li{ float:left; width:48%;margin-bottom:10px}
.jiangpin ul li img{ width:100%; display:block; }
.jiangpin ul li p{ text-align:center}
.local{clear:both;padding:0 15px;font-size:14px;background:#f0f0f0;line-height:50px;margin-bottom:20px}
.local span{font-family:'宋体';padding:0 10px}
.local img{display:inline-block;position:relative;top:-2px}
.indexaboutcont{
	margin:0 15px; 
	clear:both;
}
.indexaboutcont p{
	font-size:15px;
	margin-bottom:10px;
	line-height:180%;
}
.tt{
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
	color:#0C0C0C;
	line-height:140%;
	clear:both;
	float:left;
	width:100%;
	margin-top:20px;
}
.tt span{
	text-transform:uppercase;
	font-weight:lighter;
	color:#61799B;
	font-family:arial;
	font-size:16px;
}
.tt em{
	display:block;
	 width:40px;
	 height:2px;
	 background:#61799B;
	 margin-top:20px;
}
.tt i{
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:#0C0C0C;
	display:inline-block;
	margin-bottom:4px;
}
.indexaboutcont a.more{
	clear:both;
	height:28px;
	line-height:28px;
	float:left;
	margin-top:0px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	text-transform:uppercase;
	color:#000;
	font-size:15px;
}
.indexaboutcont a.more img{
	margin-bottom:3px;
}
.designteam{
	clear:both;
	margin:0 15px;
}
.ndesc{
	color:#202020;
	padding:20px 0;
	font-size:15px;
	text-align:center;
	line-height:160%;
}
.videolist{
	clear:both;
	width:100%;
	/*margin-top:100px;*/
}
.videolist li{
	float:left;
	width:-moz-calc((100% - 20px) / 2);
	width:-webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	text-align:center;
	position:relative;
}
.videolist li:not(:last-child){
	margin-right:20px;
}
.tubiaox{
	display:none;
	width:100%;
	position:absolute;
	bottom:14%;
	text-align:center;
	clear:both!important;
	margin:0 auto;
}
.videolist li:hover .tubiaox{
	display:block;
}
.tubiaox dl{
	text-align:center!important;
	clear:both;
}
.tubiaox dl dt{
	display:inline-block!important;
	width:54px;
	height:54px;
	margin:0 12px!important;
	border-radius:54px;
}
.tubiaox dl dt.tb1{
	background:url(../../../images/mail.png) no-repeat;
}
.tubiaox dl dt.tb2{
	background:url(../../..images/weixin.png) no-repeat;
}
.tubiaox dl dt.tb3{
	background:url(../../..images/fenxiang.png) no-repeat;
}
.tubiaox dl dt.tb1:hover{
	background:url(../../..images/mailon.png) no-repeat #FFF;
}
.tubiaox dl dt.tb2:hover{
	background:url(../../..images/weixinon.png) no-repeat #FFF;;
}
.tubiaox dl dt.tb3:hover{
	background:url(../../..images/fenxiangon.png) no-repeat #FFF;;
}
.biankaung{
	border:#4D6587 3px solid;
	width:90%;
	height:100%;
	position:absolute;
}
.videolist li div.tupian{
	position:relative;
	overflow:hidden;
	width:calc(100% - 10px);
	width:-moz-calc(100% - 10px);
	width:-webkit-calc(100% - 10px);
	margin-left:10px;
	bottom:5px;
}
.videolist li div.tupian img{
	width:100%;
	display:block;
}
.videolist li p.vname{
	position:absolute;
	top:40%;
	color:#FFF;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:lighter;
	text-shadow:1px 1px 1px #000; 
}
.videolist li p.view{
	position:absolute;
	top:65%;
	width:50%;
	left:50%;
	margin-left:-25%;
	line-height:36px;
	height:36px;
	border:rgba(255,255,255,0.5) 1px solid;
	color:#FFF;
	padding:0;
	font-size:18px;
	text-shadow:1px 1px 1px #000;
	font-family:arial;
	font-weight:lighter;
}
/*********视频中心*********************************/
.video{
	clear:both;
	width:100%;
	float:left;
}
.video li{
	position:relative;
	width:100%;
	float:left;
	margin-bottom:30px;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
}
.video img{
	display:block;
}
.video li .balckbg{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.video li .vtubiao{
	position:absolute;
	width:60px;
	height:60px;
	left:50%;
	margin-left:-30px;
	top:50%;
	margin-top:-30px;
	background:url(../../../up_pic/video.png) no-repeat center;
	background-size:60px;
	z-index:2
}
.video li p{
	position:absolute;
	bottom:0;
	color:#FFF;
	font-size:16px;
	text-align:center;
	line-height:50px;
	width:100%;
	z-index:2
}
.sortinfo{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
	padding:0 15px;
	line-height:180%;
}
.sortinfo p{
	margin-top:15px;
}
/*产品详情*/
.productinfo-bj{
	width: 100%;
	clear:both;
	float:left;
	padding:20px 15px 0 15px;
}
.productinfo{
	padding-bottom: 0px;
}
.productinfo-h3{
	font-size: 48px;
	line-height: 60px;
	text-align: center;
	color: #000;
}
.productinfo-ul{
	margin-bottom: 0px;
}
.productinfo-ul li{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	padding:15px;
	background: #FFF;
	position: relative;
	transition: all .3s;
    -webkit-transition:all .3s;
    -webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);
	box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.productinfo-li-new{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	z-index: 2;
}
.productinfo-li-new:after{
	content: '';
	width: 80px;
	height: 80px;
	background: #8fc320;
	position: absolute;
	top: -40px;
	left: -40px;
	z-index: 0;
	transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:rotate(45deg);
}
.productinfo-li-new span{
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	position: relative;
	z-index: 2;
	padding-left: 2px;
}
.productinfo-li-bj{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../../../images/probg.jpg~v=2.0.jpg) no-repeat center;
	background-size: cover;
	opacity: 0;
	transition: all .3s;
    -webkit-transition:all .3s;
}
.productinfo-lt{
	width:100%;
	float: left;
	color: #000;
	position: relative;
	z-index: 2;
	transition: all .3s;
    -webkit-transition:all .3s;
}
.productinfo-lt>div{
	font-size: 16px;
	line-height:160%;
}
.productinfo-rt{
	width: 100%;
	float: left;
	clear:both;
	position: relative;
	z-index: 2;
	margin-top:10px;
	border-top:#f0f0f0 1px solid;
	padding-top:10px;
}
.productinfo-rt img{
    max-width: 100%;
    height: auto !important;
}
.productinfo-rt>div{
	width:100%;
	display: inline-block;
	font-size: 14px;
	line-height: 180%;
	color: #666;
	transition: all .3s;
    -webkit-transition:all .3s;
}
.productinfo-rt>div dl{
	width:100%; 
	clear:both;
	overflow:hidden
}
.productinfo-rt>div dl .l{
	width:100%;
}
.productinfo-rt>div dl .r{
	width:100%;
	margin-top:10px;
}
.productinfo-ul li:hover .productinfo-li-bj{
	opacity: 1;
	transition: all .3s;
    -webkit-transition:all .3s;
}
.productinfo-ul li:hover .productinfo-rt>div dl .r,.productinfo-ul li:hover .productinfo-rt{
	/*border-left: 1px solid rgba(255,255,255,.2);*/
}
.productinfo-ul li:hover .productinfo-lt{
	color: #fff;
	border-right-color: rgba(255,255,255,.2);
	transition: all .3s;
  -webkit-transition:all .3s;
}
.productinfo-ul li:hover .productinfo-rt>div{
	color: #fff;
	transition: all .3s;
  -webkit-transition:all .3s;
}

.rmtj{
	padding-top: 80px;
	padding-bottom: 40px;
}
.proinfo-swiper{
	padding-bottom: 80px;
	margin-top: 45px;
}
.proinfo-span span{
	width: 10px;
	height: 10px;
	margin: 0 8px !important;
}
.proinfo-span .swiper-pagination-bullet-active{
	background: #8fc320;
}
/******三级菜单****/
.xCol-nav{
	width:100%;
	text-align:center;
}
.xCol-nav a{
	display:inline-block;
	margin:0 3px;
	padding:0 10px;
	height:30px;
	line-height:30px;
	background:#f0f0f0;
	color:#424242;
}
.xCol-nav a.cur{
	background:#015C61;
	color:#FFF;
}
/*****PDF**************/
.pdf-list{
	width:100%;
	clear:both;
	float:left;
}
.pdf-list li{
	border:#e0e0e0 1px solid;
	line-height:20px;
	margin-bottom:10px;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
	padding:10px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	text-align:left;
}
.pdf-list li:first-child{
	margin-top:20px;
}
.pdf-list li:last-child{
	margin-bottom:50px;
}
.pdf-list li span{
	float:right;
	margin-left:20px
}
.pdf-list li:hover{
	border:#015C61 1px solid;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px)
}
.pdf-list li a{
	display:block;
	color:#424242;
}
.pdf-list li:hover a{
	color:#015C61
}
.intro p{
	margin-bottom:15px;
	text-indent:2em;
	line-height:180%
}
.mpagination {
	margin: 10px auto 4px auto;
	clear:both;
	float:left;
	width:100%;
	/*background:#FFF;*/
	height:40px;
	font-size:12PX;
}

.mpagination ul {
	width:100%;
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	/*margin-left: 0;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	*zoom: 1;
	text-align:center;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/
}

.mpagination ul li {
	display: inline-block;
	border:#e0e0e0 1px solid;
	background:#FFF;
	padding:5px 8px;
	margin:0 1px
}
.mpagination ul li a{
	display:block;
}
.mpagination ul li.ctxt{
	background:#009393!important;
	border:#009393 1px solid;
	color:#FFF;
}
.mpagination ul li:hover{
	border:#009393 1px solid;
	color:#009393
}
.mpagination ul li:hover a{
	color:#009393
}
.mpagination ul li.ctxt:hover{
	color:#FFF!important
}
