/* 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: #000;}
.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: #00a66e;}
::-webkit-scrollbar-thumb{background-color:#00a66e;box-shadow:inset 1px 1px 0 #00a66e,inset 0 -1px 0 #00a66e;}
/* header */
.header {position:absolute;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background: #fff;}
.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: #90c31f;transition:all .4s ease;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #90c31f;}
.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: 150px;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: #7040ff;}
.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: #32b563;position: absolute;left: 0;top: 5px;transition:all .4s ease;}
.header-menu a i::after {top: 10px;}
.header-menu a:hover span{color: #00a66e;}
.header-nav-show {position: fixed;width: 30%;height: 100%;overflow: hidden;z-index: 333;transition:all .4s ease;right: 0;top: 0;background: #0f523b;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: #7040ff;position: absolute;left: 0;bottom: -5px;transition:all .4s ease;}
.header-nav4 li a:hover {color: #7040ff;}
.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: #7040ff;}
.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;}
.footer {background: #0f523b;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: 40%;}
.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: 60%;text-align: right;}
.footer-nav {margin-top: 3%;}
.footer-nav a{color: #fff;display: inline-block;margin-left: 6%;}
.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 #3c7360;border-radius: 100%;margin-left: 10px;}
.footer-share li a:hover {border: 1px solid #7040ff;background: #7040ff;}
.footer-contact-bottom {clear: both;overflow: hidden;border-top: 1px solid #27644f;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: #48a635 url('../images/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #48a635 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 #90c31f;border: #90c31f 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: #90c31f;}
.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 url('../images/bg3.jpg') center top no-repeat;background-size: 100% 100%;}
.title {overflow: hidden;}
.title .title-1{color: #7040ff;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 #00a66e;border-radius: 100px;padding: 2px;overflow: hidden;}
.learnmore-1 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #00a66e;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: #00a66e;margin: 0 30px;}
.learnmore-1 a:hover {border: 1px solid #7040ff;background: #7040ff;}
.learnmore-1 a:hover i {background: #fff;}
.learnmore-1 a:hover i::after,.learnmore-1 a:hover i::before {background: #7040ff;}
.learnmore-1 a:hover span {color: #fff;}
.learnmore-1.style1 a{border: 1px solid #7040ff;background: #7040ff;}
.learnmore-1.style1 i {background: #fff;}
.learnmore-1.style1 i::after,.learnmore-1.style1 i::before {background: #7040ff;}
.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: #7040ff url('../images/r1.png') center no-repeat;position: relative;border-radius: 100%;}
.learnmore-3 span {display: inline-block;vertical-align: middle;color: #7040ff;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: #7040ff;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: 15%;}
.date{margin-top: 13%;}
.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: #00a66e;font-weight: normal;}
.date sup {position: absolute;right: 0;top: 40%;font-size: 18px;color: #32b563;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: #7040ff;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-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: #7040ff;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: #00a66e;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: #00a66e;}
.index-news-item a:hover .more-1{border: #00a66e 1px solid;background: url('../images/r3.png') center no-repeat #00a66e}
.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('../../about/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('../../about/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: right;}
.title .title-2{padding-left: 20px;position: relative;}
.title .title-2::before {content: '';width: 3px;height: 20px;background: #00a66e;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.page-about .img{margin: 3% 0;}
.page-about .text-1{width: 86%;}
.page-about .text-1 strong{color: #90c31f;}
.page-about .text-1 p {margin-top: 2%;}
.page-about .text-list{margin-top: 4%;width: 86%;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: #7040ff;min-height: 26px;position: relative;padding-left: 10px;}
.page-about .text-item .title-1::before {content: '';width: 3px;height: 18px;background: #90c31f;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: 7%;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: #90c31f;color: #fff;position: absolute;right: 0;top:5px;z-index: 11;border-radius: 100%;}
.values-list-item .pic{border: 3px solid #90c31f;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: #90c31f;}
.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: #7040ff;}
.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 #90c31f;}
.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: #7040ff;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: #7040ff;}
.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('../../about/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: #90c31f;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('../../about/images/bgl1.png') center no-repeat;background-size: 100%;}
.technology-swiper .swiper-slide-next .img {background: url('../../about/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('../../about/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('../../about/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: #90c31f;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: #90c31f;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('../../about/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('../../about/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: #90c31f;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('../../about/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: #90c31f;}
.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('../../about/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: #90c31f;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: #7040ff;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('../../about/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: #90c31f;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: #7040ff;}
.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: #90c31f;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: #90c31f;}
.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: #90c31f;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: #7040ff;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: #90c31f;z-index: 2;right: 0;bottom: -10%;}
.strategy-item-left .img{border-radius: 100%;width: 90%;background: #f1f1f1;}
.strategy-item-right {float: right;width: 40%;padding: 0 5%;}
.strategy-item-right .top-1{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: #7040ff;position: relative;z-index: 11;padding-top: 20%;font-weight: bold;}
.strategy-item-right .title-2::after {content: '';width: 20px;height: 3px;background: #90c31f;margin:20px 0;display: block;}
.strategy-item-right .icon-3{margin-top: 10%;width: 120%;}
.strategy-item-right .icon-3 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;margin-right:30px;text-align: center;max-width: 100px;margin-bottom: 30px;}
.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;margin-top: 10px;}
.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;}
/* 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('../../product/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('../../product/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: #90c31f;font-weight: bold;margin-top: 1%;}
.product-content-right .text .line-1{width: 40px;height: 2px;background: #90c31f;margin: 30px 0;display: block;}
.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('../../product/images/ye1.png') 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: #90c31f;}
.product-detail-right .line-1{width: 40px;height: 2px;background: #90c31f;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 #00a66e;border-radius: 100px;padding: 2px;overflow: hidden;}
.learnmore-2 span{display: inline-block;vertical-align: middle;font-weight: bold;color: #00a66e;margin: 0 20px;}
.learnmore-2 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #00a66e url('../../product/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: 43%;}
.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: #7040ff;text-align: center;padding: 10px 20px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.product-detail-parameter-nav a.cur,.product-detail-parameter-nav a.cur:hover {background: #7040ff;color: #fff;}
.product-detail-parameter-nav a:hover {background: #00a66e;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: #00a66e;border-radius: 100px;}
.download-1 span{display:block;color: #fff;padding: 10px 70px;}
.download-1 a:hover {background: #7040ff;}
.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: #00a66e;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: #00a66e;}
.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: #7040ff;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: #90c31f;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: #7040ff;}
.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('../../sustainability/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: #90c31f;}
.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: #90c31f;}
.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: #90c31f;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: #7040ff;}
.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: #90c31f;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: #7040ff;}
.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: #90c31f;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: #fff;border: none;background: #7040ff;text-transform: uppercase;cursor: pointer;outline: none;}
.from-item .button-2 input:last-child {background: #ccc;}
.from-item .button-2 input:hover {background: #00a66e;}
.from-item input:focus,.from-item textarea:focus {border: 1px solid #7040ff; 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('../../contact/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: #7040ff;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: #00a66e;transition:all .4s ease;}
.page-news-nav a.cur,.page-news-nav a:hover {color: #00a66e;}
.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('../../news/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('../../news/images/r1.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-list-item a:hover .title-1{color: #00a66e;}
.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('../../news/images/d1.png') center no-repeat;width: 14px;height: 9px;}
.more a:hover span{color: #7040ff;}
.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('../../news/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: #7040ff;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: #90c31f;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('../../news/images/r1.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: #7040ff;}
.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('../../investors/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: #7040ff;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: #7040ff;margin: -7px 15px 0 15px;font-weight: normal;}
.investors-right .text-1 sup:last-child {color: #7040ff;font-weight: normal;}
.investors-item {width: 18%;right:18%;height: 100%;position: absolute;overflow: hidden;top: 0;background: #0f523b;}
.investors-item .img {background:url('../../investors/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('../../investors/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: #90c31f;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('../../investors/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: #90c31f;}
.announcement-item a:hover .more-4 span{color: #7040ff;}
.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: #90c31f;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('../../careers/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('../../careers/images/d1.png') center no-repeat #90c31f;border: 1px solid #90c31f;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: #7040ff;color: #fff;border-radius: 100px;}
.talent-item-bottom span{display: inline-block;vertical-align: middle;margin-left: 20px;}
.talent-item-bottom a:hover {background: #90c31f;}
.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('../../careers/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: #7040ff;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: #90c31f;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: #90c31f;border-radius: 100%;}
.policy-content-center {clear: both;overflow: hidden;float: right;width: 90%;background: url('../../careers/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: #7040ff;}
.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: #90c31f;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: #90c31f;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: #90c31f;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('../../careers/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: #7040ff;padding: 15px 50px;margin: auto;border-radius: 100px;}
.page-talent-recruitment .botton-1 a:hover {background: #90c31f;}
.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: #90c31f;}
.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: #90c31f;}
.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: #90c31f;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: #90c31f;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: #90c31f;}
.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('../../careers/images/syh.png') center no-repeat;}
.page-team-bottom .title-1{color: #90c31f;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('../../careers/images/play.png') center no-repeat #90c31f;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: #90c31f;font-weight: 900;}
.business-content-right .line-1{width: 40px;height: 2px;background: #90c31f;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: #90c31f;}
.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('../../business/images/r1.png') center no-repeat;position: absolute;left: 0;bottom: -15%;z-index: 1;opacity: 0;}
.business-content-right .item-4 .img {background: url('../../business/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: #90c31f;font-weight: 900;}
.business-detail-left .line-1{width: 20px;height: 3px;margin: 4% 0;background: #90c31f;}
.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('../../business/images/bg1.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:#90c31f;text-decoration: underline;}
.business-product-top-nav a:hover {color:#90c31f;}
.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: #7040ff;color: #fff;margin-right:5px;border-radius: 5px;}
.business-detail-left .bottom-5 a:hover {background: #90c31f;}
.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('../../news/images/r1.png') center no-repeat;width: 9px;height: 14px;filter: grayscale(100%);opacity: .7;}
.functional-articles-item a:hover .more-2 span{color:#7040ff;}
.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('../../business/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: #90c31f;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: #90c31f;}
.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, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);left: 0;top: 0;}
.yuan-hover.hover2::before {background:linear-gradient(135deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);right: 0;top: 0;}
.yuan-hover.hover3::before {background:linear-gradient(315deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);right: 0;top: 0;}
.yuan-hover.hover4::before {background:linear-gradient(225deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);right: 0;bottom: 0;}
.yuan-hover.hover5::before {background:linear-gradient(45deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);right: 0;bottom: 0;}
.yuan-hover.hover5::after {background:linear-gradient(315deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);left: 0;bottom: 0;}
.yuan-hover.hover6::before {background:linear-gradient(135deg, #90c31f, #90c31f 50%, transparent 50%, transparent 100%);left: 0;bottom: 0;}
.yuan-hover.hover7::before {background:linear-gradient(45deg, #90c31f, #90c31f 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: #90c31f;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: #90c31f;top: 50%;transform: translateY(-50%);}
.business-solution-textli .textli-1 strong{color: #90c31f;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: #90c31f;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: #90c31f;position: relative;clear: both;}
.contact-email-item .email-2::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #90c31f;}
.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: 80px;}
.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('../../about/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(../../about/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) {
}
/*浠匢E6鍜孖E7璇嗗埆*/
@media screen\9 { }
/*浠匢E6鍜孖E7銆両E8璇嗗埆*/
@media \0screen\,screen\9 { }
/*浠匢E8璇嗗埆*/
@media \0screen { }
/*浠匢E8-10璇嗗埆*/
@media screen\0 { }
/*浠匢E9鍜孖E10璇嗗埆*/
@media screen and (min-width:0\0) { }
/*浠匢E10/11璇嗗埆*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}