/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #232323;overflow-x:hidden;margin:0; padding:0;font-family:'Microsoft YaHei',PingFang SC,Arial,sans-serif;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:'Microsoft YaHei',PingFang SC,Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
p {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {display:block;margin:0;padding:0;font-weight: bold;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #edf7ff;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #3e8acc;}
::-webkit-scrollbar-thumb{background-color:#3e8acc;box-shadow:inset 1px 1px 0 #3e8acc,inset 0 -1px 0 #3e8acc;}




/* header */
.header {position:absolute;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background: #fff; opacity:0.8;}
.header-content {width:94%;height: 110px;margin: auto;position: relative;}
.header-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-62%);left: 0;z-index: 11;}
.header-logo a {display: block;background: url('../images/logo1.png') center no-repeat;background-size: 100%;}
.header-logo img {opacity: 0;display:block;width: auto;max-width: 150px;height: auto;}
.header-nav {position: absolute;right: 0px;top: 0;height: 100%;width: 100%;z-index: 1;text-align: right;}
.header-nav li{display: inline-block;vertical-align: middle;margin-right: 55px;position: relative;}
.header-nav li a.n1{color: #232323;line-height: 110px;font-weight: bold;display: inline-block;position: relative;}
.header-nav li a.n1::after {content: '';width: 0px;height: 1px;position: absolute;left: 0;bottom: 35px;background: #002a4e;transition:all .4s ease;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #002a4e;}
.header-nav li.cur a.n1::after,.header-nav li.on a.n1::after {width: 100%;}
.header-nav li.language a{font-family: 'DIN-Medium';}
.header-nav-menu {position: absolute;width: 350px;top: 110px;left:-20px;background: #fff;text-align: left;padding: 20px;display: none;}
.header-nav-menu a {display: block;padding: 10px 0;color: #818181;}
.header-nav-menu a:hover {color: #002a4e;}
.header-nav li.cur .header-nav-menu {display: block;}

.header-menu{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 110px;height: 40px;display: none;}
.header-menu a{display: block;border: 1px solid rgba(0,0,0,.3);width: 110px;height: 40px;border-radius: 100px;position: relative;}
.header-menu a span{display: block;color: #000;position: absolute;left: 20%;top: 50%;transform: translateY(-50%);font-weight: bold;font-size: 12px;}
.header-menu a i{display: block;width: 16px;height: 16px;position: absolute;right: 20%;top: 50%;transform: translateY(-50%);}
.header-menu a i::before,.header-menu a i::after {content: '';width: 100%;height: 2px;background: #4d96cc;position: absolute;left: 0;top: 5px;transition:all .4s ease;}
.header-menu a i::after {top: 10px;}
.header-menu a:hover span{color: #3e8acc;}


.header-nav-show {position: fixed;width: 30%;height: 100%;overflow: hidden;z-index: 333;transition:all .4s ease;right: 0;top: 0;background: #00416f;transform: translateX(100%);}
.header-nav-show-content {color: #fff;overflow: hidden;width: 50%;position: absolute;top: 50%;left: 25%;transform: translateY(-50%);}
.header-nav-show-content li{list-style: none;margin: 0;padding: 0;}
.header-nav-show-content li a{display: block;font-weight: bold;color: #fff;}
.header-nav4 {overflow: hidden;}
.header-nav4 li{padding: 5% 0;}
.header-nav4 li a{position: relative;display: inline-block;}
.header-nav4 li a::after {content: '';width: 0px;height: 2px;background: #002a4e;position: absolute;left: 0;bottom: -5px;transition:all .4s ease;}
.header-nav4 li a:hover {color: #002a4e;}
.header-nav4 li a:hover::after {width: 100%;}
.header-nav3 {margin-top: 15%;}
.header-nav3 li{padding: 5% 0;}
.header-nav3 li a:hover {color: #002a4e;}
.header-share {position: absolute;left: 24%;bottom: 5%;z-index: 1;width: 50%;}
.header-share li{display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;}
.header-share li a{display: block;width: 30px;height: 30px;}
.header-menu.close {right: 5%;top: 2%;transform: none;}
.no-touch .header-menu.close i::before,.no-touch .header-menu.close i::after {background: #fff;}
.no-touch .header-menu.close i::before {transform: rotate(45deg);left: 0px;top: 8px;}
.no-touch .header-menu.close i::after {transform: rotate(-45deg);left: 0px;top: 8px;}
.no-touch .header-menu a {border: 1px solid rgba(255,255,255,.3);}
.no-touch .header-menu a span {color: #fff;}
.no-touch .header-nav-show {transform: translateX(0);}

 
.header-nav-menu3 {display: none;padding-top: 10px;}
.header-nav3 li .header-nav-menu3 a {font-weight: normal;color: #fff;opacity: .5;padding: 5px 0;overflow: hidden;}
.header-nav3 li .header-nav-menu3 a:hover {opacity: 1;}
/*banner*/
.Yl-container{width:100%; height:100%; overflow:hidden; position:relative;}
.Yl-container .Yl-wrapper{ width: 100%; height: 100%; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{width: 100%; height: 100%; background:url(../images/bg1.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; background:url(../images/1681972861.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; background:url(../images/banner3.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 100%; height:auto; text-align: center; margin: 0 auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{ font-size:4vh; color: #019ba7; font-weight: 700; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:1.5vh; color: #2b3544; font-weight: 300; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:2.0vh; color: #2b3544; font-weight: 300; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{ font-size:4vh; color: #019ba7; font-weight: 700; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:1.5vh; color: #fff; font-weight: 700; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:2.0vh; color: #333; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ font-size:4vh; color: #333333; font-weight: 700; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:1.5vh; color: #fff; font-weight: 700; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:2.0vh; color: #333; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center;}
.Yl-container .Yl-pagination span{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-radius:100%;margin:0 8px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{opacity:0;display:inline-block;vertical-align:text-bottom;transform:translateY(120px);-webkit-transform:translateY(120px);transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}


.Yl-container .Yl-pagination-bullet-active{box-shadow:0 0 12px rgba(255,255,255,0.8); background:transparent;}
.Yl-container .Yl-pagination-bullet-active:after{content:"";width:7px;height:7px;border-radius:100%;display:inline-block;background:#232323; margin-top:3px;}
.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 40%; height:60px; margin: 0 auto;border-top: 1px rgba(255, 255, 255, 0.19) solid; text-align:center; margin-top: 5.5vh;}
.Yl-container .Yl-Button a{ display:block; width:60vh; height:48px; line-height:48px; font-size:2.0vh; color:#3e8acc; text-transform:uppercase; text-align:center; margin:0 auto; background:#fff; margin-top:20px; font-weight:700; border:2px #fff solid; text-decoration:none; border-radius:2vh;}
.Yl-container .Yl-Button a:hover{ background:#eeeeee; color:#3e8acc;}
@media screen and (max-width:900px) {
.Yl-container{width:100%; height:100%; overflow:hidden; position:relative;}
.Yl-container .Yl-wrapper{ width: 100%; height: 100%; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{width: 100%; height: 100%; background:url(../images/bg01.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; background:url(../images/bg02.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; background:url(../images/bg03.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 100%; height:auto; text-align: center; margin: 0 auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{ font-size:3vh; color: #0c3700; font-weight: 400; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:1.0vh; color: #2b3544; font-weight: 300; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:1.5vh; color: #2b3544; font-weight: 300; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{ font-size:3vh; color: #333333; font-weight: 400; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:1.5vh; color: #fff; font-weight: 300; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:1.0vh; color: #333; font-weight: 300; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ font-size:3vh; color: #333333; font-weight: 400; margin-top: 35vh;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:1.5vh; color: #fff; font-weight: 300; margin-top: 30px;text-transform:uppercase}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:1.0vh; color: #333; font-weight: 300; margin-top: 30px;}
.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center;}
.Yl-container .Yl-pagination span{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-radius:100%;margin:0 8px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{opacity:0;display:inline-block;vertical-align:text-bottom;transform:translateY(120px);-webkit-transform:translateY(120px);transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}


.Yl-container .Yl-pagination-bullet-active{box-shadow:0 0 12px rgba(255,255,255,0.8); background:transparent;}
.Yl-container .Yl-pagination-bullet-active:after{content:"";width:7px;height:7px;border-radius:100%;display:inline-block;background:#232323; margin-top:3px;}

.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 90%; height:60px; margin-left:20px;border-top: 1px rgba(255, 255, 255, 0.19) solid; text-align:center; margin-top: 5.5vh;}
.Yl-container .Yl-Button a{ display:block; width:100%; height:48px; line-height:48px; font-size:2.0vh; color:#3e8acc; text-transform:uppercase; text-align:center; margin:0 auto; background:#fff; margin-top:20px; font-weight:700; border:2px #fff solid; text-decoration:none; border-radius:2vh;}
.Yl-container .Yl-Button a:hover{ background:#eeeeee; color:#3e8acc;}	
	
}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft{ position:relative; z-index: 1;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i{display:inline-block;text-align:left;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s; width:10%;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b{width:100%;opacity:1;}

/*大图片动画*/
/*.Yl-container .Yl-wrapper .Yl-slide .Yl-img0.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img1.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img2.act{
	animation:Yl-img_an 6s infinite;
}*/
@keyframes Yl-img_an
{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.5,1.5);}
}


.footer {background: #002a4e;padding: 3.5% 0 0 0;overflow: hidden;color: #fff;}
.footer-contact {width: 75%;margin: auto;}
.footer-contact-top {overflow: hidden;padding-bottom: 8%;}
.footer-contact-left {float: left;width: 30%;}
.footer-logo {overflow: hidden;}
.footer-text {margin-top: 3%;}
.footer-text p{display: block;margin: 0;padding:10px 0;}
.footer-text strong{margin: 0;padding: 0;display: block;}
.footer-contact-right {float: right;width: 70%;text-align: right;}
.footer-nav {margin-top: 3%;}
.footer-nav a{color: #fff;display: inline-block;margin-left: 3%;}
.footer-nav a:first-child {margin-left: 0;}
.footer-share {margin-top: 7%;text-align: right;}
.footer-share li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.footer-share li a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;border: 1px solid #54758a;border-radius: 20%;margin-left: 10px;}
.footer-share li a:hover {border: 1px solid #002a4e;background: #002a4e;}
.footer-contact-bottom {clear: both;overflow: hidden;border-top: 1px solid #54758a;padding: 2.5% 0;font-weight: normal;position: relative;}
.footer-contact-bottom .footer-contact-left {float: left;width: 70%;}
.footer-contact-bottom .footer-contact-right {text-align: right;float: right;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-contact-bottom .footer-contact-right a,.footer-contact-bottom .footer-contact-left a{color: #fff;}

.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #4c84b3 url('../images/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #ffa500 url('../images/up1.png') no-repeat center;opacity: 1;}
.footer .aside-top{display: block;position: absolute;bottom:auto;top: 15%;right:3%; }


/* index */
.index-section {width: 100%; }
.index-swiper {width: 100%;}
.index-banner {width: 100%;position: relative;}
.index-banner .text{position: absolute;left: 12.5%;top: 55%;transform: translateY(-50%);width: 50%;z-index: 20;color: #fff;transition:all .4s ease;}
.index-banner .text.cur {opacity: 0;z-index: -11;}
.index-banner .text .title-1{overflow: hidden;font-weight: bold;}
.index-banner .text .title-1 h2 {display:block;margin:0;padding:0;font-weight: bold;}
.index-banner .videomore-1 {margin-top: 5%;}
.videomore-1 {margin-top: 15%;overflow: hidden;cursor: pointer;}
.videomore-1 a{display: block;}
.videomore-1 i{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border: #00561f solid 1px;box-sizing: border-box;margin-right: 15px;background: url('../images/play.png') center no-repeat rgba(0,86,31,.2);border-radius: 100%;transition:all .4s ease;}
.videomore-1:hover i{background: url('../images/play.png') center no-repeat #002a4e;border: #002a4e solid 1px;}
.videomore-1 span{display: inline-block;vertical-align: middle;font-weight: bold;}
.index-banner .video {width: 100%;height: 100%;position: absolute;left: 0;right: 0;z-index: 11;}
.index-banner .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-banner .img{background-size: cover;}
.index-banner .img img {width: 100%;height: auto;display: block;opacity: 0;}
.index-swiper .banner-pagination {bottom: auto;margin-top: auto;transform: translateX(-50%);width: auto;left: 50%;height: 1px;bottom:6%;width: 100%;}
.banner-pagination span {border-radius: 0;width:25%;height: 1px;background: #fff;margin: 0!important;transition:all .4s ease;opacity: .5;position: relative;}
.banner-pagination span::before{content: '';position: absolute;top:-9px;height: 10px;width:1px;left:0px;z-index: 2;transition:all .4s ease;background: #fff;}
.banner-pagination span.swiper-pagination-bullet-active {opacity: 1;background: rgba(255,255,255,.5);}
.banner-pagination span:last-child::after{content: '';position: absolute;top:-9px;height: 10px;width:1px;right:0px;z-index: 2;background: #fff;}
.banner-pagination span i{border-radius:0;background: #fff;left: 0px;width: 0;height: 1px;top: 0px;position: absolute;}
.banner-pagination span.swiper-pagination-bullet-active i {-webkit-animation: ws100 5000ms 1 forwards;animation: ws100 5000ms 1 forwards;} 
@keyframes ws100{0%{width: 0%;} 100%{width: 100%;}}
.banner-pagination span em {font-style: normal;position: absolute;width: 100%;top: -35px;left: 0;text-align: center;color: #fff;}

.index-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-swiper .text-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-swiper .videomore-1 {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-swiper .swiper-slide-active .title-1,.index-swiper .swiper-slide-active .text-1,.index-swiper .swiper-slide-active .videomore-1{transform:translateY(0px);opacity:1;}
.index-swiper .swiper-slide-active .img{animation: smoimgani 3000ms 1 ease forwards;}

@keyframes smoimgani{0%{transform:scale(1.05);} 100%{transform:scale(1.00);}}

.video1-dimensions,.vjs-controls-disabled{width: 100%;height: 100%;}
.vjs-loading-spinner,.vjs-text-track-display,.vjs-loading-spinner,.vjs-control-bar,.vjs-modal-dialog,.vjs-control-bar,.vjs-big-play-button{display: none!important;}

.close-1 {width: 40px;height: 40px;position: absolute;left: 50%;bottom:5%;transform: translateX(-50%);z-index:11;background: #fff;border-radius:100%;cursor: pointer;transition:all .4s ease;opacity: 0;}
.close-1.cur {opacity: 1;bottom:10%;}
.close-1 i {width: 40px;height: 40px;display: block;position: relative;transition:all .4s ease;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';background: #000;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;transition:all .4s ease;}
.close-1 i::before{width: 20px;height: 2px;}
.close-1 i::after {width: 2px;height: 20px;}
.close-1:hover {background: #002a4e;}
.close-1:hover i::before,.close-1:hover i::after {background: #fff;}


.index-content {width:75%;height: 100%;margin: auto;}
.index-section-bg {background: #f2f7f5;background-size: 100% 100%;}

.title {overflow: hidden;}
.title .title-1{color: #002a4e;text-transform: uppercase;}
.title .text-1 h3  {display:block;margin:0;padding:0;font-weight: bold;}
.title-1 h4 {display:block;margin:0;padding:0;font-weight: bold;}
.title .title-2 h4 {display:block;margin:0;padding:0;font-weight: bold;}
.learnmore-1 {margin-top: 6%;}
.learnmore-1 a{display: inline-block;border: 1px solid #3e8acc;border-radius: 100px;padding: 2px;overflow: hidden;}
.learnmore-1 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #3e8acc;position: relative;border-radius: 100%;}
.learnmore-1 i::after {content: '';width: 14px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
.learnmore-1 i::before {content: '';width: 2px;height: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
.learnmore-1 span{display: inline-block;vertical-align: middle;color: #3e8acc;margin: 0 30px;}
.learnmore-1 a:hover {border: 1px solid #002a4e;background: #002a4e;}
.learnmore-1 a:hover i {background: #fff;}
.learnmore-1 a:hover i::after,.learnmore-1 a:hover i::before {background: #002a4e;}
.learnmore-1 a:hover span {color: #fff;}
.learnmore-1.style1 a{border: 1px solid #002a4e;background: #002a4e;}
.learnmore-1.style1 i {background: #fff;}
.learnmore-1.style1 i::after,.learnmore-1.style1 i::before {background: #002a4e;}
.learnmore-1.style1 span {color: #fff;}

.learnmore-3 a{display: inline-block;font-size: 0;}
.learnmore-3 i {display: inline-block;vertical-align: middle;width:24px;height: 24px;background: #002a4e url('../images/r1.png') center no-repeat;position: relative;border-radius: 100%;}
.learnmore-3 span {display: inline-block;vertical-align: middle;color: #002a4e;margin: 0 10px;}

.index-corporate-mission {padding: 4% 0;overflow: hidden;}
.index-corporate-mission .index-content-left{float: left;width: 46%;margin-top: 4%;}
.index-corporate-mission .index-content-left .title-1{position: relative;padding-left: 15px;}
.index-corporate-mission .index-content-left .title-1::before {content: '';width: 4px;height: 14px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.index-corporate-mission .index-content-left .title .text-1{margin-top: 4%;}
.index-corporate-mission .index-content-left .title .text-2{margin-top: 6%;}
.index-corporate-mission .index-content-left .learnmore-1 {margin-top: 9%;}
.date{margin-top: 9%;background-color: #3e8acc; height: 9vh; padding: 4.8vh 0 4.8vh 1vh; border-radius:30px 0;}
.date li {list-style: none;margin: 0;padding: 0;float: left;position: relative;margin-right: 5%;padding-right: 5%;}
.date li::after {content: '';width: 1px;height: 100%;position: absolute;right:0;top: 0;background: #ccc;opacity: .3;} 
.date li:last-child {margin-right: 0;padding-right: 0;}
.date li:last-child::after {display: none;}
.date span{display: block;color: #232323;}
.date strong{display: block;color: #ffffff;font-weight: normal;}
.date sup {position: absolute;right:16px;top: 52%;font-size: 18px;color: #80b4e2;font-weight: bold;}
.index-corporate-mission .index-content-right{float: right;width: 48%;position: relative;}
.index-corporate-mission .index-content-right .img{display: block;position: relative;}  
.yuan1 {width: 178px;height: 194px;position: absolute;right: -70px;bottom: -80px;z-index: 11;background: url('../images/yu2.png') center no-repeat;display: none;}


.index-whatwedo {padding: 0 0 5% 0;overflow: hidden;}
.index-whatwedo .index-content-center{position: relative;}
.index-whatwedo .title:first-child {margin: auto;}
.index-whatwedo .title .title-1{padding-left: 15px;position: relative;}
.index-whatwedo .title .title-1::before {content: '';width: 4px;height: 14px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.index-whatwedo .title .text-1 {margin-top: 1%;width: 50%;}
.index-whatwedo .title .text-2 {margin-top: 3%;}
.index-whatwedo .img {margin-top: 3%;}
.index-whatwedo .learnmore-1 {margin-top: 3%;text-align: center;}
.yuan2 {width: 300px;height: 276px;position: absolute;left: -170px;top:50%;z-index: 11;background: url('../images/yu1.png') center no-repeat;margin-top: -145px;}

.index-technology-and-rd {padding:6% 0;overflow: hidden;background: url('../images/bg4.jpg') center no-repeat;background-size: cover;}
.index-technology-and-rd .index-content {float: right;width: 87%;}
.index-technology-and-rd .index-content-left {float: left;width: 35%;margin-top: 6%;}
.index-technology-and-rd .index-content-left .title {color: #fff;}
.index-technology-and-rd .index-content-left .title .title-1{position: relative;padding-left: 15px;color: #fff;}
.index-technology-and-rd .index-content-left .title .title-1::before {content: '';width: 4px;height: 14px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.index-technology-and-rd .index-content-left .text-1 {margin-top: 3%;width: 65%;}
.index-technology-and-rd .index-content-left .text-2 {overflow: hidden;margin-top: 3%;}
.index-technology-and-rd .index-content-left .text-2 p {opacity: .6;margin: 3% 0;}
.index-technology-and-rd .index-content-left .text-2 li{display:inline-block; text-align:center; width:33.33%;border:1px solid #ffffff;margin: 2vh; line-height: 8vh; height: 8vh; margin-right: 2vh;}
.index-technology-and-rd .index-content-left .text-2 a{opacity: .6;margin: 3% 0; color:#ffffff; font-size:2vh; }
.index-technology-and-rd .index-content-left .text-2 li:hover{display:inline-block; text-align:center; width:33.33%;background-color:#4477b1;margin: 2vh;line-height: 8vh; height: 8vh; margin-right: 2vh; }
.index-technology-and-rd .index-content-right {float: right;width: 58%;}



.index-news {background: url('../images/dd.jpg');padding: 4% 0 6% 0;overflow: hidden;}
.index-news .index-content-top{position: relative;overflow: hidden;}
.index-news .index-content-top .learnmore-3 {position: absolute;right: 0;top: 50%;margin-top: -12px;}
.index-news .index-content-top .title-1 {position: relative;padding-left: 15px;}
.index-news .index-content-top .title-1::before {content: '';width: 4px;height: 14px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.index-news .index-content-top .text-1 {margin-top: 1%;}
.index-news .index-content-bottom{padding-top: 5%;overflow: hidden;}
.index-news-item {float: left;width: 31%;margin-right: 3.33%;overflow: hidden;}
.index-news-item:last-child {margin-right: 0;}
.index-news-item a {display: block;position: relative;}
.index-news-item .text{position: relative;width: 100%;color: #232323;padding-top: 5%;overflow: hidden;}
.index-news-item .text .date-1{ position: relative;padding-left: 10px;color: #000;}
.index-news-item .text .date-1::before {content: '';width: 2px;height: 14px;background: #3e8acc;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.index-news-item .text .title-1{margin-top: 5%;font-weight: bold;}
.index-news-item .text .more-1{width: 80px;height: 40px;border: #e6e6e6 1px solid;border-radius: 100px;background: url('../images/r4.png') center no-repeat;margin-top: 15%;}
.index-news-item a:hover .text .title-1{color: #3e8acc;}
.index-news-item a:hover .more-1{border: #3e8acc 1px solid;background: url('../images/r3.png') center no-repeat #3e8acc}
.index-news-item.ini1 .text .title-1 {padding-left: 0;}
.index-news-item.ini1 .text{position: absolute;left: 10%;top: 10%;z-index: 11;width: 80%;color: #fff;padding: 0;height: 80%;}
.index-news-item.ini1 .more-1{border: #fff 1px solid;background: url('../images/r3.png') center no-repeat;position: absolute;bottom: 0;left: 0;}
.index-news-item.ini1 .date-1 {color: #fff;padding: 0;opacity: .6;}
.index-news-item.ini1 .date-1::before {display: none;}
.index-news-item.ini1 a:hover .text .title-1{color: #fff;}
				
.index-contact {position: relative;overflow: hidden;}
.index-contact .title{position: absolute;text-align: center;left: 0;top: 50%;transform: translateY(-50%);z-index: 11;width: 100%;}
.index-contact .title-1{color: #fff;}
.index-contact .text-1{color: #fff;}
.index-contact .learnmore-1{margin-top: 2%;}


/* about */
.page-section {overflow: hidden;}
.page-path {margin-top: 110px;background: #eee;padding: 2% 0;overflow: hidden;color: #7e8180;}
.page-content {width: 94%;margin: auto;}
.home-icon {display: inline-block;vertical-align: middle;width: 22px;height: 20px;background: url('../images/home.png') center no-repeat;margin-right: 5px;}
.page-path a{display: inline-block;vertical-align: middle;color: #7e8180;}
.page-path a.cur{color: #000;}

.page-section-bg {background: url('../images/bg2.jpg') center bottom no-repeat;background-size:100%;}
.page-about {padding: 3% 0;overflow: hidden;}
.page-about.ptb0 {padding: 0;}
.page-about .page-content {width: 87.5%;float: ;}
.title .title-2{padding-left: 20px;position: relative;}
.title .title-2::before {content: '';width: 3px;height: 20px;background: #3e8acc;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.page-about .img{margin: 3% 0;}
.page-about .text-1{width: 100%;}
.page-about .text-1 strong{color: #002a4e;}
.page-about .text-1 p {margin-top: 2%;}
.page-about .text-list{margin-top: 4%;width: 100%;overflow: hidden;}
.page-about .text-list.mt0 {margin-top: 0;}
.page-about .text-item{float: left;width: 30%;margin-right: 3.33%;}
.page-about .text-item:last-child {margin-right: 0;}
.page-about .text-item.ti2 {width: 65%;}
.page-about .text-item .title-1{color: #002a4e;min-height: 26px;position: relative;padding-left: 10px;}
.page-about .text-item .title-1::before {content: '';width: 3px;height: 18px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.page-about .text-item .text-2{margin-top: 4%;line-height: 24px;}
.page-about .text-item .text-2 strong{line-height: 20px;}
.page-about .text-item .img {margin-top: 8%;width: 90%;}
.page-about .text-item-list {width: 100%;}
.page-about .text-item-list .text-2{margin-top: 2%;width: 48%;float: left;margin-right: 4%;min-height: 200px;margin-bottom: 4%;}
.page-about .text-item-list .text-2.mr0 {margin-right: 0;}
.page-about .text-item-list .title-5 {min-height: 95px;}

.vision-content {position: relative;overflow: hidden;padding-bottom: 60px;}
.vision-content-top {position: absolute;width: 100%;z-index: 11;left: 0;top: 0;height: 100%;}
.vision-content-top-left {float: left;width: 44%;margin-top: 5%;margin-left: 5%;}
.vision-content-top-left .text{color: #fff;}
.vision-content-top-left .icon-1{position: relative;}
.vision-content-top-left .title-1{margin-top: 3%;}
.vision-content-top-left .text-1{margin-top: 4%;}
.vision-content-top-right {width: 43%;position: absolute;right: 7%;bottom: 0;z-index: 11;}
.vision-content-top-right .img{margin: 0;}
.vision-content-bottom {overflow: hidden;}
						
.values-content {position: relative;overflow: hidden;margin-top: 5%;}
.values-content .title-1{overflow: hidden;}
.values-list {overflow: hidden;padding-top: 5%;}
.values-list-item {float: left;width: 22.7%;margin-right:3%;}
.values-list-item * {transition:all .4s ease;}
.values-list-item:last-child {margin-right: 0;}
.values-list-item .icon-2{width: 170px;margin: auto;position: relative;}
.values-list-item .num-2{width: 40px;height: 40px;line-height: 40px;text-align: center;background: #002a4e;color: #fff;position: absolute;right: 0;top:5px;z-index: 11;border-radius: 100%;}
.values-list-item .pic{border: 3px solid #002a4e;border-radius: 100%;width: 100%;overflow: hidden;}
.values-list-item .title-2{font-weight: bold;margin-top: 13%;}
.values-list-item .title-2 strong {color: #7344ff;display: block;}
.values-list-item .title-2 p {margin: 0;padding: 0;display: block;width: 70%;}
.values-list-item .text-2 {color: #434343;margin-top: 10%;text-align: justify;}
.values-list-item:nth-child(2),.values-list-item:nth-child(4) {margin-top: 5%;}
.values-list-item:hover .pic img{transform: scale(1.05);}


.page-development {padding:5% 0;overflow: hidden;margin-bottom: 2%;}
.page-development .page-content {width: 75%;}
.page-development .title .text-2{margin-top: 3.5%;font-weight: bold;}
.page-development .title .text-2 strong {color: #002a4e;}
.page-development .title .text-2 p {padding: 0;margin: 0;}
.page-development .development{margin-top: 1%;}
.development-swiper{overflow: visible;width: 100%;}
.development-item{width: 68%;margin: 5% auto;background: #fff;overflow: hidden;border-radius: 10px;position: relative;box-shadow: 0px 33px 50px 0px rgba(191, 191, 191, 0.2);}
.development-item .img{float: left;width: 50%;}
.development-item .text{float: left;width: 42%;padding: 4%;overflow: hidden;}
.development-item .text .year-1{color: #002a4e;}
.development-item .text .title-1{margin: 1% 0;font-weight: bold;}
.development-item .text .text-1{margin-top: 5%;overflow: hidden;}
.thumbs-development-swiper::before,
.thumbs-development-swiper::after {content: '';width: 1px;height: 14px;position: absolute;left: 0;top: 50%;margin-top: -7px;background: #ddd;}
.thumbs-development-swiper::after{right: 0;left: auto;}
.thumbs-development-swiper .swiper-slide::after {content: '';width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left:0;margin-top: -1px;z-index: 1;}
.thumbs-development-swiper .swiper-slide {position: relative;cursor: pointer;}
.thumbs-development-swiper .swiper-slide span{display: block;width:24px;height: 24px;border-radius: 100%;border: 5px solid transparent;margin: auto;position: relative;z-index: 11;}
.thumbs-development-swiper .swiper-slide i{display: block;width: 10px;height: 10px;border-radius: 100%;border: 3px solid #ddd;margin: 4px;background: #f9f9f9;position: relative;z-index: 11;}
.thumbs-development-swiper .swiper-slide i {color: #dddddd;}
.thumbs-development-swiper .swiper-slide-thumb-active span{border: 5px solid #e5ebd7;background: #f9f9f9;}
.thumbs-development-swiper .swiper-slide-thumb-active i{border: 3px solid #002a4e;}


.page-conducts {padding-top: 5%;overflow: hidden;}
.page-conducts .page-content {width: 100%;position: relative;}
.page-conducts .page-content::after {content: '';width: 40%;height: 90%;background-color: #fcfcfc;position: absolute;right: 10%;bottom: 10%;z-index: 1;} 
.page-conducts .title {width: 75%;margin: auto;}
.code-conducts {padding-top: 2%;overflow: hidden;position: relative;z-index: 11;}
.code-conducts-swiper {position: relative;z-index: 11;}
.code-conducts-item {overflow: hidden;opacity: 0;transition:all .4s ease;}
.code-conducts-item .img{float: left;width: 60%;overflow: hidden;}
.code-conducts-item .text{float: left;width: 24%;padding: 3% 3%;overflow: hidden;}
.code-conducts-item .title-1{ color: #002a4e;font-weight: bold;}
.code-conducts-item .text-1{margin-top: 5%;text-align: justify;}
.conducts-prev,.conducts-next{position: relative;left: auto;top: auto;right: auto;bottom: auto;width: 60px;height: 60px;margin: 0;border: 1px solid #ececec;border-radius: 100%;float: left;margin-top: 20%;opacity: 1;outline: none;cursor: pointer;margin-right: 10px;transition:all .4s ease;}
.conducts-prev::after,.conducts-next::after{color: #000;transition:all .4s ease;}
.conducts-prev:hover,.conducts-next:hover {background: #002a4e;}
.conducts-prev:hover::after,.conducts-next:hover::after {color: #fff;}
.code-conducts-swiper .swiper-slide-active .pic{animation: bigimgani 3000ms 1 ease forwards;}
.code-conducts-swiper .swiper-slide-active .code-conducts-item{opacity: 1;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}

.page-section-banner {position: relative;margin-top: 110px;}
.page-section-banner .page-content {width: 100%;}
.page-section-banner .text {position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;}
.page-section-banner .text.top60 {top: 60%;}
.page-section-banner .text .title-1{overflow: hidden;}
.page-section-banner .text .title-1 h2,.page-section-banner .text .title-1 h1 {font-weight:normal;}
.page-section-banner .pic {animation: bigimgani 5000ms 1 ease forwards;}

.page-technology {padding: 5% 0;overflow: hidden;text-align: center;background: url('../images/wl2.jpg') center top no-repeat;background-size: cover;}
.page-technology .title-1{width: 450px;margin: auto;}
.technology-content {margin-top: 3%;}
.technology-swiper {width: 70%;margin: auto;}
.technology-itme {text-align: center;width: 50%;margin: auto;margin-top: 20%;}
.technology-itme .img{border-radius: 100%;overflow: hidden;background: none;position: relative;z-index: 11;background: #fff;}
.technology-itme .img::after {content: '';width: 88%;height: 88%;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;border: 1px dashed #ccc;border-radius: 100%;display: none;}
.technology-itme .img img {opacity: 0;transition:all .4s ease;position: relative;z-index: 11;}
.technology-itme .img .pic {width: 88%;height: 88%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 11;border-radius: 100%;overflow: hidden;transition:all .4s ease;}
.technology-itme .img .pic img {opacity: 1;}
.technology-itme .text {margin-top:8%;display: none;}
.technology-itme .title-1{overflow: hidden;}
.technology-itme .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.technology-itme .text-1{overflow: hidden;}
.technology-swiper .swiper-slide-active .technology-itme{width: 100%;margin: 0 auto;}
.technology-swiper .swiper-slide-active .img::after {display: block;}
.technology-swiper .swiper-slide-active .technology-itme .img {border: 1px solid #eaebee;}
.technology-swiper .swiper-slide-active .technology-itme .img img{opacity: 1;}
.technology-swiper .swiper-slide-active .technology-itme .img .pic {width: 78%;height: 78%;}
.technology-swiper .swiper-slide-active .technology-itme .text {display: block;}
.technology-swiper .swiper-slide-prev .img {background: url('../images/bgl1.png') center no-repeat;background-size: 100%;}
.technology-swiper .swiper-slide-next .img {background: url('../images/bgr1.png') center no-repeat;background-size: 100%;}
.technology-swiper .swiper-slide-prev::after {content: '';width: 80%;height: 1px;position: absolute;right: -39px;top: 65%;background: url('../images/bgline.jpg') center repeat-x;z-index: 1;}
.technology-swiper .swiper-slide-next::before {content: '';width: 80%;height: 1px;position: absolute;left: -39px;top: 65%;background: url('../images/bgline.jpg') center repeat-x;z-index: 1;}

.page-platform {padding: 3% 0;overflow: hidden;text-align: center;border-top: 1px solid #f1f1f1;}
.page-platform .title-1{position: relative;}
.page-platform .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.page-platform .text-1{width: 75%;margin: auto;text-align: left;}
.platform-list {text-align: center;margin-top: 5%;}
.platform-item {display: inline-block;vertical-align: top;width: 12%;}
.platform-item .icon-1{width: 120px;height: 120px;position: relative;border: 10px solid #ededed;border-radius: 100%;background: #002a4e;margin: auto;}
.platform-item .title-2 {width: 80%;margin: auto;padding-top: 15%;}

.platform-bottom {margin-top: 5%;}
.platform-swiper {position: relative;padding-bottom: 70px;background: url('../images/yy.png') center bottom no-repeat;background-size: auto;}
.platform {width: 100%;}
.platform .title-3{position: absolute;width: 100%;left: 0;bottom: 10%;color: #fff;z-index: 11;}
.platform .img{border-radius: 80px;overflow: hidden;}
.platform-prev,.platform-next {background: #fff;width: 60px;height: 60px;border-radius: 100%;margin-top: -30px;}
.platform-prev::after,.platform-next::after{color: #000;font-weight: bold;}
.platform-prev {left: 20%;}
.platform-next {right: 20%;}

.page-advantages {padding: 1% 0 5% 0;overflow: hidden;background: url('../images/advantagesbg.png?v=1.00') center top no-repeat;background-size: 100%;}
.page-advantages {overflow: hidden;}
.page-advantages-left {float: left;width: 45%;margin-left: 13%;}
.page-advantages-left .title-1{position: relative;width: 30%;}
.page-advantages-left .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px 0;display: block;}
.page-advantages-left .text-1{width: 78%;}
.page-advantages-left .text-3 {color: #92c21e;font-weight: bold;margin-top: 5%;}
.advantages-list {margin-top: 3%;}
.advantages-item {float: left;width: 47%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;font-size: 0;border-radius: 20px;border: 1px solid #ededed;padding: 2% 0;background-image: url('../images/advantage.png');background-position: center 200px;background-repeat: no-repeat;background-size: 100%;transition:all .4s ease;}
.advantages-item * {transition:all .4s ease;}
.advantages-item .icon-1{position: relative;width: 20%;height: 60px;display: inline-block;vertical-align: middle;}
.advantages-item .icon-1 * {transition:all .1s ease;}
.advantages-item .text-2{width: 62%;display: inline-block;vertical-align: middle;font-weight: bold;color: #232323;}
.advantages-item:hover .icon-1 {filter: grayscale(100%);filter: gray;}
.advantages-item:hover .icon-1 img{-webkit-filter: invert(100%);filter: invert(100%);-webkit-filter: contrast(180%);filter: contrast(180%);}
.advantages-item:hover .icon-1 svg,.advantages-item:hover .icon-1 path,.advantages-item:hover .icon-1 *{fill: #fff!important;}
.advantages-item:hover .text-2 {color: #fff;}
.advantages-item:hover {background-position: center 0px;background-color: #002a4e;}
.page-advantages-right {float: left;width:37%;margin-top: 4%;}
.page-advantages-right .img{background: none;}

.page-ecosystem {text-align: center;padding: 5% 0;overflow: hidden;background: url('../images/ecosystembg.jpg') center top no-repeat;background-size: 100%;}
.page-ecosystem-top {overflow: hidden;padding-bottom: 5%;}
.page-ecosystem-top .title-1{position: relative;}
.page-ecosystem-top .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.page-ecosystem-top .text-2 {width: 66%;margin: auto;text-align: left;}
.page-ecosystem-logo {width: 56%;margin: auto;text-align: left;margin-top: 3%;}
.ecosystem-logo {width: 120px;height: 120px;display: inline-block;vertical-align: middle;margin: 5px;}
.ecosystem-logo  i {width: 120px;height: 120px;display: block;position: relative;background: #fff;overflow: hidden;border-radius: 100%;}
.ecosystem-logo  i img {max-width: 100%;max-height: 100%;}

.page-ecosystem-bottom {text-align: center;width: 80%;margin: auto;}
.ecosystem-item {position: relative;width: 30%;margin: 1%;overflow: hidden;display: inline-block;vertical-align: middle;border-radius: 30px;}
.ecosystem-item *{transition:all .4s ease;}
.ecosystem-item .img {overflow: hidden;background: #fcfcfc;}
.ecosystem-item .img::before {content: '';width: 100%;height: 100%;background: #002a4e;position: absolute;left: 0;top: 0;opacity: 0;transition:all .4s ease;}
.ecosystem-item .text {text-align: center;color: #fff;position: absolute;left: 0;top: 50%;z-index: 11;transform: translateY(-50%);width: 100%;opacity: 0;}
.ecosystem-item:hover .img::before{opacity: .8;}
.ecosystem-item:hover .text {opacity: 1;}

.page-technology-awards {padding: 5% 0;overflow: hidden;background: url('../images/Awardsbg.png') center 80% no-repeat;background-size: auto;}
.technology-awards-top {text-align: center;}
.technology-awards-top .title-1{position: relative;}
.technology-awards-top .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.technology-awards-top .text-2 {width: 66%;margin: auto;text-align: left;}
.technology-awards-bottom {margin-top:8%;position: relative;}
.technology-awards-swiper {position: relative;width: 68%;margin: auto;}
.technology-awards {overflow: hidden;text-align:center ;}
.technology-awards .img{position: relative;text-align: center;background: none;}
.technology-awards .img img {display: inline-block;width: auto;max-width: 100%;}
.technology-awards .title-2{color: #939394;width:260px;margin: auto;margin-top: 2%;}
.awards-next,.awards-prev{width: 60px;height: 60px;background: #fff;margin-top: -80px;border-radius: 100%;box-shadow: 0px 22px 30px 0px rgba(85, 85, 85, 0.2);transition:all .4s ease;}
.awards-next::after,.awards-prev::after{color: #000;font-weight: bold;transition:all .4s ease;}
.awards-next:hover,.awards-prev:hover {background: #002a4e;}
.awards-next:hover::after,.awards-prev:hover::after {color: #fff;}
.awards-next {right: 11%;}
.awards-prev {left: 11%;}

.page-technology-rd-center {text-align: center;padding: 5% 0 7% 0;overflow: hidden;border-top: 1px solid #f8f8f9;}
.page-technology-rd-center .title-1 {position: relative;}
.page-technology-rd-center .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.technology-rd-center {text-align: center;width: 60%;margin: auto;margin-top: 5%;}
.technology-rd-item {display: inline-block;vertical-align: middle;width:23%;position: relative;}
.technology-rd-item::after {content: '';width: 1px;height: 80%;background: #dde4e1;position: absolute;right: 0;top: 10%;}
.technology-rd-item .top-1{opacity: .6;}
.technology-rd-item .date-2{color: #002a4e;}
.technology-rd-bottom {padding: 3% 0 0 0;overflow: hidden;}
  
.page-strategy {padding: 5% 0;overflow: hidden;}
.page-strategy .title-1{position: relative;text-align: center;}
.page-strategy .title-1::after {content: '';width: 20px;height: 3px;background: #002a4e;margin: 20px auto;display: block;}
.page-strategy .text-1{width: 80%;margin: auto;}
.page-strategy-list {width: 80%;margin: auto;}
.strategy-item {overflow: hidden;margin: 5% 0;padding-bottom: 5%;}
.strategy-item-left {float: left;width: 50%;overflow: hidden;position: relative;}
.strategy-item-left .text{position: absolute;width: 230px;height: 230px;border-radius: 100%;background: #002a4e;z-index: 1;right: 0;top: 0;}
.strategy-item-left .text-1{text-align: center;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: bold;width: 90%;}
.strategy-item-left .yuan-1{position: absolute;width: 80px;height:80px;border-radius: 100%;background: #002a4e;z-index: 2;right: 0;bottom: -10%;}
.strategy-item-left .img{border-radius: 100%;width: 90%;background: #f1f1f1;}
.strategy-item-right {float: right;width: 36%;overflow: hidden;padding: 0 5%;}
.strategy-item-right .top-1{overflow: hidden;position: relative;}
.strategy-item-right .num-1{overflow: hidden;position: absolute;left: 0;top: 0;}
.strategy-item-right .num-1 strong{color: #f4f6f8;letter-spacing: -15px;}
.strategy-item-right .num-1::before{content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom, rgba(255,255,255,0),#fff);}
.strategy-item-right .title-2{color: #002a4e;position: relative;z-index: 11;padding-top: 20%;font-weight: bold;}
.strategy-item-right .title-2::after {content: '';width: 20px;height: 3px;background: #002a4e;margin:20px 0;display: block;}
.strategy-item-right .icon-3{margin-top: 10%;}
.strategy-item-right .icon-3 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;margin-right:70px;text-align: center;}
.strategy-item-right .icon-3 li i{position: relative;display: block;width: 100px;height: 100px;border: 1px solid #f1f5f9;overflow: hidden;border-radius: 100%;}
.strategy-item-right .icon-3 li p{display: block;}
.strategy-item-right .icon-3 li:last-child {margin-right: 0;}
.strategy-item:nth-child(2) .strategy-item-left .text{background: #ff943e;}
.strategy-item:nth-child(2) .strategy-item-left .yuan-1{background: #ffcf3e;}
.strategy-item:nth-child(3) .strategy-item-left .text{background: #3ea6ff;}
.strategy-item:nth-child(3) .strategy-item-left .yuan-1{background: #3eebff;}
.strategy-item.fr .strategy-item-left{float: right;}
.strategy-item.fr .strategy-item-left .text {right: auto;left: 0;}
.strategy-item.fr .strategy-item-left .yuan-1 {right: 40%;left: auto;bottom: -15%;}
.strategy-item.fr .strategy-item-left .img {float: right;}
/*产品目录banner*/

/*banner*/
#banner-box{margin:0px auto;height:500px;overflow:hidden;position:relative;padding-top:-40px;}
.banner-inner{height:65px;margin:0px auto}
.banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;min-width:1200px;}
.banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.banner-nav{width:100%}
.banner-nav ul {width:1200px;margin:0px auto}
.banner-nav li {float:left;display:inline;width:172px;height:65px;font-size:14px;padding:5px 13px 0px 13px;cursor:pointer;position:relative;margin:0px 1px}
.banner-nav li div{width:172px;height:65px;padding:5px 13px 0px 13px;position:absolute;left:0px;top:0px;z-index:5;background:#fff;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.banner-nav li a span{display:block;height:36px;width:60px;margin:3px auto 0px auto;background:url(../img/icon-banner.png) no-repeat;}
.banner-nav li a.bg1 span{background-position:15px 2px}
.banner-nav li a.bg2 span{background-position:-53px 2px}
.banner-nav li a.bg3 span{background-position:-110px 2px}
.banner-nav li a.bg4 span{background-position:-174px 2px}
.banner-nav li a.bg5 span{background-position:-235px 2px}
.banner-nav li a.bg6 span{background-position:-297px 2px}
.banner-nav li a{display:block;float:left;position:absolute;left:0px;top:0px;color:#fff;z-index:6;padding:5px 13px 0px 13px;display:inline;width:172px;height:65px;padding-top:20px;text-align:center}
.banner-nav li.current{cursor:default}
.banner-nav li.current div{width:95px;height:95px;background:none;}
.banner-nav li.current a{color:#333;cursor:default;background:#eee;}
.banner-nav li.current a.bg1 span{background-position:15px -32px}
.banner-nav li.current a.bg2 span{background-position:-53px -32px}
.banner-nav li.current a.bg3 span{background-position:-110px -32px}
.banner-nav li.current a.bg4 span{background-position:-174px -32px}
.banner-nav li.current a.bg5 span{background-position:-235px -32px}
.banner-nav li.current a.bg6 span{background-position:-297px -32px}
.banner-list{position:absolute;height:500px; border-radius:10px 10px 0 0; z-index:2;overflow:hidden;width:95%;margin:auto;}
.banner-list li{width:100%;height:500px;text-align:center;float:left;display:inline-block}
.banner-list li .animate-box {width:1200px;margin:0px auto;position:relative}
.banner-list li .animate-box .t-d{position:absolute;width:400px;left:20px;top:100px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:30px;text-align:left;color:#fff}
.banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left;font-size:1.0vh;}
.banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:#c80106;}
@media screen and (max-width:1439px){
.banner-inner{height:65px;margin:0px auto}
.banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;min-width:400px;}
.banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.banner-nav{width:100%}
.banner-nav ul {width:100%;margin:0px auto}
.banner-nav li {float:left;display:inline;width:125px;height:35px;font-size:0.2vh;padding:5px 5px 7px 13px;cursor:pointer;position:relative;margin:0px 1px}
.banner-nav li div{width:125px;height:35px;padding:5px 5px 5px 5px;position:absolute;left:0px;top:0px;z-index:5;background:#fff;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.banner-nav li a span{display:block;height:36px;width:60px;margin:3px auto 0px auto;background:url(../img/icon-banner.png) no-repeat;}
.banner-nav li a.bg1 span{background-position:15px 2px}
.banner-nav li a.bg2 span{background-position:-53px 2px}
.banner-nav li a.bg3 span{background-position:-110px 2px}
.banner-nav li a.bg4 span{background-position:-174px 2px}
.banner-nav li a.bg5 span{background-position:-235px 2px}
.banner-nav li a.bg6 span{background-position:-297px 2px}
.banner-nav li a{display:block;float:left;overflow:hidden;position:absolute;left:0px;top:0px;color:#fff;z-index:6;padding:5px 5px 5px 5px;display:inline;width:125px;height:35px;line-height:35px;padding-top:5px;text-align:center}
.banner-nav li.current{cursor:default}
.banner-nav li.current div{width:25px;height:25px;background:none;}
.banner-nav li.current a{color:#333;cursor:default;background:#eee;}
.banner-nav li.current a.bg1 span{background-position:15px -32px}
.banner-nav li.current a.bg2 span{background-position:-53px -32px}
.banner-nav li.current a.bg3 span{background-position:-110px -32px}
.banner-nav li.current a.bg4 span{background-position:-174px -32px}
.banner-nav li.current a.bg5 span{background-position:-235px -32px}
.banner-nav li.current a.bg6 span{background-position:-297px -32px}
.banner-list{position:absolute;height:500px; border-radius:10px 10px 0 0; z-index:2;overflow:hidden;width:95%;margin:auto;}
.banner-list li{width:100%;height:500px;text-align:center;float:left;display:inline-block}
.banner-list li .animate-box {width:1200px;margin:0px auto;position:relative}
.banner-list li .animate-box .t-d{position:absolute;width:260px;left:20px;top:50px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:22px;text-align:left;color:#fff}
.banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left;font-size:1.0vh;}
.banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:#c80106;}

}
/* product */
.page-section-banner.proudct {position: relative;}
.page-section-banner.proudct .text{width: 80%;left: 10%;text-align: center;}
.page-section-banner.proudct .text.center .title-2{text-align: center;}
.page-section-banner.proudct .title-2{text-align: left;}
.page-section-banner.proudct .text-1 {text-align: left;}
.page-section-banner .title-2{overflow: hidden;}
.page-section-banner .line-1{width: 100%;height: 1px;margin: 20px auto;background: #fff;opacity: .3;}
.page-section-banner .text-1{width: 50%;float: right;}
.page-section-banner .page-content .video{position: absolute;width: 100%;height: 100%;z-index: 1;}
.page-section-banner .page-content .video video {display: block;width: 100%;height: 100%;object-fit: cover;}

.page-product {overflow: hidden;position: relative;}
.page-product .page-content {width: 100%;}
.product-item {width: 100%;overflow: hidden;position: relative;}
.product-item.fr .product-content-left,.product-item.fr .product-content-right {float: right;}
.product-item.fr .product-content-right {right: auto;left: 0;}
.product-content-left {float: left;width: 50%;overflow: hidden;}
.product-content-left .img{overflow: hidden;}
.product-content-right {float: left;width: 50%;overflow: hidden;background: url('../images/yez.png') 90% 90% no-repeat;background-size: 40%;position: relative;height: 100%;position: absolute;right: 0;top: 0;}
.product-item.fr .product-content-right {background: url('../images/yez.png') 90% 90% no-repeat;background-size: 40%;}
.product-content-right .text{overflow: hidden;padding: 10% 10% 0 10%;}
.product-content-right .text .title-1{overflow: hidden;}
.product-content-right .text .title-2{color: #002a4e;font-weight: bold;margin-top: 1%;}
.product-content-right .text .line-1{width: 250px;height: 25px;line-height:25px;background: #4c84b3;margin: 10px 0;padding-left:10px;color:#fff;display: block;}
.product-content-right .text .line-1 span{ display:inline-block;color:#fff;}
.product-content-right .text .text-1{overflow: hidden;}
.product-content-right .title-3 {position: absolute;color: #f9f9f9;right: 3%;bottom: 1%;line-height: 72px;text-transform: uppercase;}
					 
.page-product-detail {overflow: hidden;position: relative;}
.product-detail-top {background-color:#f3faf9;padding: 5% 5%;width: 90%;margin: auto;margin-top: 110px;overflow: hidden;position: relative;}
.product-detail-left {float: left;width: 50%;position: relative;}
.product-detail-left .img{position: relative;overflow: hidden;background-color: transparent;}
.product-detail-right {float: left;width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.product-detail-right .text{width: 70%;position: absolute;left: 10%;top: 50%;transform: translateY(-60%);}
.product-detail-right .text::after {content: '';width: 20%;height: 130px;position: absolute;right: 0;bottom: -35%;background: url('') center no-repeat;background-size: 100%;}
.product-detail-right .title-1{text-transform: uppercase;position: relative;}
.product-detail-right .title-2{margin-top: 1%;font-weight: bold;color: #002a4e;}
.product-detail-right .line-1{width: 40px;height: 2px;background: #002a4e;margin: 30px 0;}
.product-detail-right .text-2{height: 280px;overflow: hidden;overflow-y: auto;padding-right: 5%;text-align: justify;}
.learnmore-2 {margin-top: 10%;}
.learnmore-2 a{display: inline-block;border: 1px solid #3e8acc;border-radius: 100px;padding: 2px;overflow: hidden;}
.learnmore-2 span{display: inline-block;vertical-align: middle;font-weight: bold;color: #3e8acc;margin: 0 20px;}
.learnmore-2 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #3e8acc url('../images/shu.jpg') center no-repeat;position: relative;border-radius: 100%;}

.product-detail-parameter {padding:7% 0 ;overflow: hidden;width:74%;margin: auto;}
.product-detail-parameter-left {float: left;width: 100%;}
.product-detail-parameter-left .title-1 {overflow: hidden;}
.product-detail-parameter-nav {padding: 5% 0;overflow: hidden;border-bottom: 2px solid #dfe6e5;}
.product-detail-parameter-nav a{border-radius: 100px;background: #e1ddfc; color: #002a4e;text-align: center;padding: 10px 10px;display: inline-block;vertical-align: middle;margin: 0 10px 10px 0;width:43%;}
.product-detail-parameter-nav a.cur,.product-detail-parameter-nav a.cur:hover {background: #002a4e;color: #fff;}
.product-detail-parameter-nav a:hover {background: #3e8acc;color: #fff;}
.product-detail-parameter-list {overflow: hidden;max-height: 440px;overflow-y: auto;padding-right: 5%;margin-top: 3%;}
.product-detail-parameter-list li{list-style: none;margin: 0;padding: 3% 0;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.product-detail-parameter-list li strong{overflow: hidden;font-weight: bold;}
.product-detail-parameter-list li p{margin: 0;padding: 10px 0;}
.download-1 {margin-top: 5%;}
.download-1 a{display:inline-block;padding: 2px;overflow: hidden;text-align: center;background: #3e8acc;border-radius: 100px;}
.download-1 span{display:block;color: #fff;padding: 10px 70px;}
.download-1 a:hover {background: #002a4e;}
.product-detail-parameter-right {float: right;width: 51%;}
.product-detail-parameter-right .img {background: none;}


.product-detail-applications-field {background: #f4f9f9;padding: 4% 0;overflow: hidden;}
.product-detail-applications-field .page-content {float: right;width: 87.5%;overflow: hidden;}
.product-detail-applications-field .title-1{color: #023232;}
.applications-field {overflow: hidden;}
.applications-field-swiper {margin-top: 5%;}
.applications-field-item {position: relative;overflow: hidden;}
.applications-field-item .title-2{color: #023232;padding-left: 15px;position: relative;}
.applications-field-item .title-2::before{content: '';width: 4px;height: 24px;background: #3e8acc;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.applications-field-item .img {overflow: hidden;margin-top: 5%;}

.index-latest-products-bottom {position: relative;margin-top: 5%;overflow: hidden;width: 86%;}
.index-latest-products-progressbar {width: 85%;height: 2px;background: #e5e5e5;top: auto;bottom: 0;}
.index-latest-products-progressbar span {background: #32b563!important;}
.index-latest-products-num {padding-bottom:1%;color: #3d4c47;font-weight: bold;position: absolute;}
.index-latest-products-num #total1 {color: #3d4c47;}
.index-latest-products-num #current1 {color: #3e8acc;}
.latest-products-next,.latest-products-prev {width: 55px;height: 45px;position: relative;right:auto;bottom: auto;left: auto;top: auto;margin:auto;opacity: 1;z-index: 40;background: #002a4e;float: right;outline: none;}
.latest-products-next:after,.latest-products-prev:after {color: #fff;font-weight: bold;}
.latest-products-next {border-radius: 0px 50px 50px 0;}
.latest-products-prev {border-radius: 50px 0px 0px 50px;}
.latest-products-prev {margin-right: 0px;}
.latest-products-next::before {content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 20px;background: #fff;transform: translateY(-50%);opacity: .2;}
.swiper-button-prev.latest-products-prev.swiper-button-disabled {opacity: 1;}



/* sustainabilit */
.page-section-top {text-align: center;margin-top: 110px;background: #f8f8f8;position: relative;}
.page-section-top .title-1{position: absolute;width: 100%;top:50%;transform: translateY(-50%);z-index: 11;}
.page-section-top .title-2{position: absolute;width: 100%;top: 45%;transform: translateY(-50%);color: #fff;z-index: 11;}
.page-section-top .img {background: none;}
.page-section-top .pic.none img{opacity: 0;}
.page-section-top .pic {animation: bigimgani 5000ms 1 ease forwards;}
.page-sustainabilit {background: #f8f8f8;overflow: hidden;}
.page-sustainabilit .page-content{width: 94%;margin: auto;}
.sustainabilit-item{position: relative;overflow: hidden;margin-bottom: 5%;}
.sustainabilit-left {background: #fff;width: 50%;position: absolute;left: 0;top: 0;}
.sustainabilit-left .text{color: #232323;padding: 10% 10% 6% 10%;width: 70%;}
.sustainabilit-left .num-1{overflow: hidden;height: 80px;}
.sustainabilit-left .num-1 strong{display: block;margin: 0;padding: 0;font-weight: normal;color: #f8f8f8;}
.sustainabilit-left .title-1{font-weight: bold;color: #002a4e;padding-top: 2%;}
.sustainabilit-left .title-2{overflow: hidden;}
.sustainabilit-left .text-1{margin-top: 5%;}
.sustainabilit-left .more-1{color: #7e8180;font-weight: bold;margin-top: 10%;}
.sustainabilit-right {position: relative;float: right;width: 55%;z-index: 11;margin-top: 3%;overflow: hidden;}
.sustainabilit-item.fr .sustainabilit-right{float: left;}
.sustainabilit-item.fr .sustainabilit-left {left: auto;right: 0;text-align: right;}
.sustainabilit-item.fr .text{float: right;}
.sustainabilit-item a:hover .more-1{color: #002a4e;}

.page-sustainabilit-detail {padding: 5% 0 0 0;overflow: hidden;background: #f8f8f8;}
.page-sustainabilit-detail .page-content{width: 80%;margin: auto;}
.page-sustainabilit-detail .texts {padding-bottom: 4%;border-bottom: 1px solid #ededed;overflow: hidden;}
.page-sustainabilit-detail .texts.center {text-align: center;border-bottom:none;}
.page-sustainabilit-detail .title-1 {overflow: hidden;}
.page-sustainabilit-detail .texts .title-2 {text-align: center;}
.sustainabilit-img {text-align: center;padding-bottom: 8%;}
.sustainabilit-img img {display: inline-block;max-width: 100%;}

.page-sustainabilit-top {position: relative;overflow: hidden;background: #f8f8f8;padding: 6% 0 0% 0;width: 88%;margin: auto;}
.sustainabilit-top-item {position: relative;overflow: hidden;margin-bottom: 4%;}
.sustainabilit-top-item a {position: relative;overflow: hidden;display: block;}
.sustainabilit-top-left {float: left;width: 50%;overflow: hidden;}
.sustainabilit-top-left .img{position: relative;}
.sustainabilit-top-left a:hover .img{transform: scale(1.05);}
.sustainabilit-top-right {width: 38%;position: absolute;overflow: hidden;right: 7%;top: 50%;transform: translateY(-50%);} 
.sustainabilit-top-right .text{overflow: hidden;}
.sustainabilit-top-right .title-1{position: relative;}
.sustainabilit-top-right .text-1{margin-top: 5%;color: #232323;}
.sustainabilit-top-right .learnmore-1{margin-top: 10%;}	
.sustainabilit-top-right .learnmore-1 a {display: inline-block;}
.sustainabilit-top-item.fr .sustainabilit-top-left {float: right;}
.sustainabilit-top-item.fr .sustainabilit-top-right {left: 5%;right: auto;}
.page-sustainabilit-bottom {overflow: hidden;padding: 3% 0;width:88%;margin: auto;position: relative;}
.sustainabilit-bottom-pic {position: relative;padding-bottom: 15%;overflow: hidden;}
.sustainabilit-bottom-text {position: absolute;left: 4.5%;bottom:0;z-index: 1;width: 48%;color: #fff;background: #70ad47;padding: 4% 5%;box-sizing: border-box;}
.sustainabilit-bottom-text .title-1{overflow: hidden;}
.sustainabilit-bottom-text .text-1{margin-top: 5%;text-align: justify;}
.sustainabilit-bottom-text .learnmore-1{overflow: hidden;margin-top: 10%;}
.page-sustainabilit-bottom-download {margin: auto;margin-top: 3%;margin-bottom:7%;overflow: hidden;width: 80%;}
.page-sustainabilit-bottom-download a{display: block;background: #6f3eff;padding: 25px 0;text-align: center;overflow: hidden;}
.page-sustainabilit-bottom-download i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../images/d1.png') center no-repeat;background-size: 100%;}
.page-sustainabilit-bottom-download span {display: inline-block;vertical-align: middle;padding: 10px 0;position: relative;overflow: hidden;color: #fff;font-weight: bold;}
.page-sustainabilit-bottom-download span::before,.page-sustainabilit-bottom-download span::after  {content: '';width: 1px;height: 20px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 20px;opacity: .2;}
.page-sustainabilit-bottom-download a:hover {background: #002a4e;}
.page-sustainability-detail {padding: 3% 0;overflow: hidden;background: #f8f8f8;}
.page-sustainability-detail .sustainability-detail-top{width: 75%;margin: auto;text-align: center;}
.page-sustainability-detail .sustainability-detail-top .title-1{font-weight: bold;}
.page-sustainability-detail .sustainability-detail-top .text-2{margin-top: 2%;text-align: left;border-bottom: 1px solid #e8e8e8;padding-bottom: 2%;overflow: hidden;}
.page-sustainability-detail .sustainability-detail-top .text-3{margin-top: 2%;text-align: center;}
.page-sustainability-detail .sustainability-detail-center{width: 75%;margin: auto;padding: 2% 0;overflow: hidden;}
.page-sustainability-detail .sustainability-detail-center .text-1{font-weight: bold;margin-top: 2%;}
.page-sustainability-detail .sustainability-detail-center .text-2{margin-top: 3%;}
.page-sustainability-detail .sustainability-detail-center .title-1{text-align: center;color: #7140fe;font-weight: bold;}
.page-sustainability-detail .sustainability-detail-center .title-2{color: #7140fe;font-weight: bold;margin: 3% 0 2% 0;}
.page-sustainability-detail .sustainability-detail-center .pic{margin-top: 3%;overflow: hidden;}
.page-sustainability-detail .sustainability-detail-center .text-3{margin-top: 3%;overflow: hidden;}
.page-sustainability-detail .sustainability-detail-center .text-4 li::marker {color: #002a4e;}
.page-sustainability-detail .sustainability-detail-bottom{width: 75%;margin: auto;padding: 2% 0;overflow: hidden;}
.page-sustainability-detail .sustainability-bottom-list{overflow: hidden;}
.page-sustainability-detail .sustainability-bottom-item{overflow: hidden;position: relative;margin-bottom: 4%;}
.page-sustainability-detail .sustainability-bottom-item .img{float: right;width: 50%;}
.page-sustainability-detail .sustainability-bottom-item .text{width: 45%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.page-sustainability-detail .sustainability-bottom-item .title-1{overflow: hidden;color: #7140fe;font-weight: bold;}
.page-sustainability-detail .sustainability-bottom-item .text-1{margin-top: 5%;overflow: hidden;}
.page-sustainability-detail .sustainability-bottom-item.fr .text{left: auto;right: 0;}
.page-sustainability-detail .sustainability-bottom-item.fr .img{float: left;}
.public-welfare-activities {width: 75%;margin: auto;border-top: 1px solid #e8e8e8;padding: 2% 0;overflow: hidden;}
.public-welfare-activities .title-1{font-weight: bold;}
.public-welfare-activities-list {padding: 3% 0 0 0;overflow: hidden;}
.public-welfare-activities-item {float: left;width: 47.5%;padding-right: 5%;position: relative;margin-bottom: 2%;}
.public-welfare-activities-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 4.5%;top: 0;background: #ccc;opacity: .3;}
.public-welfare-activities-item .title-2{font-weight: bold;color: #7140fe;}
.public-welfare-activities-item .text-2{margin-top: 4%;}
.public-welfare-activities-item .pic{margin-top: 4%;overflow: hidden;} 
.public-welfare-activities-item.fr {padding-right: 0;}
.public-welfare-activities-item.fr::after {display: none;}



.sustainabilit-detail {padding: 3% 0 0 0;overflow: hidden;}
.sustainabilit-detail-item {overflow: hidden;}
.sustainabilit-detail-item .title-2{padding-left: 15px;position: relative;}
.sustainabilit-detail-item .title-2::before{content: '';width: 2px;height: 12px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.sustainabilit-detail-list {margin-top: 2%;}
.sustainabilit-items {position: relative;overflow: hidden;margin-bottom: 5%;}
.sustainabilit-items .img{float: left;width: 50%;}
.sustainabilit-items .text{float: left;width: 40%;padding: 5%;}
.sustainabilit-items .title-3{color: #002a4e;}
.sustainabilit-items .text-3{margin-top: 3%;}
.sustainabilit-items.fr .img{float: right;}
.sustainabilit-items.fr .text{float: right;padding: 5% 5% 5% 0;width: 45%;}
.sustainabilit-detail-section {overflow: hidden;padding-bottom: 5%;}
.sustainabilit-detail-section .page-content{width: 80%;margin: auto;}
.sustainabilit-detail-top {padding:4% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.sustainabilit-detail-top .text{overflow: hidden;}
.sustainabilit-detail-top .title-3{position: relative;padding-left: 15px}
.sustainabilit-detail-top .title-3::before{content: '';width: 2px;height: 12px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.sustainabilit-detail-top .text-3{margin-top: .5%;}
.sustainabilit-detail-center {overflow: hidden;padding: 2% 0;}
.sustainabilit-center-item {float: left;width: 32%;margin-right: 1%;overflow: hidden;background: #f8f8f8;padding:2%;box-sizing: border-box;margin-bottom: 1%;}
.sustainabilit-center-item .title-1{color: #002a4e;}
.sustainabilit-center-item .text-1{margin-top: 3%;min-height: 150px;}
.sustainabilit-detail-bottom {padding: 2% 0;overflow: hidden;position: relative;}
.sustainabilit-detail-bottom::after {content: '';width: 1px;height: 100%;background: #ededed;position: absolute;top: 0;left: 50%;}
.sustainabilit-bottom-item {float: left;width: 46%;position: relative;margin-bottom: 2%;}
.sustainabilit-bottom-item:nth-child(2) {float: right;}
.sustainabilit-bottom-item .title-1{padding-left: 15px;position: relative;}
.sustainabilit-bottom-item .title-1::before{content: '';width: 2px;height: 12px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.sustainabilit-bottom-item .text-1{margin:4% 0;min-height: 80px;}
 
.page-sustainabilit-detail .text-1{margin-top: 1%;overflow: hidden;}
.more-corporate-values .corporate-values{padding: 0 0 8% 0;}
.corporate-values {overflow: hidden;padding: 3% 0 8% 0;}
.corporate-values-top {background: #92c21e;text-align: center;overflow: hidden;}
.corporate-values-top li{color: #fff;list-style: none;margin: 0;padding: 20px 0;overflow: hidden;width: 25%;float: left;font-weight: bold;position: relative;}
.corporate-values-top li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #a8ce4b;}
.corporate-values-bottom {background: #fff;}
.corporate-values-bottom table{width: 100%;}
.corporate-values-bottom table tr{width: 100%;}
.corporate-values-bottom table td{width: 25%;padding: 2% 0;position: relative;border-bottom: 1px solid #92c21e;box-sizing: border-box;vertical-align: top;}
.corporate-values-bottom table td::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.corporate-values-bottom table td ul {padding-right: 5%;}
.corporate-values-bottom table td li::marker {color: #92c21e;}
.corporate-values-item {overflow: hidden;text-align: center;margin: auto;width: 100%;}
.corporate-values-item .icon-1{width: 75px;height: 75px;border-radius: 100%;background: #f8f8f8;overflow: hidden;position: relative;margin: auto;}
.corporate-values-item .title-3 {margin-top: 2%;}



/* contact */
.page-contact {text-align: center;padding: 3% 0 0 0;overflow: hidden;background: #f8f8f8;}
.page-contact .title-1 {overflow: hidden;font-weight: bold;}
.contact-map {width: 90%;margin: auto;position: relative;}
.contact-map-pic {overflow: hidden;}
.page-feedback {text-align: center;overflow: hidden;margin-top: 0;position: relative;z-index: 11;padding-bottom: 7%;background: #f8f8f8;}
.page-feedback .title-1 {overflow: hidden;font-weight: bold;}
.feedback-content{width: 60%;margin: auto;margin-top: 2%;}
.from-item{overflow: hidden;margin-bottom: 2%;}
.from-item * {transition:all .4s ease;}
.from-item .from-2{float: left;width: 49%;overflow: hidden;}
.from-item .from-2:last-child {float: right;}
.from-item .from-2 input{display: block;width: 100%;height:auto;padding: 4% 5%;box-sizing: border-box;background: #fff;border: 1px solid #edeae8;}
.from-item .from-1 {width: 100%;}
.from-item .from-1 input{display: block;width: 100%;height:auto;padding: 2% 2.5%;box-sizing: border-box;background: #fff;border: 1px solid #edeae8;}
.from-item .from-1 textarea{display: block;width: 100%;height:auto;padding: 2% 2.5%;box-sizing: border-box;background: #fff;border: 1px solid #edeae8;min-height: 200px;}
.from-item .button-2 input{display:inline-block;width: 18%;padding:1.5% 0;text-align: center;color: #000;border: none;background: #eeeeee;text-transform: uppercase;cursor: pointer;outline: none;}
.from-item .button-2 input:last-child {background: #ccc;}
.from-item .button-2 input:hover {background: #fff;}
.from-item .button-2 input,img {vertical-align:middle;}
.from-item input:focus,.from-item textarea:focus {border: 1px solid #002a4e; box-shadow: 0px 3px 7px #e4e4e4 inset;}
.from-item input::-webkit-input-placeholder,.from-item textarea::-webkit-input-placeholder {color: #b2b2b2;}
.from-item input::placeholder,.from-item textarea::placeholder {color: #b2b2b2;}
input.submit:focus,input.reset:focus,input.submit,input.reset {border: none;}

.contact-map-list {width: 24px;height: 28px;position: absolute;left:50%;top: 50%;z-index: 11;transform: translate(-50%,-50%);}
.contact-map-item {width: 100%;height:100%;position: relative;}
.contact-map-item .point{position: absolute;right: 0;bottom:0;z-index: 11;cursor: pointer;}
.contact-map-item .point i{display: block;width: 24px;height: 28px;background: url('../images/add.png') center no-repeat;filter: grayscale(100%);filter: gray;opacity: .5;transform: scale(.7);}
.show-text{text-align: left;overflow: hidden;position: absolute;right: 10px;bottom: 35px;width: 460px;padding-bottom: 10px;display: none;}
.show-text .text-1 {padding: 10%;display: inline-block;position: relative;background: #fff;box-sizing: border-box;}
.show-text .text-1::after {content: '';width: 0;height: 0;border-top: 10px solid #fff;border-left: 10px solid transparent;position: absolute;right: 0;bottom:-10px;}
.show-text strong{color: #002a4e;font-weight: bold;}
.show-text p{display: block;margin-top: 5%;}
.contact-map-list.cur .point i{filter:none;opacity: 1;transform: scale(1);}
.contact-map-list.cur .show-text {display: block;}
.contact-map-item *{transition:all .4s ease;}



/* news */
.page-news {background: #f8f8f8;padding: 3% 0 5% 0;overflow: hidden;}
.page-news .page-content {width: 80%;margin: auto;}
.page-news-nav {text-align: center;padding-bottom: 2.5%;overflow: hidden;}
.page-news-nav a{display: inline-block;vertical-align: middle;color: #232323;font-weight: bold;padding-bottom: 10px;position: relative;margin: 0 30px;}
.page-news-nav a::after{content: '';width:0;height: 1px;position: absolute;left: 0;bottom: 0;background: #3e8acc;transition:all .4s ease;}
.page-news-nav a.cur,.page-news-nav a:hover {color: #3e8acc;}
.page-news-nav a.cur::after {width: 100%;}
.page-news-list {overflow: hidden;}
.news-list-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.news-list-item.mr0 {margin-right: 0;}
.news-list-item a{display: block;position: relative;background: #fff;padding: 5% 5% 3% 5%;}
.news-list-item .pic{position: relative;overflow: hidden;background-color: #f8f8f8;}
.news-list-item .text{overflow: hidden;}
.news-list-item .title-1{font-weight: bold;color: #232323;margin-bottom: 2%;margin-top:5%;}
.news-list-item .date-1{color: #7e8180;padding-left: 20px;background: url('../images/time.png') left center no-repeat;}
.news-list-item .text-1{color: #232323;margin: 5% 0;}
.news-list-item .more-2{position: relative;padding: 4% 0;overflow: hidden;border-top: 1px solid #ededed;}
.news-list-item .more-2 span{color: #7e8180;}
.news-list-item .more-2 i{display: block;width: 9px;height: 14px;background: url('../images/r2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-list-item a:hover .title-1{color: #3e8acc;}
.news-list-item a:hover .pic {transform: scale(1.05);}
.more {margin-top: 5%;text-align: center;}
.more a{display: inline-block;}
.more span{display: inline-block;vertical-align: middle;margin-right: 10px;color: #7e8180;font-weight: bold;}
.more i{display: inline-block;vertical-align: middle;background: url('../images/d1.png') center no-repeat;width: 14px;height: 9px;}
.more a:hover span{color: #002a4e;}
.more a:hover i {transform: rotate(180deg);}

.page-news-detail {padding: 3% 0;background: #f8f8f8;}
.page-news-detail .page-content{width: 80%;margin: auto;}
.news-detail-top {padding: 2% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-top .title-1{font-weight: bold;}
.news-detail-tool{overflow: hidden;padding: 3% 0 1% 0;}
.news-detail-tool .date-1{margin-right: 5%;color: #7e8180;padding-left: 20px;background: url('../images/time.png') left center no-repeat;display: inline-block;vertical-align: middle;}
.news-detail-tool .share-1{display: inline-block;vertical-align: middle;}
.news-detail-tool .share-1 span{display: inline-block;vertical-align: middle;margin-right: 10px;color: #7e8180;}
.news-detail-tool .share-1 a{display: inline-block;vertical-align: middle;margin-right: 10px;}
.news-detail-tool .share-1 i{display: block;width: 32px;height: 32px;position: relative;background: #ededed;border-radius: 100%;opacity: .2;}
.news-detail-tool .share-1 a:hover i{opacity: 1;background: #002a4e;filter: invert(100%);}
.news-detail-center {padding: 3% 0;overflow: hidden;position: relative;border-bottom: 1px solid #ededed;}
.news-detail-center img {max-width: 100%;height: auto;}
.news-detail-bottom {padding: 3% 0;overflow: hidden;}
.news-detail-bottom .title-2{color: #023232;padding-left: 15px;position: relative;font-weight: bold;}
.news-detail-bottom .title-2::before{content: '';width: 4px;height: 24px;background: #002a4e;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.news-detail-bottom-top {position: relative;overflow: hidden;}
.news-detail-bottom-top .more-2 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-detail-bottom-top .more-2 a {color: #000;}
.news-detail-announcement {padding:2% 0;overflow: hidden;}
.news-announcement-item {float: left;width: 23.5%;margin-right: 2%;}
.news-announcement-item.mr0 {margin-right: 0;}
.news-announcement-item a{display: block;color: #232323;}
.news-announcement-item .text{padding: 5% 0;overflow: hidden;}
.news-announcement-item .title-1{font-weight: bold}
.news-announcement-item .text-1{margin-top: 5%;}
.news-announcement-item .more-2{margin-top: 5%;overflow: hidden;border-top: 1px solid #ededed;padding: 5% 0;opacity: .5;}
.news-announcement-item .more-2 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-right: 10px;}
.news-announcement-item .more-2 i{display: inline-block;vertical-align: middle;background: url('../images/r2.png') center no-repeat;width: 9px;height: 14px;filter: grayscale(100%);filter: gray;}     
.news-announcement-item a:hover .title-1 {color: #32b563;}       
.news-announcement-item a:hover .pic{transform: scale(1.05);}
.news-announcement-item a:hover .more-2{opacity: 1;}
.news-announcement-item a:hover .more-2 span{color: #002a4e;}
.news-announcement-item a:hover .more-2 i{filter: none;}


/* investors */
.page-investors {padding: 3% 0;overflow: hidden;}
.page-investors .page-content {width: 75%;margin: auto;position: relative;}
.investors-content {position: relative;overflow: hidden;}
.investors {background: #f8f8f8 url('../images/investors1.jpg') right center no-repeat;float: left;width: 64%;padding: 5%;box-sizing: border-box;background-size: cover;position: relative;}
.page-investors .text-1 strong,.page-investors .text-1 sup{display: inline-block;vertical-align: top;}
.investors-left {float: left;}
.investors-left .title-1{color: #4a4a4a;font-weight: bold;}
.investors-left .text-1{color: #002a4e;margin-top: 10%;position: relative;padding-right: 70px;}
.investors-left .text-1 strong{font-weight: normal;}
.investors-left .text-1 sup{display: block;position: absolute;right: 0;top: 15%;}
.investors-left .text-2{color: #7e8180;margin-top: 20%;}
.investors-right {float: left;width: auto;margin-left: 10%;}
.investors-right .text-1 {margin-bottom: 7%;margin-top: 1%;}
.investors-right .text-1 sup{color: #4a4a4a;}
.investors-right .text-1 strong{color: #002a4e;margin: -7px 15px 0 15px;font-weight: normal;}
.investors-right .text-1 sup:last-child {color: #002a4e;font-weight: normal;}
.investors-item {width: 18%;right:18%;height: 100%;position: absolute;overflow: hidden;top: 0;background: #0f523b;}
.investors-item .img {background:url('../images/bg1.png') center no-repeat;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background-size: 150%;}
.investors-item:last-child {right: 0;background: #3eb167;}
.investors-item:last-child .img{background:url('../images/bg2.png') center no-repeat;background-size: 150%;}
.investors-item a{display: block;position: relative;width: 100%;height: 100%;}
.investors-item .icon-1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);z-index: 11;text-align: center;width: 100%;height: 100%;}
.investors-item .title-1{color: #fff;position: absolute;bottom: 15%;left: 10%;width: 80%;z-index: 11;font-weight: bold;}            
.investors-item a:hover .img{background-size: 220%;}

.page-announcement {background: #f8f8f8;padding: 3% 0;overflow: hidden;}
.page-announcement .page-content{width: 80%;margin: auto;}
.page-announcement .title-1{text-align: center;font-weight: bold;}
.announcement-list {padding: 4% 0;overflow: hidden;}
.announcement-item {float: left;margin-bottom:1%;width:27.1%;}
.announcement-item a{display: block;position: relative;}
.announcement-item .text{position: absolute;width: 80%;height:80%;left: 10%;top: 10%;z-index: 11;}
.announcement-item .title-2{padding-left: 20px;overflow: hidden;position: relative;color: #232323;font-weight: bold;}
.announcement-item .title-2::before{content: '';width: 3px;height: 20px;background: #002a4e;position: absolute;left: 0;top:3px;}
.announcement-item .date-3 {color: #7e8180;margin-left: 20px;margin-top: 8%;}
.announcement-item .more-4{position: absolute;left: 20px;bottom: 10%;z-index: 11;}
.announcement-item .more-4 i{display: inline-block;vertical-align: middle;width: 27px;height: 33px;background: url('../images/pdf.png') center no-repeat;filter: grayscale(100%);filter: gray;opacity: .8;}
.announcement-item .more-4 span{display: inline-block;vertical-align: middle;margin-left: 10px;color: #7e8180;}
.announcement-item .img {background: #fff;}
.announcement-item .img img{display: block;width: 100%;height: 100%;}
.announcement-item a:hover .title-2 {color: #002a4e;}
.announcement-item a:hover .more-4 span{color: #002a4e;}
.announcement-item a:hover .more-4 i {filter: none;opacity: 1;}
.announcement-item.ais1 {margin-right: 1%;width: 43.7%;}
.announcement-item.ais2 {margin-right: 1%;}
.announcement-item.ais3 {margin-right: 0;}
.announcement-item.ais4 {margin-right: 1%;}
.announcement-item.ais5 {margin-right: 1%;}
.announcement-item.ais6 {margin-right: 0;width: 43.7%;}
.announcement-item.ais1 .img img {height: auto;}

.page-investors-top {padding-bottom: 5%;overflow: hidden;}
.page-investors-top .title-1{font-weight: bold;text-align: center;}
.page-investors-top .text-2{margin-top: 2%;}


/* careers */
.page-talent {background: #f8f8f8;padding: 3% 0;overflow: hidden;}
.page-talent .page-content{width: 80%;margin: auto;padding-bottom: 2%;overflow: hidden;}
.page-talent .page-content .title-1{text-align: center;font-weight: bold;}
.talent-content {overflow: hidden;margin-top: 3%;}
.talent-item {width: 90%;margin: auto;margin-bottom:1%;overflow: hidden;clear: both;background: #fff;padding: 0 5%;}
.talent-title {position: relative;padding:3% 0;overflow: hidden;cursor: pointer;}
.talent-title span {padding-left: 20px;position: relative;display: block;font-weight: bold;}
.talent-title span::before{content: '';width: 3px;height: 20px;background: #002a4e;position: absolute;left: 0;margin-top:-10px;top: 50%;}
.talent-title i {width: 45px;height: 45px;border-radius: 100%;overflow: hidden;position: absolute;right: 0;top: 50%;margin-top: -22.5px;background: url('../images/d1.png') center no-repeat;border: 1px solid #ededed;box-sizing: border-box;transition:all .4s ease;}
.talent-title.cur {border-bottom: 1px solid #eaebee;}
.talent-title.cur i{background: url('../images/d1.png') center no-repeat #002a4e;border: 1px solid #002a4e;transform: rotate(180deg);filter: invert(100%);}
.talent-item-content {padding:0;overflow: hidden;display: none;}
.talent-item-top {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #eaebee;}
.talent-item-top li{list-style: none;margin: 0;padding: 0;width: 33%;float: left;}
.talent-item-center {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #eaebee;}
.talent-item-center strong{overflow: hidden;}
.talent-item-center p {margin: 3% 0;}
.talent-item-bottom {padding-top:2%;border-top: 1px solid #eaebee;padding-bottom: 5%;overflow: hidden;}                   
.talent-item-bottom a{display: inline-block;vertical-align: middle;text-align: center;padding: 15px 40px;background: #002a4e;color: #fff;border-radius: 100px;}   
.talent-item-bottom span{display: inline-block;vertical-align: middle;margin-left: 20px;}  
.talent-item-bottom a:hover {background: #002a4e;}

.page-team {margin-top: 110px;border-top: 1px solid #dddddd;overflow: hidden;padding: 5% 0 0 0;} 
.team-content-top {position: relative;overflow: hidden;margin-top: -3%;}
.team-content-left {width:55%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 11;}
.team-content-left .img{overflow: hidden;}
.team-content-right {background: #f8f8f8 url('../images/teambg.png') center no-repeat;float: right;width: 55%;background-size: cover;}
.team-content-right .text{padding:20% 0;overflow: hidden;float: right;margin-right: 10%;width: 58%;}
.team-content-right .title-2{color: #002a4e;font-weight: bold;}  
.team-content-right .text-2{margin-top: 5%;overflow: hidden;height: 265px;overflow-y: auto;padding-right: 20px;}  
.team-content-bottom {clear: both;padding: 5% 0;overflow: hidden;font-weight: bold;}
.team-content-bottom .team-item{float: left;width: 32%;margin-right: 1%;margin-bottom: 1%;background: #f8f8f8;overflow: hidden;}
.team-content-bottom .team-item.mr0 {margin-right: 0;}
.team-content-bottom .team-item .img{overflow: hidden;}
.team-content-bottom .team-item .text{padding: 5%;overflow: hidden;font-weight:normal;}
.team-content-bottom .team-item .title-2{overflow: hidden;}
.team-content-bottom .team-item .title-3{color: #002a4e;font-weight:bold;margin-top: 3%;}
.team-content-bottom .team-item .text-3{margin-top: 4%;min-height: 90px;}
  
.policy-content-top {border-top: 1px solid #ededed;margin-top: 1%;padding-top: 1%;}
.policy-content-top li{float: left;width: 48%;list-style: none;margin: 0;padding: 0;padding-left: 15px;position: relative;}
.policy-content-top li::before{content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 9px;background: #002a4e;border-radius: 100%;}
.policy-content-center {clear: both;overflow: hidden;float: right;width: 90%;background: url('../images/ys.png') left top no-repeat;margin-top: 4%;}
.policy-swiper {width: 81%;float: right;position: relative;padding-bottom: 5%;text-align: left;}
.policy-pic {overflow: hidden;}  
.policy-pic .img,.policy-pic img{overflow: hidden;transition:all .4s ease;}  
.policy-pic:hover .img{transform: scale(1.05);}
.policy-next,.policy-prev {width: 80px;height: 40px;opacity: 1;border: 1px solid #ccc;border-radius: 100px;left: auto;position: relative;right: auto;top: auto;bottom: auto;margin: 2% 5px auto 0;float: left;transition:all .4s ease;}
.policy-next::after,.policy-prev::after {color: #000;transition:all .4s ease;}
.policy-next:hover,.policy-prev:hover {background: #002a4e;}
.policy-next:hover::after,.policy-prev:hover::after {color: #fff;}
.policy-swiper .swiper-slide-active .policy-pic .img img{opacity: 0;}
.policy-swiper .policy-pic:hover .img img{opacity: 0;}

.page-career-planning {padding: 1% 0;overflow: hidden;}
.page-career-planning .page-content {position: relative;width: 80%;margin: auto;}
.career-planning-left {width: 50%;background: #fafafa;overflow: hidden;float: left;margin-top: 3%;}
.career-planning-left .text {padding: 15% 5%;overflow: hidden;}
.career-planning-left .title-1 {position: relative;padding-left: 15px;}
.career-planning-left .title-1::before{content: '';width: 3px;height: 20px;background: #002a4e;position: absolute;left: 0;margin-top:-10px;top: 50%;}
.career-planning-left .text-1 {padding-left: 15px;margin-top: 3%;min-height: 150px;width: 80%;}
.career-planning-right {float: right;width: 50%;overflow: hidden;}
.career-planning-right .img{animation: bigimgani 3000ms 1 ease forwards;}

.page-learning-growth {padding: 5% 0;overflow: hidden;}
.page-learning-growth .page-content {position: relative;width: 100%;margin: auto;}
.learning-growth-left {float: left;width: 50%;overflow: hidden;}
.learning-growth-left .img{animation: bigimgani 3000ms 1 ease forwards;}
.learning-growth-right {width: 50%;overflow: hidden;float: right;margin-top: 3%;}
.learning-growth-right .text {padding: 5% 5%;overflow: hidden;}
.learning-growth-right .title-1 {position: relative;padding-left: 15px;}
.learning-growth-right .title-1::before{content: '';width: 3px;height: 20px;background: #002a4e;position: absolute;left: 0;margin-top:-10px;top: 50%;}
.learning-growth-right .text-1 {padding-left: 15px;margin-top: 3%;width: 60%;}
 
.page-talent-recruitment {position: relative;overflow: hidden;}
.page-talent-recruitment .text{position: absolute;width: 100%;top: 50%;left: 0;text-align: center;transform: translateY(-50%);z-index: 1;color: #fff;}
.page-talent-recruitment .title-1{position: relative;font-weight: bold;}
.page-talent-recruitment .title-1::after{content: '';width:20px;height: 4px;background: #002a4e;display: block;margin: 20px auto;}
.page-talent-recruitment .text-1{width: 50%;margin: auto;}
.page-talent-recruitment .input-1{margin: 2% auto;position: relative;width: 40%;}
.page-talent-recruitment .input-1 .input {padding:4% 5%;overflow: hidden;background: #fff;border: none;border-radius: 150px;width: 100%;box-sizing: border-box;}
.page-talent-recruitment .search{width: 24px;height: 24px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);background: url('../images/ss.png') center no-repeat ;border: none;cursor: pointer;}
.page-talent-recruitment .botton-1{overflow: hidden;}
.page-talent-recruitment .botton-1 a{display: inline-block;color: #fff;background: #002a4e;padding: 15px 50px;margin: auto;border-radius: 100px;}
.page-talent-recruitment .botton-1 a:hover {background: #002a4e;}

.page-talent-policy {padding: 5% 0;overflow: hidden;margin-top: 110px;}
.page-talent-policy .page-content{width: 80%;}
.page-talent-policy .page-content .title-1{text-align: center;font-weight: bold;}
.page-talent-policy .page-content .title-2{text-align: center;color: #6f3eff;font-weight: bold;margin-top: 2.5%;}
.page-talent-policy .page-content .text-2{margin-top: 2%;}
.talent-policy-center {width: 80%;margin: auto;padding: 4% 0;overflow: hidden;}
.talent-policy-list {overflow: hidden;}
.talent-policy-item {position: relative;float: left;width: 49%;margin-right: 1%;margin-bottom: 1%;box-sizing: border-box;border: 1px solid #f8f8f8;transition:all .4s ease;}
.talent-policy-item * {transition:all .4s ease;}
.talent-policy-item.mr0 {margin-right: 0;}
.talent-policy-item .text{position: absolute;width: 90%;height: 90%;z-index: 11;left: 5%;top: 5%;}
.talent-policy-item .title-1{margin-top: 5%;font-weight: bold;color: #002a4e;}
.talent-policy-item .text-2 {margin-top: 3%;}
.talent-policy-item .icon-3{position: absolute;right: 5%;bottom: 1%;width: 20%;z-index: 1;}
.talent-policy-item .icon-3 img {opacity: .04;}
.talent-policy-item .icon-3 img {display: block;width: 100%;height: auto;}
.talent-policy-item .img {background-color: transparent;} 
.talent-policy-item:hover {background: #002a4e;}
.talent-policy-item:hover .title-1,.talent-policy-item:hover .text-2,.talent-policy-item:hover .text-2 p,.talent-policy-item:hover .title-1 h4 {color: #fff;}
.talent-policy-item:hover .icon-3 img{opacity: 1;filter: invert(100%);} 
.talent-policy-bottom {width: 80%;margin: auto;overflow: hidden;}
.talent-policy-bottom-list {overflow: hidden;}
.talent-policy-bottom-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.talent-policy-bottom-item.mr0 {margin-right: 0;}
.talent-policy-bottom-item .title-1{overflow: hidden;color: #002a4e;font-weight: bold;padding-left: 3%;}
.talent-policy-bottom-item .text-2{margin-top: 5%;width: 90%;text-align: justify;}
.talent-policy-bottom-item .text-2 ul {overflow: hidden;padding: 0 0 0 3%;}
.talent-policy-bottom-item .text-2 ul li::marker {color: #002a4e;font-size: 12px;}
.talent-policy-bottom-item .img{overflow: hidden;margin-top: 8%;}
.page-talent-classification {text-align: left;background: #f8f8f8;overflow: hidden;padding: 5% 0 3% 0;}
.page-talent-classification .page-content {width: 80%;margin: auto;}
.page-talent-classification .title-2 {text-align: center;font-weight: bold;padding-bottom: 5%;overflow: hidden;}

.page-team{background: #f8f8f8;padding: 3% 0 5% 0;}
.page-team .page-content{width: 75%;margin: auto;overflow: hidden;}
.page-team-top {overflow: hidden;}
.page-team-top .title-1{font-weight: bold;}
.page-team-top-left {float: left;width: 64%;margin-top: 3%;}
.page-team-top-left .title-2 {font-weight: bold;color: #002a4e;}
.page-team-top-left .text-3 {margin-top: 3%;}
.page-team-top-right {float: right;width: 32%;margin-top: 3%;position: relative;}
.page-team-top-right .text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.page-team-top-right .title-2{font-weight: bold;display: inline-block;vertical-align: middle;}
.page-team-top-right .qianming-2{margin-left: 10%;display: inline-block;vertical-align: middle;}
.page-team-top-right .qianming-2 img {display: inline-block;width: auto;max-width: 100%;}
.page-team-top-right .yezhi-1{overflow: hidden;}
.page-team-bottom {overflow: hidden;}
.page-team-bottom .suangyihao-1{width: 20px;height: 18px;background: url('../images/syh.png') center no-repeat;}
.page-team-bottom .title-1{color: #002a4e;font-weight: bold;margin-top: 4%;}
.page-team-bottom-top {margin-top: 3%;}
.page-team-bottom-top-left {float: left;width: 50%;position: relative;}
.play-1{position: absolute;width: 80px;height: 80px;background: url('../images/play.png') center no-repeat #002a4e;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;cursor: pointer;}
.page-team-bottom-top-left .img{overflow: hidden;}
.page-team-bottom-top-right {float: left;width: 44%;background: #f1f1f1;margin-top: 3%;padding: 3% 3%;overflow: hidden;}
.page-team-bottom-top-right .title-2{font-weight: bold;color: #6f3eff;}
.page-team-bottom-top-right .text-2{margin-top: 3%;min-height: 330px;}
.page-team-bottom-list {overflow: hidden;clear: both;padding: 4% 0 0 0;}
.page-team-bottom-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.page-team-bottom-item.mr0 {margin-right: 0;}
.page-team-bottom-item .img{overflow: hidden;}
.page-team-bottom-item .img .pic{position: relative;}
.page-team-bottom-item .text{overflow: hidden;}
.page-team-bottom-item .title-3{margin-top: 10%;font-weight: bold;}
.page-team-bottom-item .text-2{margin-top: 8%;}

.videoshow {position:fixed;width:100%;height:100%;left:0;top:0;background:#000;z-index:999;overflow:hidden;opacity:0;transform:translateY(-100%);transition:all .4s ease;}
.videoshow video {display: block;width: 100%;height: 100%;}
.videoshow .close-1 {right: 1%;top: 5%;left: auto;z-index: 999;opacity: 1;}
.videoshow.cur {opacity: 1;transform: translateY(0);}



@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}




/* business */
.page-business {overflow: hidden;}
.business-item {position: relative;overflow: hidden;}
.business-content-left {float: left;width: 50%;position: relative;}
.business-content-left .img {transform: scale(0.8451);background: #f1f1f1;}
.business-content-right {float: left;width: 50%;height: 100%;position: absolute;right: 0;top: 0;}
.business-content-right .text{position: absolute;left: 10%;top: 50%;width: 70%;z-index: 11;transform: translateY(-50%);}
.business-content-right .title-1{margin-bottom: 2%;}
.business-content-right .title-2{color: #002a4e;font-weight: 900;}
.business-content-right .line-1{width: 40px;height: 2px;background: #002a4e;margin: 4% 0;}
.business-content-right .text-1{overflow: hidden;}
.business-content-right .item-4{margin-top: 8%;}
.business-content-right .item-4 li{list-style: none;margin: 0;padding: 0;float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.business-content-right .item-4 li.mr0 {margin-right: 0;}
.business-content-right .item-4 a{display: block;overflow: hidden;position: relative;}
.business-content-right .item-4 .txt{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 11;}
.business-content-right .item-4 .english-1{color: #002a4e;}
.business-content-right .item-4 .title-3{color: #232323;position: absolute;left:0;bottom: 5%;width: 100%;}
.business-content-right .item-4 .jiantou-1{width: 18px;height: 6px;background: url('../images/r0.png') center no-repeat;position: absolute;left: 0;bottom: -15%;z-index: 1;opacity: 0;}
.business-content-right .item-4 .img {background: url('../images/img.png') center no-repeat;background-size: 100%;}
.business-content-right .item-4 .img img{opacity: 0;}
.business-content-right .item-4 a:hover .img img{opacity: 1;}
.business-content-right .item-4 a:hover .english-1 {color: #fff;opacity: .5;}
.business-content-right .item-4 a:hover .title-3{color: #fff;bottom: 55%;}
.business-content-right .item-4 a:hover .jiantou-1 {opacity: 1;bottom: 15%;}
.business-item.fr .business-content-left {float: right;}
.business-item.fr .business-content-right {float: right;right: auto;left: 0;}

.page-business-detail {margin-top: 130px;overflow: hidden;padding: 5% 0;position: relative;}
.page-business-detail-content {width: 74%;margin: auto;position: relative;}
.business-detail-top {position: relative;}
.business-detail-left {float: left;width: 41%;}
.business-detail-left .text{overflow: hidden;}
.business-detail-left .title-1{margin-bottom: 3%;}
.business-detail-left .title-2{color: #002a4e;font-weight: 900;}
.business-detail-left .line-1{width: 20px;height: 3px;margin: 4% 0;background: #002a4e;}
.business-detail-left .text-2{color: #7e7e7e;text-align:justify}
.business-detail-right {float: right;width: 50%;position: relative;overflow: hidden;}
.business-detail-right .img {width: 100%;background: none;position: relative;overflow: hidden;}
.business-detail-right .img::after {content: '';width: 94%;height: 94%;border-radius: 20px;background: #f8f8f8;right: 0;top: 0;z-index: 11;position: absolute;}
.business-detail-right .pic {border-radius: 20px;overflow: hidden;width: 96.5%;margin-top: 3%;z-index: 12;}  

.page-business-product {clear: both;overflow: hidden;background: url('../images/bg1(1).jpg') center no-repeat;background-size:cover;padding: 5% 0;}
.business-product-top {overflow: hidden;}
.business-product-top-nav {text-align: center;}
.business-product-top-nav a{display: inline-block;vertical-align: middle;color:#232323;padding: 0 3%;position: relative;}
.business-product-top-nav a.cur{color:#002a4e;text-decoration: underline;}
.business-product-top-nav a:hover {color:#002a4e;}
.business-product-top-nav a::after {content: '';width: 1px;height: 30px;background: #e8e8e8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.business-product-top-nav a:last-child::after {display: none;}
.business-product-bottom {padding: 5% 0 0 0;overflow: hidden;position: relative;}
.business-product-bottom .business-detail-left {float: right;width: 45%;}
.business-product-bottom .business-detail-right {float: left;text-align: left;}
.business-product-bottom .business-detail-right .pic {margin-top: 0;margin-bottom: 3%;float: right;}
.business-product-bottom .business-detail-right .img::after {background: #f4f4f4;left: 0;right: auto;top: auto;bottom: 0;}
.business-detail-left .gundong-2 {height: 300px;overflow: auto;padding-right: 30px;}
.business-detail-left .bottom-5 {margin-top: 5%;orientation: landscape;}
.business-detail-left .bottom-5 a {display: inline-block;vertical-align: middle;width: 140px;line-height: 56px;text-align: center;background: #002a4e;color: #fff;margin-right:5px;border-radius: 5px;}
.business-detail-left .bottom-5 a:hover {background: #002a4e;}
.business-detail-left .bottom-5 .logo-5 {display: inline-block;vertical-align: middle;}
.business-detail-left .bottom-5 .logo-5 li {position: relative;list-style:none;margin:0;padding:0;width:62px;height:62px;border: 1px solid #e4eae9;border-radius: 100%;display: inline-block;vertical-align: middle;}
.business-detail-left .bottom-5 .logo-5 li img {max-width: 80%;max-height: 80%;}

.functional-articles {padding: 5% 0;overflow: hidden; }
.functional-articles-top {text-align: center;}
.functional-articles-bottom {padding-top: 4%;overflow: hidden;}
.functional-articles-swiper {position: relative;}
.functional-articles-item {position: relative;overflow: hidden;}
.functional-articles-item a{display: block;}
.functional-articles-item .img{border-radius: 20px;background: none;}
.functional-articles-item .text{padding-top: 6%;overflow: hidden;}
.functional-articles-item .title-1{color: #232323;font-weight: 900;}
.functional-articles-item .title-2{color: #7e7e7e;margin-top: 8%;}
.functional-articles-item .more-2 {margin-top: 7%;padding-top: 5%;position: relative;border-top: 2px solid #f0f0f0;}
.functional-articles-item .more-2 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-right: 10px;color: #7e8180;}
.functional-articles-item .more-2 i{display: inline-block;vertical-align: middle;background: url('../images/r2.png') center no-repeat;width: 9px;height: 14px;filter: grayscale(100%);opacity: .7;}
.functional-articles-item a:hover .more-2 span{color:#002a4e;}
.functional-articles-item a:hover .more-2 i {filter: none;opacity:1;}
.functional-articles-item a:hover .pic{transform: scale(1.05);}

.business-detail-left .culture-2{overflow: hidden;margin-top: 5%;background: url('../images/dw.jpg');padding: 5%;position: relative;border-radius: 20px;}
.business-detail-left .culture-item {float: left;width: 50%;}
.business-detail-left .culture-item .text-3{font-weight: 900;color: #b9a878;}
.business-detail-left .culture-item .text-4{font-weight: 900;color: #002a4e;margin-top: 3%;line-height: 34px;}

.page-business-profile {position: relative;}
.business-profile {width: 600px;height: 600px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 100%;z-index: 11;background-image: -webkit-linear-gradient( 37deg, rgb(144,195,31) 0%, rgb(0,86,31) 100%);border: 30px solid #fff;}
.yuan-item {position: absolute;width: 40%;border-radius: 100%;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 6;}
.yuan-item span {position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #232323;z-index: 11;width: 100%;}
.business-profile .line-1 {width: 1px;height: 100%;background: #fff;position: absolute;left: 50%;top: 0;z-index: 2;margin-left: -.5px;}
.business-profile .line-1.line1 {overflow: hidden;height: 50%;}
.business-profile .line-1.line2 {transform: rotate(45deg);}
.business-profile .line-1.line3 {transform: rotate(90deg);}
.business-profile .line-1.line4 {transform: rotate(135deg);}
.business-profile-item {position: relative;width: 100%;height: 100%;z-index: 10;}
.business-profile-item .item-1{display: block;position: absolute;z-index: 3;cursor: pointer;}
.business-profile-item .item {position: relative;}
.business-profile-item .name-1 {text-align: center;}
.business-profile-item .name-1 span{color: #fff;font-weight: 900;}
.business-profile-item .name-1 i{width: 30px;height: 30px;background: #fff;margin: 10px auto auto auto;border-radius: 100%;position: relative;display: block;}
.business-profile-item .name-1 i::before,.business-profile-item .name-1 i::after {content: '';position: absolute;left: 50%;top: 50%;background: #002a4e;}
.business-profile-item .name-1 i::before {width: 15px;height: 1px;margin: 0px 0 0 -7px;}
.business-profile-item .name-1 i::after {width:1px;height: 14px;margin: -7px 0 0 0;}
.business-profile-item .item-1.bpi1 {left: 25%;top: 12%;}
.business-profile-item .item-1.bpi2 {left: 55%;top: 12%;}
.business-profile-item .item-1.bpi3 {left: 70%;top: 33%;}
.business-profile-item .item-1.bpi4 {left: 77%;top: 57%;}
.business-profile-item .item-1.bpi5 {left: 50%;top: 78%;transform: translateX(-50%);}
.business-profile-item .item-1.bpi6 {left: 13%;top: 57%;}
.business-profile-item .item-1.bpi7 {left: 13%;top: 33%;}
.business-profile-item .showmore-1 {position: absolute;left: 50%;bottom: 40px;z-index: -1;width: 200px;margin-left: -100px;transition:all .2s ease;transform: translateY(-40px);display: block;opacity: 0;}
.business-profile-item .showmore-1 ul{list-style: none;margin: 0;padding: 0;background: #fff;padding: 4% 10%;overflow: hidden;box-shadow: 0px 0px 30px 0px rgba(230, 230, 230, 0.35);}
.business-profile-item .showmore-1 ul::after {content: ''; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;position: absolute;left: 50%;bottom:-8px;margin-left: -10px;}
.business-profile-item .showmore-1 li{list-style: none;margin: 0;padding: 0;font-weight: 900;color: #b9a878;padding: 15px 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.business-profile-item .showmore-1 li:last-child {border: none;}
.business-profile-item .item-1 .showmore-1.cur{display: block;transform: translateY(0);opacity: 1;z-index: 999;}
.business-profile-item .item-1:hover {z-index: 111;}
.yuan-hover {position: absolute;z-index: 1;width: 100%;height: 100%;border-radius: 100%;overflow: hidden;left: 0;top: 0;}
.yuan-hover::before,.yuan-hover::after {content: '';width: 50%;height: 50%;position: absolute;z-index: 1;transition:all .4s ease;}
.yuan-hover.hover1::before {background:linear-gradient(225deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);left: 0;top: 0;}
.yuan-hover.hover2::before {background:linear-gradient(135deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);right: 0;top: 0;}
.yuan-hover.hover3::before {background:linear-gradient(315deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);right: 0;top: 0;}
.yuan-hover.hover4::before {background:linear-gradient(225deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);right: 0;bottom: 0;}
.yuan-hover.hover5::before {background:linear-gradient(45deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);right: 0;bottom: 0;}
.yuan-hover.hover5::after  {background:linear-gradient(315deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);left: 0;bottom: 0;}
.yuan-hover.hover6::before {background:linear-gradient(135deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);left: 0;bottom: 0;}
.yuan-hover.hover7::before {background:linear-gradient(45deg, #002a4e, #002a4e 50%, transparent 50%, transparent 100%);left: 0;top: 0;}

.page-business-solution {padding: 5% 0;overflow: hidden;}
.page-business-solution-content {width: 75%;margin: auto;border-radius: 30px 30px 0 0;background: #f8f8f8;overflow: hidden;padding: 5%;}
.business-solution-top {text-align: center;padding-bottom: 5%;overflow: hidden;}
.business-solution-top .title-1{overflow: hidden;}
.business-solution-top .line-1{width: 20px;height: 3px;background: #002a4e;margin: 1.5% auto;}
.business-solution-top .text-2{letter-spacing: -.5px;color: #7e7e7e;}
.business-solution-center {padding-top: 2%;overflow: hidden;}
.business-solution-textpic {overflow: hidden;}
.business-solution-left {float: left;width: 47%;position: relative;padding-right: 3%;}
.business-solution-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ededed;}
.business-solution-left .title-1{overflow: hidden;margin-top: 1%;}
.business-solution-left .text-2{color: #7e7e7e;margin-top: 6%;text-align: justify;}
.business-solution-right {float: right;width: 47%;}
.business-solution-right .img{position: relative;border-radius: 20px;background: none;} 
               
.business-solution-textli {padding: 4% 0 7% 0;overflow: hidden;border-bottom: 1px solid #e8e8e8;margin-bottom: 5%;}
.business-solution-textli .textli-1 {overflow: hidden;background: #fff;border-radius: 20px;float: left;margin-right: 6%;box-sizing: border-box;padding:2%;width: 47%;}
.business-solution-textli .textli-1:last-child {margin-right: 0;}
.business-solution-textli .textli-1 li{list-style: none;padding: 0;margin: 0;position: relative;padding-left: 4%;}
.business-solution-textli .textli-1 li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;background: #002a4e;top: 50%;transform: translateY(-50%);}
.business-solution-textli .textli-1 strong{color: #002a4e;font-weight: normal;}
.business-solution-list {padding: 2% 0;overflow: hidden;}
.business-solution-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 1%;}
.business-solution-item.mr0 {margin-right: 0;}
.business-solution-item .img{border-radius: 20px;}
.business-solution-item .text {padding: 4% 0;overflow: hidden;}
.business-solution-item .title-1{text-align: center;margin-top: 5%;}
.business-solution-item .line-1{width: 20px;height: 3px;background: #002a4e;margin: 5% auto;}
.business-solution-item .text-2{color: #7e7e7e;margin-top: 1%;text-align: justify;}

.business-solution-contact {padding: 7% 0 1% 0;overflow: hidden;border-top: 1px solid #e8e8e8;margin-top: 2%;}
.business-solution-contact .title-1{text-align: center;}
.business-solution-contact-bottom {margin-top: 5%;text-align: center;}
.contact-email-item {display: inline-block;vertical-align: middle;font-size: 0;text-align: left;padding: 0 5%;position: relative;}
.contact-email-item::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ededed;}
.contact-email-item:first-child::before  {display: none;}
.contact-email-item * {display: inline-block;vertical-align: middle;}
.contact-email-item .email-1{color: #7e7e7e;}
.contact-email-item .email-1 span {margin-left: 10px;}
.contact-email-item .email-2{display: block;color: #002a4e;position: relative;clear: both;}
.contact-email-item .email-2::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #002a4e;}
.contact-email-item .ewm-2{overflow: hidden;}
.contact-email-item .ewm-2 img {max-width: 210px;}
.contact-email-item .text-2{margin-left: 30px;}


.page-section-banner.proudct .title-2 h2,.business-content-right .title-1 h3,.page-section-banner .title-2 h2,
.functional-articles-top .title-1 h3,.yuan-item h3,.business-solution-top .title-1 h3,
.business-detail-left .title-1 h2,.business-detail-left .title-1 h3,
.business-solution-left .title-1 h4,.business-solution-item .title-1 h4 {font-weight:normal;}



 



@media screen and (max-width: 5120px) {
	.news-list-item .title-1,.news-list-item .text-1{min-height: 48px;}
	.team-content-bottom .team-item .title-3 {min-height: 19px;}
	
}
@media screen and (max-width: 3840px) {
	.technology-rd-bottom img{max-width: 100%;}
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	 
	.talent-policy-bottom-item .text-2 ul {min-height: 240px;}
}
@media screen and (max-width: 1860px) {	 
	.public-welfare-activities-item .text-2 {min-height: 210px;}
}
@media screen and (max-width: 1680px) {
	.header-content {width: 94%;height: 80px;}
	.header-nav li a.n1::after {bottom: 25px;}
	.header-nav-menu {top: 80px;padding: 10px 15px 15px 15px;}
	.header-nav-menu a {padding: 5px 0;}
	.header-menu,.header-menu a {width: 90px;height: 30px;}
	.header-logo {width: 9%;}
	.videomore-1 i {width:40px;height:40px;}
	.learnmore-1 span,.learnmore-2 span {margin: 0 15px;}
	.learnmore-1 i ,.learnmore-2 i{width: 30px;height: 30px;}
	.footer-share li a {width: 30px;height: 30px;}
	.conducts-prev, .conducts-next ,.platform-prev, .platform-next{width: 40px;height: 40px;}
	.learnmore-1 i::before {height: 12px;}
	.learnmore-1 i::after {width:12px;}
	.yuan1 {transform: scale(.7);} 
	.index-news-item .text .more-1 {width: 70px;height: 30px;}
	.index-news {padding: 5% 0;}
	.footer-contact-top {padding-bottom: 6%;}	
	.footer-share li a img,.strategy-item-right .icon-3 li i img  {max-width: 50%;max-height: 50%;}
	.page-path {padding: 1.5% 0;margin-top: 80px;}
	.page-section-top,.page-team {margin-top: 80px;}
	.title .title-2 {padding-left: 15px;}
	.development-item {width: 80%;margin: 3% auto;}
	.code-conducts-item .text {padding: 3% 3% 0 3%;}
	.product-detail-parameter-list li {padding: 2% 0;}
	.page-strategy .text-1,.page-platform .text-1 {width: 70%;margin: auto;}
	.ecosystem-logo i,.ecosystem-logo  {width: 100px;height: 100px;}
	.strategy-item-left .text {width: 190px;height: 190px;}
	.strategy-item-left .yuan-1 {width: 70px;height: 70px;}
	.strategy-item-right .title-2::after {margin: 20px 0;}
	.strategy-item-right .icon-3 li i {width: 80px;height: 80px;}
	.strategy-item-right .icon-3 {margin-top: 10%;}
	.strategy-item-right .num-1 strong {line-height: 100px;letter-spacing: 1px;}
	.strategy-item-right .title-2 {padding-top: 12%;}
	.page-technology .title-1 {width: 100%;}
	.page-ecosystem-logo {width: 70%;text-align: center;}
	.technology-rd-item {width: 30%;}
	.policy-content-top li {width: 45%;margin-right: 5%;}
	.policy-content-top li:last-child {float: right;margin-right: 0;}
	.sustainabilit-items .text {width: 44%;padding: 3% 3%;}
	.platform-item .icon-1 {width: 100px;height: 100px;border:8px solid #ededed;}
	.page-technology-awards {background-size: 80%;}
	.platform-swiper {padding-bottom: 50px;background-size: 50%;}
	.product-detail-parameter-list li p {padding: 5px 0;}
	.applications-field-item .title-2,.page-talent-recruitment .text-1 {font-weight: normal;}
	.latest-products-next, .latest-products-prev {width: 50px;height: 40px}
	.sustainabilit-left .text {padding: 5% 10% 6% 10%;width: 70%;}
	.sustainabilit-left .num-1 {height: 60px;}
	.show-text .text-1 {padding: 5%;}
	.investors-right .text-1 strong {margin: 0 5px;}
	.investors-right .text-1 sup {margin-top:5px;}
	.policy-content-center {background-size: 20%;}
	.policy-next, .policy-prev {width: 70px;height: 30px}
	.career-planning-left .text-1 {min-height: 100px}
	.page-talent-recruitment .input-1 input {padding: 3% 5%;}
	.team-content-right .text {padding: 15% 0;margin-right: 10%;width: 58%;}
	.awards-next {right: 5%;}
	.awards-prev {left: 5%;}
	.header-nav li a.n1 {line-height: 80px;}
	.index-whatwedo .title .text-1 {width: 60%;}
	.page-section-banner {margin-top: 0px;}
	.product-detail-parameter-list {max-height: 360px;}
	.product-detail-right .text-2 {height: 250px;}
	.page-team-bottom-top-right .text-2 {min-height: 280px;}
	.page-news-detail .page-content,.page-news .page-content,.page-talent .page-content,.page-talent-classification .page-content {width: 75%;}
	.talent-policy-bottom-item .text-2,.index-technology-and-rd .index-content-left .text-1 {width: 100%;}
	.code-conducts-item .text {width: 30%;}
	.product-detail-top {margin-top: 80px;}
	.public-welfare-activities-item .text-2 {min-height: 150px;}
	.platform-item .title-2 {width: 100%;}
}
@media screen and (max-width: 1600px) {		
	.product-detail-right .line-1 {margin: 20px 0;}
	.talent-policy-bottom-item .text-2 ul {min-height: 200px;}
	
}
@media screen and (max-width: 1500px) {	
	.header-nav li {margin-right: 35px;}
	.news-list-item .pic img.img-center{max-width: 90%;max-height:80%;}
	.index-technology-and-rd .index-content-left {width: 37%;}
}
@media screen and (max-width: 1440px) {
	.ecosystem-logo i, .ecosystem-logo {width: 80px;height: 80px;}
	.product-detail-right .text-2 {height: 240px;}
	.page-team-bottom-top-right .text-2 {min-height: 240px;}
	.show-text {width: 280px;}
	.business-detail-left .gundong-2 {height: 210px;}
	.social-share .icon-wechat .wechat-qrcode {top: -185px!important;left: -60px!important;width: 150px!important;height: 175px!important;}
	.functional-articles-item .img {border-radius: 10px;}
	.business-detail-left .culture-item .text-4 {line-height: 24px;}
	.business-profile {width: 500px;height: 500px;border: 20px solid #fff;}
	.business-profile-item .showmore-1 {width: 160px;margin-left: -80px;}
	.business-profile-item .showmore-1 li {font-size: 12px;padding: 10px 0;}
	.business-profile-item .name-1 i {width: 25px;height: 25px;}
	.contact-email-item .ewm-2 img {max-width: 150px;}
}
@media screen and (max-width: 1366px) {
	.product-detail-parameter-list {max-height: 330px;}
	.talent-title i {width: 40px;height: 40px;margin-top: -20px;}
	.page-talent-recruitment .input-1 .input {padding: 3% 5%;}
	.page-team-bottom-top-right .text-2 {min-height: 220px;}
	.product-detail-right .text-2 {height: 200px;}
	.page-team-bottom-top-left .play-1 {width: 60px;height: 60px;}
	.font120 {font-size: 70px;}
	.investors-left .text-1 {padding-right: 50px;}
	.page-sustainabilit-bottom-download a {padding: 1% 0;}
	.values-list-item .title-2 p {width: 60%;}
	.page-business-detail {margin-top: 80px;}
}
@media screen and (max-width: 1280px) {
	.page-sustainabilit-bottom-download {width: 85%;}
	.values-list-item .title-2 p {width: 60%;}
	.index-banner .text {left: 10%;}
	.footer-nav a {margin-left:4%;}
	.page-sustainabilit-bottom,.page-sustainabilit-top {width: 93%;}
	.index-technology-and-rd .index-content,.page-about .page-content,.page-about .text-1,.page-about .text-list,.product-detail-applications-field .page-content,.index-latest-products-bottom {width: 90%;}
	.index-content,.footer-contact,.page-development .page-content,.page-conducts .title,.product-detail-parameter,.page-sustainability-detail .sustainability-detail-top,.page-sustainability-detail .sustainability-detail-center,.page-sustainability-detail .sustainability-detail-bottom,.public-welfare-activities,.page-news-detail .page-content, .page-news .page-content, .page-talent .page-content, .page-talent-classification .page-content,.page-team .page-content,.page-investors .page-content,.page-announcement .page-content,.page-strategy .text-1, .page-platform .text-1,.technology-swiper,.page-ecosystem-top .text-2,.page-ecosystem-logo,.technology-awards-top .text-2 {width:80%;}
	.page-talent-recruitment .search {background-size: 40%;}
	.business-profile {width: 450px;height: 450px;border: 15px solid #fff;}
	.business-profile-item .showmore-1 {width: 160px;margin-left: -80px;}
	.business-profile-item .name-1 i {width: 20px;height: 20px;margin: 5px auto auto auto;}
}
@media screen and (max-width: 1152px) {
	.page-team-bottom-top-right {margin-top:0;}
	.page-technology-awards {background: url('../images/Awardsbg.png') center 70% no-repeat;background-size: 80%;}
	.product-content-right .text .line-1 {margin: 20px 0;}
}
@media screen and (max-width: 1024px) {
	.index-technology-and-rd .index-content, .page-about .page-content, .page-about .text-1, .page-about .text-list, .product-detail-applications-field .page-content,.index-latest-products-bottom {width: 95%;}
	.index-content,.footer-contact,.page-development .page-content,.page-conducts .title,.product-detail-parameter,.page-sustainability-detail .sustainability-detail-top,.page-sustainability-detail .sustainability-detail-center,.page-sustainability-detail .sustainability-detail-bottom,.public-welfare-activities,.page-news-detail .page-content, .page-news .page-content, .page-talent .page-content, .page-talent-classification .page-content,.page-team .page-content,.page-investors .page-content,.page-announcement .page-content,.page-strategy .text-1, .page-platform .text-1,.technology-swiper,.page-ecosystem-top .text-2,.page-ecosystem-logo,.technology-awards-top .text-2,.page-talent-policy .page-content,.talent-policy-center,.talent-policy-bottom {width:90%;}
	.product-detail-right .text-2 {height: 150px;}
	.sustainabilit-top-right {width: 45%;right: 0;}
	.sustainabilit-top-item.fr .sustainabilit-top-right {width: 45%;left:0;right: auto;}
	.feedback-content {width: 70%;}
}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.header-nav,.footer-content-top-right,.footer-nav,.sustainabilit-detail-bottom::after,.corporate-values-top,.talent-item-bottom span{display: none!important;}
	.mbshow,.menu-toggle,.header-menu  {display: block!important;}
	.header-logo {width: 30%;}.index-banner .text {left: 10%;width: 80%;}
	.header-nav-show {width: 80%;}.header-share li a {width: 20px;height: 20px;}.header-share li a img {max-width:70%;max-height: 70%;}
	.header-share li {margin-right: 5px;}.header-nav4 li {padding: 5% 0;}.header-nav-show-content {width: 60%;left: 20%;}.header-share {width: 60%;left: 20%;}
	.index-corporate-mission .index-content-left,.footer-contact-left,.footer-contact-right,.footer-contact-bottom .footer-contact-left,.footer-contact-bottom .footer-contact-right,.development-item .img ,.development-item .text,.code-conducts-item .img,.page-advantages-left .title-1,.page-section-banner .text-1,.product-detail-left,.learning-growth-right .text-1{width: 100%;}
	.index-technology-and-rd .index-content,.page-ecosystem-logo {float: none;width:90%;}
	.index-technology-and-rd .index-content-left,.index-technology-and-rd .index-content-right,.footer-contact-bottom .footer-contact-left,.code-conducts-item .text,.strategy-item-left,.strategy-item-right ,.product-content-left,.sustainabilit-items .img,.sustainabilit-items .text,.sustainabilit-items.fr .text,.sustainabilit-bottom-item,.talent-item-top li,.career-planning-left,.career-planning-right,.learning-growth-left,.learning-growth-right{float: none;width: 100%;}
	.product-content-right {float: none;width: 100%;height: auto;position: relative;right:auto;top: auto;}
	.page-about .text-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.index-news-item ,.news-list-item,.announcement-item.ais1,.announcement-item.ais2,.announcement-item,.announcement-item.ais6{float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.index-content ,.index-whatwedo .title:first-child,.footer-contact,.page-about .text-1,.page-development .page-content,.page-strategy .text-1, .page-platform .text-1,.page-strategy-list,.page-technology .title-1,.page-ecosystem-bottom,.feedback-content,.page-talent-recruitment .input-1{width: 94%;}
	.ecosystem-item {width: 100%;margin: 5% 0;}
	.page-advantages-left {float: none;width: 90%;margin-left:0;margin: auto;}
	.advantages-item {float: none;width: 100%;margin-right: 0;margin-bottom: 3%;}
	.page-advantages-right,.page-technology-rd-center .text-1,.technology-rd-centerm,.product-detail-parameter,.product-detail-parameter-left,.product-detail-parameter-right,.page-talent-recruitment .text-1 {float: none;width: 90%;margin: auto;}
	.index-technology-and-rd .index-content-right,.technology-rd-center,.product-detail-parameter-right,.sustainabilit-bottom-item  {margin-top: 10%;}
	.index-corporate-mission .index-content-right {width: 80%;float: left;margin-top: 10%;padding-bottom: 10%;}
	.yuan1 {transform: scale(.5);bottom: -50px;}
	.index-whatwedo,.index-technology-and-rd,.index-news,.page-about,.page-conducts,.page-strategy,.page-technology,.page-platform,.page-technology-awards,.page-technology-rd-center,.product-detail-applications-field,.page-sustainabilit-detail,.sustainabilit-detail-section,.page-contact,.page-feedback,.page-announcement,.page-talent,.page-team {padding: 15% 0;}
	.page-about .img {margin: 5% 0;}.talent-title {padding: 10% 0;}.page-team .text-1 {padding: 5% 0;}
	.page-development ,.news-detail-bottom{padding: 10% 0 20% 0;}
	.code-conducts-item .text {padding: 5%;box-sizing: border-box;}
	.platform-item .title-2 {width: 90%;padding-top: 5%;}
	.technology-awards {width: 50%;margin: auto;}
	.policy-content-top li {width: 90%;padding: 5%;}
	.policy-content-top li::before {top: 22px;}
	.policy-swiper {width: 100%;}
	.index-contact .img img ,.page-section-banner .img img,.page-section-top .img img,.page-talent-recruitment .img img{width: 200%;max-width:200%;}
	.technology-rd-item {width: 32%;padding: 0 0;}
	.technology-rd-item .top-1 {width: 80%;margin: auto;}
	.footer-contact-bottom .footer-contact-right {position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: auto;text-align: left;float: none;margin-top: 5%;}
	.footer-contact-bottom .footer-contact-left {overflow: hidden;}
	.footer-contact {padding: 10% 0 5% 0;}
	.product-content-right .text {padding: 10% 10% 20% 10%;}
	.home-icon {width: 18px;height: 18px;background-size: 80%;}
	.development-item .text {box-sizing: border-box;}
	.strategy-item-left .text {width: 150px;height: 150px;}
	.strategy-item-left .yuan-1 {width: 50px;height: 50px;}
	.platform-item .icon-1 {width: 80px;height: 80px;}
	.platform-item {width: 48%;margin-bottom: 5%;}
	.platform-swiper {padding-bottom: 10px;background-size: 50%;}
	.platform-prev {left: 10%;}.platform-next {right: 10%;}.awards-next {right: 1%;}.awards-prev {left:1%;}
	.sustainabilit-center-item {width: 100%;box-sizing: border-box;padding: 10%;margin-bottom: 2%;}
	.sustainabilit-center-item .text-1 {min-height: auto;}
	.sustainabilit-items.fr .img {float: none;}
	.sustainabilit-items .text,.sustainabilit-items.fr .text {padding: 5% 0;}
	.ecosystem-item .img {background-size: 100%;}
	.page-ecosystem {padding: 15% 0;background: url(../images/ecosystembg.jpg) center center no-repeat;background-size:cover;}
	.ecosystem-logo i, .ecosystem-logo {width: 50px;height: 50px;}
	.product-detail-left .video {width: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);right: auto;}
	.product-detail-left {float: none;}
	.product-detail-right {float: none;width: 100%;height: 100%;position: relative;right: auto;top: auto;background-size:cover;}
	.product-detail-right .text {width: 90%;position: relative;left: auto;top: auto;transform:none;padding: 15%  5%;}
	.product-detail-right .text-2 {height: auto;}
	.product-detail-right .title-2 {margin-top: 2%;}
	.sustainabilit-left {width: 100%;position: relative;left:auto;top: auto;}
	.sustainabilit-right {float: none;width: 100%;margin-top:0;}
	.sustainabilit-left .text {padding:5%;width: 90%;}
	.corporate-values-bottom table td {width: 100%;box-sizing: border-box;display: block;}
	.contact-map-item .point {position: relative;right:auto;bottom: auto;margin: auto;margin-top: 10%;}
	.show-text {position: relative;right:auto;bottom: auto;width: 100%;padding: 10px;box-sizing: border-box;}
	.contact-map-list {width: 100%;height: auto;position: relative;left: auto!important;top: auto!important;transform:none;}
	.contact-map-item .point i {margin: auto;}
	.from-item .button-2 input {width: 48%;padding: 3% 0;}
	.news-detail-tool .share-1 {margin: 5% 0;}
	.news-detail-tool .share-1 a {margin-right: 5px;}
	.news-announcement-item {float: none;width: 100%;margin-right: 0;margin-top: 5%;}
	.investors {float: none;width:100%;padding: 5%;box-sizing: border-box;}
	.investors-left,.investors-right {float: none;width: 100%;}
	.investors-item {width:100%;right: auto;position: relative;top:auto;}
	.investors-item a{min-height: 300px;display: block;}
	.talent-title i {width: 35px;height: 35px;margin-top: -15.5px;}
	.team-content-left {width: 100%;position: relative;left: auto;top: auto;transform: none;}
	.team-content-top {margin-top: 5%;}
	.team-content-right {float: none;width: 100%;}
	.team-content-right .text {padding: 15% 0;margin-right: 0;width: 100%;}
	.team-content-right .text-2 {height: auto;}
	.team-content-bottom .team-item {float: none;width: 100%;margin-right: 0;margin-bottom:3%;}
	.page-about .text-item-list .text-2 {margin-top: 4%;width: 100%;float: none;margin-right: 0;min-height:auto;}
	.page-about .text-item.ti2 ,.technology-awards-swiper,.technology-awards .title-2,.technology-rd-center,.index-corporate-mission .index-content-right,.index-whatwedo .title .text-1,.page-advantages-left .text-1,.sustainabilit-top-left,.page-sustainability-detail .sustainability-bottom-item .img,.page-team-top-left,.page-team-bottom-top-left,.page-team-bottom-top-right{width: 100%;}
	.page-about .text-item-list .title-5 {min-height: auto;}
	.vision-content-top-left {float: none;width: 100%;margin-left: auto;}
	.vision-content-top-left .text {color: #000;}
	.vision-content-top-right {width: 100%;position: relative;right: auto;bottom: auto;}
	.vision-content-top {position: relative;width: 100%;left: auto;top: auto;}
	.vision-content-bottom {display: none;}
	.values-list-item {float: none;width: 100%;margin-right: 0;margin-top: 5%;margin-bottom: 15%;}
	.index-whatwedo .index-content-center .title {margin: 0;margin-bottom: 5%;}
	.header-content {height: 60px;}
	.header-nav-menu3 a,.header-nav4 .header-nav-menu3 a{display: block;}
	.header-nav4 li {position: relative;} 
	.footer-share {text-align: left;}
	.footer-share li {margin-right: 5px;}
	.footer-share li a {margin-left: 0px;}
	.page-path,.page-section-banner,.product-detail-top {margin-top: 60px;}
	.strategy-item-right {padding: 0;}
	.awards-next, .awards-prev {margin-top: -40px;}
	.product-detail-right .text-2 {padding-right: 0;}
	.sustainabilit-top-right {width: 100%;position: relative;right: auto;top: auto;transform: none;padding: 5% 0;}
	.sustainabilit-top-item.fr .sustainabilit-top-right {position: relative;right: auto;left: auto;width: 100%;}
	.page-sustainability-detail .sustainability-bottom-item .text {width: 100%;position: relative;top:auto;transform:none;left: auto;right: auto;margin-top: 5%;}
	.sustainabilit-bottom-pic {padding-bottom: 0;}
	.sustainabilit-bottom-text {position: relative;left: auto;bottom: auto;width:100%;}
	.page-sustainabilit-bottom-download {width: 93%;}
	.page-sustainability-detail,.page-talent-classification,.page-investors {padding: 15% 0;}
	.page-sustainability-detail .sustainability-bottom-item .img,.page-sustainability-detail .sustainability-bottom-item.fr .img {float: none;}
	.page-sustainability-detail .sustainability-bottom-item.fr .text {right: auto;margin-top: 5%;}
	.page-sustainability-detail .sustainability-detail-center .text-4 ul{margin: 0;padding: 5%;}
	.page-sustainability-detail .sustainability-detail-center .title-2 {padding-top: 5%;}
	.public-welfare-activities-item {float: none;width: 100%;padding-right: 0;margin-bottom: 5%;}
	.public-welfare-activities-item::after,.talent-policy-item .img {display: none;}
	.page-news-nav,.page-sustainability-detail .sustainability-detail-center {padding: 10% 0;}
	.talent-policy-item {float: none;width: 100%;margin-right: 0;margin-bottom:5%;}
	.talent-policy-item .text {position: relative;width: 90%;height:auto;left:auto;top:auto;padding: 5%;overflow: hidden;}
	.talent-policy-item .icon-3 {position: relative;right: auto;bottom: auto;width: 20%;margin-top: 10%;float: right;}
	.talent-policy-bottom-item {float: none;width: 100%;margin-right:0;margin-bottom: 5%;}
	.talent-policy-bottom-item .title-1 {padding:0;}
	.talent-policy-bottom-item .text-2 ul {padding: 5%;}
	.page-talent-policy .page-content .text-2,.talent-classification-list,.index-whatwedo .title .text-1 {margin-top: 5%;} 
	.investors-right {margin-left:0;margin-top: 10%;}
	.investors-left .text-1 {padding-right: 0px;}
	.investors-left .text-1 sup {display: inline-block;position: relative;right:auto;top: auto;}
	.index-whatwedo .title .text-2 {padding-bottom: 5%;}
	.vision-content-top-left,.vision-content-top-left .title-1 {margin-top: 0;}
	.vision-content-top-left .icon-1,.business-solution-left::after {display: none;}
	.page-talent-recruitment .img img {width: 300%;max-width:300%;}
	.page-talent-recruitment .botton-1 a {padding: 10px 30px;margin-top: 5%;}
	.page-team-top-right {width: 52%;margin-top: 5%;}
	.page-team-top-right .qianming-2 {margin-left: auto;WIDTH: 50%;margin: auto;margin-top: 5%;display: block;}
	.page-team-bottom-top-right {box-sizing: border-box;padding: 5%;}
	.page-team-bottom-item {float: none;width:100%;margin-right: 0;margin-bottom: 5%;}
	.page-section-top, .page-team,.functional-articles-item {margin-top: 60px;}
	.business-product-bottom,.business-solution-center,.business-solution-right,.business-solution-item {margin-top: 30px;}
	.show-text .text-1 {width: 90%;}
	.show-text .text-1::after {border-bottom: 10px solid #fff;border-right: 10px solid transparent;right: 50%;top: -5px;transform: rotate(135deg);bottom: auto;border-top: none;border-left: none;margin-right: -5px;}
	.business-content-left,.business-detail-left,.business-detail-right,.business-product-bottom .business-detail-left {float: none;width: 100%;}
	.business-content-right {float: none;width: 100%;height: auto;position: relative;right:auto;top: auto;}
	.business-content-right .text {position: relative;left: auto;top: auto;width: 90%;transform: none;padding: 10% 5%;overflow: hidden;}
	.page-business-detail-content {width: 90%;}
	.business-detail-right,.business-detail-left .bottom-5 .logo-5 {margin-top: 5%;}
	.page-business-detail {padding: 5% 0 15% 0;}
	.page-business-product,.functional-articles,.page-business-solution,.business-solution-textli  {padding: 15% 0;}
	.business-detail-left .gundong-2 {height: auto;padding-right: 0px;}
	.functional-articles-swiper .swiper-wrapper{display: block;}
	.business-detail-left .culture-item {width: auto;}
	.business-detail-left .culture-item:last-child {float: right;}
	.page-business-profile .img img{width: 300%;max-width: 300%;}
	.business-profile {width: 350px;height: 350px;border: 10px solid #fff;}
	.business-profile-item .item-1 {transform: translateY(-20%);}
	.page-business-solution-content {padding: 15% 5%;}
	.business-solution-top .line-1 {margin: 5% auto;}
	.business-solution-left,.business-solution-right,.business-solution-textli .textli-1,.business-solution-item {float: none;width: 100%;padding-right: 0;}
	.business-solution-textli .textli-1 {margin-bottom: 5%;}
	.business-solution-textli .textli-1 {padding: 5%;}
	.contact-email-item {text-align: center;margin-top: 5%;}
	.contact-email-item .text-2 {margin: auto;display: block;}
	.contact-email-item .ewm-2 {margin: 3% auto;}
	.header-nav4 li a {font-size: 18px;padding: 3% 0;}
	.page-business {margin-top: 5%;}
	.values-list-item .title-2 p {width: 100%;}
}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.header-logo {width: 15%;}
}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

}