@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:initial;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #27c0a6;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;background: #fff;margin: 0 auto;font-size: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad100{padding:100px 0;}
.pad90{padding:90px 0;}
.pad70{padding:70px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:1440px;margin: auto;}
@media (max-width:1466px) {
.container{width:1199px;}
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}



@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei.woff2') format('woff2'),
        url('../fonts/YouSheBiaoTiHei.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'D-DIN-PRO';
    src: url('../fonts/D-DIN-PRO-Heavy.eot');
    src: url('../fonts/D-DIN-PRO-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/D-DIN-PRO-Heavy.woff2') format('woff2'),
        url('../fonts/D-DIN-PRO-Heavy.woff') format('woff'),
        url('../fonts/D-DIN-PRO-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
header{position:absolute;width:100%;top:0;left:0;z-index:2;}
header .container{border-bottom:1px solid rgba(255,255,255,0.8);}
.logo img{height: 40px;margin-top: 17px;}
nav{width:70%; text-align:right;}
nav li{display: inline-block;position:relative;}
nav li>a{font-size:16px;display:block;position:relative;text-align:center;padding:28px 22px;color:#fff; z-index:1;}
nav li>a:after{ display:block;width:100%;height:0; position:absolute;width:100%;top:0;left:0;background-color: #3add7f;background: linear-gradient(right,#27c0a6,#3add7f);background: -webkit-linear-gradient(right,#27c0a6,#3add7f);content:''; display:block; z-index:-1;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li div{border-radius: 0 0 10px 10px;padding:10px 0;position:absolute;top:110%;left:0;width:100%;display:none;text-align:center;z-index: 1; background-color:rgba(255,255,255,.8);font-size:14px;}
nav li div a{display:block;margin:10px 0;}
nav li div a:hover{color:#27c0a6;}
nav li:hover div{ display:block;}
nav li:hover>a:after,nav li>a.cur:after{height:110%;}
nav li:hover>a.cur,nav li:hover>a{color:#fff;font-weight:bold;}
.otherbanner{padding:188px 0 340px; color:#fff;}
.otherbanner h2{ font-size:120px;text-align:center;font-family: 'YouSheBiaoTiHei';}
.map{flex:1;}
.contactC{display:flex;}
.contactbody{background-color:#f8f8f8;padding:80px 80px;width:640px;margin-left:20px;}
.contactbody h1{font-size:30px;font-weight:bold;color:#333;}
.contactbody .con{margin-top:40px;font-size:20px;}
.contactbody .con p{ display:flex;margin-bottom:40px;}
.contactbody .con p img{width:30px;height:30px; display:inline-block;margin-right:30px;}
.h_title h5{font-size:36px;font-weight:bold;color:#202020; text-transform:uppercase;background-image: -webkit-linear-gradient(right, #27c0a6,#3add7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:inline-block;}
.h_title h2{font-size:30px;color:#202020;margin-top:20px; font-weight:bold;}
.h_title.white h2,.h_title.white h5{color:#fff;}
footer{padding:70px 0; background:url(../images/pic3.jpg) no-repeat center center; background-size:cover;border-top:12px solid #2ecb97;}
.footleft{width:65%;}
.footright{width:35%; text-align:right;color:#27c0a6;}
.footright h2{font-size:40px;font-family: 'D-DIN-PRO';background-image: -webkit-linear-gradient(top, #27c0a6,#3add7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.share{margin-top:30px;}
.share li{ display:inline-block;margin-left:5px; position:relative;}
.footcode{position:absolute; background-color:#fff;border:1px solid #ddd;padding:10px;bottom:100%;right:0; display:none;}
.footcode img{width:120px;}
.share li:hover .footcode{ display:block;}
.footnav{margin-top:20px;font-size:20px;font-weight:bold;}
.footnav a{ display:inline-block;padding:0 50px 0 0;color:#fff;}
.footleft .bq{margin-top:40px; text-align:left;padding:0;line-height: 24px;}
.bq{text-align:center;color:#fff;padding:20px 0;font-size:14px;}
.bq span{display:inline-block;margin:0 3px;}
.bq span a{color:#fff;}
.bq p{ font-size:16px;margin-bottom:10px;}
.bq p span{margin:0 20px;}
.footimg img{width: 120px;}
.footlogo{margin-bottom:40px; display:flex;align-items: center;}
.footlogoright{flex:1;height:1px; background-color:#fff;margin-left:34px;}
.newCleft{width:414px;}
.newCleft img{height:700px;object-fit: cover;}
.newCright{width:calc(100% - 260px);margin:70px 0 0 -200px;}
.newCright .btns{ text-align:right;margin-bottom:60px;}
.newCright .btns .btn{display:inline-block;margin-left:30px; background:none; cursor:pointer;width:62px;height:62px;border-radius:50%;border:1px solid #666666;}
.newCright .btns .btn img{width:62px;height:62px;}
.newCright dl a{ display:block;background-color:#f8f8f8;padding:60px 20px;}
.newCright dl dt h5{font-size:24px;font-weight:bold;}
.newCright dl dt time{ display:block;margin-top:20px;color:#999999;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.newCright dl dd{margin-top:30px;color:#666;font-size:14px;line-height:25px;height:175px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:7;
  line-clamp:7;
  -webkit-box-orient: vertical;}
.newCright .btns .btn:hover{background-color: #3add7f;background: linear-gradient(right,#27c0a6,#3add7f);background: -webkit-linear-gradient(right,#27c0a6,#3add7f);border-color:transparent;}
.newCright .btns .btn:hover img{filter: grayscale(100%) brightness(700%);}
.newCright dl:hover{ transform:translateY(-10px);box-shadow: 0 0 14px #e5e4e4;}
.newdetailtit{ display:flex;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.newdetailtit h1{flex:1;margin-right:20px;color:#333;font-size:30px;}
.newdetailtit .right{margin-top:5px;color:#999;}
.newdetailtit .right span{ display:inline-block;margin-left:10px;}
.newdetailC { display:flex;}
.newdetailCleft{width:45%;}
.newdetailCleft img{ display:block;}
.newdetailCright {flex:1;padding:56px;margin-left:20px;background-color:#f8f8f8; line-height:25px;color:#666666;font-size:15px;} 
.newdetailCright img{ max-width:100%;}
.busnav{width:78%;margin:auto;border-bottom:1px solid #e4e4e4;}
.busnav a{float:left;width:50%; text-align:center;color:#999999;font-size:30px;padding-bottom:50px; position:relative;}
.busnav a:after{ position:absolute;width:100%;height:8px;content:''; display:block; bottom:0;left:0;} 
.busnav a.cur:after{background-color: #3add7f;background: linear-gradient(right,#27c0a6,#3add7f);background: -webkit-linear-gradient(right,#27c0a6,#3add7f);border-color:transparent;} 
.busnav a.cur,.busnav a:hover{color:#222;}
.banner-swiper2  .swiper-slide {width:557px;}
.businessC{ margin:100px 0 100px;}
.businessC li{ opacity:1 !important;}
.businessC li a{ display:block; position:relative;}
.businessC li a .child{ position:absolute;top:0;left:0; background-color:rgba(0,0,0,0.3); text-align:center;height:100%;width:100%;color:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center; opacity:0;}
.businessC li a .child img{width:76px;}
.businessC li a .child h5{font-size:50px;color:#fff;font-weight:bold;margin-top:30px;}
.businessC li.swiper-slide-active a .child{ opacity:1;}
.businessC .btns{margin:50px auto 0; display:flex;justify-content: space-between;width:900px;}
.businessC .btns .btn{width:55px; cursor:pointer;}
.businessC li a:hover .child img{animation: yun 0.6s linear alternate infinite;}
@keyframes yun{
    0%{transform: translateY(-10px);}
    50%{transform: translateY(0px);}
    100%{transform: translateY(10px); }
}
.gonglueC dl{margin-bottom:50px;overflow:hidden;}
.gonglueC dl dt{float:left;width:530px;}
.gonglueC dl dd{ float:right;width:calc(100% - 620px);margin-top:10px;}
.gonglueC dl dd h5{ font-size:24px;font-weight:bold;color:#222;}
.gonglueC dl dd .con{margin-top:30px;line-height:28px;}
.gonglueC dl dd .con .red{color:#f32626;}
.gonglueC dl ~ dl{border-top:1px solid #dcdcdc;padding-top:50px;}
.zhuyi{ background:url(../images/bg1.png) no-repeat right bottom; background-size:auto 220px;}
.zhuyi h2{font-size:34px; font-weight:bold;background-image: -webkit-linear-gradient(top, #27c0a6,#3add7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin-top:80px;}
.zhuyi .con{padding-top:36px;border-top:1px solid #27c0a6;margin-top:36px;line-height: 28px;min-height:257px;}
.detailC{line-height:34px;color:#666;}
.detailC img{max-width:100%;}
.prenext{border-top:1px solid #dcdcdc;padding:50px 10px 0;margin-top:50px;}
.prenext a{ display:block;}
.prenext p{float:left;width:49%;}
.prenext p:last-child{ text-align:right;}
.detailsummary{background: #f1f1f1;padding: 20px;margin-top: 30px;text-align: left;line-height: 30px;}
.abouttop .h_title h2 {font-size: 50px; margin-top: 10px;}
.abouttop .busnav {width: 800px;margin-top: 20px;}
.about1C{ background:#f9f9f9 url(../images/bg2.png) no-repeat right bottom; background-size:25% auto;padding:40px;}
.about1C .left{width:560px;padding:0 40px 20px 0;}
.about1C .right{margin-top:60px;}
.about1C .right h5{font-size:30px;}
.about1C .right .con{margin-top:30px;line-height: 34px;color: #666;}
.abouttop .busnav a {padding-bottom:35px;}
.about2C .right{width:800px;}
.about2C .left{width:calc(100% - 890px);}
.about2C .left .con{margin-top:60px;line-height: 34px;color: #666;max-height:204px;overflow: hidden;}
.about2C .lefttop h2,.about2C .lefttop h3{ text-align:right;}
.about2C .lefttop h2 span{line-height:62px;font-size:54px;font-weight:bold;color:#999999; display:inline-block;}
.about2C .lefttop h3 span{margin-top:30px;line-height:38px;font-size:30px;color:#222;display:inline-block;width:30px;}
.about2C .lefttop h4{font-size:80px;background-image: -webkit-linear-gradient(top, #27c0a6,#3add7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight:bold; display:flex;justify-content: space-between;align-items: center;}
.about2C .lefttop h4 img{width:36px;height:36px;}
.banners{ display:none;}
.banner .swiper-button-prev{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon1.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block; position:absolute;left:-100px;opacity:0; cursor:pointer;}
.banner .swiper-button-next{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon2.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block;position:absolute;right:-100px;opacity:0; cursor:pointer;}
.banner:hover .swiper-button-prev{left:0; opacity:1;}
.banner:hover .swiper-button-next{right:0; opacity:1;}
.banner .swiper-pagination{position:absolute;right:calc(50% - 720px);left:auto !important;width:auto !important;bottom:30px !important;}
.banner .swiper-pagination span{width:10px;height:10px;display:inline-block;margin:0 2px;font-size:0; border-radius:50%; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px;border-radius:60px;}
.bannerb .swiper-slide img{width:100%;height:100vh;}
.h_about1{ background-color:#fff; position:absolute;bottom:0;width:50%; z-index:1;padding-left:calc(50% - 720px);padding-top:50px;}
.h_about1 h2{font-size:50px;font-weight:bold; color:#222;}
.h_about1 h2 img{width:46px; display:inline-block;margin-left:30px;}
.h_about1 p{padding:20px 0;border-bottom:1px solid #dcdcdc;color:#34cd8b;font-size:36px;}
.h_about2{padding:50px 0 0;}
.h_about2 h2{font-size:30px;color:#222;}
.h_about2 .con{margin-top:30px;line-height: 30px;color: #666;max-height:60px;overflow: hidden;}
.h_case{padding-top:90px;}
.h_caseC .left{width:28%;background-color: #3add7f;background: linear-gradient(right,#27c0a6,#3add7f);background: -webkit-linear-gradient(top,#27c0a6,#3add7f);border-color:transparent;padding:200px 0 120px 50px;}
.h_caseC .right{width:80%;margin:80px 0 0 -40%; overflow:hidden;}
.h_caseC .right dl dt img{height:430px;object-fit: cover;}
.h_caseC .right dl dd{ background-color:#f8f8f8;padding:35px; text-align:center;}
.h_caseC .right dl dd h5{font-size:30px;}
.h_caseC .right dl dd p{margin-top:20px;padding-top:20px;border-top:1px solid #dcdcdc;color:#29c3a2;font-size:30px;}
.h_caseC .right dl dd p img{ display:inline-block;width:35px; margin-left:10px;}
.h_caseC .left .btn{width:60px;height:60px;border:1px solid #fff;border-radius:50%;margin-bottom:30px; cursor:pointer;}
.h_caseC .left .btn img{filter: grayscale(100%) brightness(200%);}
.h_caseC .left .btn:hover{background-color: #fff;}
.h_caseC .left .btn:hover img{filter: initial;}
.function{height:2px;background:#fff !important;margin-top:16px; position:relative !important;width:55%;}
.function span{background: #eac725 !important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.h_case .more{margin-top:100px;width:38%;}
.h_case .more a{border-radius:60px;font-size:24px;color:#fff;line-height:60px;padding:0; display:block; background-color:rgba(255,255,255,0.25);border:0;}
.h_case .more a:hover{background-color: #fff;color: #3add7f;}
.h_caseC .swiper-pagination3{margin-top:90px;color:rgba(255,255,255,0.6);font-size:18px;}
.h_caseC .swiper-pagination-current{ font-size:30px;margin-right:15px; display:inline-block;color:#fff;}
.h_newC{ background-color:#f9f9f9;}
.h_newC .left{width:600px;}
.h_newC .right{padding:80px 0 0 80px;width:calc(100% - 600px);}
.h_newC .right .title{ overflow:hidden; display:flex;justify-content: space-between;align-items: center;padding-bottom:25px;border-bottom:1px solid #27c0a6;}
.h_newC .right .title h5{font-size:28px;flex: 1;}
.h_newC .right .title time{ display:inline-block;margin-left:20px;color:#666666;}
.h_newC .right .con{margin-top:40px;color:#666;line-height:25px;height:175px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:7;
  line-clamp:7;
  -webkit-box-orient: vertical;}
.h_newC .right span{margin-top:60px;border-radius:60px;font-size:30px;color:#fff;line-height:60px;padding:0; display:inline-block;background-color: #3add7f;background: linear-gradient(top,#27c0a6,#3add7f);background: -webkit-linear-gradient(top,#27c0a6,#3add7f);border-color:transparent;width: 175px;text-align: center;}
.h_newC .right span img{width:35px; display:inline-block;margin-left:10px;filter: grayscale(100%) brightness(200%);}
.h_newC .swiper-slide a{ display:block;overflow:hidden;}






.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:8px;width:50px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}




@media (max-width:1466px) {
	.about2C .lefttop h4 {font-size: 54px;}
	.banner-swiper2 .swiper-slide {width: 470px;}
	.businessC li a .child h5 {font-size: 38px;}
	.h_about1 {padding-left: calc(50% - 600px);}
	.h_about1 h2 {font-size: 38px;}
	.h_about1 h2 img {width: 30px;margin-left: 25px;}
	.h_about1 p {padding: 10px 0 20px;font-size: 30px;}
	.h_caseC .right dl dd h5 {font-size: 23px;}
	.h_caseC .right dl dd p {font-size: 20px;}
	.h_caseC .right dl dd p img {width: 20px;}
	.h_case .more a {font-size: 18px;}
	.h_newC .right {padding: 80px 0 0 56px;}
}
@media(max-width:1199px){
	.otherbanner h2 {font-size: 100px;}
	.footnav a {padding: 0 25px 0 0;}
	nav {width: 62%;}
	nav li>a {font-size: 15px;padding: 28px 14px;}
	.pagelist {margin-top: 10px;}
	.otherbanner {padding: 170px 0 240px;}
	.contactbody {padding: 60px 60px;width: 500px;}
	.contactbody .con {font-size: 17px;}
	.contactbody .con p img {margin-right: 20px;}
	.abouttop .h_title h2 {font-size: 40px;}
	.h_title h5 {font-size: 28px;}
	.abouttop .busnav {width: 500px;}
	.busnav a {font-size: 22px;}
	.busnav a:after {height: 4px;}
	.about1C .left {width: 426px;}
	.about2C .right {width: 500px;}
	.about2C .left {width: calc(100% - 576px);}
	.about2C .lefttop h2 span {line-height: 44px;font-size: 38px;}
	.about2C .lefttop h3 span {margin-top: 20px;line-height: 30px;font-size: 22px;}
	.about2C .lefttop h4 {font-size: 44px;}
	.about2C .left .con {margin-top: 25px;line-height: 34px;max-height: 132px;}
	.banner-swiper2 .swiper-slide {width: 390px;}
	.gonglueC dl dd { width: calc(100% - 560px);}
	.newCright {width: calc(100% - 170px);margin: 70px 0 0 -250px;}
	.newCright dl dt h5 {font-size: 20px;}
	.h_about1 {padding-left: calc(50% - 496px);}
	.h_caseC .right dl dt img {height: 268px;}
	.h_case .more {margin-top: 50px;width: 50%;}
	.h_caseC .left {padding: 102px 0 68px 50px;}
	.h_newC .left {width: 500px;}
	.h_newC .right {width: calc(100% - 500px);padding: 50px 0 0 56px;}
	.h_newC .right .title h5 {font-size: 22px;}
	.h_newC .right span {font-size: 22px;}
	.h_newC .right span img {width: 23px;}
}
@media(max-width:991px){
	.bannerb,nav,.footnav,.tel,.footlogo,.abouttop .busnav{ display:none !important;}
	.mobile-inner,.banners{ display:block !important;}
	.footright,.footleft{width: 100%;text-align: center;}
	.footleft .bq {text-align: center;}
	.map {height:350px;}
	header {height: 70px;}
	.banner .swiper-pagination span {width:8px;height: 8px; display:inline-block;margin:0 3px;}
	.banner .swiper-pagination {right:20px;}
	.logo img {height: 64px;margin-top: 0;padding: 15px 0;}
	.otherbanner h2 {font-size: 60px;}
	.otherbanner {padding: 125px 0 120px;}
	.h_title h2 {margin-top: 6px;}
	.contactC {display: block;}
	.contactbody {width: 100%;margin: 20px 0 0;}
	.about1C .left,.about2C .left{width: 100%;}
	.about1C .right,.about2C .right{width: 100%;margin-top:20px;}
	.about1C .right h5 {font-size: 18px;}
	.abouttop .h_title h2 {font-size: 30px;margin-top: 3px;}
	.banner-swiper2 .swiper-slide {width: 300px;}
	.businessC li a .child img {width: 50px;}
	.businessC li a .child h5 {font-size: 26px;}
	.businessC .btns {width: 767px;}
	.gonglueC dl dt {width: 340px;}
	.gonglueC dl dd {width: calc(100% - 378px);}
	.zhuyi h2 {font-size: 26px;}
	.newdetailC,.newdetailtit{display: block;}
	.newdetailCleft {width: 100%;}
	.newdetailCright{margin-left: 0;padding:20px;margin-top:20px;}
	.newdetailtit h1 {margin-right: 0;font-size: 22px;}
	.newdetailtit .right {margin-top: 10px;font-size: 12px;}
	.newdetailtit .right span {margin:0 10px 0 0;}
	.h_about1 {padding-left: calc(50% - 375px);padding-top: 17px;}
	.bannerb .swiper-slide img { height: auto;}
	.h_about1 h2 {font-size: 26px;}
	.h_about1 h2 img {width: 18px;margin-left: 16px;}
	.h_about1 p {padding: 2px 0 14px;font-size: 24px;}
	.h_about2 h2 {font-size: 22px;}
	.h_about2 .con {margin-top: 22px;line-height: 27px;max-height:54px;}
	.h_case {padding-top: 60px;}
	.pad90 {padding: 60px 0;}
	.h_newC .left {width: 356px;}
	.h_newC .right {width: calc(100% - 356px);padding: 34px 0 0 30px;}
	.h_newC .right .con {margin-top: 30px;line-height: 25px;height: 125px;-webkit-line-clamp:5;line-clamp:5;}
	.h_newC .right span {margin-top: 30px;font-size:20px; line-height: 50px;width: 132px;}	
	
}
@media(max-width:767px){
	.mobile-inner-header-icon {font-size: 14px;top: 0;right:10px;margin-right: 0;}
	.banner .swiper-pagination span {width: 6px;border-radius: 50%;}
	.banner .swiper-pagination {bottom: 10px!important;}
	.pagelist li a, .pagelist li span {padding: 3px 9px;}
	.bq {font-size: 12px;margin-top: 30px;}
	.bq p {font-size: 14px;}
	.map{height:250px;}
	.prenext p {width: 100%;}
	.prenext p:last-child {text-align: left;margin-top:10px;}
	.prenext {padding: 30px 10px 0;margin-top: 30px;}
	.logo {height: 64px;}
	.logo img {margin-left: 10px;height: 58px;}
	.otherbanner h2 {font-size: 38px;}
	.otherbanner {padding:108px 15px 60px;}
	.h_title h5 {font-size: 16px;}
	.h_title h2 {font-size: 24px;}
	.aboutC,.detailC {margin-top: 24px;font-size: 15px;line-height: 30px;}
	.footright h2 {font-size: 30px;}
	footer {padding: 30px 0;}
	.footleft .bq {margin-top:0px;}
	.detail time span {margin: 0 10px;font-size: 13px;}
	.top50 {margin-top: 30px;}
	.top60 {margin-top: 30px;}
	.pagelist ul {padding: 8px;}
	.contactbody h1 {font-size: 20px;}
	.contactbody .con {font-size: 15px;margin-top: 30px;}
	.contactbody .con p img {margin-right: 11px;width: 20px;height: 20px;}	
	.contactbody .con p {margin-bottom: 24px;}
	.contactbody {padding: 30px 25px;}
	.about1C {padding: 20px;}
	.about2C .lefttop h2 span {line-height: 37px;font-size: 28px;}
	.about2C .lefttop h4 {font-size: 32px;}
	.about1C .right .con,.about2C .left .con,.gonglueC dl dd .con,.zhuyi .con{margin-top:20px;line-height:28px; font-size: 15px;}
	.pad90 {padding: 40px 0;}
	.busnav { width: 100%;padding: 0 15px;}
	.busnav a {font-size: 20px;padding-bottom: 20px;}
	.businessC {margin: 30px 0 36px;}
	.banner-swiper2 .swiper-slide {width:220px;}
	.businessC .btns {width:100%;padding: 0 15px;}
	.businessC li a .child h5 {font-size: 22px;margin-top: 13px;}
	.businessC li a .child img {width: 36px;}
	.detail,.contact,.new,.h_product,.h_new,.case,.about,.product,.contact,.gonglue { padding:40px 15px;}
	.gonglueC dl dt {width: 100%;}
	.gonglueC dl dd{width: 100%;margin-top: 13px;}
	.gonglueC dl ~ dl { padding-top: 20px;}
	.gonglueC dl {margin-bottom:20px;}
	.zhuyi h2 {font-size: 22px;margin-top:30px;}
	.newCleft {width: 40%;}
	.newCright {width:85%;margin: 30px 0 0 -200px;}
	.newCright .btns .btn {margin-left:20px;width: 35px;height: 35px;}
	.newCright .btns .btn img {width: 35px;height: 35px;}
	.newCright .btns {margin-bottom: 26px;}
	.newCright dl a {padding: 40px 20px;}
	.newCleft img {height: 540px;}
	.h_about1 {position: initial;padding-left: 15px;width: calc(100% - 30px);padding-top: 30px;}
	.h_about2 {padding: 20px 15px 0;}
	.h_case {padding-top: 40px;}
	.h_caseC .right dl dd h5 {font-size: 18px;}
	.h_caseC .right dl dd p {margin-top: 15px;padding-top: 15px;font-size: 16px;}
	.h_caseC .right dl dd p img {width: 12px;}
	.h_caseC .right dl dd {padding: 16px;}
	.h_caseC .right {margin: 30px 0 0 -40%;}
	.h_caseC .left {padding: 90px 0 112px 15px;}
	.h_caseC .left .btn,.h_caseC .left .btn img{width: 36px;height: 36px;}
	.h_caseC .left .btn { margin-bottom: 16px;}
	.function b {font-size: 20px;margin-right:0;display: block;}
	.function {font-size: 16px;}
	.h_case .more{ display:none;}
	.h_newC .left {width: 100%;}
	.h_newC .right{width: 100%;padding:20px;}
	.h_newC .right .title {display: block; padding-bottom: 20px;}
	.h_newC .right .title h5 {font-size: 18px;}
	.h_newC .right .title time {display: block;margin: 5px 0 0 0;font-size: 14px;}
	.h_newC .right .con {margin-top: 20px;font-size: 14px;line-height: 25px;}
	.h_newC .right span {font-size: 16px; width: 118px;line-height: 44px;}
	.h_newC .right span img {margin-left: 5px;width: 17px;}
	.h_newC{padding:0;}
}