@charset "utf-8";
@font-face {
    font-family: 'pf_square_sans_proregular';
    src: url('../fonts/pfsquaresanspro-regular-webfont-webfont.eot');
    src: url('../fonts/pfsquaresanspro-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-regular-webfont-webfont.woff2') format('woff2'),
         url('../fonts/pfsquaresanspro-regular-webfont-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro-regular-webfont-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro-regular-webfont-webfont.svg#pf_square_sans_proregular') format('svg');
		 font-weight: normal;
		 font-style: normal;
}
@font-face {
    font-family: 'pf_square_sans_prolight';
    src: url('../fonts/pfsquaresanspro-light-webfont-webfont.eot');
    src: url('../fonts/pfsquaresanspro-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-light-webfont-webfont.woff2') format('woff2'),
         url('../fonts/pfsquaresanspro-light-webfont-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro-light-webfont-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro-light-webfont-webfont.svg#pf_square_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pf_square_sans_probold';
    src: url('../fonts/pfsquaresanspro-bold-webfont-webfont.eot');
    src: url('../fonts/pfsquaresanspro-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro-bold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/pfsquaresanspro-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro-bold-webfont-webfont.svg#pf_square_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
input, textarea,.fontregular{font-family: 'pf_square_sans_proregular';}
.fontbold{font-family: 'pf_square_sans_probold';}
body{margin:0px;padding:0px; font-size:14px; color:#565656;font-family: 'pf_square_sans_prolight'; background:#EDEDED;}
ul,ol,li,dl,dt,dd,button,input,p{list-style-type:none;list-style:none;margin:0px;padding:0px;}
h1,h2,h3,h4,h5{font-size: 100%;margin:0;padding:0; font-weight:400;}
a{blr:expression(this.onFocus=this.blur());outline:none;text-decoration:none; color:#565656;} 
a:hover{color: #0B62A5;}
table{border-collapse:collapse; border-spacing:0px;}
img{ border:none; vertical-align:top;}
em,i{ font-style:normal;}
.clearboth,.wrap{zoom: 1; position: relative;}
.clearboth:after,.wrap:after{visibility: hidden;display: block;content: " ";clear: both;height: 0;line-height:0; }
.text-overflow,.down-h{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{width: 1000px; margin:0px auto;}
.icon{ background-image:url(../images/icon.png); background-repeat:no-repeat;}
.zdxhover,.share-icon:hover{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;	transition:all 0.5s ease-in-out;}
.relative{position: relative;}
.center{text-align: center;}



.logo {float: left;margin:36px 0px 0;}


.menu{float: right;}
.menu li{float: left;position: relative;}
.menu li>a{ padding:0px 22px;font-size: 16px;height:96px;display: block; line-height:96px;border-top:4px solid #fff;color: #494949;}
.menu li.active>a{ background:#EDEDED; border-top:4px solid #0B62A5;}
.erji{position: absolute; background:#EDEDED;width: 270px; left:0px; top:100px;display: none;}
.erji a{height: 40px;line-height: 40px; border-bottom:1px solid #DBDDE1;display: block; padding-left:22px;}
.erji a:hover{ background:#1A89E5;color: #fff;}
.menu li:hover .erji{display: block;}



#banner{position: relative;z-index:1;}
.banner-img{height:550px;overflow: hidden;position: relative; z-index:5;}
.banner-img a{background-repeat:no-repeat; background-position: center top; position: absolute; left:0px; top:0px; width: 100%;height: 100%;}
.banner-btn{position: absolute;bottom:40px; width: 100%; text-align: center;z-index:10;}
.banner-btn span{cursor: pointer; zoom: 1; width: 14px; height: 14px; border-radius:50%; margin:0px 4px;background: #fff;display:inline-block;}
.banner-btn .cur{  background: #00CCFF;width:9px;height:9px; border:3px solid #fff;}

.iabout{text-align: center; padding:70px 0px 90px;color: #3f3f3f;}
.iabout-h{color: #3f3f3f;font-size: 40px;}
.iabout-line{width: 386px; margin:50px auto; border-top:1px solid #DDDDDD;}
.iabout-line2{border-top:3px solid #0B62A5;width:102px; margin:-2px auto 0px;}
.iabout-con{font-size: 16px;color: #6e6e6e;line-height: 32px; height: 160px;overflow: hidden;}
.iabout-btn{background:#0B62A5;color: #fff; border-radius:5px;font-size: 26px; display:inline-block; padding:15px 68px;margin-top:62px;}
.iabout-btn:hover{color: #fff;background:#005089;}

.igray{background:#F0F0F0; }
.iser li{width: 33.333%;float: left;text-align: center;padding:48px 0px 68px;}
.iserli2{ background:#F9F9F9;}
.iser-h{font-size: 30px;color: #0e0e0e;}
.iser-line{width: 68px; margin:18px auto;border-top:3px solid #0B62A5;}
.iser-con{font-size: 16px;line-height: 26px;color: #7c7c7c; padding:0px 20px; margin-bottom: 48px;height: 78px;overflow: hidden;}
.iser-btn{color: #2b2b2b; border:1px solid #B5B5B5; background:#F0F0F0; display:inline-block;padding:12px 56px;font-size: 18px; border-radius:3px;}
.iser-btn:hover{color: #0B62A5;background:#F0F0F0;border:1px solid #0B62A5;}
.iserli2 .iser-btn{color: #fff; border:1px solid #0B62A5; background:#0B62A5;}
.iserli2 .iser-btn:hover{ background:#00487E;}

.ipro-box{text-align: center; padding:62px 0px 70px;}
.ipro-box .iabout-line{width:300px; margin:25px auto;}
.ipro22{ margin-top:50px;}
.ipro ul{ margin-right:-50px;}
.ipro li{width: 298px; margin-right:50px;float: left;text-align: center;border:1px solid #DDDDDD;border-radius: 5px;}
.ipro-img{width: 100%; border-radius:5px 5px 0px 0px; }
.ipro-bor{padding:37px 0px;}
.ipro-h{font-family: 'pf_square_sans_probold';color: #3f3f3f;font-size:20px;}
.ipro-line{width:23px; margin:15px auto 12px;border-top:4px solid #0B62A5;}
.ipro-con{font-size: 16px;line-height: 22px;color: #6e6e6e; margin-bottom:37px; padding:0px 40px;height: 44px;overflow: hidden;}
.ipro-btn{color: #2b2b2b; border:1px solid #DDDDDD; background:#FFFFFF; display:inline-block;padding:14px 40px;border-radius:3px;}
.ipro-btn:hover{color: #0B62A5;border:1px solid #0B62A5;}
.ipro-text{font-size: 16px; color: #6e6e6e; margin-bottom:55px;}


.footer{ border-bottom:1px solid #E9E9E9;border-top:1px solid #E9E9E9;}
.copyright{text-align: center;color: #4b4b4b; line-height:28px; padding:32px 0px; background:#EDEDED;}
.copyright a{color: #4b4b4b;}
.copyright a:hover{color: #0B62A5;}
.foot-ul li{float: left;width:33%;}
.share{padding:0px 0px 0px 30px}
.foot-ul-h{font-size: 22px;color: #0b0b0b;margin-bottom:26px;}
.share-list a{float: left; background-color:#CBCBCB;width: 32px;height: 32px; border-radius:50% 50%; margin-right:6px;}
.share-list a:hover{background-color:#15BEF5;}
.share-icon{background-image: url(../images/share.png);background-repeat: no-repeat;}
.share1{ background-position:9px 8px;}
.share2{ background-position:7px -26px;}
.share3{ background-position:9px -63px;}
.share4{ background-position:6px -100px;}
.share5{ background-position:8px -138px;}
.share6{ background-position:7px -180px;}
.share-icon:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.foot-desc-box{border-left:1px solid #E9E9E9;border-right:1px solid #E9E9E9; padding:0px 22px;}
.foot-desc{line-height: 18px;color: #373737;height:54px;overflow: hidden;}
.foot-sea-box{ padding-left:20px;}
.foot-val{ background:#F0F0F0; border:none;width: 178px;height: 35px;float: left; padding:0px 10px;}
.foot-sub{float: left; background:#0B62A5;color: #fff;height: 35px;width: 85px; border:none;cursor:pointer;}
.whitebg{ background:#fff;}


.ad{height:250px; background:url(../images/ad.jpg) center top no-repeat;text-align: center;color: #fff;font-size:18px;}
.ad-h{font-size:40px;padding:85px 0px 12px;}

.mtb30{margin-top:30px; margin-bottom:30px;}
.sidebar{width:230px;float: left;background: #fff;}
.content{width: 740px;float: right;}
.bcon{line-height: 24px; padding:22px;}
.sidebar-h{font-size: 18px; color:#fff; background:#075091; font-family: 'pf_square_sans_probold';}
.sidebar-h span{display:inline-block; padding:14px 17px;position: relative;}
.sidebar-h span:after{content:"";position: absolute;width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff; bottom:0px; left:50%; margin-left:-8px;}
.catelist{ padding:20px;}
.catelist a{height: 42px;line-height: 42px;background:#E8E8E8; padding-left:12px;color: #2d2d2d;display: block; border-radius:2px;}
/*.catelist li.active a,.catelist li:hover a{color: #fff;background:#00ABE3;}
*/
.catelist li.active a{background: #00ABE3;}
.catelist li.w a{background:#CCCCCC;}


.catelist li{ margin-bottom:10px;}
.catelist li:last-child{ margin-bottom:0px;}
.common-h{height: 50px;line-height: 50px;color: #3c3c3c;font-size: 18px; padding:0px 25px; background:#fff; display:inline-block; zoom:1;*display:inline;font-family: 'pf_square_sans_probold';}

.down li{overflow: hidden; padding:26px 22px 30px 28px;}
.down-l{float: left;width: 60px;}
.down-r{ margin-left:97px;}
.down-h{font-size:18px;font-family: 'pf_square_sans_probold';color: #2f2f2f; margin-bottom:11px;}
.down-con{height: 48px;overflow: hidden;}
.down-even{ background:#F7F7F7;}


.page{text-align: center; padding:34px 0px;}
.page a ,.page span{ display: inline-block;line-height: 20px; padding:3px 8px; margin:0px 3px; border:1px solid #E0E0E0; background:#F3F3F3; color: #000;}
.page a.active{ background:none;border:none;}

.contact{padding: 30px;}
.iclist{ margin-bottom:25px;}
.ictitle{font-size:30px;padding-bottom:14px;}
.ictitle:after{content:"";width: 40px; border-bottom:3px solid #15BEF5;display:block;margin-top:9px; }
.ictext{font-size:15px;}
.iclist-box{ padding:20px 14px 60px;}

.icinput{ margin-bottom:5px;position: relative;}
.icval{ border:none;background:#F1F1F1; height: 20px; padding:17px 2%;width:96%;color: #4b7ba7;}
.ictval{height: 110px;}
.icsub{width: 100%;border:none; background:#1A7BC7;color: #fff;font-size: 22px; padding:20px 0px; margin-top:5px; cursor:pointer;}

.progray{ background:#F4F4F4; padding:0px 0px 50px;}
.product .ipro-bor,#owl-demo .ipro-bor{text-align: center; background:#EDEDED; border:none;}
.product li{ margin-top:50px;}

.detail-h{color: #2f2f2f;font-size: 28px;font-family: 'pf_square_sans_probold';text-align: center; padding:56px 0px;}


/* prodetail */
.spec-preview{height: 640px; background:#fff;position: relative;width: 800px;float: right;}
.spec-preview img{width: 100%;height: 100%;}
.spec-scroll{position: relative;float: left;width: 170px;}
.spec-scroll .prev,.spec-scroll .next{ cursor: pointer;height:38px; width:38px; margin:0px auto;display: block;}
.spec-scroll .prev{ margin-top:10px; margin-bottom:37px;}
.spec-scroll .next{ margin-top:37px;}
.items{width:100%;height:468px; overflow: hidden;position: relative;}
.items ul{position:absolute;height:999999px;}
.items ul li{height:126px;width:160px;cursor:pointer; margin-bottom:30px; border:5px solid #fff;}
.items ul li img{width: 100%;height: 100%;}
.items ul .ihover{border:3px solid #074F95;}

.mb50{margin-bottom: 50px;}

#owl-demo .item{ padding:0px 25px;}
.wrap2{ width:1050px; margin:0px auto;}
.whaha{ margin-left:-25px; margin-right:-25px; padding-bottom:0px;}


.dtab-menu{text-align: center; padding-top:50px;}
.dtab-menu li{display:inline-block; margin:8px 11px; background:#CACACA; border-radius:3px;}
.dtab-menu li.selected{ background:#1A89E5;}
.dtab-menu a{color: #000;display: block; padding:13px 15px;}
.dtab-menu li.selected a{color: #fff;}
.hide{display: none;}