body{font-size:16px; font-family: Calibri,verdana,Helvetica;color:#333;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#333;text-decoration:none}
a:hover{color:#5997e8;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1350px;margin:0 auto}
.zt2{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:100%;margin:0 auto; overflow:auto;}
.table7{ width: 70%;overflow:auto;}
.table8{ width: 80%;overflow:auto;}
.table9{ width: 90%;overflow:auto;}
.table table{ }
.table p{line-height:26px}
table td{padding:3px 10px}
.pre,.cont-pre{ position: relative;}
.cont-pre img{ width: 100%;}
.abs{ position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs-bottom{ position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs a,.abs-bottom a{ color: #fff;}
.two-img{ width: 90%; margin: 0 auto; font-size: 0;}
.two-img img{ width: 47%; margin: 1%; display: inline-block;}
.three-img{width: 100%; font-size: 0;}
.three-img img{ width: 32%; margin: 0.5%;}
.wenzi{ width:58% ; line-height: 30px;}
.wenzi-img{ width: 38%; font-size: 0;}
.wenzi-img img{ border-radius:12px ;box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);}
.four-img{width: 100%; font-size: 0; display: flex; flex-wrap: wrap;}
.four-img a{ width: 24%; margin: 0.5%; font-size: 14px; text-align: center; display: block; }
.four-img a img{ width: 100%;}
@media only screen and (max-width:480px ) {
.table8,.table7,.table9{ width: 100%;overflow:auto;}
.about-us-con img{ width: 100%;}
.two-img{ width: 100%;}
.two-img img{ margin: 1% 0;}
.four-img a{ width: 100%; margin: 0.5% 0;}
.wenzi-img,.wenzi{ float: none; width: 100%; margin-bottom: 10px;}
}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#fff;line-height:42px;font-size: 17px; background: #0095d7; border-radius: 5px; padding: 0 18px; width: 42%; float: left; margin-right: 2%;}
.sxya a{padding:0 6px;color:#fff; font-size: 17px;}
.sxya i{ margin-right: 5px;}
.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block; width: 34px; height: 34px;background:#fff; margin:0 3px; line-height: 34px; border: 1px solid #ccc; border-radius: 50% ;box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.5) }
.fenye_a{color:#e8483d;margin:0 3px}
.fenye a{color:#898989; display: block;}
.fenye span.active,.fenye span:hover{color:#fff;background:#0097e1;border:0;border:1px solid #0097e1}.fenye span.active a,.fenye span:hover a{color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 15%; right: 0; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
.swipe {overflow:hidden;}
.swipe ul{ overflow:hidden;}
.swipe li div, .swipe div div div { padding:50px 0px; background:#1db1ff; font-weight:bold; color:#fff; font-size:20px; text-align:center;}
.swipe li img{width: 100%;}
#slider4{line-height:0; text-align:center;}
#slider4 ul{
-webkit-transition:left 800ms ease-in 0;
-moz-transition:left 800ms ease-in 0;
-o-transition:left 800ms ease-in 0;
-ms-transition:left 800ms ease-in 0;
transition:left 800ms ease-in 0;
}
#pagenavi,#pagenavi2{ position: absolute; bottom: 15px; z-index: 1000; text-align: center; width: 100%; text-align: center;}
#pagenavi2{ text-align: left; margin-left: 20px;}
#pagenavi a,#pagenavi2 a{ display: inline-block; width: 10px; height: 10px; border-radius:50% ; background: #333;text-indent: 9999px;}
#pagenavi2 a{ background: #fff; margin-left: 6px;}
#pagenavi a.active,#pagenavi2 a.active2{color:red; background: #5997e8;}
.swipe button{display: none; position: absolute; top: 50%; margin-top: -40px; z-index: 9999; background: none; width: 45px; border: none; height: 80px; background: rgba(0,0,0,0.5);}
.zuobian::before{ content: "\f104"; display: block; font-family:FontAwesome ; color: #fff; font-size: 30px;}
.swipe button.youbian::before{content: "\f105"; display: block; font-family:FontAwesome ; color: #fff;font-size: 30px; }
.swipe button.youbian{ right: 0;}
.swipe:hover button{ display: block;}
header{ background: #fff; padding: 15px 0 0 0;}
.logo{ width: 30%; margin-top: 5px;}
.center{ width: 63%;}
.email{ width: 5%;}
.shequ{ text-align: right; margin-top: 5px;}
.shequ a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border:1px solid #9e9e9e; font-size: 19px; color: #9e9e9e;}
.shequ a:hover{color: #5997e8;}
nav{line-height: 60px; background: url(../images/navbj.jpg) no-repeat;}
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul{ text-align: right;}
nav ul li{ display: inline-block; position: relative;}
nav ul li a{ margin:0 0 0 30px; padding: 0 5px; display: block; font-size: 16px; position: relative;text-transform: uppercase; }
nav ul li i{ display: none; position: absolute; top: 22px;right: -8px; z-index: 999; color: #000;}
nav ul li:hover a ,nav ul li.active A{ color: #5997e8; }
nav ul li:hover i{ color: #333;}
.xla{ position: absolute; z-index: 9999; text-align: left; display: none; width:190px; background:rgba(0,129,204,0.8); }
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0; text-transform: none; line-height: 20px; color: #fff;}
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{background: #5997e8; color: #fff; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-bottom: 1px dashed #f7f7f7; border-top:none ; font-weight: normal;}
nav ul li:hover .xla a:last-child{ border-bottom: none;}
.video{ font-size: 0;}
.video video{ width: 100%; height:auto; font-size: 100%; margin: 0; padding: 0; border: 0; vertical-align: baseline;}
.jies{ position: absolute; top: 40%; left: 0; right: 0; text-align: center;}
.jies h2{ font-family: "times new roman"; font-size: 80px; color: #fff; background: none; text-transform: uppercase;}
.videojie{ font-size: 24px; color: #fff; text-transform: uppercase; margin-top: 20px;}
.abbj{ background: url(../images/abbj.jpg) no-repeat; background-attachment:fixed ; background-size:cover ; border-top:6px solid #5997e8 ; padding-bottom: 20px;}
.youshi{ background: url(../images/whybj.jpg) top left no-repeat; width: 40%; padding-bottom: 120px;}
.youshi h2{ color: #67a4eb; font-size: 70px; font-weight: normal; text-align: center; margin-top: 20px;}
.youshi ul{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.youshi ul li{ width: 28%; text-align: center;}
.youshi ul li img{ padding: 30px; border: 1px solid #fff; border-radius:50% ;}
.youshi ul li span{ display: block; color: #fff; font-size: 20px; margin-top: 15px; text-transform: uppercase; }
.jianjie{ width: 55%; margin-top: 60px;}
.jianjie h2,.profen h2{ font-family: "times new roman"; font-size: 40px;}
.contn{ line-height: 32px; margin-top: 30px; font-size: 18px;}
.konw{ width: 180px; border: 1px solid #a0a0a0; margin-top: 50px;}
.konw a{ line-height: 36px; text-align: center; display: block;}
.profen{ margin-top: 40px;}
.profen h2{ text-align: center; text-transform: uppercase;}
.profen ul{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.profen ul li{ width: calc(33.33% - 20px); margin: 10px; position: relative; font-size: 0;}
.profen ul li img{ width: 100%;}
.cpmingc{ padding: 10px; text-align: center;font-family: "times new roman"; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.cpinbj{background: url(../images/cpbj.jpg) no-repeat; background-attachment:fixed ;background-size:cover ; padding: 60px 0; margin-top: 60px;}
.hotcpda{ margin-left: -170px; margin-top: 177px; margin-right: -140px; font-family: "times new roman"; font-size: 40px; color: #376ac3; font-weight: bold; text-transform: uppercase;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer 9*/
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg);
}
.img-content *{box-sizing: border-box;}
.img-content .small-img{position: relative; width:25.8%;overflow: hidden;}
.small-img ul{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; /*transition: all 1s;*/}
.small-img ul:after{content: "";display: block; clear: both;}
.small-img ul li{ width:46%; margin:2%; box-sizing: border-box; }
.small-img ul li img{padding: 6px;background: #fff; border: 1px solid #fff;}
.small-img ul li img.moveimg{width: 100%;height: 100%;cursor: pointer; border:2px solid transparent;}
.small-img ul li img.moveimg.active{border: 1px solid #5cafe3;}
.big-img{ width:68.2%; padding:1.5%; background: #fff;}
.main{width:55%;height: auto;position: relative; font-size:0}
.main .small{position: relative;cursor: crosshair;}
.main .small img{width: 100%; height:100%}
.main .small .mask{position: absolute;display: none;width: 33.333%;height: 33.3333%;background: rgba(0,0,0,.5);}
.main .big{display: none;width: 100%;height: 100%;left: 105%;top: 0; overflow: hidden;position: absolute;}
.main .big img{ transform: translate(0px,0px);}
.cpwenzi{ width: 40%;}
.cpwenzi h2{font-family: "times new roman"; font-size: 30px; text-transform: uppercase; margin-top: 80px;}
.cpmaioshu{ margin-top: 15px; line-height: 26px; padding-right: 3%;}
.cpmore{ width: 180px; background: #5cafe3; margin-top: 30px; }
.cpmore a{ display: block; color: #fff;line-height: 40px; text-align: center;}
.fuzhi{ display: none;}
.factory,.newsc{ margin-top: 50px;}
.factory h2,.newsc h2{font-family: "times new roman"; font-size: 28px; text-transform: uppercase;}
.factory span,.newsc span{ color: #aaaaaa; display: block; margin-top: 6px;}
.factory ul{ margin-top: 40px;}
.factory ul li img{ width: 100%;}
.factory ul li{ width: 475px; float: left; margin-right: 15px; }
.factory ul li a{ display: block; position: relative; font-size: 0; margin-bottom: 15px;}
.watch{ display: none; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; background: rgba(0,0,0,.6); text-align: center;}
.factory ul li .watch img{ width:78px ; height: 78px; margin-top: 44%;}
.watch i{ color: #fff; font-style: inherit; font-size: 14px; display: block; text-transform: uppercase; margin-top: 20px;}
.factory ul li a:hover .watch{ display: block;}
.factory ul li:nth-child(2){ width: 590px;}
.factory ul li:nth-child(3){ width: 252px; margin-right: 0;}
.factory ul li:nth-child(2) .watch img{ margin-top: 15%;}
.factory ul li:nth-child(3) .watch img{ margin-top: 55%;}
.factory ul li:nth-child(3) a:nth-child(1) .watch i{ margin-top: 22%;}
.owl-carousel{ position: relative; width:calc(100% + 40px); margin: 0 auto; margin-top: 20px; margin-left: -20px;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top:-40px; right: 20px; width: 80px; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-prev{ cursor: pointer; width:35px; height:35px; background: url(../images/zuo.jpg) no-repeat; text-indent: 9999px; position: absolute; left: 0px;}
.owl-next{cursor: pointer; width: 35px; height: 35px; background: url(../images/you.jpg) no-repeat; text-indent: 9999px; position: absolute; right: 0px;}
#owl-demo1 .owl-controls .owl-prev{ margin-right:10px;}
#owl-demo1 .owl-controls .owl-next{ margin-left:10px;}
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}
.item{margin:10px 20px ; position: relative; overflow: hidden;
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;
}
.item a{ display:block; font-size: 0;}
.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.newig{ width: 25%;}
.newsyou{ width: 73%; padding: 10px 0;}
.newsc .item{ background: #edf0ef;}
.newsyou h3{ font-size: 18px;}
.newsyoucen{ font-size: 14px; margin-top: 6px;}
.newstime{ font-size: 14px; color: #aaaaaa; margin-top: 6px;}
footer{ background: url(../images/footbj.jpg) 50% 0 no-repeat; margin-top: 60px; padding: 75px 0; color: #fff; background-size: cover;}
.quick{ width: 15%;}
.cpdib{ width: 20%; margin-right: 2%;}
.dicont{ width: 20%;}
.dimess{ width: 35%;}
footer h2{font-family: "times new roman"; font-size: 25px; margin-bottom: 20px; }
.dicont h2,.quick h2,.cpdib h2{ margin-top: 80px; }
footer a{ color: #fff;}
footer a:hover{ color: #5cafe3;}
.quick a,.cpdib a{ display: block; line-height: 28px;}
.quick a{ text-transform: uppercase;}
.dicont ul li{ padding: 6px 0;}
.dicont .shequ{ text-align: left; margin-top: 20px;}
.ditext{ display: block; width: calc(100% - 10px); padding-left: 10px; background: #fff; margin-bottom: 10px; height: 40px; line-height: 40px;}
.dilong{ display: block; width: calc(100% - 10px); padding-left: 10px; border: none; height: 100px; font-family: arial;}
.subt{ width: 160px; background: #376ac3; height: 40px; text-align: center; line-height: 40px; color: #fff;cursor: pointer; margin-top: 10px; font-size: 16px;}
.dimess span{ display: block; margin-top: 20px; color: #9dd3f6;}
.dimess span a{color: #9dd3f6;}
.neiye{ font-size: 0;}
.neiye img{ width: 100%;}
.mbx{ padding: 15px 0;}
.about-us-con{}
.about-us-con h1{ margin-top: 20px; text-align: center; font-size: 30px; margin-bottom: 20px;}
.about-us-con p{ line-height: 30px; font-size:18px; margin-bottom: 15px;}
.ab-contact{ width: 80%; margin: 0 auto;}
.zuozuo{ width: 48%;}
.zuol{ margin-right: 2%; margin-top: 70px;}
.zuol ul li{ padding: 10px 0; overflow: hidden; line-height: 30px;}
.zuol ul li span{ float: left; font-size: 18px;}
.zuol ul li span i{ font-size: 16px; color: #b61013; margin-right: 5px;}
.zuol ul li span:nth-child(1){ width: 16%; font-weight: bold;}
.zuol ul li span:nth-child(2){ width: 76%;}
.zuol h2{ font-size: 28px; margin-bottom: 15px; text-transform: uppercase;}
.zuol h2 i{ font-size: 16px; color: #b61013; margin-right: 5px;}
.mescon{ width:46%; padding: 2%;margin-top:30px;}
.mescon h2{ text-align: center; font-family: georgia; color: #0095d7; font-size: 30px; margin-bottom: 30px;}
.mescon form{ overflow: hidden;}
.xilie span,.xilie2 span{ display: block; color: #888;}
.xilie.xilie1{ margin-right: 0;}
.xilie{ width: 48%; margin-right: 2%;}
.tesdct{ line-height: 36px; background: #eef0f2; width: 100%; margin-top: 10px; margin-bottom: 15px;}
.longben{ display: block; width: 100%; border: none;background: #eef0f2; height: 80px;margin-top: 10px; margin-bottom: 15px;}
.tiji{ margin-top: 15px;}
.tiji span{ display: block; float: left; font-size: 20px;font-family: georgia; font-weight: bold; color: #444; margin-top: 10px;}
.tiji span i{ color: #23c175; margin-right: 8px;}
.anniuj{ display: block; width: 200px; height: 36px; font-size: 20px;font-family: georgia;background: #0095d7; color: #fff; cursor: pointer;}
.about-cont iframe{ width: 70%; height: 520px; background: #333; display: block; margin: 0 auto;}
.factull{ display: flex; flex-wrap: wrap;}
.factull li{ width: 32.33%; margin: 0.5%; font-size: 0;}
.factull li img{ width: 100%;}
.factull li h2{ font-size: 20px; text-align: center; padding: 10px 0;}
.downlo{width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 30px;}
.downlo li{ width: 31%; margin: 10px 1%;}
.downlo li a{ display: block; line-height: 20px; padding: 10px 0; font-size: 18px;}
.downlo li a:before{ content: "\f019"; font-family: FontAwesome; font-size: 22px; margin-right: 5px; color: #da1d0f;}
.newslist{ display: flex; flex-wrap: wrap;}
.newslist li{ width: 27%; margin: 1.5%; border:1px solid #333; padding: 2%;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li:nth-child(3n+1){ margin-left: 0;}
.newslist li h2{ font-size: 18px;}
.newslist li span{ color: #666; font-size: 16px; display: block; margin-top: 10px;}
.nriqi{ overflow: hidden; margin-bottom: 15px; font-size: 30px;}
.box-s{ box-shadow: none; margin-top: 0;}
.cptopd{ margin-top: 40px;}
.cplistul{ width: 25%; margin-top: 30px;}
.cplistul ul{}
.cplistul ul li{ padding: 13px 15px; background: #565656; margin:5px 2px; border-left:4px solid #0095d7 ;}
.cplistul ul li a{ color: #fff; font-size: 17px;}
.cplistul ul li:hover{ background: #3b84e4;}
.cplistul h2{ font-size: 26px; padding: 10px 0;}
.cplianxi{ background: #5a97e8; padding:30px 20px; color: #fff; margin-top: 20px; }
.cplianxi h2{font-weight: normal; font-family:charcoal;font-size: 20px; }
.cplianxi ul li{ padding: 10px 0; border-left: 0; background: none;}
.cplianxi ul li::before{ content: ""; display: inline-block; margin-right: 5px; width: 5px; height: 5px; background: #fff; border-radius:50% ;}
.menu_head em{ color: #fff; float: right;}
.cplistul ul.menu_body li{ border-left:none ; background: #5a97e8;}
.cplistul ul.menu_body li a{ font-size: 16px;}
.chanul,.chanul2{ width: 73%; margin-top: 20px;}
.chanul ul{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.chanul ul li{ width: 32%; margin:10px 0.5%;}
.chanul ul li:nth-child(3n){ margin-right: 0;}
.chanul ul li:nth-child(3n+1){ margin-left: 0;}
.chanul ul li img{ width:calc(100% - 2px); border: 1px solid #eee;}
.chanul ul li h2{ /*font-weight: normal; */font-size: 18px; text-align: center; margin-top: 10px;}
.cptut{ width: 45%; margin-top: 26px;}
.box{ overflow: hidden;}
.cpjidsf{width: 50%; margin-top: 40px;}
.cpjidsf h1{ text-align: left; font-family: arial; font-size: 24px; text-transform: inherit; margin-top: 30px; margin-bottom: 10px; }
.cpjidsf p{ margin-bottom: 5px;}
.aboutner{ /*margin-top: 15px; */padding: 0 10px;}
.tb-pic a{/*display:table-cell;text-align:center;vertical-align:middle;*/}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}
.tb-thumb li{ width:14%;margin:0 3px 3px 3px;overflow:hidden;padding:1px; border: 1px solid #ccc; font-size: 0;}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{}
.tb-booth{border:1px solid #ccc;position:relative;z-index:1;width: 99%; }
.tb-thumb .tb-selected{ border: 1px solid #23a490;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}
.cpxiang{/* width: 70%; */line-height: 28px; margin-top: 35px;}
/*.cpxiang img{width:100%;}*/
.topp3{ margin-top: 30px;}
.cpxiang p{ margin-bottom: 5px;}
.miadf{ padding: 0 10px 0 0 ; /*margin-top: 20px; */ line-height: 28px;}
.cpanniu{ margin-top: 20px;}
.cpanniu a{ display: inline-block; padding: 9px 40px; color: #fff; background: #3c3c3c; font-size: 16px; margin-right: 15px; border-radius:6px ;}
.cpanniu a:nth-child(1){ background: #ea9312;}
.proh2-det{ font-size: 24px; border-bottom: 1px solid #ccc; margin-top: 30px; margin-bottom: 30px;}
.proh2-det:after{ content: ''; display: block; width: 120px; height: 3px; background: #474fa2; margin-top: 16px;}
.cpxiang h2{ color: #ee2424; margin-bottom: 10px; font-size: 17px; }
.cpform{ padding: 30px 0; background: #f5f5f5;}
.cpform h2{ font-size: 30px; text-align: center; margin-bottom: 15px;}
.cptexin{ display: block; width: calc(86% - 10px); margin: 0 auto; height: 36px; line-height: 36px; border: 1px solid #ccc; margin-bottom: 10px; padding-left: 10px;}
.cplontex{display: block; width: calc(86% - 10px); margin: 0 auto; height: 90px; border: 1px solid #ccc; margin-bottom: 10px; padding-left: 10px; font-family: calibri; font-size: 16px;}
.cpbtn{ display: block; width: 50%; margin: 0 auto; text-align: center; height: 38px; line-height: 38px; background: #88c331; color: #fff; cursor: pointer;}
.botto{ margin-bottom: 60px;}
.botto .owl-carousel{ margin-top:0 ;}
@media only screen and (max-width:768px ){
.zt{ width: 100%;}
img{ width: 100%;}
nav ul li a{ margin: 0 0 0 2px;}
nav ul li:hover .xla{ display: none;}
.jies{ top: 30%;}
.jies h2{ font-size: 60px;}
.youshi{ width: 50%;}
.youshi ul li img{ width: 40px;}
.youshi h2{ font-size: 40px;}
.jianjie{ width: 49%; margin-top: 30px;}
.contn{ margin-top: 10px;}
.jianjie h2, .profen h2{ font-size: 30px;}
.konw{ margin-top: 20px;}
.big-img{ width: 65.2%;}
.cpwenzi h2{ margin-top: 20px; font-size: 20px;}
.factory ul li{ width: 35%;}
.factory ul li:nth-child(2){ width: 43%;}
.factory ul li:nth-child(3){ width: 18%;}
.dimess{ width: 32%; margin-right: 2%;}
.quick{ margin-left: 1%;}
.padd{ padding: 0 10px;}
.ab-contact{ width: 100%;}
.zuol ul li span:nth-child(1){ width: 24%;}
.about-cont iframe{ width: 80%; height: 420px;}
.downlo{ width: 96%;}
.cptut{ float: none; width: 75%; margin: 0 auto;}
.cpjidsf{ float: none; width: 100%;}
div.zoomDiv{ opacity: 0;}
div.zoomMask{ opacity: 0;}
}
@media only screen and (max-width:480px ){
header{ position: relative;}
.logo{ float: none; position: absolute; top: 10px; left: 10px; z-index: 100; width: 40%;}
.center{ float: none; width: 100%;}
.email{ display: none;}
nav{ margin-top: 15px;}
.caidan{ display: block; line-height: 54px; padding-right: 15px; padding-top: 10px;}
nav ul{ display: none; text-align: center;}
nav ul li{ display: block; margin: 0;line-height: 50px; }
nav ul li i{ opacity: 1; right: 15px; top: 15px;}
.xla{ position: relative; width: 100%;}
.jies h2{ font-size: 30px;}
.videojie{ font-size: 16px; margin-top: 10px;}
.youshi{ float: none; width: 100%; margin: 0 auto; padding-bottom: 60px;}
.youshi ul li img{ padding: 20px;}
.youshi ul li{ width: 32%;}
.jianjie{ float: none; width: 96%; margin: 0 auto; margin-top: 30px;}
.profen ul li{ width: 49%; margin: 0.5%;}
.cpmingc{ font-size: 20px; bottom: 20px;}
.cpinbj{ padding: 30px 0; margin-top: 30px;}
.hotcpda{ float: none; width: 100%; margin: 0;transform:rotate(0deg); font-size: 30px; text-align: center; margin-bottom: 20px;
-ms-transform:rotate(0deg); /* Internet Explorer 9*/
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);}
.img-content .small-img{ float: none; width: 100%;}
.small-img ul li{ width: 29.33%;}
.big-img{ float: none; width: 97%; overflow: hidden; margin:0 auto;}
.cpmore{ width: 120px;}
.main .big,.main .small .mask{ opacity: 0;}
.main,.cpwenzi{ float: none; width: 100%;}
.cpwenzi h2{ font-size: 26px;}
.factory,.newsc{ width: 96%; margin: 0 auto; margin-top: 20px;}
.factory ul{ margin-top: 20px;}
.factory ul li{ float: none; width: 100%; margin: 0 auto; margin-bottom: 10px;}
.factory ul li:nth-child(2){ width: 100%;}
.factory ul li:nth-child(3){ width: 100%;}
.factory ul li:nth-child(3){ margin-right: auto;}
.owl-buttons{ top: -80px;}
.newig{ width: 96%; margin: 0 auto; float: none; margin-top: 10px;}
.newsyou{ width: 96%;margin: 0 auto; float: none;}
footer{ background: #444; margin-top: 30px; padding: 30px 0 0 0;}
.dicont h2, .quick h2, .cpdib h2{ margin-top: 5px;}
.quick,.dicont,.cpdib{ float: none; width: 96%; margin: 0 auto;}
.dimess{ background: #5a97e8; width: 96%; margin: 0 auto; float: none; padding:30px 2%; margin-top: 30px;}
.quick a{ display: inline-block; width: 30%; margin-bottom: 15px;}
.cpdib a{ display: inline-block; width: 49%; margin-bottom: 15px; padding: 0;}
.zuozuo{ float: none; width: 100%;}
.mescon{ float: none; width: 100% ; padding: 0;}
.anniuj{ float: none;}
.zuol{ margin-right: 0; margin-top: 20px;}
.factull li{ width: 49%;}
.about-cont iframe{ width: 100%; height: 260px;}
.downlo{ width: 100%;}
.downlo li{ width: 98%;}
.newslist li{ width: calc(96% - 2PX); margin:10PX 0;}
.cplistul,.chanul, .chanul2{ float: none; width: 100%;}
.chanul ul li:nth-child(3n+1){ margin-left: 1%;}
.chanul ul li{ width: 48%; margin: 1%;}
.cptut{ float: none; width: 96%; margin: 0 auto;}
.cpjidsf{ float: none; width: 96%; margin: 0 auto;}
}
@media only screen and (max-width:1199px ) and (min-width:769px ){
.zt{ width: 100%;}
img{ width: 100%;}
.padd{ padding: 0 10px;}
nav ul li a{ margin: 0 0 0 25px;}
.jies{ top: 30%;}
.jies h2{ font-size: 60px;}
.youshi ul li img{ width: 40px;}
.youshi h2{ font-size: 40px;}
.konw{ margin-top: 20px;}
.jianjie{ margin-top: 30px;}
.contn{ padding-right: 3%;}
.profen ul li:nth-child(5) .cpmingc{ height: 180px;}
.img-content .small-img{ width: 25.3%;}
.cpwenzi h2{ margin-top: 40px;}
.factory ul li{ width: 35%;}
.factory ul li:nth-child(2){ width: 43%;}
.factory ul li:nth-child(3){ width: 18%;}
.dimess{ width: 32%; margin-right: 2%;}
.quick{ margin-left: 1%;}
.ab-contact{ width: 96%;}
.zuol ul li span:nth-child(1){ width: 21%;}
div.zoomDiv{ opacity: 0;}
div.zoomMask{ opacity: 0;}
}
@media only screen and (max-width:1440px ) and (min-width:1367px ){
}
@media only screen and (max-width:1366px ) and (min-width:1201px ){
.zt{ width: 1200px;}
.profen ul li:nth-child(5) .cpmingc{ height: 240px;}
.factory ul li{ width: 422px;}
.factory ul li:nth-child(2){ width: 522px;}
.factory ul li:nth-child(3){ width: 223px;}
}