@charset "utf-8";
/* CSS Document */
.xiaot{width:100%;display:table;height:260px;}

#zuoyou{background:#fff;padding:30px 0;}
.zuoyou{max-width:1200px;margin:auto;overflow:hidden;}
.zuo{width:264px;float:left;margin-right:20px;}
.you{width:calc(100% - 284px);float:right;box-sizing:border-box;padding:0 10px;}
.zuo-lx{font-size:12px;line-height:22px;margin:14px auto 0;padding:10px;box-sizing:border-box;background: #fff;background-color: #FFF;border:1px solid #f3f3f3; color:#787876;}
.zuo-lx img{width:100%;}

.i-cl{text-align:center;background:#0071bc;padding:20px 0;}
.i-cl h3{font-size:22px;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;text-align:center;background: #fff;background-color: #FFF;padding:10px;box-sizing:border-box;border:1px solid #f3f3f3;}
.i-ass li{line-height:38px;border:1px solid #eee;font-size:15px;padding:0 30px;margin-bottom:5px;}
.i-ass li a{display:block;}
.i-ass li.i-class{background:#efefef;border:1px solid #efefef;}
.i-ass li.i-class a{color:#0071bc;}
.i-ass li:hover{background:#efefef;border:1px solid #efefef;}
.i-ass li:hover a{color:#0071bc;}

.ye{border-top:1px solid #eee;padding:20px 0;position:relative;}
.ye p{padding:5px 0;font-size:14px;color:#666;}
.ye p a{color:#666}
.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;}

.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;}

/*关于我们*/
.i-about_a{overflow:hidden;margin:7px auto;font-size:14px;line-height:30px;color: #666;}
.i-about_a p{}
.i-about_a img{max-width:100%;}

/**/
.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;padding-bottom:10px;}
.i-abpr li:nth-child(3n){margin-right:0;}
.i-abpr li img{width:100%;margin-bottom:10px;}
.i-abpr li a{color:#666;}
.i-abpr li:hover a{color:#0071bc}

/*产品*/
.i-prob{overflow:hidden;}
.i-prob li{width:32%;float:left;margin-right:2%;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;height: 210px;}
.i-prob-a{overflow:hidden;}
.i-prob-b{font-size:14px;line-height:40px;border-top: 1px solid #eee;}
.i-prob li:hover img{ transform:scale(1.2);}
.i-prob li:hover{border:1px solid #0071bc;}
.i-prob li:hover .i-prob-b{color:#0071bc}
.i-prob li:hover .i-prob-b{border-top: 1px solid #0071bc;}

/*产品详情*/
.pro-c{max-width:1200px;margin:auto;}
.i-proda{overflow:hidden;}
.i-proda-a{width:500px;float:left;}
.i-proda-a img{width:100%}
.i-proda-b{width:calc(100% - 550px);margin-left:50px;float:left;color:#2b2b2b;margin-top:20px;}
.i-proda-b-a{line-height:30px;font-size:18px;border-bottom: 1px dashed #ccc;padding-bottom: 10px;}
.i-proda-b-b{margin-top:20px;line-height:24px;font-size: 14px;box-sizing: border-box;padding-left: 10px;}
.i-proda-b-c{margin-top:50px;font-weight:bold;color: #fff;font-size: 16px;}
.i-proda-b-c p{display:inline-block;padding:10px 30px ;background:#0071bc;}
.i-proda-c{margin-top:20px;padding-top:20px;}
.i-proda-ca{border-bottom:1px solid #eee;font-size:0;}
.i-proda-ca h4{display:inline-block;padding:10px 40px;text-align:center;background:#fff; cursor:pointer;transform:translateY(1px);border-top:1px solid #eee;font-size:16px;box-sizing:border-box;}
.i-proda-ca h4:nth-child(1){border-left:1px solid #eee;}
.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%;}

/*推荐*/
.tuij{background:#eee;font-size:20px;color:#0071bc;line-height:46px;box-sizing:border-box;padding-left:20px;position:relative;}
.tuij:after{position:absolute;top:13px;left:10px;width:3px;height:20px;background:#0071bc; content:'';}
.tuj{overflow:hidden;margin:20px 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;}
.tuj li:nth-child(4){margin-right:0;}
.tuj li:hover a{color:#0071bc;}

/*留言*/
.customers {width: 600px;margin:50px auto 0px;overflow: hidden;display: block;padding-bottom:60px;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 14px;outline: none;box-sizing:border-box;float:left;}
.customers .input2{width:49%;margin-right:2%;padding: 2% 2%;margin-top:20px;}
.customers .input2:nth-child(2n){margin-right:0%;}


.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;text-transform: uppercase;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: #000;border: #000 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:#000;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#000 1px solid; }


/**/
.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;}

.martxt{text-align:center;font-size:16px;color:#fff; font-weight:bold;padding:10px 0;background:#0071bc;margin-top:20px;}
.mar{margin:0px auto 20px;box-sizing:border-box;padding:20px;border:1px solid #f3f3f3;}
.marqueetop{height:360px;width:100%;overflow:hidden;}
.marqueetop li{padding:5px 0;width:100%;overflow:hidden;}
.marqueetop li img{width:100%;}
.marqueetop li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.marqueetop li .txt{text-align:center;height:23px;line-height:23px;}
.marqueetop li:hover  a{color:#0071bc;}