* {	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;font-family: 'HarmonyOS Sans';}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #202020;  }
a:hover {color: #07277e;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #202020;background: #fff;margin: 0 auto;font-size: 15px !important;width:100%;overflow-x:hidden;}
.clear {	clear: both;}
.pic100 img{width:100%;}
.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;}
.pad60{padding:60px 0;}
.pad80{padding:80px 0;}
.top40 {margin-top:40px;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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:78%;margin: auto;}


@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: 'HarmonyOS Sans';
    src: url('../fonts/HarmonyOS_Sans_Medium.woff2') format('woff2'),
        url('../fonts/HarmonyOS_Sans_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*@font-face {*/
/*    font-family: 'Encode Sans Expanded';*/
/*    src: url('/static/css/EncodeSansExpanded-Medium.woff2') format('woff2'),*/
/*        url('/static/css/EncodeSansExpanded-Medium.woff') format('woff');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/


.headtop{ background:#023894 url(../images/bg1.png) no-repeat left center;font-size:14px; background-size:auto 100%;}
.headtop .container{ display:flex;height:44px;color:#fff;align-items: center;justify-content: space-between;}
.headtop .left{font-style: italic;}
.headtop .right{display:flex;}
.topsearchC{ background-color:#023894;padding:10px 20px 17px; position:absolute;top:100%;right:0;z-index: 1; display:none;}
.topsearch>img{ cursor:pointer;margin-top: 3px;}
.topsearch form{display:flex;align-items: center;}
.topsearch form input{line-height:22px;text-indent:10px;margin-right:15px;width:200px; background-color:transparent;border-bottom:1px solid #fff;color: #fff;padding-bottom: 8px}
.topsearch form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff;}
.topsearch form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff;}
.topsearch form input:-ms-input-placeholder{  color: #fff;}
.topsearch form input::-webkit-input-placeholder{  color: #fff;}
.topsearch form button{line-height:22px;height:22px; background-color:transparent;cursor:pointer;}
.language{margin-left:15px; font-size:0;}
.language a{width:36px;height:24px; display:inline-block; overflow:hidden; vertical-align:middle;}
.language a:first-child{margin-right:-9px;margin-top:-4px;}
.language a:nth-child(2){margin-top:4px;}
.language a:hover img,.language a.cur img{margin-left:-36px;}
.logo img{height:30px;}
header .container{display:flex;align-items:center;justify-content: space-between;}
nav ul{display:flex;display:flex;align-items:center;}
nav li{margin-left:30px;}
nav li>a{display:block;padding:30px 0;}
nav li>a.cur,nav li:hover>a{color:#023894;font-weight:bold;}
nav li .child{padding:20px 0;position:absolute;top:100%;left:0;width: 100%;background-color:#fff;box-shadow:0px 3px 7px rgba(36,36,36,0.22);z-index:2;opacity: 0;visibility: hidden;-webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
nav li .child a{display:block;margin:13px 0;padding: 0 10px;}
nav li .child a:hover{ font-weight:bold;}
nav li:hover .child{ visibility:visible;opacity: 1;}
nav li .child .container .left{width:25%;color:#023894;font-size:40px;font-weight:bold;}
nav li .child .container .right{flex:1; display:flex;flex-wrap: wrap;}
nav li .child .container .right a{width:33.3333%;margin:10px 0;}
.banners{ display:none;}
.banner .swiper-pagination span{width:16px !important;height:9px !important;border-radius:60px; background-color:rgba(255,255,255,0.3);margin:0 3px !important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{width:48px !important; background-color:#fff;}
.bannerb img{ opacity:0;}
.bannerb .swiper-slide {overflow:hidden;}
.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;}
.bannerb .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.bannerb .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.bannerb .swiper-button-prev:after,.bannerb .swiper-button-next:after{ display:none;}
.banner:hover .swiper-button-prev{left:0; opacity:1;}
.banner:hover .swiper-button-next{right:0; opacity:1;}
.banner .swiper-pagination{position:absolute;left:0 ;width:100%;bottom:40px !important;}
.swiper-pagination-bullet{ opacity:1 !important;}
.h_new,.h_case,.h_solution,.h_product{padding:80px 0 40px;}
.h_title a{color: #023894;font-size:60px;text-transform: uppercase;}
.h_newC,.h_caseC,.h_solutionC,.h_productC,.h_aboutC,.h_aboutC {margin-top:60px;}
.h_newC img{border-radius:10px;}
.h_newC h5{margin-top:30px;font-size:18px;line-height:25px;height:50px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.h_newC p,.h_productC .swiper-slide p{margin-top:22px;font-size:16px;color:#666666;line-height:25px;height:50px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.h_newC .swiper-slide span,.h_productC .swiper-slide span{margin-top:60px; display:inline-block; background-color:#6aa9ff;color:#fff;border-radius:60px;line-height:40px;padding:0 18px;border: 2px solid #6aa9ff;}
.h_newC .swiper-pagination span,.h_caseC .swiper-pagination span,.h_productC .swiper-pagination span{color:#023894;font-size:14px; width:18px !important;height:18px !important;line-height:18px; background-color:#fff !important;}
.h_newC .swiper-pagination span.swiper-pagination-bullet-active,.swiper-paginationblock .more:hover,.h_caseC .swiper-pagination span.swiper-pagination-bullet-active,.h_productC .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#6aa9ff!important;color:#fff;}
.swiper-paginationblock{ text-align:center;margin-top:156px;}
.swiper-paginationblock .more{width:18px !important;height:18px !important;line-height:18px; background-color:#fff !important; overflow:hidden;border-radius:50%; display:inline-block; vertical-align:middle;}
.swiper-paginationblock .more img{width:36px; vertical-align:top;}
.swiper-paginationblock .more:hover img{margin-left:-18px;}
.h_case,.h_product{ background-color:#fcfcfc;}
.h_caseC .swiper-slide{height:660px;}
.h_caseC .swiper-slide:nth-child(odd){height:600px;margin-top:30px;}
.h_caseC .swiper-slide a{ display:block;height:100%;border-radius:12px; overflow:hidden; position:relative;}
.h_caseC .swiper-slide a>img{height:100%;object-fit: cover;}
.h_caseC .swiper-slide .child{ display:flex; position:absolute;top:0;left:0;width:100%;height:100%;flex-direction: column;justify-content: center; background-color:rgba(143,185,168,0.4);color:#fff;padding: 0 20px;}
.h_caseC .swiper-slide:nth-child(even) .child{background-color:rgba(2,50,120,0.4);}
.h_caseC .swiper-slide .child img{max-height:88px;max-width: 100%;width:fit-content;margin: 0 auto;}
.h_caseC .swiper-slide .child h5{margin-top:80px;text-align: center;line-height:25px;max-height:100px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:4;
  line-clamp:4;
  -webkit-box-orient: vertical;}
.h_caseC .swiper-slide .child span{margin:90px auto 0;background-color: #6aa9ff;color: #fff;border-radius: 60px;    line-height: 48px;padding: 0 18px;width:70%; text-align:center;border: 2px solid #6aa9ff;}
.h_caseC .swiper-slide:nth-child(odd) span{background-color: #fff;color: #8fb9a8;border: 2px solid #fff;}
.h_newC .swiper-pagination,.h_caseC .swiper-pagination,.h_solutionC .swiper-pagination,.h_productC .swiper-pagination{position: initial !important;}
.swiper-paginationblock .swiper-pagination{ display:inline;}
.h_solutionC .swiper-slide a{ background-color:#fafafa;border-radius:12px;align-items: center;padding:40px; display:block; display:flex;height: 100%;}
.h_solutionC .swiper-slide .left img{width:170px;}
.h_solutionC .swiper-slide .right{flex:1;margin-left:50px;}
.h_solutionC .swiper-slide .right h5{font-size:22px;line-height:25px;max-height:50px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.h_solutionC .swiper-slide .right p{color:#444444;font-size:14px;margin-top:20px;line-height:25px;max-height:125px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient: vertical;}
.h_solutionC .swiper-slide .right span,.solutionC dd span{margin-top:20px; display:inline-block;background-color: #6aa9ff;color: #fff;min-width:126px; text-align:center;border-radius: 60px;line-height: 40px;padding: 0 18px;border:2px solid #6aa9ff;-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;}
.h_solutionC{height:746px;}
.h_solutionC .swiper {width: 100%;height: 100%;}
.h_solutionC .swiper-slide {height: calc((100% - 80px) / 2) !important;} 
.h_solutionC .swiper-paginationblock{text-align: center;position: absolute;bottom: 0;width: 100%;z-index: 1;}
.h_productC .swiper-slide{background-color: #fafafa;border-radius: 12px;padding:90px 30px 60px;height: initial;}
.h_productC .swiper-slide img{width:68%;margin:auto; display:block;}
.h_productC .swiper-slide h5{margin-top:60px;font-size:18px; text-align:center;}
.h_productC .swiper-slide p{margin:35px 5% 0;text-align:center;}
.h_productC .swiper-slide span{margin:40px auto 0;width:125px; text-align:center; display:block;}
.h_about{padding: 80px 0;}
.h_aboutC{ display:flex;flex-wrap: wrap;}
.h_aboutC dl{margin:15px 1%;}
.h_aboutC dl a{ display:block;border-radius:12px; overflow:hidden; position:relative;}
.h_aboutC dl:first-child,.h_aboutC dl:nth-child(4){width:25%;}
.h_aboutC dl:nth-child(2),.h_aboutC dl:nth-child(3){width:21%;}
.h_aboutC dl:nth-child(5),.h_aboutC dl:nth-child(8){width:29%;}
.h_aboutC dl:nth-child(6),.h_aboutC dl:nth-child(7){width:17%;}
.h_aboutC dl dt img{height:310px;object-fit: cover;}
.h_aboutC dl dd{ position:absolute;top:0;left:0;width:100%;height:100%; display:flex;padding: 50px 10%; background-color: rgba(2,50,120,0.6);color:#fff;align-items: center; opacity:0;-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;}
.h_aboutC dl dd h5{line-height: 25px;height:100px;text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    line-clamp:4;
    -webkit-box-orient: vertical; text-align:center;}
.h_aboutC dl:nth-child(even) dd{background-color: rgba(143,185,168,0.6);}
.h_aboutC dl:hover dd{ opacity:1;}
.h_about .more{margin-top:20px; text-align:center;}
.h_about .more a{background-color: #6aa9ff;color: #fff;border-radius: 60px;line-height:80px;font-size:26px;min-width:220px; text-align:center; display:inline-block;border: 2px solid #6aa9ff;}
footer{background:#001b47 url(../images/bg2.png) no-repeat left 10% bottom 35px; background-size:auto 140px;padding:80px 0 90px;}
footer .container{display:flex;}
footer dl{margin-right:36px;}
footer dl dt a,.footnav a{color:#fff;font-size:20px;}
footer dl dt a:after{content:''; display:block;width:40px;height:1px;margin-top:16px; background-color:#fff;}
footer dl dd{margin-top:30px;}
footer dl dd a{ display:block;margin:20px 0;color:rgba(255,255,255,0.5);}
footer dl dt a:hover,footer dl dd a:hover{color:#fff;}
.footnav{width:260px;}
.footnav a{display:block;margin-bottom:28px;}
.footcontact{width:320px;}
.footcontact h2 a{color:#fff;font-size:38px;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:20px; display:block;}
.footcontact .con{margin-top:20px;color:rgba(255,255,255,0.5);}
.footcontact .con p{color:#fff;font-size:24px;}
.share{margin-top:20px;}
.share a{ display:inline-block;margin-right:10px;}
.share a:hover{ opacity:0.8;}
.bq{color:rgba(255,255,255,0.2);padding:20px 0;font-size:12px;background:#001b47;}
.bq span{display:inline-block;margin:0 5px;}
.bq span a{color:rgba(255,255,255,0.2);}
.gotop{ position:fixed;height: 48px;width: 48px;border-radius:50%;bottom:5px;right:5px;z-index: 2;background:#33496c;cursor: pointer;display: none;}
.gotop:hover {background-color: #6aa9ff;}
.otherbanner{color:#fff;padding:11vw 0 4vw; position:relative;}
.otherbanner h2{ font-size:80px; text-transform:uppercase;}
.otherbanner p{font-size:20px;margin-top:20px;width:50%;line-height: 38px;}
.otherbanner p:after{content:'';display:block;width:120px;height:2px;margin-top:40px; background-color:#fff;}
.otherbanner:after{content:'';display:block;width:100%;height:80%;left:0;bottom:0;background: linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0)); position:absolute;}
.otherbanner .container{ position:relative; z-index:1;}
.site{font-size:20px;padding-top:60px;}
.site a:last-child{color:#023894;}
.site img{ vertical-align:bottom;margin-right:8px;}
.caseC {display:flex;flex-wrap: wrap;}
.caseC dl{width:30.333%;margin:0 1.5% 45px;}
.caseC dl a{height: 100%;display:block; box-shadow:0 5px 10px #efefef; display:block;-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;}
.caseC dl dt{padding:10px;}
.caseC dl dd{padding:20px 10% 30px; text-align:center;}
.caseC dl dd h5,.newC dl dd h5{font-size:20px;line-height: 30px;}
.caseC dl dd span,.newC dl dd span{margin-top:20px;display: inline-block;background-color: #6aa9ff;color: #fff;border-radius:10px;line-height: 40px;padding:0 26px;border:2px solid #6aa9ff;-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;}
.caseC dl a:hover,.recruitC dl a:hover{ transform:translateY(-10px);}
.pagelist{margin-top:80px;font-size: 14px;}
.pagelist ul{ display:inline-block;}
.pagelist li{display:inline-block;margin-left:4px;}
.pagelist li a,.pagelist li span{display:block;width:18px;line-height:18px;border-radius:50%;cursor:pointer; text-align:center;}
.pagelist li a.cur,.pagelist li span:hover,.pagelist li a:hover{background-color: #6aa9ff;color: #fff;}
.newCtop dt img{height:500px;object-fit: cover;border-radius:12px;}
.newCtop dt{position:relative;overflow:hidden;border-radius: 12px;}
.newCtop dl dt:after{position:absolute;bottom:-20px;left:0; background-color:#6aa9ff;width:100%;-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;content:'';display:block;height:5px;}
.newCtop dl dt:before{content:'';width:100%;height:100%;top:0;left:0; background-color:rgba(2,50,120,0.3);position:absolute;-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;display:block;opacity:0;z-index: 1;}
.newCtop dl dt img{ position:relative; z-index:0;}
.newCtop dl:hover dt:after{bottom:0;}
.newCtop dl:hover dt:before{opacity:1;}
.newCtop dd{padding:40px 0;border-bottom:1px solid #dcdcdc; display:flex;position:relative;}
.newCtop dd:after{content:''; display:block; background-color:#023894;position:absolute;bottom:-1px;left:0;width:100%;height:2px;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0;}
.newCtop dl:hover dd:after{-webkit-transform: scale(1,1);transform: scale(1,1);opacity:1;}
.newCtop dd time{color:#023894;font-size:24px;padding-right:20px;border-right:2px solid #023894;line-height:1;}
.newCtop dd h5{flex:1;margin-left:20px;font-size:20px;line-height:25px;height:25px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp:1;
  -webkit-box-orient: vertical;}
.newC{margin:40px -1.5% 0;display:flex;flex-wrap: wrap;}
.newC dl{width:30.333%;margin:0 1.5% 40px;}
.newC dl dt img{border-radius:12px;}
.newC dl dd{margin-top:10px;padding:0 10px;}
.newC dl dd time{ display:block;color:#023894;}
.newC dl dd h5{margin-top:20px;}
.newmain h1,.solutionmain h1{font-size:36px; text-align:center;padding:0 5%;line-height: 48px;}
.newmain time{ display:block;font-size:24px;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #dcdcdc;color:#023894; text-align:center;}
.newmain time .back{ position:absolute;right:0;border: 1px solid #909090;border-radius: 4px;padding: 4px 10px;font-size: 15px;color: #909090;}
.newmain time .back:hover{color:#023894;border-color:#023894;}
.newmainC{margin-top:30px;color:#444444;line-height:30px;overflow:hidden;}
.newmainC img{max-width:100%;}
.contactC{display:flex;flex-wrap: wrap;}
.contactC dl{width:31.333%;margin:0 1% 46px;padding:0 1% 46px;border-bottom:2px solid #f9f9f9;}
.contactC dl dt{font-size:30px;}
.contactC dl dd{margin-top:30px;font-size:20px;line-height: 34px;}
.contactC dl dd span{color:#023894;}
.mapC{margin-top:100px;}
.solutionC dl{margin-bottom:60px;}
.solutionC dl a{justify-content: space-between;display:flex;}
.solutionC dl dt,.solutionC dd{width:48%;}
.solutionC dl dt{ overflow:hidden;}
.solutionC dl dt img,.solutionmainlisttop dt img,.productmaintop .left img{height: 100%;object-fit: cover;-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;}
.solutionC dd{ display:flex;flex-direction: column;justify-content: center;}
.solutionC dd h5{font-size:30px;line-height:35px;max-height:70px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.solutionC dd p{margin-top:40px;color:#444444;line-height: 24px;max-height:168px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:7;
  line-clamp:7;
  -webkit-box-orient: vertical;}
.solutionC dd span{ display:inline-block;width:126px;margin-top:40px;}
.solutionC dl:nth-child(even) a,.solutionmainlist:nth-child(even) .solutionmainlisttop{flex-flow: row-reverse;}
.solutionmainlist{margin-top:50px;}
.solutionmainlisttop{justify-content: space-between;display:flex;}
.solutionmainlisttop dt{width:48%;}
.solutionmainlisttop dd{width:50%;margin-top:15px;}
.solutionmain h1{ text-transform:uppercase;} 
.solutionmainlisttop dd h5{font-size:30px;}
.solutionmainlisttop dd .con{margin-top:20px;color:#444;line-height: 24px;font-size:15px;}
.solutionmainlisttop dd .figure{margin-top:20px;color:#023894;line-height: 24px;font-size:15px;}
.solutionmainlist h2{margin-top:40px;font-size:26px;}
.solutionpics{margin:40px -1% 0;display:flex;flex-wrap: wrap;}
.solutionpics dl{width:12.28%;margin:0 1% 10px; text-align:center;}
.solutionpics dl a{ display:block;box-shadow: 0 5px 10px #efefef;height: 100%;}
.solutionpics dl dd{font-size:12px;color:#023894;padding:20px 10px;}
.product .container{justify-content: space-between;display:flex;}
.productnav{width:260px;}
.productnav li {margin-bottom:28px;padding:0 14px;}
.productnav li h5{border-bottom: 2px solid #f9f9f9; display:block;padding:20px 0;display:flex;justify-content: space-between;}
.productnav li h5 img{height:9px;margin-top: 6px; cursor:pointer;}
.productnav li .child{ display:none;padding:20px 0;}
.productnav li .child a{ display:block;padding:12px 10px;border-radius:8px;font-size:12px;display: flex;}
.productnav li .child a:before{content:''; display:inline-block;margin-right:10px; vertical-align:middle;width:16px;height:16px;background:url(../images/icon25.png) no-repeat; background-size:100%;opacity:0.4;}
.productnav li.cur{ background-color:#023894;border-radius:12px;}
.productnav li.cur a{color:#fff;}
.productnav li.cur h5 img{transform:rotate(-180deg);
-ms-transform:rotate(-180deg); /* Internet Explorer */
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg);filter: grayscale(100%) brightness(200%);}
.productnav li.cur .child a.cur{ background-color:rgba(255,255,255,0.1);}
.productnav li.cur h5{border-bottom:2px solid rgba(255,255,255,0.2);}
.productnav li.cur .child a:hover:before,.productnav li.cur .child a.cur:before{opacity:1;}
.productC{ background-color:#fbfbfb;border-radius:12px;padding:20px;flex:1;margin-left:30px;}
.productC h1{font-size:24px;}
.productCon {margin:30px -1.5% 0;display:flex;flex-wrap: wrap;}
.productCon dl{width:22%;margin:0 1.5% 40px;}
.productCon dl a{ background-color:#fff;border-radius:12px; display:block;}
.productCon dl a:hover{box-shadow: 0 0 10px #efefef;}
.productCon dl dd{ text-align:center;padding:20px 10px 30px;}
.productmain{padding:50px 0 80px;}
.productmainRight{width:calc(100% - 290px);}
.productmaintop{display:flex;}
.productmaintop .left{width:30%;}
.productmaintop .right{flex:1;margin-left:40px;}
.productmaintop .right h2{font-size:35px;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.productmaintop .right .con{margin-top:20px;line-height:25px;font-size:14px;}
.promainbottom{margin-top:40px;}
.promainbottom .tab{ display:flex;}
.promainbottom .tab a{ background-color:#f4f4f4;border-radius:10px;padding:17px 12px;color:#747474;font-size:20px;margin-right:10px; position:relative;min-width:290px; text-align:center; cursor:pointer;}
.promainbottom .tab a:after{content:''; display:inline-block; position:absolute;left:50%;top:100%;width:0;height:0;border-top:10px solid transparent; border-left:13px solid transparent;border-right:13px solid transparent;transform: translateX(-50%);}
.promainbottom .tab a.on:after{border-top:10px solid #6aa9ff;}
.promainbottom .tab a.on{background-color:#6aa9ff;color:#fff;}
.promain{margin-top:70px;}
.promain1 ul{display:flex;flex-wrap: wrap;}
.promain1 ul li{width:50%;padding:24px 30px;}
.promain1 ul li:nth-child(4n+1),.promain1 ul li:nth-child(4n+2){ background-color:#f0f3f9;}
.promain1 ul li h5{color:#023894;font-size:18px;}
.promain1 ul li p{font-size:14px;margin-top:10px;word-break: break-all;line-height:25px;}
.promain1 ul li:nth-child(2n+1){border-radius:10px 0 0 10px;}
.promain1 ul li:nth-child(2n+2){border-radius:0 10px 10px 0;}
.promain2{ position:relative; z-index:-1; opacity:0; height:0;overflow:hidden;}
.promain2.on{ position:initial;z-index:0;opacity:1;height:auto;}
.promain3 .caseC dl{ display:none;}
.promain3 .caseC dl:first-child,.promain3 .caseC dl:nth-child(2),.promain3 .caseC dl:nth-child(3),.promain3 .caseC dl:nth-child(4),.promain3 .caseC dl:nth-child(5),.promain3 .caseC dl:nth-child(6){ display:block;}
.promain3 .more{ text-align:center;margin-top:90px;position: absolute;bottom:90px;width: 100%; z-index:2;}
.promain3 .more span{ background-color:#023894;color:#fff;border-radius:60px;padding:10px 22px; display:inline-block; cursor:pointer;}
.promain3 .more span:hover{background-color:#6aa9ff;}
.promain3{height:48vw; overflow:hidden; position:relative;}
.promain3:after{content:''; display:block;width:100%;bottom:0;height:25%;background: linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    background: -webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0)); position:absolute;}
.promain3.cur{height:auto;}
.promain3.cur:after,.promain3.cur .more{ display:none;}
.promain3.cur .caseC dl{ display:block;}
.aboutnav{border-bottom:3px solid #eff2f7;padding-bottom:10px;}
.aboutnav .container{justify-content: space-between;display:flex;}
.aboutnav a{display:inline-block;padding:50px 0;text-shadow: none;font-size:18px;-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; position:relative;color:#023894;}
.aboutnav a::before {text-shadow: 0 0 1px rgba(32,32,32,0.3);color:#202020;content: attr(data-hover);position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.aboutnav a::after {content: '';position: absolute;left:25%;bottom: 0;width: 50%;height: 2px;background: #023894;	opacity: 0;-webkit-transform: translateY(5px);-moz-transform: translateY(5px);transform: translateY(5px);	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.aboutnav a:hover::before,.aboutnav a.cur::before {opacity: 0;-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);}
.aboutnav a:hover::after,.aboutnav a.cur::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.recruit h2{ text-align:center;font-size:32px; color:#023894; text-transform:uppercase;}
.recruitC{margin:80px -1% 0; display:flex;flex-wrap: wrap;}
.recruitC dl{width:31.3333%;margin:0 1% 45px;}
.recruitC dl a{ display:block; box-shadow:4px 4px 7px #efefef;padding:30px;height: 100%;}
.recruitC dl dt{font-size:20px;word-break: break-all;}
.recruitC dl dd{margin-top:15px;}
.recruitC dl dd h5{color:#444;line-height:24px;height:48px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.recruitC dl dd span{margin-top:15px; display:inline-block;font-size:20px;}
.instruct1{padding:80px 0 0 11%; display:flex;justify-content: space-between;width: 100%;overflow: hidden;}
.instruct1 .left{margin-top:20px;width:43%;font-size: 20px;line-height:36px;color:#444444;}
.instruct1 .left img{max-width:60%;}
.instruct1 .right{margin-left:40px;flex:1;padding:0 0 20px 20px; z-index:1;}
.instruct1 .right img{height: 100%;object-fit: cover;}
.instruct1 .right:after{content:''; display:inline-block; z-index:-1;width:100%;border:10px solid #d8eeff; top:5%;left:0; position:absolute;height:calc(95% - 20px);}
.instruct2{margin-top:80px; overflow:hidden;}
.instruct2 .left{width:50%;float:left;}
.instruct2 .right{width:60%;float:right;background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;margin-left:-50%;margin-top:100px;color:#fff;padding:80px 11% 80px 60px;font-size: 20px;line-height:36px;z-index: 1;position: relative;}
.instruct3{margin-top:80px;font-size: 20px;line-height:36px;}
.instruct3 img{max-width:90%;margin:0 auto; display:block;color:#444444;}
.instruct4{margin-top:80px;}
.instruct4C{ position:absolute; background-color:#022d74;color:#fff;padding:30px 11% 30px 30px;font-size: 20px;line-height:36px; right:0;bottom:0;width:62%;}
.culture1{padding-top:80px; position:relative;}
.culturetit h2{font-size:40px;color:#023894;}
.culturetit h2 span{position:relative; display:inline-block;line-height:1;}
.culturetit h2 span:after{content:''; display:block; background-color:rgba(2,56,148,0.1); position:absolute;bottom:0;width:100%; bottom:0;left:0;height:10px;}
.culturetit p{font-size:24px;}
.culture1C{margin-top:30px;width:56%;font-size:18px;color:#3e3e3e;line-height: 30px;}
.culture1 img{ display:block;margin-top:-12%;}
.culture1 .container{ position:relative; z-index:1;}
.culture2C{ display:flex;margin-top:80px;font-size:18px;line-height: 30px;}
.culture2{ z-index:1;}
.culture2:before{content:''; display:block; position:absolute;width:50%;height:100%;left:0;top:0; background:url(../images/bg5.jpg) no-repeat center center; background-size:cover; z-index:-1;}
.culture2:after{content:''; display:block; position:absolute;width:50%;height:100%;right:0;top:0; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; z-index:-1;}
.culture2C .left{width:50%;padding:0 40px 0 11%;color:#023287;}
.culture2C .right{width:50%;padding:0 11% 0 40px;color:#fff;}
.culture2 .culturetit .rightside{ position:absolute;right:0;width:50%;top:0; overflow:hidden;height: 100%;}
.culture2 .culturetit .rightside .rightsideC{width:100vw;right:0;top: 0;z-index: 1;height: 100%;position: absolute;}
.culture2 .culturetit .rightside h2,.culture2 .culturetit .rightside p{color:#fff;}
.culture3{ background:url(../images/bg7.jpg) no-repeat center center; background-size:cover;}
.culture3:before{content:''; display:block; position:absolute;width:11%;height:100%;left:0;top:0;background:url(../images/bg8.jpg) no-repeat left top;}
.culture3 .container{display:flex;}
.culture3 .left .culturetit{padding:80px 40px 40px 20px;background:url(../images/bg8.jpg) no-repeat left 18% top;}
.culture3 .left{width:50%;}
.culture3 .leftC{padding:100px 80px;font-size:18px;line-height: 30px;color:#023894;}
.culture3 .right{width:50%;color:#fff;padding:80px 40px;height: fit-content;font-size:18px;line-height: 30px;background:url(../images/bg8.jpg) no-repeat right 0 top;background-size: cover;}
.culturetit.white h2,.culturetit.white p{color:#fff;}
.culture4{background:url(../images/bg9.jpg) no-repeat center center; background-size:cover;}
.culture4C{margin-top:60px;font-size: 18px;line-height: 30px;color:#fff;}
.culture4C h5{font-size:22px;}
.culture4 .container{padding:0 10% 0 30px;}
.culture4:after{width:19%;height:100%;background:url(../images/icon20.png) no-repeat; background-size:100%; position:absolute;right:0;top:80px;pointer-events: none;content:''; display:block;}
.culture5{padding-top:80px;}
.culture5 .culturetit h2 span:after{ display:none;}
.culture5 .culturetitC p{ display:inline-block;border:4px solid #023287;padding: 20px 50px 10px;transform: translateY(-20px);}
.culture5 .culturetit h2 span{ background-color:#fff; display:inline-block;padding:0 30px;z-index: 1;}
.culture5C{margin-top:40px; display:flex;flex-wrap: wrap;justify-content: space-between;}
.culture5C .list{width:46%;display: flex;flex-direction: column;z-index:1;}
.culture5C .list:nth-child(2){flex-flow: column-reverse;}
.culture5C .list .con{padding:50px 40px;font-size:18px;color:#3e3e3e;line-height: 30px;}
.culture5C .list .con h5{font-size:30px;color:#022b69;margin-bottom:20px;}
.culture5C .list .img{margin-bottom: 30px;}
.culture5C .list .img img{width:calc(100% - 30px);}
.culture5C .list .img p{ position:absolute;top:30px;left:30px;width:calc(100% - 20px);height:100%;z-index:-1;}
.culture5C .list .img p:after{ position:absolute;top:15px;content:''; display:block;left:15px;width:calc(100% - 30px);height:calc(100% - 30px); background-color:#fff;}
.culture5C .list:nth-child(2) .img img{margin:30px 0 0 30px; display:block;}
.culture5C .list:nth-child(2) p{top:0;left:0;height:calc(100% - 30px);}
.culture6{padding-top:80px; overflow-x:hidden;}
.culture6 .container{padding:0 5%;}
.culture6C{margin-top:60px;font-size:18px;color:#fff;line-height: 30px;padding-bottom:130px;z-index:1;}
.culture6C:after{ position:absolute;bottom:0;left:-23.5%;height:44%;z-index:-1;width:100vw;background:url(../images/bg10.jpg) no-repeat center center; background-size:cover;content:''; display:block;}
.culture6C2{position:absolute;top:0;left:0;color:#3e3e3e; overflow:hidden;height:56%;}
.culture7C{margin-top:60px;}
.culture7C video{width:90%;margin:0 auto;height: auto; display:block;}
.growth dl{ position:relative;}
.growth dl dd{padding:60px 21% 60px 100px;}
.growth dl:nth-child(even) dd{padding:60px 100px 60px 21%;}
.growth dl dd ul{ background-color:#fff;border-radius:12px;padding:30px; position:relative; box-shadow:3px 2px 8px #f1f1f1; position:relative;}
.growth dl dd ul:before{display:inline-block;content:''; position:absolute;left:100%;top:50%; transform:translateY(-50%);width:35px;height:37px;background:url(../images/icon21.png) no-repeat; background-size:100%;}
.growth dl dd ul li{font-size:18px;color:#0b3479;line-height:30px;}
.growth dl dd ul li:before{width:8px;height:8px;border-radius:50%;border:2px solid #0b3479; display:inline-block;margin-right:16px;content:''; }
.growth dl .bordertop{width:100%;height:110px;background:url(../images/bg11.jpg) repeat-x; background-size:auto 100%;}
.growth dl .borderside{position: absolute;right: 0;top: 0;width: 110px;height: 100%;background:url(../images/bg12.jpg) repeat-y; background-size:100% auto;}
.growth dl .borderside .sidetop{position:absolute;right:-2px;top:0;width:252px;}
.growth dl .borderside .sidebottom{position:absolute;right:-2px;bottom:-110px;width:252px;z-index: 1;}
.growth dl:nth-child(even) .borderside{right:auto;left:0;}
.growth dl:nth-child(even) .borderside .sidetop{left:-2px;right:auto;}
.growth dl:nth-child(even) .borderside .sidebottom{left:-2px;right:auto;}
.growth dl:last-child .borderside{height:calc(100% - 60px);}
.growth dl:last-child .borderside .sidebottom{ display:none;}
.growth dl:last-child .borderside:after{content:''; width:100%;height:72px; background:url(../images/bg15end.png) no-repeat bottom center;background-size:100%;position:absolute;bottom:0;left:0;display:block;}
.growth dl dt{ position:absolute;right:0;top: 50%;z-index: 2;}
.growth dl dt span{width:110px;height:110px;border:10px solid #608c93;border-radius:50%; background-color:#fff;font-size:25px;color:#0b3479;top: 50%;z-index: 2;text-align:center;display: flex;justify-content: center;align-items: center;}
.growth dl:nth-child(even) dt{left:0;right:auto;}
.growth dl:last-child dt{margin-top:-55px;}
.growth dl:nth-child(6n+1) dt span{border-color:#608c93;}
.growth dl:nth-child(6n+2) dt span{border-color:#9092c5;}
.growth dl:nth-child(6n+3) dt span{border-color:#646a86;}
.growth dl:nth-child(6n+4) dt span{border-color:#636866;}
.growth dl:nth-child(6n+5) dt span{border-color:#1a335c;}
.growth dl .sidetop1{position:absolute;left:0;top:0;width:110px;height:110px;border:10px solid #43a5ae;border-radius:50%; background-color:#fff;font-size:25px;color:#0b3479;z-index: 2;text-align:center;display: flex;justify-content: center;align-items: center;}
.growth dl:first-child .bordertop{width:calc(100% - 55px);margin-left:55px;}
.growth dl:nth-child(even) dd ul:before{left:auto;right:100%;background: url(../images/icon22.png) no-repeat;   background-size: 100%;}
.growth dl:hover dt span{animation:daxiao 1s linear alternate infinite;}
@keyframes daxiao{
    0%{transform:scale(1.1);}
    50%{transform:scale(1);}
    100%{transform:scale(1);}
}
.growth dl .paoimg{ position:absolute;top: -55px;width: 155px;left: 112px;}
.industrybottom{ background:url(../images/bg16.jpg) no-repeat center center; background-size:cover;}
.industrybottom .swiper{overflow-y:visible !important;}
.industrytop{padding:80px 0 40px;overflow: hidden;}
.industrytop .mySwiper2 {width: 48%;float: left;}
.industrytop .industryright{width: 46%;float: right;font-size: 24px;line-height: 42px;color: #023894;}
.industrytop dl dt{ font-size:30px; text-align:center; text-transform:uppercase;}
.industrytop dl dd{margin-top:40px; background:url(../images/bg17.jpg) no-repeat center center; background-size:100% 100%;padding:9.2% 8% 8.5% 9.5%;}
.industrybottom dl{padding:80px 10%;height: 100%;cursor: grab;}
.industrybottom dl dt{ background-color:#fff;padding:60px 10%;}
.industrybottom dl dt p{background:url(../images/bg17.jpg) no-repeat center center; background-size:100% 100%;padding:9.2% 8% 8.5% 9.5%;}
.industrybottom dl dd{ color:#fff; text-align:center;margin-top:20px;}
.industrybottom dl:before{content:''; display:inline-block;border-bottom:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute;bottom:100%;left:50%; transform:translateX(-50%);}
.industrybottom .swiper-slide-thumb-active dl:before{border-bottom:10px solid #1a335c;}
.industrybottom .swiper-slide-thumb-active dl{ background-color:rgba(255,255,255,0.1);}
.industry .swiper-button-prev{width:45px;height:45px;background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.4);border-radius:50%;left:6%;bottom: 19%;top: auto;}
.industry .swiper-button-next{width:45px;height:45px;background-color:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.4);border-radius:50%;right:6%;bottom: 19%;top: auto;}
.industry .swiper-button-next:after,.industry .swiper-button-prev:after{ display:none;}
.industry .swiper-button-prev:hover,.industry .swiper-button-next:hover{ background-color:rgba(255,255,255,0.2);}
.industrybottom .swiper-slide{height:auto;}
.caseC dl:hover dd span,.newC dl:hover dd span,.h_solutionC .swiper-slide:hover .right span,.solutionC dl:hover dd span,.h_newC .swiper-slide:hover span,.h_productC .swiper-slide:hover span,.h_about .more a:hover,.h_caseC .swiper-slide .child span:hover{ background-color:#fff;color:#6aa9ff;}
.h_caseC .swiper-slide:nth-child(odd) span:hover {background-color: #8fb9a8;color: #fff;}
.solutionC dl:hover dt img,.newCtop dl:hover dt img,.h_newC .swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.overflow{overflow:hidden;}
.h_newC .img{border-radius: 10px;}
.h_caseC .swiper-slide:hover .child {background-color: rgba(143,185,168,0.6);}
.h_caseC .swiper-slide:nth-child(even):hover .child {background-color: rgba(2,50,120,0.6);}

.adul{margin-top:30px;}
.adul li{margin:10px 0;display:flex;}
.adul li img{width:40px;display:inline-block;margin-right:15px;height: 40px;}
.aboutz{float:left;width:40%;}
.aboutz img{width:100%;}
.aboutz2{float:right;width:57%;}







.mobile-inner{ display:none; z-index:10;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:#023894;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:50px;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:#07277e;}.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:#fff;width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:block;line-height:50px;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:#07287e;border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0 !important;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li {width: 80%;margin-left: 10%;border-bottom: solid 1px #b1b1b1;}
.mobile-inner-nav li div{ display:none;margin-left: 20px;}
.mobile-inner-nav li div p{display:none;}
.mobile-inner-nav li article a{font-size: 14px;}
.mobile-inner-nav li article h4,.mobile-inner-nav li article h4 dl dd{ display:none;margin-left:20px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;}
.mobile-inner-nav li a.on.submenu-open:after{content:'-';}
.mobile-inner-nav .lan a{ display:inline-block;margin:0;border:0;}
.mobile-inner-nav .lan{ text-align:right;margin-right:10%;margin-top:10px;border:0;}






@media(max-width:1600px){
	nav li .child.productchild .container .right a{width:48%;}
	.otherbanner h2 {font-size: 68px;}
	.caseC dl dd h5, .newC dl dd h5 {font-size: 18px;line-height: 28px;}
	.footcontact h2 a {font-size: 32px;}
	.solutionC dd h5 {font-size: 26px;}
	.newmain h1, .solutionmain h1 {font-size: 30px;}
	.newmain time {font-size: 20px;}
	.industrytop dl dt {font-size: 26px;}
}
@media(max-width:1440px){
    .productCon dl {width: 30.333%;}
    .productmaintop .right h2 { font-size: 30px;}
    .promainbottom .tab a { font-size: 20px;min-width: 200px;}
    .solutionmainlisttop dd h5 {font-size: 24px;}
    .solutionmainlist h2 { font-size: 24px;}
    .instruct1 .left, .instruct2 .right,.instruct3,.instruct4C{font-size: 17px;line-height: 30px;}
    .h_title a {font-size: 50px;}
    .swiper-paginationblock {margin-top: 70px;}
    .h_solutionC .swiper-slide .left img {width: 128px;}
    .h_caseC .swiper-slide .child span {width: 88%;}
    .h_caseC .swiper-slide {height: 590px;}
    .h_caseC .swiper-slide:nth-child(odd) {height: 524px;}
}
@media(max-width:1199px){
	.otherbanner h2 {font-size: 55px;}
	.otherbanner p {line-height: 28px;}
	header{padding: 20px 0;}
	.contactC dl { padding: 0 2% 46px;}
	.mapC {margin-top: 80px;}
	.contactC dl dd {font-size: 20px;}
	.newmain h1, .solutionmain h1 {font-size: 27px;line-height: 44px;}
	.recruitC dl {width: 48%;}
	.industrytop .container {width: 100%;}
	.industry .swiper-button-prev{left: 2%;}
	.industry .swiper-button-next{right:2%;}
	.productmaintop .right h2 {font-size: 26px;}
	.promainbottom .tab a {font-size: 20px;min-width: 190px;}
	/*.promain1 ul li p {font-size: 20px;}*/
	.solutionmainlisttop dd h5 {font-size: 21px;}
	.culture3:before { width: calc(50% - 495px);}
	.culture3 .leftC {padding: 50px 36px;}
	.culturetit h2 {font-size: 32px;}
	.culture6C:after {left: calc(40% - 507px);}
	.h_title a {font-size: 40px;}
}
@media(max-width:991px){
	nav,.bannerb,.banners .swiper-button-next,.banners .swiper-button-prev,.productnav{ display:none !important;}
	.mobile-inner,.banners{ display:block !important;}
	.site {font-size: 18px;padding-top: 30px;}
	.pad80 {padding: 50px 0;}
	.pagelist { margin-top: 40px;}
	.caseC dl dd h5, .newC dl dd h5 {font-size: 15px;line-height: 23px;}
	footer .container {flex-wrap: wrap;}
	.footnav {width: auto;}
	.footcontact {width: 100%;margin-top: 20px;}
	.contactC dl dt {font-size: 26px;}
	.contactC dl dd {font-size: 16px;line-height: 30px;margin-top: 14px;}
	.contactC dl {padding: 0 1% 36px;margin: 0 1% 36px;}
	.mapC {margin-top: 26px;}
	.solutionC dd h5 {font-size:22px;line-height: 25px;max-height: 50px;}
	.solutionC dd p {margin-top:20px;line-height: 24px;max-height:96px;-webkit-line-clamp:4;line-clamp:4;}
	.aboutnav{ display:none;}
	.industrytop dl dt {font-size: 22px;}
	.industrybottom dl dd {font-size: 14px;}
	.industrybottom dl { padding: 45px 10%;}
	.industrybottom dl dt {padding: 36px 10%;}
	.growth dl dd ul li {font-size: 16px;}
	.productC {background-color: transparent;padding: 0;margin-left: 0;}
	.productmaintop {display: block;}
	.productmaintop .left {width: 60%;margin: auto;}
	.productmaintop .right {margin:40px 0 0 0;}
	.promainbottom .tab a {font-size: 18px;min-width: 210px;}
	.solutionpics dl {width: 23%;}
	.instruct1{padding:40px 0 40px calc(50% - 375px); display:block;}
	.instruct1 .left {margin-top: 0;width: 100%;}
	.instruct1 .left, .instruct2 .right, .instruct3, .instruct4C,.culture1C,.culture2C,.culture3 .leftC,.culture3 .right,.culture4C,.culture5C .list .con,.culture6C2,.culture6C{font-size: 15px;line-height: 26px;}
	.instruct1 .right{margin:30px 0 0 0;}
	.instruct2 {margin-top: 40px;}
	.instruct2 .right {width:70%;margin-top:50px;padding: 40px calc(50% - 375px) 40px 30px;}
	.culturetit p {font-size: 20px;}
	.culture1C {margin-top: 30px;width: 100%;}
	.culture1 img { margin-top: 0;}
	.culture3 .container{ display:block;width:100%;}
	.culture3 .left{padding:80px calc(50% - 375px);width: 100%;background: url(../images/bg8.jpg) no-repeat center center;background-size:cover;}
	.culture3 .left .culturetit{background:none;padding:0;}
	.culture3 .leftC {padding: 0 0;color: #fff;margin-top: 40px;}
	.culture3 .right {width: 100%;padding: 80px calc(50% - 375px);background:none;color: #202020;}
	.culture4C h5 {font-size: 18px;}
	.culture5C .list .con {padding: 50px 20px;}
	.culture5C .list .con h5 {font-size: 26px;}
	.culture7C {margin-top: 40px;}
	.culture7C video {width:100%;}
	.culture6C:after {left: calc(32% - 372px);}
	.h_caseC .swiper-slide {height: 460px;}
    .h_caseC .swiper-slide:nth-child(odd) {height: 394px;}
    .h_caseC .swiper-slide .child img {max-height: 58px;}
    .h_caseC .swiper-slide .child h5 {margin-top: 15px;}
    .h_caseC .swiper-slide .child span {margin: 50px auto 0;}
	.h_solutionC .swiper-slide a {display: block;}
	.h_solutionC .swiper-slide a .left img{width:94px; display:block;}
	.h_solutionC .swiper-slide .right{margin:20px 0 0 0;}
	.h_solutionC .swiper-slide .right p {max-height:50px;-webkit-line-clamp:2;line-clamp:2;}
	.h_newC, .h_caseC, .h_solutionC, .h_productC, .h_aboutC, .h_aboutC {margin-top:40px;}
	.h_productC .swiper-slide {padding: 50px 30px;}
	.h_about .more a {line-height: 70px; font-size: 22px; min-width: 210px;}
	.productmainRight {width:100%;}
}
@media(max-width:767px){
	.mobile-inner-header-icon {font-size: 14px;top:50px;right:10px;margin-right: 0;}
	.headtop .container{padding:0 15px;}
	header {padding: 24px 15px;}
	.logo img {height: 22px;}
	.otherbanner h2 {font-size: 36px;}
	.otherbanner p {font-size: 15px;margin-top: 15px;width: 90%;line-height: 18px;}
	.otherbanner p:after {width: 90px;height: 2px;margin-top: 30px;}
	.otherbanner {padding: 14vw 15px 8vw;}
	.site {font-size: 15px;padding: 20px 15px 0;}
	.site img {width: 18px;}
	.case,.contact,.solution,.newmain,.recruit,.growth,.new,.product,.productmain,.solutionmain,.instruct1,.instruct3,.culture2,.culture4,.culture5,.culture7,.culture3 .left,.culture3 .right,.h_new, .h_case, .h_solution, .h_product,.h_about{padding:40px 15px;}
	.caseC dl {width: 47%;margin: 0 1.5% 15px;}
	.caseC dl dd h5, .newC dl dd h5 {font-size: 13px;line-height: 22px;}
	.caseC dl dd span, .newC dl dd span {font-size: 13px;margin-top: 20px;line-height: 35px;padding: 0 9px;}
	.caseC dl dd {padding: 10px 6% 20px;}
	footer {background: #001b47 url(../images/bg2.png) no-repeat left 10% bottom 10px;background-size:88% auto;padding: 40px 15px 50px;}
	.gotop {bottom: 26px;}
	footer dl dd {font-size: 14px;}
	footer dl {margin: 20px 0 0 0;width: 100%;}
	.footcontact h2 a {font-size: 25px;}
	.footcontact .con p {font-size: 20px;}
	.share a img{width:30px;}
	.contactC dl {width: 100%;}
	.contactC dl dt {font-size: 20px;}
	.contactC dl dd {font-size: 14px;line-height: 25px;margin-top: 10px;}
	.contactC dl {padding: 0 1% 24px;margin: 0 1% 24px;}
	.solutionC dd span,.growth dl .paoimg,.growth dl .bordertop,.growth dl .borderside img,.productC h1{display: none;}
	.solutionC dd h5 {font-size: 18px;line-height: 20px;max-height: 40px;}
	.solutionC dd p {margin-top: 14px;font-size: 12px;line-height: 18px;max-height: 72px;}
	.solutionC dl {margin-bottom: 24px;}
	.newmain h1, .solutionmain h1 {font-size: 22px;line-height: 30px;padding: 0 3%;}
	.newmain time {font-size: 16px;margin-top: 26px;}
	.newmainC {line-height: 27px;font-size: 15px;}
	.recruit h2 {font-size: 20px;}
	.recruitC dl {width: 100%;margin:0 0 25px;}
	.recruitC {margin: 30px 0 0;}
	.recruitC dl a { padding: 20px;}
	.recruitC dl dd h5 {font-size: 14px;line-height: 20px;height: 40px;}
	.industrytop {margin: 0 20px;padding: 0px 0 40px;}
	.industrytop dl dt {font-size: 18px;}
	.industry{padding:40px 0 0;}
	.industrytop dl dd {margin-top: 24px;}
	.industrybottom dl dd {font-size: 12px;}
	.industry .swiper-button-next,.industry .swiper-button-prev{bottom: 18px;}
	.growth dl .sidetop1 {width: 70px;height: 70px;border: 5px solid #43a5ae;font-size: 18px;}
	.growth dl .borderside{left: 0 !important;right:auto !important;width:70px;}
	.growth dl:first-child .borderside{margin-top:35px;}
	.newCtop dt img {height: auto;}
	.newC dl {width: 47%;margin: 0 1.5% 25px;}
	.newCtop dd {padding: 20px 10px;display: block;}
	.newCtop dd time {font-size: 16px; border-right: 0;}
	.newCtop dd h5 {margin:10px 0 0 0;font-size: 15px;line-height: 20px;height:auto;overflow:initial;text-overflow: initial;-webkit-line-clamp:initial;line-clamp:initial;}
	.newC {margin: 30px -1.5% 0;}
	.newC dl dd h5 {margin-top: 10px;}
	.newC dl dd {padding: 0 5px;}
	.productCon dl {margin: 0 1.5% 25px;width: 47%;}
	.productCon {margin: 0px -1.5% 0;}
	.productCon dl dd {padding: 20px 10px;font-size: 14px;}
	.productmaintop .left {width: 100%;}
	.productmaintop .right {margin:20px 0 0 0;}
	.productmaintop .right h2 {font-size: 20px;}
	.promainbottom .tab a {font-size: 16px;min-width: auto;}
	.promainbottom .tab a {padding: 14px 10px;}
	.promain1 ul li {width: 100%;padding: 20px;border-radius: 10px !important;}
	.promain1 ul li:nth-child(4n+1), .promain1 ul li:nth-child(4n+2) {background-color: #fff;}
	.promain1 ul li:nth-child(2n+1) {background-color: #f0f3f9;}
	.promain {margin-top: 30px;}
	.promain1 ul li h5 { font-size: 14px;}
	/*.promain1 ul li p {font-size: 16px;}*/
	.solutionmainlisttop {display: block;}
	.solutionmainlisttop dt,.solutionmainlisttop dd{width: 100%;}
	.solutionmainlist {margin-top: 30px;}
	.solutionmainlist h2 {font-size: 22px;}
	.instruct1 .left img {max-width: 70%;}
	.instruct2 .left {width: 80%;}
	.instruct2 .right{margin-left: -90%;width:90%;padding:30px 15px;}
	.instruct2 {margin-top: 0;}
	.instruct1 .left, .instruct2 .right, .instruct3, .instruct4C {font-size: 14px;}
	.instruct3{margin-top: 40px;}
	.instruct4 {margin-top: 0px;}
	.instruct4C { position: initial;padding: 30px 15px;width: 100%;}
	.culture1 {padding-top: 40px;}
	.culture1 .container{padding:0 15px;}
	.culturetit p {font-size: 17px;}
	.culture2C {display: block;margin-top: 40px;}
	.culture2 .culturetit .rightside,.h_newC p,.h_productC .swiper-slide p,.h_solutionC .swiper-slide .right p{ display:none;}
	.culture2C .left {width: 100%;padding: 0 0 0 0;}
	.culture2C .right {width: 100%;padding: 0 0 0 0;}
	.culture2:before{width:100%;}
	.culture4 .container {padding: 0 0 0 0;}
	.culture4:after {top: 17px;width: 26%;}
	.culturetit h2 {font-size: 26px;}
	.culturetit p {font-size: 15px;}
	.culture5C {margin-top:20px;display: block;}
	.culture5C .list {width: 97%;}
	.culture5C .list .con {padding: 30px 15px;}
	.culturetit h2 {font-size: 23px;}
	.culture6 {padding-top: 0;}
	.culture6C:after { left: -20px;}
	.culture6C {padding-bottom: 50px;}
	.culture2:after,.culture3:before{display:none;}
	.culture2C .right{color:#202020;}
	.growth dl dt span{width: 70px;height: 70px;font-size: 18px;border-width:5px;font-size: 15px;}
	.growth dl:first-child dt {left: 0 !important;right: auto; top:95px !important;}
	.growth dl dt{left: 0 !important;right: auto; top:44px !important;}
	.growth dl:first-child dd {padding:60px 0px 10px 100px !important;}
	.growth dl dd {padding: 20px 0px 10px 100px !important;}
	.growth dl dd ul {padding: 20px 12px;}
	.growth dl dd ul li {line-height: 24px;font-size: 13px;}
	.growth dl dd ul:before {left: auto !important;right: 100% !important;background: url(../images/icon22.png) no-repeat !important;background-size: 100%;top: 70px;}
	.growth dl:last-child .borderside {height:100%;}
	.growth dl:last-child dt{margin-top:0;}
	.banner .swiper-pagination{bottom:12px !important;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active {width: 32px !important;}
	.banner .swiper-pagination span {width: 14px !important;height: 6px !important;}
	.h_title a {font-size: 26px;}
	.h_newC, .h_caseC, .h_solutionC, .h_productC, .h_aboutC, .h_aboutC {margin-top: 30px;}
	.h_newC h5 {margin-top: 10px; font-size: 15px; line-height: 19px;height: 57px;-webkit-line-clamp:3;line-clamp:3;}
	.h_newC .swiper-slide span, .h_productC .swiper-slide span {margin-top: 25px;line-height: 35px; font-size: 12px;}
	.swiper-paginationblock {margin-top: 30px;}
	.h_caseC .swiper-slide {height: 298px;}
	.h_caseC .swiper-slide:nth-child(odd){height: 270px;margin-top: 14px;}
	.h_caseC .swiper-slide .child span {margin: 30px auto 0;padding: 0 8px; width: 100%;font-size: 12px;line-height:35px;}
	.h_caseC .swiper-slide .child h5 {font-size: 14px;line-height: 20px;max-height: 80px;}
	.h_caseC .swiper-slide .child img {max-height: 46px;}
	.h_solutionC {height: auto;}
	.h_aboutC dl {width: 48% !important;margin: 0 1% 15px;}
	.h_aboutC dl dt img {height: 154px;}
	.h_aboutC dl dd h5{font-size: 14px;line-height: 19px;height: 76px;}
	.h_about .more a {line-height: 48px;font-size: 17px;min-width: 160px;}
	.h_productC .swiper-slide {padding: 24px 15px;}
	.h_productC .swiper-slide img {width: 48%;}
	.h_productC .swiper-slide h5,.h_solutionC .swiper-slide .right h5{    white-space: initial;margin-top: 20px;font-size: 15px;line-height:22px;height:66px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
    .h_solutionC .swiper-slide a .left img {width: 56px;}
    .h_solutionC .swiper-slide a {padding: 20px 20px;}
    .h_solutionC .swiper-paginationblock {position: initial;}
    .aboutz{width:100%;margin-bottom:20px;}
    .aboutz2{width:100%;}
}
@media(max-width:500px){
	.solutionC dd h5 {font-size: 16px;}
	.solutionpics dl {width: 48%;}
	.solutionmainlist h2 {font-size: 20px;margin-top: 25px;}
}