body{font-size:16px; font-family: "Roboto", serif,verdana,Helvetica;color:#262d38;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-family: "Montserrat"}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#333;text-decoration:none}
a:hover{color:#22e4ac;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1400px;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{width:100%;}
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%;}
.table-two{width:48%; float:left; margin: 1%;}
@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:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye .page-num{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:#22e4ac;margin:0 3px}
.fenye a{color:#898989; display: block;}
.fenye a.page-num-current,.fenye a:hover{color:#fff;background:#22e4ac;border:0;border:1px solid #22e4ac}.fenye a.page-num-current,.fenye a:hover {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: 5%; right: 10px; z-index: 9999; width: 40px; height: 40px; cursor: pointer; background:rgba(0,0,0,.3); border-radius:50%; line-height:40px; text-align: center;}
.backtop i{ color: #fff; font-size: 20px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #22e4ac; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
.flex{display:flex; flex-wrap:wrap; }

.swipe {overflow:hidden;font-size: 0; position:relative;}
.swipe ul{ overflow:hidden;}
.swipe li div, .swipe div div div { padding:50px 0px;  background:#22e4ac;  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; margin:0 5px;}
#pagenavi2 a{ background: #fff; margin-left: 6px;}
#pagenavi a.active,#pagenavi2 a.active2{color:red; background: #fff;}
.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;}

 #video-container { width: 100%; height: auto; max-height: 900px; overflow:hidden; display: flex; justify-content: center; align-items: center; }
#video-container video { width: 100%;  height: auto;  max-height: 100%; -webkit-media-controls: none; -moz-media-controls: none;  -ms-media-controls: none;  media-controls: none; border:0; }
/*#video-container video:hover { -webkit-media-controls: initial; -moz-media-controls: initial; -ms-media-controls: initial; media-controls: initial;  }*/
.swipe iframe{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:100; border:none; overflow:hidden; }
.slider-container { position: relative; overflow: hidden; }
.slider {display: flex; width: 300%; transition: transform 0.5s ease-in-out;}
.slide { width: 33.33%; background-size: cover; background-position: center; position: relative; font-size: 0; }
.slide img {width: 100%;}
 #canvas {position: absolute; top: 0;left: 0;width: 100%;height: 100%;  }
.arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 30px; padding: 10px; cursor: pointer; z-index: 10; }
.arrow.left { left: 10px; }
.arrow.right { right: 10px; }
.progress-bar-container { position: absolute; bottom: 0; left: 0;width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.3); border-radius: 2.5px;}
.progress-bar { height: 100%; background-color: #22e4ac; width: 0; transition: width 5s linear; border-radius: 2.5px;}

header{ position:relative; }
.top{position: fixed;top: 0;z-index: 9999;left: 0;right: 0;  }
.lanbj .top{background:#262d38;}
.height100{height:100px;}
.top .flex{ align-items: center; justify-content: space-between; }
.search a{color:#fff;}
.logo{ font-size:0; width:188px;}
.logo img{width:100%;}


nav{ line-height: 100px;}
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul{display:flex; flex-wrap:wrap; justify-content: space-between;}
nav ul li{position: relative; margin:0 25px;}
nav ul li a{    padding: 0 10px; font-size:16px; display: block; position: relative; color:#ced1d7; font-weight:500; text-transform:uppercase}
nav ul li i{ display: none; opacity: 0;  position: absolute; top:20px;right: 10px; z-index: 999; color: #000;}
nav ul li:hover a ,nav ul li.active A{ color:#fff;}
nav ul li:hover i{ color: #fff;}
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 20px;  color: #fff;}
.xla li:last-child{ border-bottom: none;}
.xla{ position:absolute; top:100%; left:0px; z-index:9999; background:#262d38; display:none; line-height: 30px;width:200px;}
.xla ol li{ position:relative; /*border-bottom: 1px dashed #ccc;*/ border-right:none ; padding:10px 5px; margin:0 }
nav ul li>.xla ol li i{ color: #fff;}
.xla>ol>li>a{ color:#fff; text-transform:none;font-weight:500; margin-left:0}
.xla>ol{padding-inline-start: 0px;}
nav>li>.xla>ol>li>a{ display:block; padding:0; color:#fff;text-transform:none}
nav>ul>li:hover>.xla{ display:block;  }
nav>ul>li>.xla>ol>li:hover{background:#262d38;}
nav>ul>li:hover>.xla>ol>li>a{ color:#fff; text-transform:none}
.xla2{ position:absolute; left:100%; top:0; z-index:9999; display:none; width:100%;background:#22e4ac; }
.xla>ol>li:hover>.xla2{ display:block}
nav>ul>li>.xla>ol>li>.xla2>a{ color:#fff; font-weight:normal;text-transform:none;display:block; padding:10px;margin-left:0;/*border-bottom: 1px dashed #3a4e79;*/}
nav>ul>li>.xla>ol>li>.xla2>a:hover{background:#22e4ac;}
.lange{border-radius:20px; background:#fff; padding:2px 5px;}
.lange a{color:#606771; padding:0 3px;}
.lange a.on,.lange a:hover{color:#22e4ac}
.tels{  font-size:18px;font-weight:500;  background:#22e4ac;  border-radius:5px; color:#fff; height:44px; margin-top:24px; line-height:44px;}
.shequ a{color:#fff; font-size:22px; margin:0 15px;}
.shequ a:hover{color:#22e4ac}

.topfixed{background:#262d38}

.fenlei{margin-top:30px;}
.fenlei ul li{width:25%; position:relative; font-size:0; }
.fenlei ul li h2{position:absolute; top:0; left:0; right:0; bottom:0; z-index:100;color:#fff;  text-align:center; padding-top:18%; font-size:20px; font-weight:600;}
.fenlei ul li h2::after{content:""; display:block; width:80px; height:4px; background:#22e4ac; margin:0 auto; margin-top:15px;}
.fenlei ul li img{width:100%;}
.fenlei ul li:hover h2{background:rgba(34,236,179,.6)}
.aboutind{ margin-top:80px; text-align:center;}
.aboutind h2{font-size:40px;}
.aboutcont{width:70%; margin:0 auto; margin-top:30px; line-height:30px; font-size:18px;}
.aboutind ul{margin-top:50px; justify-content: center;}
.aboutind ul li{width:20%; }
.aboutind ul li img{}
.aboutind ul li h3{ margin-top:20px; font-weight:600}

.application{margin-top:80px;background:#22e4ac;}
.application ul li{ align-items:center;background:url(../images/log.jpg) left center no-repeat; background-size:contain}
.application ul li:nth-child(2){background:url(../images/log.jpg) right center no-repeat; background-size:contain}
.zuoapp{width:40%; padding:0% 5% 0%; position:relative; }
.youapp{width:50%; font-size:0}
.youapp img{width:100%;}
.application ul li:nth-child(2) .zuoapp{order:2}
.application ul li:nth-child(2) .youapp{order:1}
.zuoapp span{color:#fff; text-transform:uppercase;}
.zuoapp h2{font-size:40px; margin-bottom:20px;}
.appcont{line-height:30px; z-index:10}

.application2{background:none;}
.application2 .zuoapp{background:none; padding:0; width:45%; padding-right:5%}
.application2 ul li,.application2 ul li:nth-child(2){margin-bottom:70px; background:none;}
.application2 ul li:nth-child(2n) .zuoapp{width:45%; padding-right:0%; padding-left:5%}

.proshow{margin-top:80px;}
.proshow h2{font-size:40px; text-align:center; margin-bottom:30px;}
.proshow h2::after{content:""; display:block; width:200px; height:2px; background:#22e4ac; margin:0 auto; margin-top:15px;}
.owl-carousel{ position: relative; width: 100%; margin: 0 auto;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top:48%; width: 100%; margin-top: -22px; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-prev,.owl-next{ cursor: pointer; width:60px; height:60px; text-indent:-9999px; line-height:60px; text-align:center;  position: absolute; z-index:100  }
.owl-prev{left: -100px; background:url(../images/zuo.png) no-repeat;}
.owl-next{right: -100px; background:url(../images/you.png) no-repeat;}

#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 ;  position: relative; border-radius:5px;  overflow: hidden; -ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.item a{ display:block; font-size: 0;}
.cptimg{position: relative; overflow: hidden;  }
.cptimg img{width:100%;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.cptimg:hover img{transform:scale(1.05)}
.item h3{font-size:24px;  position:relative;}
.hotbor{line-height:32px; margin-top:10px; font-size:18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.cpmore{margin-top:80px;}
.cpmore a{display:block; font-weight:500; padding:14px 0px; border:2px solid #262d38; color:#262d38; width:200px; margin:0 auto; text-align:center; border-radius:5px;}
.cpmore a:hover{background:#22e4ac; color:#fff; border:2px solid #22e4ac;}

.newsul{margin-top:40px; margin-bottom:80px; }
.newsul li{width:31.33%; margin:1%;}
.newsul li .cptimg{ border-radius:5px; font-size:0}
.newsul li:hover .cptimg img{transform:scale(1.05)}
.newsul li h2{font-size:20px;font-family:Roboto; margin-top:10px;}
.newscon{margin-top:10px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden;}
.newstime{color:#00aa79; margin-top:15px;}
.newsmore{width:140px; background:#22e4ac; color:#262d38; text-align:center; line-height:40px; border-radius:3px; margin-top:20px;}

footer{background:#262d38; color:#fff; padding-top:60px;}
footer h3{font-size:26px; font-weight:600}
footer .cenrerflex{ justify-content: center;}
.emai a{ color:#fff; font-size:20px;}
.links{margin-top:30px;}
.links a{color:#fff; text-transform:uppercase; padding:0 15px; font-size:20px;}
.dishequ{ margin-top:40px; }
.dishequ a{color:#fff; margin-right:20px; font-size:24px; width:40px; height:40px; border-radius:50%; border:1px solid #fff; line-height:40px; }
.banquan{ margin-top:20px; padding:20px 0; border-top:1px solid #4f545d; text-align:center;}

.lianxiw a{color:#fff; text-align:center }
footer a:hover{color:#22e4ac}
.lianxiw p{ padding:6px 0; font-size:24px;}
.lianxiw p i{margin-right:6px; color:#22e4ac}
.linksqua,.linksprod,.lianxiw{margin:0 100px;}
.linksqua h3,.linksprod h3,.lianxiw h3{margin-bottom:30px;}
.linksqua h3::after,.linksprod h3::after,.lianxiw h3::after{content:""; display:block; width:30px; height:2px; background:#22e4ac; border-radius:2px; margin-top:10px;}
.linksqua a,.linksprod a{color:#fff; display:block; padding:10px 0;}

.prolist{margin-top:80px;}
.prolist h2{font-size:40px; text-align:center; margin-bottom:30px;}
.prolist h2::after{content:""; display:block; width:200px; height:2px; background:#22e4ac; margin:0 auto; margin-top:15px;}
.prolist ul li{width:23%; margin:1%}

.pagination-lg{ margin-top:80px; text-align:center; margin-bottom:80px;}
.pagination-lg a{padding:10px 15px;}

.fenlist{justify-content: center;}
.fenlist a{ padding:10px 30px; border:2px solid #262d38; border-radius:5px; margin:10px;}
.fenlist a:hover,.fenlist a.active{border:2px solid #22e4ac; background:#22e4ac; color:#262d38; font-weight:500}

.newstextbj{background:url(../images/newsbj.jpg) center bottom no-repeat; background-size:cover; padding-top:400px; padding-bottom:100px;}
.newstextbj h1{text-align:center; font-weight:200; color:#fff; font-size:55px;}
.newcont{margin-top:80px;}
.timesd{width:10%; font-size:75px; text-align:center;}
.newsdes{width:88%; font-size:18px; line-height:30px; font-weight:400}
.newsdes p{margin-bottom:10px;}
.timesd span{display:block;font-size:18px;}

.contbj{background:url(../images/max.jpg) center center no-repeat; background-size:cover; padding-top:500px; padding-bottom:150px;}
.contwomen .flex{justify-content: space-between; align-items:center;}
.dianhua{width:49%; border-radius:25px; text-align:center; background:rgba(38,45,56,.7); padding:50px 0; color:#fff; font-size:25px; color:#22e4ac}
.dianhua h3{font-size:35px; color:#fff}
.youxiang{width:49%; border-radius:25px; text-align:center;background:rgba(34,228,172,.7); padding:42px 0; color:#fff}
.youxiang a{color:#fff; display:block; font-size:22px;font-family: "Montserrat"; font-weight:600; margin:10px 0;}
.ydshequ3{text-align:center; margin-top:50px; display:flex; justify-content:center;}
.ydshequ3 a{font-size:30px; margin:0 15px; border:2px solid #262d38; width:45px; height:45px; line-height:45px; border-radius:50%}
.ydshequ3 a:hover{ border:2px solid #22e4ac;}
.forms{width:50%; margin:0 auto; margin-top:50px; margin-bottom:80px; }
.forms h2{FONT-SIZE:40px; text-align:center; margin-bottom:20px;}
.namein{display:block; width:calc(100% - 15px); font-size:16px; padding-left:15px; background:#f8f8f8; height:50px; margin-bottom:25px; line-height:50px;border-radius:6px;}
.xuanze{display:block;}
.ares{display:block; width:calc(100% - 30px); border:none;background:#f8f8f8;font-family: "Roboto";font-size:16px;padding:15px; border-radius:6px; height:100px;}
.forms span{display:block; margin-top:10px;}
.forms select{display:block; width:100%; padding-left:12px;font-size:16px; color:#777; border:none;height:40px; margin-bottom:25px; line-height:40px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);}
.formbtn{width:100px;display:block; margin:0 auto; margin-top:25px; height:50px; line-height:50px; color:#fff; background:#22e4ac; font-weight:bold; font-size:17px;border-radius:6px; }

.downjie{margin-top:30px; margin-bottom:80px;}
.downcont{background:#6a778c; color:#fff; padding:30px;}
.downcont h3{font-size:26px; font-weight:500}
.downcont span{margin-top:15px; display:block; line-height:28px;}
.downlist{border-top:10px solid #22e4ac; margin-top:30px;}
.downlist ul li{border-bottom:1px solid #d7d7d7;  }
.downlist ul li a{display:flex; justify-content: space-between;padding:20px 45px 20px 20px;}

.application3{background:none;}
.application3 .zuoapp{background:none; padding:0; width:45%; padding-left:5%}
.application3 ul li,.application3 ul li:nth-child(2){margin-bottom:70px; background:none;}

.application3 ul li:nth-child(2) .youapp{order:1}
.application3 ul li:nth-child(2) .zuoapp{order:2}

.protext{padding-top:60px;}
.protext .flex{align-items:center;}
.textzuo{width:25%; text-align:center;}
.textzuo h2{font-size:40px;}
.system{ margin-top:20px; color:#14bd8c; font-weight:bold;}
.textyou{width:73%; line-height:30px;}

.huisebj{background:#e1e4e8}
.scroll-container {width: 100%; overflow: hidden; margin-top:20px;}
.scroll-wrapper {display: flex; width: 200%; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:6px 0}
.scroll-text {white-space: nowrap;  width: 55%; animation: scroll 10s linear infinite; font-size:18px;}
@keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
}

.cptextbj{ padding-top:240px; margin-top:60px; overflow:hidden;}
.cpbjtup{display:block; height:640px; width:100%;  position:absolute; top:0; left:0; z-index:1;}
.cptextbj .zt{text-align:right;z-index: 100; position: relative;}
.cptextbj img{ z-index:2; position:relative; }
.cptextbj canvas{position:absolute; left:0; top:0; z-index:2 ;width:100%; height:100%;}
.cpjieshao{margin-top:30px; padding-bottom:50px; justify-content: space-between; align-items:center;}
.zuoced{width:20%;}
.youced{width:73%; line-height:30px;}
.youced h1{margin-bottom:15px;}
.zuoced ul li{background:#fff; border:2px solid #14bd8c; margin-bottom:20px; border-radius:30px; }
.zuoced ul li a{display:block; text-align:center; padding:10px ; font-weight:500}
.zuoced ul li:hover{background:#14bd8c;}
.zuoced ul li:hover a{color:#262d38}

.icontu{background:#262d38; padding:30px 0 60px 0}
.icontu .flex{justify-content: space-between}
.cpconbtn{  border-radius:20px; overflow:hidden;}
.cpconbtn a{display:block; padding:10px 0; text-align:center; background:#dedee3;}
.cpconbtn a:hover{ background:#fff; color:#262d38}

.wpb_wrapper{width:20%; padding:0 6.5%}

.language-box{ position: relative; line-height: 100px;}
.lan{ position: relative; color:#fff; padding: 0 25px 0 15px; font-size:18px;     cursor: pointer;}
.lan::after{ content: "\f107"; font-family: FontAwesome; display: block; position: absolute; top: 0px; right: 5px; z-index: 100; color:#fff }
.language-box ul {top: 100%;width: 100%;display: none; position: absolute; z-index:9999; background-color: #262d38; border-radius: 0 0 5px 5px}
.language-box ul li {margin: 10px 0;}
.language-box ul li a { background: none; width: 100%; text-align: center;font-size: 16px;line-height: 24px;	position: relative;	display: block;	color: #fff;}
.language-box ul li img{ margin-right:5px}
.language-box:hover ul{display: block;}

#owl1{width:94%; padding:15px 0}
#owl1 .item{ margin:10px 50px;}
#owl1 .owl-prev{left:-40px;}
#owl1 .owl-next{right:-40px;}

#myCanvas{ position:absolute; top:0; left:0; bottom:0; right:0;width:100%; height:100%}

.icon-img{width:40%; margin:0 auto; margin-bottom:10px;}
.icon-img img{width:100%}


@media only screen and (max-width:1440px ){
.zuoapp{width:40%; padding:4% 5% 0; }

}
@media only screen and (max-width:769px ){
.padd{padding:0 10px;}
.zt,.zt2{ width: 100%;}
/* .top{position:relative;background:#262d38;} */
nav{ line-height:60px;}
nav ul li{width:100%; text-align:center; margin:0}
nav ul li a{margin:0}
nav{width:100%; position:relative; background:#262d38 }
nav ul {display:none}
.caidan{ display: block; color: #fff; line-height: 54px; position:absolute; z-index:2999; top:-50px; right:15px;}
nav ul li i{opacity:1; color:#fff; width: 20px; height: 20px;}
.xla,.xla2{ position: relative; width: 100%;}
nav ul li:hover .xla{ display: none;}
.xla2{left:0}
.xla ul li{width:100%; padding:10px 0;}
nav ul li>.xla ul li i{right:20px;}
.search,.shequ{display:none;}
.tels{background:none}
.arrow{font-size:16px;}
.fenlei ul li{width:100%}
.aboutcont{width:96%}
.aboutind ul li{width:96%; margin-bottom:20px;}
.aboutind ul li h3{font-size:18px;}
.zuoapp{width:90%}
.youapp{width:100%; margin-top:30px;}
.application ul li:nth-child(2) .zuoapp{order:1}
.application ul li:nth-child(2) .youapp{order:2}
.owl-prev{left:0}
.owl-next{right:0}
.newsul li{width:94%; margin:3%}
footer h2{font-size:40px}
.application2 .zuoapp{width:96%; padding-right:0; margin:0 auto}
.application2{margin-top:30px;}
.application2 ul li:nth-child(2n) .zuoapp{width:96%; padding-right:0; padding-left:0; margin:0 auto}
.application2 ul li{margin-bottom:30px;}
.fenlist a{width:40%; padding:10px 0; text-align:center;}
.prolist ul li{width:48%}
.pagination-lg a{ margin-bottom:10px;  display: inline-block;}
.lanbj{height:50px;]}
.prolist{margin-top:50px;}
.timesd{width:100%; font-size:18px;}
.timesd span{display:inline; margin-left:10px;}
.newsdes{width:85%; margin:0 auto; margin-top:20px;}
.newstextbj{padding-top:100px; }
.newstextbj h1{font-size:35px;}
.newcont,.aboutind{margin-top:50px;}
.dianhua,.youxiang{width:96%; margin:0 auto; margin-bottom:25px;}
.contbj{padding-top:200px; padding-bottom:100px;}
.forms{width:90%}
.application3{margin-top:0px;}
.application3 .zuoapp{width:95%; margin:0 auto; padding-left:0; margin-top:20px;}
.application3 ul li:nth-child(2) .zuoapp{order:2}
.application3 ul li:nth-child(2) .youapp{order:1}
.application3 ul li{margin-bottom:20px;}
.height100{height:0;}
.language-box{line-height:54px;position: absolute;top:0; right: 60px; z-index:100}
.textzuo{width:100%;}
.textyou{width:96%; margin:0 auto; margin-top:20px;}
.scroll-text{width:100%}
.cpbjtup{height:200px;}
.cptextbj .zt{text-align:center;}
.cptextbj .zt img{width:80%;}
.cptextbj{padding-top:100px;}
.zuoced{width:92%; margin:0 auto; order:2; margin-top:20px;}
.youced{width:96%; margin:0 auto; order:1}
.wpb_wrapper{width:80%; margin-bottom:20px;}
.icontu .flex{ justify-content: center;}
#owl1 .item{margin:10px 35px}
#owl1 .owl-buttons{top:60%}
#owl1 .owl-prev, #owl1 .owl-next{ width:30px; height:30px; background-size:cover}
#owl1 .owl-prev{left:0}
#owl1 .owl-next{right:0}
.linksqua,.linksprod,.lianxiw{margin:0 25px;}
}
@media only screen and (max-width:540px ){
	footer .cenrerflex{justify-content:inherit;}
	.linksqua,.linksprod,.lianxiw{margin:0 10px;}
	.linksqua{width:40%}
	.lianxiw{margin-top:30px;}
}

@media only screen and (min-width:800px ) and (max-width:1200px ){
.padd{padding:0 10px;}
.zt,.zt2{ width: 100%;}
/* .top{position:relative;background:#262d38;} */
nav{ line-height:60px;}
nav ul li{width:100%; text-align:center; margin:0}
nav ul li a{margin:0}
nav{width:100%; position:relative; background:#262d38 }
nav ul {display:none}
.caidan{ display: block; color: #fff; line-height: 54px; position:absolute; z-index:2999; top:-50px; right:15px;}
nav ul li i{opacity:1; color:#fff; width: 20px; height: 20px;}
.xla,.xla2{ position: relative; width: 100%;}
nav ul li:hover .xla{ display: none;}
.xla2{left:0}
.xla ul li{width:100%; padding:10px 0;}
nav ul li>.xla ul li i{right:20px;}
.search,.shequ{display:none;}
.tels{background:none}
.height100{height:0;}
.language-box{line-height:54px;position: absolute; top:0px; right: 60px; z-index:100}
.cptextbj .zt{text-align:center;}
.cptextbj{padding-top:100px;}
.cptextbj img{width:80%;}
.cpbjtup{height:400px;}
#owl1 .owl-prev{left:0px}
#owl1 .owl-next{right:0px}
.wpb_wrapper{padding:0 3%}
.scroll-text{width:100%}
.linksqua,.linksprod,.lianxiw{margin:0 25px;}
}