@charset "utf-8";
html, body { margin: 0; padding:0px;min-width:1200px;background:#fff;position:relative;}
body { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑"; color: #666; text-align:left;}
*:after {margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, select, textarea{font-family:"Microsoft Yahei","微软雅黑"; outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
a:link { color: #666; text-decoration: none; }
a:visited { text-decoration: none; color: #999999; }
a:hover { text-decoration:none; color: #999; }
a:active { text-decoration: none; color: #999999; }
h1,h2,h3,h4,h5,h6{margin: 0px;font-weight:400;  }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
p{font-size:14px;}
.ml{margin-left:0 !important; }
.mr{margin-right:0 !important; }
.cl{ clear:both;height:1px;overflow:hidden;}
.ovh {overflow: hidden;}
.por {position: relative;}
.poa {position: absolute;}
.fl{float:left;}
.fr{float:right;}
.block{display:block !important;}
.no-block{display:inline-block;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.w100{width:100%;}
.w1200{width: 1200px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.mt{margin:0 auto;}
.mt0{margin-top:0 !important;}
.img-style{max-width:100%;display:block;vertical-align:middle;}
.h1{height:10px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
/*HEADER CSS*/
.nav{height:80px;line-height:80px;position:relative; z-index:1;  }
.nav a{color:#333;}
.nav .nLi:first-child{margin-left:120px;}
.nav .nLi{ float:left;margin-left:30px;position:relative; display:inline-block;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block;font-size:16px;font-weight:600;}
.nav .nLi h3 a.current{color:#017dc7;background:url(../images/nav-bg.jpg) repeat-x bottom center;}
.nav .nLi h3 a:hover{color:#017dc7;background:url(../images/nav-bg.jpg) repeat-x bottom center;}
.nav .sub{display:none; width:200px; left:0; top:80px;  position:absolute; background:rgba(0,0,0,.3);  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px;color:#fff;}
.nav .sub a:hover{ background:#6d6d6d; color:#fff;}
.language{height:80px;line-height:80px;}
.cn:link,.en:link{color:#333;}
.cn:visited,.en:visited{color:#333;}
.cn:hover,.en:hover{color:#333;}
.cn:active,.en:active{color:#333;}
.erect{display:inline-block;line-height:21px;padding:0 20px;font-style:normal;}
.bias{display:inline-block;line-height:21px;padding:0 5px;}
.main-wrap{background:#fff url(../images/bg.png) no-repeat center;background-size:cover;}
.searchbox{position:relative;width:22px;height:80px;}
.search-icon{position:absolute;left:50%;top:50%;margin-top:-11px;margin-left:-11px;}
/*Index CSS*/
.container{background:#f5f5f5;overflow:hidden;}
.picScroll-left{ margin:40px 0 30px 0;position:relative;}
.picScroll-left .hd{position:absolute;top:50%;left:50%;margin-left:-650px;margin-top:-16px;width:1300px;height:32px;z-index:1;overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:18px; height:32px;overflow:hidden;cursor:pointer; background:url("../images/slider-arrow.png") no-repeat;}
.picScroll-left .hd .prev{ float:left;background-position:-177px 0;}
.picScroll-left .hd .next{ float:right;background-position:-60px 0;}
.picScroll-left .hd .prev:hover{ background-position:-116px 0; }
.picScroll-left .hd .next:hover{ background-position:0 0; }
.picScroll-left .bd{overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden;zoom:1;z-index:9999; }
.picScroll-left .bd ul li{position:relative; margin:0 29.3333px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ width:278px;height:254px;text-align:center;background:#fff;overflow:hidden;}
.picScroll-left .bd ul li .pic img{ width:278px; height:254px; display:block;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;}
.picScroll-left .bd ul li .pic a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.picScroll-left .bd ul li .title{width:278px;height:67px;line-height:67px;background:#e0e0e0 url(../images/pro-title-bg.jpg) repeat-x bottom center;}
.picScroll-left .bd ul li:hover .ipro-mask{top:0;}
.picScroll-left .bd ul li .title a{color:#333 !important;}
.picScroll-left .bd ul li .title a:link{color:#fff;}
.picScroll-left .bd ul li .title a:visited{color:#fff;}
.picScroll-left .bd ul li .title a:hover{color:#fff;}
.picScroll-left .bd ul li .title a:active{color:#fff;}
.ipro-mask{position:absolute;left:0;top:321px;width:278px;height:321px;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;background:rgba(0,0,0,.3) url(../images/ipro-bg.png) no-repeat bottom center;z-index:99;}
.ipro-mask a{display:block;position:relative;top:50%;left:50%;margin-left:-48.5px;margin-top:-16.5px;width:97px;height:33px;line-height:33px;color:#fff;background:#017dc7;}
.ipro-mask a:link{color:#fff;}
.ipro-mask a:visited{color:#fff;}
.ipro-mask a:hover{color:#fff;}
.ipro-mask a:active{color:#fff;}
.part-title{height:100px;line-height:100px;font-size:24px;font-weight:600;color:#666;background:url(../images/title-bg.png) no-repeat center;}
.part-title h2{font-size:28px;color:#131313;text-align:center;}
.part-title span{display:block;color:#444;font-size:20px;text-align:center;}
/*slidTxtBox2 CSS*/
.part-one{margin-top:20px;}
.slideTxtBox2{margin-top:17px;width:100%;text-align:left;}
.slideTxtBox2 .hd{ height:32px; line-height:32px;text-align:center;position:relative; }
.slideTxtBox2 .hd ul{display:inline-block;height:32px;   }
.slideTxtBox2 .hd ul li{position:relative;float:left;font-size:16px;color:#666;padding:0 20px; cursor:pointer;  }
.slideTxtBox2 .hd ul li:before{content:'|';position:absolute;left:0;}
.slideTxtBox2 .hd ul li.on:before{color:#888;}
.slideTxtBox2 .hd ul li:first-child:before{content:' ';}
.slideTxtBox2 .hd ul li.on{ height:32px;color:#0aa8f1;}
.slideTxtBox2 .bd ul{margin:30px 0;height:279px;zoom:1;overflow:hidden;}
.slideTxtBox2 .bd ul li{position:relative;margin-left:30px;float:left;width:380px;height:279px;overflow:hidden;}
.slideTxtBox2 .bd ul li:first-child{margin-left:0;}
.slideTxtBox2 .bd ul li:hover .inews-title{display:block;}
.slideTxtBox2 .bd ul li:hover .inews-search{display:block;}
.slideTxtBox .bd{color:#666;}

.inews-search{position:absolute;left:0;top:0;width:380px;height:240px;background:url(../images/inews-search.png) no-repeat center;}
.inews-title{position:absolute;left:0;bottom:0;width:380px;height:37px;line-height:37px;color:#fff;text-align:center;background:rgba(0,0,0,.5);}
.inews-title:link{color:#fff;}
.inews-title:visited{color:#fff;}
.inews-title:hover{color:#fff;}
.inews-title:active{color:#fff;}
/*MAIN CSS*/
.main-content{min-height:550px;padding:40px 0 0 0;}
.con{min-height:450px;}
#wrap{position:relative;background:#f5f5f5;}
#bcnav{height:64px;line-height:64px;z-index:999;background:#e3e3e3;}
.cur-item a{display:block;height:40px;line-height:40px;font-size:14px;color:#fff;padding:0 30px;background:#007ac7;}
.bcnav{margin-top:50px;}
.bcnav,.bcnav a{font-size:16px;color:#666;}
.bcnav em{font-style:normal;padding:0 5px;}
.cur_item{color:#017dc7;}
.list-ul{display:inline-block;}
.list-ul li a{display:block;padding:0 38px;height:64px;line-height:64px;font-size:15px;font-weight:600;color:#333;}
.list-ul li.active a{background:#fff url(../images/inside-nav-bg.jpg) repeat-x top center;}
.news span{display:block;}
.news-list li{margin-top:60px;-webkit-box-sizing: boder-box;-moz-box-sizing: boder-box;box-sizing: boder-box;}
.news-list li:first-child{margin-top:0;}
.news-img{width:444px;height:326px;overflow:hidden;}
.i-news-img img,.news-img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;}
.i-news-img img:hover,.news-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news-details{margin-left:30px;width:726px;}
.news-title{font-size:28px;color:#444;font-weight:600;line-height:88px;}
.news-summary{height:150px;font-size:16px;color:#444;line-height:36px;overflow:hidden;}
.view-more{display:block;width:180px;height:36px;line-height:36px;color:#fff;background:#017dc7;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.view-more:link{color:#fff;}
.view-more:visited{color:#fff;}
.view-more:hover{color:#fff;}
.view-more:active{color:#fff;}
.news-inside-title{font-size:24px;line-height:30px;color:#333;}
.news-inside-sort{margin-left:10px;}
.news-inside-item,.news-inside-sort{display:inline-block;padding:15px 0;font-size:12px;color:#999;}
.news-inside-content{border-top:1px solid #eee;padding-top:20px;line-height:2em}
.jiathis_style{margin-top:20px;}
.news-view-ctrl{margin:40px 0 20px 0;}
.news-view-ctrl-i,.news-view-ctrl-i a{font-size:14px;color:#666;}
.pro-list li{margin-left:29.3333px;margin-top:37px;}
.pro-img{width:278px;height:278px;overflow:hidden;border:1px solid #ddd;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro-img img{background:#fff;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;}
.pro-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro-desc{width:278px;}
.pro-title{display:block;font-size:16px;color:#333;height:67px;line-height:67px;background:#e0e0e0 url(../images/pro-title-bg.jpg) repeat-x bottom center;cursor:pointer;}
.pro-title:link{color:#333;}
.pro-title:visited{color:#333;}
.pro-title:hover{color:#333;}
.pro-title:active{color:#333;}
.inside-pro-wrap{padding:20px 20px 0 20px;}
.inside-pro-img{margin-right:50px;width:408px;height:408px;/* background:#fff; */overflow:hidden;}
.summary{width:602px;max-height:372px;overflow:hidden;}
.summary h2{display:inline-block;padding-right:30px;border-bottom:2px solid #999;line-height:68px;font-size:28px;color:#0aa8f1;}
.pro-des{margin-top:30px;line-height:36px;}
.intro{min-height:400px;margin-top:25px;}
/*PRODUCT DETAILS Tab CSS*/
.slideTxtBox{ width:100%;text-align:left;  }
.slideTxtBox .hd{ height:58px; line-height:58px; background:#e3e3e3;text-align:center;position:relative; }
.slideTxtBox .hd ul{display:inline-block;height:58px;   }
.slideTxtBox .hd ul li{ position:relative;float:left;font-size:16px;color:#333;padding:0 20px; cursor:pointer;  }
.slideTxtBox .hd ul li:before{content:'|';position:absolute;left:0;}
.slideTxtBox .hd ul li.on:before{color:#333;}
.slideTxtBox .hd ul li:first-child:before{content:' ';}
.slideTxtBox .hd ul li.on{ height:58px;color:#0aa8f1;}
.slideTxtBox .bd ul{padding:50px 147px 0 147px;zoom:1;}
/*SUPPORT CSS*/
.support-list li h2{padding-left:35px;font-size:14px;color:#017dc7;height:22px;line-height:22px;background:url(../images/q.png) no-repeat left center;cursor:pointer;}
.support-list li{border-bottom:1px dashed #ababab;padding:30px 0;}
.support-list li:first-child{padding-top:0;}
.support-con{padding-left:35px;margin-top:15px;}
/*MAP CSS*/
.map{margin:30px 0 50px 0;padding:50px 20px;width:1160px;height:490px;background:#fff;overflow:hidden;}
.company-info{margin-left:37px;padding:0 10px;width:303px;height:490px;border:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.company-info ul li{padding:17px 0;border-top:1px dashed #e3e3e3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-height:119px;overflow:hidden;}
.company-info ul li:first-child{border-top:0;}
.company-info ul li h2{font-size:20px;line-height:28px;color:#5c5c5c;}
.company-info ul li p{font-size:14px;line-height:28px;color:#6c6c6c;}
/*FEEDBACK CSS*/
.contact-box{width:720px;}
.contact-edit{line-height:28px;color:#999;font-size:14px;}
.input-i1{width:350px;color:#999;font-size:14px;border:1px solid #e0e0e0;display:block;float:left;margin-right:10px;height:40px;line-height:40px;padding-left:10px;margin-bottom:20px;background:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.input-i2{width:710px;color:#999;border:1px solid #e0e0e0;display:block;height:200px;padding:10px;font-size:14px;background:none;}
.a-submit{width:120px;height:42px;line-height:42px;background:#007ac7;border:0;color:#fff;font-size:14px;cursor:pointer;}
/*PAGE CSS*/
.page {margin-top: 30px;margin-bottom:30px;text-align: center;}
.page > a, .pagination > li > a, .pagination > li > span {display: inline-block;padding: 4px 10px;margin: 0 4px;text-align: center;line-height: 20px;font-size: 12px;background-color: #ededed;}
.page a:hover,.page .current, .pagination > li.active > a, .pagination > li.active > span {color: #fff;background-color: #007ac7;}
.page > span a{display:inline-block;padding:4px 10px;margin:0 4px;background-color: #ededed;line-height: 20px;text-align:center;font-size: 12px;}
.page .prev {margin-left: 4px;}
.page .next {margin-right: 4px;}
.pagination > li {display: inline-block;}
.pagination .disabled {display: none;}
/*FOOTER CSS*/
#footer{background:#232323;}
.footer-nav{padding:40px 0 70px 0;}
.footer-nav-title{font-size:20px;color:#fff;}
.footer-nav-subtitle a{font-size:14px;line-height:30px;cursor:pointer;}
.footer-nav-subtitle a:hover{color:#fff;}
.nav-wrap{width:240px;}
.nav-wrap ul{margin-top:10px;}
#footer .bottom{font-size:14px;color:#999;height:58px;line-height:58px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-top:1px solid #333;}

.main-wrap{position:relative;}

.item{position: absolute;bottom: -100%;-webkit-transition: bottom 500ms;transition: bottom 300ms;}
.sidebar{position:fixed;right:0px;bottom:150px;width:50px;height:152px;z-index:9999;/* overflow:hidden; */}
.side-top,.side-qq,.side-tel{display:block;width:50px;height:50px;background:url(../images/side.png) no-repeat center;cursor:pointer;}
.side-top{background-position:0 0;}
.side-qq{margin-top:1px;background-position:0 -51px;}
.side-tel{position:relative;margin-top:1px;background-position:0 -102px;}
.side-tel:hover .sidetel{left:-201px;width:200px;}
.sidetel{position:absolute;left:0;top:0;width:50px;height:50px;line-height:50px;font-size:14px;color:#fff;background:#017dc7;z-index:-1;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-align:center;overflow:hidden;}
.searchbox-wrap{position:absolute;width:172px;height:22px;left:-150px;top:57px;}
#btn_submit{display:inline-block;position:absolute;left:120px;top:0;padding:0;margin:0;width:52px;height:22px;line-height:22px;text-align:center;overflow:hidden;}
#keywords{margin:0;padding:0;width:119px;height:22px;}

/* preview style */
.preview{width:540px;position:relative;}
/* smallImg */
.smallImg{position:relative;height:400px;width:100px; overflow:hidden;float:left;margin-left:10px;}
.scrollbutton{width:100px; height:30px; overflow:hidden; position:absolute; left:0; cursor:pointer;}
.scrollbutton.smallImgUp{border:1px solid #ddd;background:#fff url(../images/prev-btn.png) no-repeat center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:999;}
.scrollbutton.smallImgDown{border:1px solid #ddd;background:#fff url(../images/next-btn.png) no-repeat center;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:999;}
.scrollbutton.smallImgUp.disabled{border:1px solid #ddd;background:#fff url(../images/prev-btn.png) no-repeat center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:999;}
.scrollbutton.smallImgDown.disabled{border:1px solid #ddd;background:#fff url(../images/next-btn.png) no-repeat center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:999;}
#imageMenu {height:340px;margin-top:30px;overflow:hidden;}
#imageMenu li {border:1px solid #ddd;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-top:10px;}
#imageMenu li img{width:100px; height:100px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#imageMenu li#onlickImg{border:1px solid #0aa8f1;}
/* bigImg */
.bigImg{position:relative;float:left;width:400px;height:400px;border:1px solid #E4E4E4;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.bigImg #midimg{width:400px;height:400px;}
.bigImg #winSelector{width:235px;height:210px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #000;overflow: hidden;width:260px;height:295.652px;top:0;left:0;z-index:999;}
#bigView img{position:absolute;}
.wx_code{margin-top:20px;}