@charset "utf-8";
/* CSS Document */
/*公用*/
h1,h2,h3,h4,h5,h6,em,samp,i{ font-weight:normal; font-style:normal;}

.xiaot{width:100%;display:table;}
.xiaot-img{height:360px;display:table-cell; text-align:center; vertical-align:middle;}
.xiaot-img p{font-size:32px;color:#fff;margin-bottom:15px; text-shadow:0 1px 2px #000;}
.xiaot-img samp{width:40px;height:3px;background:#666;display:block;margin:auto;}

#zuoyou{background:#fff;padding:30px 0 50px;}
.zuoyou{max-width:1540px;margin:auto;overflow:hidden;width:90%;}
.zuo{width:264px;float:left;margin-right:20px;}
.you{width:calc(100% - 300px);float:right;box-sizing:border-box;padding:0 10px;}
.zuo-lx{font-size:12px;line-height:24px;margin:14px auto 0;padding:5px 10px;box-sizing:border-box;background: #fff;background-color: #FFF;border:1px solid #d6d6d6; color:#333;display:none;}
.zuo-lx img{width:100%;}


/*一次改*/
.i-cl{text-align:center;background:#0071B0;padding:20px 0;}
.i-cl h3{font-size:20px;color:#fff;font-weight:bold;}
.i-cl p{font-size:16px;}
.i-cl p:after{content:'';width:80px;height:1px;background:#ccc;display: inline-block;vertical-align: middle;margin-left:20px;}
.i-cl p:before{content:'';width:80px;height:1px;background:#ccc;display: inline-block;vertical-align: middle;margin-right:20px;}
.i-ass{max-width:1200px;font-size:0;margin:auto;background: #fff;background-color: #FFF;padding:10px;box-sizing:border-box;border:1px solid #f3f3f3;}
.i-ass li{line-height:50px;font-size:14px;margin-bottom:1px;}
.i-ass li>a{display:block;border:1px solid #eee;box-sizing:border-box;padding:0 10px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-ass li>a:after{ content:url(../images/xx.png);position:absolute;top:50%;right:0; transform:translateY(-50%);}
.i-ass li.i-class>a{color:#fff;background:#0071B0;}
.i-ass li.i-class>a:after{content:url(../images/-xx.png);}
.i-ass li>a:hover{background:#0071B0;color:#fff;}
.i-ass li dl{background:#fff;text-align:center;}
.i-ass li dl dd{border-bottom:1px dashed #eee;margin:5px auto;position:relative;}
.i-ass li dl dd a{display:block;box-sizing:border-box;padding:0 20px;position:relative;z-index:1;}
.i-ass li dl dd:after{ content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%; transform:scale(0); transition:all 0.3s;}
.i-ass li dl dd:hover:after{background:#0071B0;transform:scale(1)}
.i-ass li dl dd:hover a{color:#fff;}
.i-ass li>a:hover:after{content:url(../images/-xx.png);}

.miab{overflow:hidden;border:1px solid #e6e6e6;margin-bottom: 20px;}
.mia{display:inline-block; vertical-align:middle;overflow:hidden;font-size:16px;font-weight:bold;color:#346dbd;padding:15px;border-right:1px solid #e6e6e6}

.mianb{display:inline-block;font-size:0;margin:auto; vertical-align:middle;box-sizing:border-box;padding-left:12px;}
.mianb p{display:inline-block; vertical-align:middle;font-size:14px;color:#888}
.mianb img{display:inline-block; vertical-align:middle;margin-right:5px;}
.mianb a{display:inline-block; vertical-align:middle;margin-right:15px;font-size:14px;color:#666}
.mianb a:after{ content:'»';margin-left:15px;}
.mianb a:last-child:after{content:'';margin-left:0;}
.mianb a:last-child{margin-right:0;}
.mianb a:hover{color:#346dbd;}

/**/
.sxy{text-align:center;font-size:0;margin-bottom:15px}
.sxy a{display:inline-block;font-size:14px;padding:5px 10px;border:1px solid #eee;margin:0 5px;}
.sxy a:hover{color:#fff;background:#346dbd;}

.ye{border-top:1px solid #eee;padding:20px 0;position:relative;}
.ye p{padding:5px 0;font-size:14px;color:#333;}
.ye p a{color:#333}
.ye p a:Hover{color:#346dbd;}
.ye i{ font-style:normal;font-size:14px;positioN:absolute;top:20%;right:0;padding-left:28px;background:url(../images/tb30.png) left no-repeat;}
.ye i:Hover{background:url(../images/tb31.png) left no-repeat;}
.ye i:Hover a{color:#F00;}
/*内页导航*/
.i-dh{max-width:1200px;margin:40px auto; width:100%;overflow:hidden;}
.i-dh ul{font-size:0;text-align:center;}
.i-dh li{display:inline-block;font-size:16px;margin: 0 5px 15px;position:relative;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border:1px solid #e5e5e5;  border-radius: 20px;}
.i-dh li a{display:block;padding:10px 22px;position:relative;z-index:2;}

.i-dh li i{position:absolute;left:50%;top:0;width:50%;height:100%;opacity:0;filter:alpha(opacity=0);background:#418a1d;z-index:1;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.i-dh li:hover a,.i-dh li.a_on a{color:#fff;}
.i-dh li:hover i,.i-dh li.a_on i{opacity:1;filter:alpha(opacity=100);width:100%;}

/*二级导航*/
.i-edh{max-width:1200px;text-align:center;font-size:0;padding-top:60px;margin:auto;width:96%;}
.i-edh a{display:inline-block;width:133px;padding:12px 10px;background:#dedede;font-size:14px;color:#666;margin:0 5px 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.i-edh a:hover,.i-edh a.active{background:#346dbd;color:#fff;}


/*产品*/
.i-prob{overflow:hidden;}
.i-prob li{width:31%;float:left;margin-right:3.5%;box-sizing:border-box;border:1px solid #eee;text-align:center;margin-bottom:20px;}
.i-prob li:nth-child(3n){margin-right:0;}
.i-prob img{width:100%; transition:all 0.3s;}
.i-prob-a{overflow:hidden;}
.i-prob-b{font-size:14px;line-height:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-prob li:hover img{ transform:scale(1.2);}
.i-prob li:hover{border:1px solid #0071B0;}
.i-prob li:hover .i-prob-b{color:#fff;background:#0071B0}

/*产品详情*/
.pro-c{max-width:1200px;margin:auto;}
.i-proda{overflow:hidden;margin-top:40px;}
.i-proda-a{width:50%;float:left;}
.i-proda-a img{width:100%}
.i-proda-b{width:46%;float:right;color:#2b2b2b;margin-top:20px;}
.i-proda-b-a{line-height:30px;font-size:20px;border-bottom:1px solid #ccc;padding-bottom:10px; font-weight:bold;}
.i-proda-b-b{margin-top:20px;line-height:28px;font-size: 14px;box-sizing: border-box;padding-left: 10px;}
.i-proda-b-d{display: inline-block;line-height: 46px;position: relative;margin-top:60px;}
.i-proda-b-d a{padding: 0 40px;display: inline-block;border: 1px #ddd solid;}
.i-proda-b-d span{padding-left: 30px;background: url(../images/cpxq_hf_bj.png) left center no-repeat;position: relative;z-index: 1;transition: all 0.5s;}
.i-proda-b-d a:hover{border:1px solid #0089e1;color:#0089e1;;}
.i-proda-b-c{margin-top:30px;font-weight:bold;color: #0089e1;font-size:18px;}
.i-proda-b-c img{margin-right:10px;}
.i-proda-c{margin-top:20px;padding-top:20px;}
.i-proda-ca{border-bottom:2px solid #0089e1;font-size:0px;color:#fff; font-weight:bold;}
.i-proda-ca h4{display:inline-block;padding:10px 40px;text-align:center; cursor:pointer;border-top:1px solid #eee;font-size:16px;box-sizing:border-box;color:#333;font-size:16px;}
.i-proda-ca .active{color:#fff;}
.i-proda-ca h4:nth-child(2){border-right:1px solid #eee;}
.i-proda-ca .active{background:#0071b0;color:#fff;border-top:1px solid #0071b0;}
.i-proda-cb{font-size:14px;line-height:28px;margin:30px auto;color: #444;}
.i-proda-cb img{max-width:100%;}
.i-proda-cb table td{padding: 8px!important;padding-left: 12px !important;word-wrap: break-word;word-break: break-all;border: 1px #e6e6e6 solid !important;line-height: 30px!important;}
.i-proda-cb table{    border: 1px #e6e6e6 solid !important;border-collapse: collapse;width: 100% !important;}


/*方案*/
.i-pog{overflow:hidden;}
.i-pog li{width:31%;float:left;margin-right:3.5%;box-sizing:border-box;border:1px solid #eee;margin-bottom:30px;}
.i-pog li:nth-child(3n){margin-right:0;}
.i-pog img{width:100%; transition:all 0.3s;}
.i-pog-a{overflow:hidden;}
.i-pog-b{box-sizing:border-box;padding:15px;}
.i-pog-b h4{font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:10px;}
.i-pog-b p{color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height:24px;}
.i-pog li:hover img{ transform:scale(1.2);}
.i-pog li:hover{border:1px solid #0071B0;}
.i-pog li:hover .i-pog-b{color:#fff;background:#0071B0}
.i-pog li:hover .i-pog-b p{color:#fff;}



/*推荐*/
.tuij{background:#eee;font-size:20px;color:#333;line-height:46px;box-sizing:border-box;padding-left:20px;position:relative;}
.tuij:before{ content:'';width:10px;height:20px;background:#0089e1;display:block;position:absolute;top:13px;left:5px;}
.tuj{overflow:hidden;margin:30px auto;}
.tuj li{width:23.5%;float:left;margin-right:2%;text-align:center;font-size:14px;}
.tuj img{width:100%;}
.tuj p{line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tuj li:nth-child(4){margin-right:0;}
.tuj li:hover a{color:#0089e1;}

/*放大镜*/
.productShowPic{width:362px;}
.productShowPic .box{width:362px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{background:#fff}
.tb-s310, .tb-s310 img{max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(images/mask.png);cursor:move;z-index:1;}

.tb-picList{height:60px;overflow: hidden;margin-top:10px;position:relative;}
.tb-picList a.prev,.tb-picList a.next{display:block;width:12px;height:21px;position:absolute;top:18px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{left:auto;right:0;background-position:0 -42px;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:344px;height:60px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:60px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:84px;overflow:hidden;margin-right:2px}
.tb-picList .tb-thumb ul li a{display:block;border:1px solid #edecec;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img{height:53px;cursor:pointer;}
.tb-picList .tb-thumb ul li a.tb-selected{border:1px solid #7a482c;}

/*about us*/
.i-about_a{overflow:hidden;margin:7px auto;font-size:14px;line-height:30px;color: #666;}
.i-about_a p{text-indent:2em;}
.i-about_a img{max-width:100%;}

.i-about-c{background:#f8f8f8;padding: 80px 0;margin-bottom: 50px;}
.i-about-ca{max-width:1200px;margin:auto;text-align:center;width:96%;}
.i-abxx{text-align:center;}
.i-abxx h4{font-size:28px;color:#346dbd;position:relative;padding-bottom: 15px;font-weight:bold;}
.i-abxx h4:after{content: '';width: 50px;height: 1px;background: #38711b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.i-abxx p{font-size:16px;margin:10px 0;}
.i-abxu h4{color:#fff;}
.i-abxu h4:after{background:#fff;}
.i-abxu p{color:#fff;}

.att{float:right;display:inline-block;}
.att img{max-width:100%;}

.i-aba{font-size:14px;color:#333;margin-top:30px;color:#333;}
.i-aba p{font-weight:bold;display:inline-block;}

.i-abpr{overflow:hidden;margin-top:15px;}
.i-abpr li{width:32%;float:left;margin-right:2%;text-align:center;font-size:14px;margin-bottom:20px;box-sizing: border-box;border: 1px solid #eee;line-height:48px;}
.i-abpr li:nth-child(3n){margin-right:0;}
.i-abpr li div{overflow:hidden;}
.i-abpr li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-abpr li img{width:100%; transition:all 0.3s;}
.i-abpr li a{color:#666;display:block;}
.i-abpr li:hover a{color:#0071B0}
.i-abpr li:hover div img{transform:scale(1.2)}

.base{max-width:1200px;overflow:hidden}
.base li{width:23.5%;float:left;margin-right:2%;text-align:center;font-size:14px;line-height:40px;border: 1px solid #ccc;background:#f9f9f9;margin-bottom:20px;box-sizing:border-box;}
.base li img{max-width:100%; transition:all 0.3s;height:100%;}
.base li div{overflow:hidden;height:200px;background:#fff;}
.base li:nth-child(4n){margin-right:0%;}
.base li:hover img{ transform:scale(1.2)}
.base li:hover a{color:#346dbd;}
.basess li{border:0;margin-bottom:0px;}

.i-wen{}
.i-wen h4{font-size:18px;margin-bottom:5px;padding-top:30px;font-size:14px;box-sizing:border-box;padding-left:50px;color:#346dbd;}
.i-wen p{padding-bottom:30px;border-bottom:1px dashed #eee;font-size:14px;box-sizing:border-box;padding-left:50px;}

.fact{overflow:hidden;border-top:1px solid #eee;border-left:1px solid #eee;}
.fact li{width:25%;float:left;box-sizing:border-box;border-right:1px solid #eee;text-align:center;border-bottom:1px solid #eee;}
.fact li img{width:100%;}


/*新闻*/
.i-news{max-width:1200px;margin-bottom:50px;}
.i-news li{overflow:hidden;margin-bottom:20px;border-bottom:1px dashed #dedede;padding-bottom:20px;}
.i-news li:hover{border-bottom:1px dashed #0071B0;}
.i-news-a{width:230px;float:left;margin-right:40px;}
.i-news-a img{width:100%;}
.i-news-b{width:calc(100% - 270px);float:left;}
.i-news-b h4{font-size:18px;margin: 0px 0 5px; transition:all 0.3s; font-weight:normal;}
.i-news li:hover h4{transform:translateX(10px);color:#346dbd;}
.i-news-b i{color:#999;font-size:12px;display:inline-block;transition:all .6s;}
.i-news-b p{font-size:14px;line-height:26px;margin-top:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#777;transition:all 0.8s;}
.i-news-b samp{display:inline-block;font-family:Arial, Helvetica, sans-serif,'微软雅黑';display:inline-block;width:120px;text-align:center;color: #555;border: 1px solid #dedede;line-height: 28px;margin-top: 10px;;font-size:14px;;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;transition: 0.4s ease-out;-webkit-transition: 0.4s ease-out;-moz-transition: 0.4s ease-out;-o-transition: 0.4s ease-out;}
.i-news li:hover samp{ transform:translateX(10px);background:#346dbd;color:#fff;}
.i-news li:hover i{ transform:translateX(10px);}
.i-news li:hover p{transform:translateX(10px);color:#444;}

.i-ct{max-width:1200px;margin-top:40px;}
.i-cttext{text-align:center;border-bottom:1px dashed #dedede;padding-bottom: 30px;margin-bottom: 30px;}
.i-cttext h4{font-size:18px;margin-bottom:10px; font-weight:normal;}
.i-cttext p{font-size:12px;color:#666;}
.i-ctnei{line-height:30px;color:#666;font-size:14px;padding-bottom: 20px;}
.i-ctnei img{max-width:100%;}

/*常见*/
.sale{}
.sale li{border-bottom:1px dashed #eee; padding:15px 0;font-size:14px;overflow:hidden;}
.sale li p{float:right;}
.sale li h4{width:80%;float:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

/*contact us*/
.i-contact{overflow:hidden;}
.i-contact-text{overflow:hidden;line-height:26px;box-sizing:border-box;margin-bottom:20px;font-size:14px;padding:20px 0;color:#444;}
.i-contact-di{}
.i-af{margin:40px auto;}
.i-af img{max-width:100%;}
.map_t{margin-bottom:16px;}
.map_t h4{font-size:18px;color:#555;padding:16px 0;font-weight:normal;padding-left:54px;}
.map_t p{padding-left:54px;font-size:14px;color:#888;line-height:2.2;}
.map_t1 h4{background:url(../images/map1.png) no-repeat 5px center;}
.map_t2 h4{background:url(../images/map2.png) no-repeat 5px center;}


/*留言*/
.customers {width: 90%;margin:50px auto 0px;overflow: hidden;text-align: center;display: block;padding-bottom:60px;font-size:0px;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 14px;outline: none;box-sizing:border-box;}
.customers input:first-child{margin-right:2%;}
.input2 {margin: 0;padding: 2% 2%;width: 49%;}
.input1 {margin-top: 20px;padding: 2% 2%;width:100%;clear: both;box-sizing:border-box;}
.customers textarea{border: #CCC 1px solid;display: inline-block;font-size: 14px;margin: 20px 0;outline: none;clear: both;}
.customers textarea::placeholder{font-family:Arial, Helvetica, sans-serif,'微软雅黑';}
.input1h {padding: 2% 2%;height: 180px;width:100%;box-sizing:border-box;}
.ftjbtn {background: #0071b0;border: #0071b0 1px solid !important;color: #FFF;margin-right: 2%;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#0071b0;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#000 1px solid; }


#ban{width:100%;overflow:hidden; }

#ban .ban{height:400px; flex:1 1 50%;}

/*下载*/
.xiazai{overflow:hidden;font-size:16px;color:#333;font-weight:bold;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;margin-top:30px;}
.xz1{width:60%;float:left;}
.xz2{width:20%;float:left;text-align:right}
.xz3{width:20%;float:left;text-align:right}

.shang{overflow:hidden;padding:10px 0; cursor:pointer;}
.xia li{overflow:hidden;border-bottom:1px dashed #eee;padding: 10px 0;}
.x1{width:60%;float:left;font-weight:600;}
.x2{width:20%;float:left;text-align:right}
.x3{width:20%;float:left;text-align:right}
.x3:hover a{color:#06F}
.xf{display:none;padding:20px;box-sizing:border-box;line-height:28px;background:#eee;}