/*common start*/
@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter-Regular.eot?v=4.7.0');
  src: url('../fonts/Inter-Regular.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/Inter-Regular.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/Inter-Regular.woff?v=4.7.0') format('woff'), 
	   url('../fonts/Inter-Regular.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/Inter-Regular.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;font-family: 'Inter-Regular';}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}

img{max-width: 100%;}
.logo img{height:45px;}

.head {padding: 15px 0;position: fixed;left: 0;right: 0;top: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);}
.menu ul li{display: inline-block;text-align: center;line-height: 45px;text-align: center;font-size: 14px;padding: 0 20px;position: relative;}
.menu ul li a{color: #fff;}
.menu ul li dl{position: absolute;left: 0;top:45px;width: 180px;background: rgba(0, 0, 0, 0.5);display: none;}
.menu ul li:hover dl{display: block;}

.phone{display: none;}

.phonehead{padding: 5px 0;}
.phonehead .logo{width: calc(100% - 70px);}

.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:absolute; display: none;right:0px; top:0; height:100%; width:100%; background-color:#fff; z-index: 999; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:40px; height:40px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}


.banner{position: relative;background: #00130E;}
.banner img{width:100%;}
.banner .wenzi{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;/*text-align: center;*/padding: 15% 0;}
.banner .wenzi h3{display: inline-block;padding-left: 20px;color: #369696;font-size: 16px;font-weight: normal;}
.banner .wenzi h4{font-size: 62px;color: #fff;margin: 40px 0;}
.banner .wenzi span{display: block;color: #01f1c0;font-size: 18px;}
.banner .wenzi a{display: inline-block;line-height: 40px;padding: 0 30px;border-radius: 20px;font-size: 16px;background: #9C24F9;color: #fff;margin-top: 20px;}
.banner .wenzi a:hover{opacity: 0.8;}

.pad{padding: 80px 0;}
.con{background: #021513;}
.con ul li{width: calc(84% / 7);margin: 1%;float: left;}

@media screen and (max-width: 760px){
	.con ul li{width: 98%;margin: 1%;float: left;}
	
}


.tit2 h3{font-size: 14px;font-weight: normal;color: #369696;margin-bottom: 20px;}
.tit {text-align: center;margin-bottom: 60px;}
.tit h4{display: inline-block;padding-left: 20px;color: #50eed5;font-size: 16px;font-weight: normal;}
.tit h3{color: #fff;font-size:58px;}
.con2{background: #021513;}
.con2 ul li{width: 31.3%;margin-right: 3%;background:#0F2323;text-align: center;float: left;padding: 50px 0;}
.con2 ul li:nth-child(3n){margin-right: 0;}
.con2 ul li h3{font-size: 40px;color: #52EACE;margin-bottom: 20px;}
.con2 ul li h4{font-size: 16px;color: #52EACE;font-weight: normal;}

@media screen and (max-width: 760px){
	.con2 ul li{width: 100%;margin-right: 0%;background:#0F2323;text-align: center;float: left;padding: 50px 0;margin-bottom: 20px;}
	
}


.c3b .swiper-wrapper {transition-timing-function: linear !important;-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
.c3b h4{padding-left: 40px;line-height: 60px;display: inline-block;font-size: 16px;color: #333;}
.c3b .swiper-slide{background: #F0F0F0;border-radius: 5px;text-align: center;}
.con3{background: #021513;}
.con3 .tit h3{}
.con3 .tit p{font-size:16px;}
.con4{background: #021513;}
.con4 .tit h3{}
.con4 ul li{width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 20px;float: left;min-height:260px;}
.con4 ul li:nth-child(4n){margin-right: 0;}
.con4 ul li.bg{background: #01211e;}
.con4 ul li.bg2{background: #041a18;}
.con4 ul li .limain{padding: 40px 6%;}
.con4 ul li .limain h3{font-size: 24px;color: #7addc8;margin-bottom: 20px;}
.con4 ul li .limain span{display: block;font-size: 16px;line-height: 2;color: #7addc8;}
.con4 ul li.bg2 .limain h3{color: #f6f7fc;}
.con4 ul li.bg2 .limain span{color: #e7fbf9;}

@media screen and (max-width: 760px){
	.con4 ul li{width: 100%;margin-right: 0px;margin-bottom: 20px;float: left;min-height:60px;}
	
}


.con5{background: #021513;padding-bottom: 0;}
.tit3{text-align: center;margin-bottom: 30px;}
.tit3 h3{color: #fff;font-size: 40px;}
.tit3 .nr{margin: 30px 0;font-size: 20px;color: #333;}
.tit3 a{display: inline-block;line-height: 40px;border-radius: 20px;padding: 0 20px;font-size: 16px;color: #fff;background: #0A46E6;}
.con5 .imgarea img{width:100%;}
.con5 ul{background: #01785a;padding: 40px;border-radius: 20px;}
.con5 ul li{width: 23%;float: left;margin: 1%;text-align: center;}
.con5 ul li h3{font-size: 30px;color: #fff;}
.con5 ul li span{display: block;color: #fff;font-size: 18px;margin-top:20px;}

@media screen and (max-width: 760px){
	.con5 ul li{width: 98%;float: left;margin: 1%;text-align: center;}
	
}

.con6{background: #021513;text-align: center;}
.con6  .tit{margin-bottom: 0;}
.con6  .tit h3{margin: 45px 0;}
.con6 .nr{font-size: 18px;color: #7A9292;text-align: center;}
.con6 a{display: inline-block;background: #9c24f8;line-height: 44px;border-radius: 20px;color: #fff;padding: 0 20px;margin-top: 40px;font-size: 18px;}
.con6 a{color: #fff;}

.foot .left .flogo{margin-bottom: 30px;}
.foot .left .flogo img{height:60px;}
.foot .left .finfo dl dt{color: #526363;margin-bottom: 10px;font-size: 16px;}
.foot .left .finfo dl dd{color: #0A1D1B;font-size: 16px;}
.foot .left .finfo dl{margin-bottom: 40px;}
.foot .left .finfo2 ul li{display: inline-block;margin-right: 20px;}
.foot .left .finfo2 ul li img{width:24px;}
.foot .right .fmenu dl{float: left;margin-left: 80px;}
.foot .right .fmenu dl dt {color: #526363;margin-bottom: 20px;font-size: 16px;}
.foot .right .fmenu dl dd a{color: #0A1D1B;font-size: 16px;}
.foot .right .fmenu dl dd a:hover{transition: all 0.5s;}
.foot .right .fmenu dl dd {margin-bottom: 10px;}





@media screen and (max-width: 760px){
	.wapper{width:90%;padding: 0 5%;}
	.pc{display: none;}
	.phone{display: block;}
	
	
	.foot .left{width: 100%;}
	.foot .right {display: none;}
	
}


.ibanner{position: relative;}
.ibanner img{width:100%;}
.ibanner .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;padding: 15% 0;}
.wid50{width: 50%;}
.ibanner .wenzi h3{font-size: 60px;color: #fff;}
.ibanner .wenzi span{font-size: 14px;color: #fff;display: block;margin: 40px 0;}
.ibanner .wenzi ul li{display: inline-block;margin-right: 15px;}
.ibanner .wenzi ul li .aa{display: inline-block;line-height: 60px;padding: 0 30px;border: 1px solid #fff;border-radius: 30px;font-size: 16px;color: #fff;}
.ibanner .wenzi ul li .aa:hover{background: #fff;color: #000;}
.ibanner .wenzi ul li .aa2{display: inline-block;background: #9C24F9;color: #fff;font-size: 16px;line-height: 60px;padding: 0 30px;border: 1px solid #9C24F9;border-radius: 30px;}


.ibanner .wenzi2{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;padding: 15% 0;text-align: center;}
.ibanner .wenzi2 h4{display: inline-block;padding-left: 30px;color: #fff;}
.ibanner .wenzi2 h3{font-size: 62px;color: #fff;}
.ibanner .wenzi2 span{font-size: 18px;color: #fff;display: block;margin: 40px 0;}
.ibanner .wenzi2 ul li{display: inline-block;}
.ibanner .wenzi2 ul li .aa{display: inline-block;line-height: 60px;padding: 0 30px;border: 1px solid #00FFE1;border-radius: 10px;font-size: 16px;color: #333;background: #00FFE1;}
.ibanner .wenzi2 ul li .aa:hover{background: #fff;color: #000;}


.pro .left{width: 38%;}
.pro .right{width: 58%;}
.pro .left h3{color: #fff;font-size: 16px;margin-bottom: 30px;}
.pro .left span{display: block;font-size: 60px;color: #fff;font-weight: bold;}
.pro .right ul li{width: 48%;margin: 1%;float: left;}
.pro .right ul li .limain{padding: 40px 34px;background: #fff;border-radius: 5px;}
.pro .right ul li h3{font-size: 22px;color: #333;margin: 15px 0;}
.pro .right ul li span{display: block;font-size: 14px;color: #333;}

@media screen and (max-width: 760px){
	.ibanner .wenzi h3{font-size:32px;}
	.pro .left{width: 100%;margin-bottom:20px ;}
	.pro .right{width: 100%;}
	
	.wid50{width: 100%;}
	
	.pro .right ul li{width: 98%;}
	
	
	.ibanner .wenzi2{padding: 50% 0;}
	.ibanner .wenzi ul li .aa{padding: 0px 15px;}
	.ibanner .wenzi ul li .aa2{padding: 0px 15px;}
	.pro .left span{font-size:32px;}
	.ibanner .wenzi2 h3{font-size:40px;}
	
}


.pro2{background: #0A0A0A;}
.pro2 .wenzi{padding: 40px 0;font-size: 16px;color: #fff;}
.pro2 ul{text-align: center;}
.pro2  ul li{display: inline-block;margin: 0 15px;}




.pro3 .left{width: 48%;}
.pro3 .left h3{font-size: 22px;color: #fff;margin-bottom: 30px;}
.pro3 .left span{display: block;font-size: 16px;line-height: 2;font-size: 16px;}
.pro3 .right{width: 48%;}
.pro3 .right ul li{border-bottom: 2px solid #fff;padding: 20px 0;}
.pro3 .right ul li .lileft{width: 60px;}
.pro3 .right ul li .liright{width: calc(100% - 70px);line-height: 60px;font-size: 16px;color: #fff;}


@media screen and (max-width: 760px){
	
	.pro3 .left{width: 100%;margin-bottom: 20px;}
	.pro3 .right{width: 100%;}
	
}

.pro4 ul li{padding: 25px 0;}
.pro4 ul li .lileft{width: 48%;}
.pro4 ul li .lileft img{border-radius: 30px;}
.pro4 ul li .liright{width: 48%;}
.pro4 ul li .liright .wenzi{padding: 30px 0;}
.pro4 ul li .liright h3{font-size: 32px;color: #fff;}
.pro4 ul li .liright span{display: block;margin: 30px 0;font-size: 18px;color: #fff;}
.pro4 ul li .liright a{color: #0A46E6;font-size: 14px;display: block;}
.ptit{margin-bottom: 25px;}
.ptit h3{font-size: 30px;color: #fff;margin-bottom: 30px;}
.ptit span{font-size: 14px;display: block;}


@media screen and (max-width: 760px){
	
	.pro4 ul li .lileft{width: 100%;margin-bottom: 20px;}
	.pro4 ul li .liright{width: 100%;}
	
}

.pro5 .tit h3{color: #333;}
.plist ul{float: left;width: calc((100% - 30px)/3);margin-right: 10px;margin-bottom: 10px;}
.plist ul:nth-child(4){margin-right: 0;}
.plist ul li{background: #F5F5FA;line-height: 44px;margin-bottom: 10px;text-align: center;}
.plist ul li h3{font-weight: normal;}
.plist ul.cur li{background: #CDE1FF;}
.plist ul.cur li{color: #104AE6;}

@media screen and (max-width: 760px){
	
	.plist ul{float: left;width: 100%;margin-right: 0;margin-bottom: 10px;}
	
}


.pro6 .tit h3{color: #333;}
.pro6 ul li{width: 23%;float: left;margin: 1%;}
.pro6 ul li img{width: 100%;height:80px;object-fit: contain;}


@media screen and (max-width: 760px){
	
	.pro6 ul li{width: 98%;float: left;margin: 1%;}
	
}


.pro7 .tit h3{text-align: left;color: #fff;}
.pro7 ul li{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;float: left;}
.pro7 ul li:nth-child(3n){margin-right: 0;}
.pro7 ul li .limain{padding: 40px;border-radius: 10px;background: #000;min-height: 250px;}
.pro7 ul li .limain h3{font-size: 20px;color: #fff;margin: 20px 0;}
.pro7 ul li .limain span{display: block;color: #fff;font-size: 14px;}



.pro8 .tit h3{color: #fff;margin-bottom: 30px;}
.pro8 .tit h4{color: #fff;}
.pro8 .imgarea img{width:100%;}
.pro8 p{color: #fff;}
.pro8 ul {text-align: center;margin: 30px 0;}
.pro8 ul li{display: inline-block;margin: 0 15px;padding: 15px 40px;width:16%;}
.pro8 ul li h3{font-size: 20px;color: #0A46E6;line-height: 2;}
.pro8 ul li span{display: block;font-size: 16px;color: #333;}
@media screen and (max-width: 760px){
	
	.pro7 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;float: left;}
	
}
.pro9 .tit h3{color: #fff;}

.pro10 .tit h3{color: #fff;}
.pro10 .left{width: 48%;color: #fff;}
.pro10 .right{width: 48%;}


@media screen and (max-width: 760px){
	
	.pro10 .left{width: 100%;margin-bottom: 20px;}
	.pro10 .right{width: 100%;}
	
}

.pro11 ul li{width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 20px;border-radius: 10px;overflow: hidden;float: left;}
.pro11 ul li:nth-child(4n){margin-right: 0;}
.pro11 ul li .limain{padding: 40px;background: #379585;min-height: 180px;}
.pro11 ul li.bg .limain{background: #234247;}
.pro11 ul li h3{color: #000;font-size: 18px;margin-bottom: 20px;}
.pro11 ul li span{display: block;color: #000;font-size: 14px;}
.pro11 ul li.bg h3{color: #fff;}
.pro11 ul li.bg span{color: #fff;}

@media screen and (max-width: 760px){
	
	.pro11 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;border-radius: 10px;overflow: hidden;float: left;}
	
}

.pro12{}
.pro12 .tit h3{color: #fff;}
.pro12 .tit p{color: #fff;font-size:18px;}
.pro12 .left{width: 48%;}
.pro12 .right{width: 48%;}
.pro12 .left dl{margin-bottom: 20px;}
.pro12 .left dl dt{font-size: 24px;color: #fff;margin-bottom: 5px;}
.pro12 .left dl dd{font-size: 18px;color: #fff;}


.pro13 .tit h3{color: #fff;}
.pro13 ul li{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;float: left;}
.pro13 ul li .limain{border-radius: 10px;overflow: hidden;border: 1px solid #E8EBF3;padding: 40px;min-height: 200px;}
.pro13 ul li:nth-child(3n){margin-right: 0;}
.pro13 ul li img{width:60px;}
.pro13 ul li h3{color: #fff;font-size: 16px;margin-bottom: 20px;}
.pro13 ul li span{display: block;font-size: 14px;color: #fff;}

@media screen and (max-width: 760px){
	.pro12 .left{width: 100%;margin-bottom: 20px;}
	.pro12 .right{width: 100%;}
	.pro13 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;border-radius: 10px;overflow: hidden;float: left;}
	
}



.about ul li{width: 49%;}
.about ul li .limain{padding: 40px;border-radius: 20px;background: #F0F0F0;}
.about ul li .limain h4{color: #3F8D7A;font-size: 14px;padding-left: 20px;}
.about ul li .limain h3{margin: 20px 0;font-size: 20px;color: #333;}
.about ul li .limain .nr{color: #333;font-size: 14px;line-height: 2;}

.about2 .tit h3{color: #000;}
.about2 ul li{width: calc((100% - 60px)/4);margin-right: 20px;margin-bottom: 20px;float: left;}
.about2 ul li:nth-child(4n){margin-right: 0;}
.about2 ul li h3{font-size: 20px;color: #000;margin: 20px 0;}
.about2 ul li span{display: block;font-size: 14px;line-height: 2;color: #333;}


@media screen and (max-width: 760px){
	
	.about ul li{width: 100%;margin-bottom: 20px;}
	.about2 ul li{width: 100%;margin-right: 0;margin-bottom: 20px;float: left;}
	
	
}
.eso .tit h3{color: #000;}
.eso ul li{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 20px;float: left;}
.eso ul li:nth-child(3n){margin-right:0}
.eso ul li .limian{padding: 40px;border-radius: 20px;background: #F0F0F0;}
.eso ul li  h3{color: #333;font-size: 20px;margin: 20px 0;}
.eso ul li  span{display: block;color: #333;font-size: 14px;line-height: 2;}

@media screen and (max-width: 760px){
	
	.eso ul li{width: 100%;margin-bottom: 20px;}
	.eso ul li{width: 100%;margin-right: 0;margin-bottom: 20px;float: left;}
	
	
}
.faq .famenu {margin-bottom: 60px;}
.faq .famenu ul li{display: inline-block;border: 1px solid #F4F4F4;border-radius: 5px;line-height: 40px;padding: 0 20px;font-size: 16px;}
.faq .famenu ul li a{color: #333;}
.faq .famenu ul li.cur{background: #3CFFDC;border: 1px solid #3CFFDC;}
.faq .falist ul li .litop h3{font-size: 20px;line-height: 40px;color: #333;}
.faq .falist ul li .litop{margin-bottom: 20px;}
.faq .falist ul li .litop span{font-size: 30px;color: #333;}
.faq .falist ul li .litop .spa2{display: none;}
.faq .falist ul li .libottom{font-size: 14px;line-height: 2;color: #333;display: none;}
.faq .falist ul li{margin-bottom: 30px;}

.contact .left{width: 38%;}
.contact .left .wenzi{font-size: 14px;color: #333;line-height: 1.5;}
.contact .left dl dt{font-size: 18px;color: #000;font-weight: bold;margin: 20px 0;}
.contact .left dl dd{font-size: 14px;color: #333;line-height: 1.5;}
.contact .left dl dd ul li{line-height: 40px;padding-left: 40px;}
.contact .right{width: 58%;}
.contact .right h3{color: #369696;margin-bottom: 40px;font-size: 18px;}
.contact .right .label{margin-bottom: 20px;}
.contact .right .label span{display: block;margin-bottom: 10px;font-size: 14px;color: #000;font-weight: bold;}
.contact .right .label input{background: #F0F0F0;line-height: 40px;width: 96%;padding: 0 2%;}
.contact .right .label textarea{background: #F0F0F0;line-height: 40px;width: 96%;padding: 0 2%;}
.contact .right .label a{display: block;width: 100px;line-height: 40px;background: #00FFE1;color: #000;font-size: 16px;text-align: center;}

@media screen and (max-width: 760px){
	
	.contact .left{width: 100%;margin-bottom: 20px;}
	
	.contact .right{width: 100%;}
}