@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
:root{
--max-width: 1400;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 51, 51, 51; /*#333*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 0, 77, 160;/*#004da0*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 3, 15, 39;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--green-color__rgb: 91, 180, 49;
--green-color:rgba(var(--green-color__rgb), 1);
--font-family: 'hm', sans-serif;
--font-family__en: 'Montserrat', 'hm', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1;
--button_height: 0.7rem;
--font-weight__l: 100;
--font-weight__r: 400;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--header_height: 0.8rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{ margin: 0 auto;}
@media (max-width: 1400px) {
html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1280px) {
html:not(.view){font-size: calc(100 / 1700 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1366 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 560 * 100vw);}
}

body{font-size: var(--font-size__18); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--default-color);}

.container {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width)/100 * 1rem);}
@media (max-width: 1024px) {
.container { width: 94%; }
}

.view.editor{line-height: 1.8;}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;border-bottom: 1px solid transparent}
header.dark-style{background-color:var(--white-color); box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);border-bottom-color: #ededed;}
header .logo img{ height: 0.35rem;}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}
header.light-style .logo img{filter: brightness(0) invert(1);}
header .container{height: var(--header_height);}
.main-nav{max-width: 7.85rem;flex: 1;}
.light-style .main-nav li > span,
.light-style .main-nav li span a{display: block;}
.light-style .main-nav li span a{color: var(--white-color); }
.main-nav li span a{line-height: var(--header_height);position: relative;}
.main-nav li span a::before{position: absolute; content:''; left: -0.17rem; top: 50%; height: 0.06rem; transform: skewX(-30deg) translateY(-50%);opacity: 0;width: 0; transition: var(--transition);}
.light-style .main-nav li span a::before{background-color: var(--white-color); }
.dark-style .main-nav li span a::before{background-color: var(--primary-color); }
.main-nav li.aon span a::before{width: 0.1rem; opacity: 1;}
.main-nav li{position: relative;z-index: 99;}
.main-nav li#m22,
.main-nav li#m158{position: inherit}
.main-nav .sub{ border-top: var(--border); transition: 0.5s;}
.main-nav .sub .left dd:not(:last-child){margin-bottom:0.3rem;}
.main-nav .sub .p-menu dd:not(:last-child){margin-bottom:0.3rem;}
.main-nav .sub .p-menu dd a{padding-right: 0.32rem; position: relative;display: inline-block;}
.main-nav .sub .p-menu dd a::after{position: absolute; content: '';right: 0; background: url(../images/arrow.svg) var(--background-contain); top: 50%;margin-top: -0.05rem;	width: 0.08rem;height: 0.11rem; transform: translateX(-0.2rem); opacity: 0; transition: var(--transition);}
.main-nav .sub-projects{display: flex;justify-content: center;}
.main-nav .sub-projects .sub-inner{max-width: 9.96rem; width: 100%;padding: var(--padding-margin__60) 0;}
.main-nav .sub .right figure{padding-bottom: calc(300 / 480 * 100%);}
.main-nav .sub .left dd.active a{color: var(--primary-color);}
.main-nav .sub .mid dl:not(.active){position: absolute;visibility: hidden;opacity: 0;z-index: -1;}
.main-nav .sub .mid dd{font-size: var(--font-size__16); font-weight: var(--font-weight__l); line-height: calc(20 / 16); transform: translateY(0.1rem); transition:var(--transition); opacity: 0; transition-delay: var(--s);}
.main-nav .sub .mid dl.active dd{transform: translateY(0); opacity: 1;}
.main-nav .sub .mid dd.active{color: var(--primary-color);}
.main-nav .sub .mid dd:not(last-child){margin-bottom: 0.2rem;}
@media (min-width:1025px) {
header .logo,
header .h-right{width: calc(290 / var(--max-width) * 100%);}
.main-nav .sub{position: absolute; top: 100%;left: 0;width: 100%;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);background-color: var(--white-color);}
.main-nav .sub:not(.sub-projects){left: 50%;width: -webkit-max-content; width: max-content; transform: translateX(-50%);padding: 0.2rem 0.2rem;}
.main-nav .show .sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.main-nav .sub .p-menu dd a:hover::after,
.main-nav .sub .p-menu dd.active a::after{transform: translateX(0); opacity: 1; }
.main-nav .sub .left{width: calc(183 / 996 * 100%);flex-shrink: 0;}
.main-nav .sub .mid{width: calc(333 / 996 * 100%);flex-shrink: 0; transition-delay: 0.5s;}
.main-nav .sub .right{flex:1;transition-delay: 0.7s;}
}
@media (max-width:1024px) {
.main-nav{position: fixed; top: var(--header_height); width: 3rem;bottom: 0;background: rgba(var(--white-color__rgb), 0.95); left: -100%;transform: translateX(-100%); transition: 0.5s ease-in-out;}
.menu-show .main-nav{ left: 0; transform: translateX(0);}
.main-nav ul{overflow: auto; padding: 0 0.2rem;}
.main-nav .sub{display: none; }
.main-nav .sub:not(.sub-projects){padding: 0.2rem 0;}
.main-nav .p-menu dd{padding-left: 0.2rem;}
.main-nav li.wap-show .sub{display: block;}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/arrow.svg) no-repeat center center; background-size: auto 0.7em; top: 0; transition: 0.3s; will-change: transform;}
.main-nav li.wap-show .wap-op{transform: rotate(-90deg);}
.main-nav .sub .right{display: none;}
.main-nav .sub .left{width: 40%;}
.main-nav .sub .mid{flex:1}
.main-nav .sub .left dd{position: relative;z-index: 1;}
.main-nav .sub .left dd:before{position: absolute; left: 0;top:0;width: 100%;height: 100%;z-index: 10;content: '';}
}
@media (max-width:640px) {
.main-nav .p-menu dd{padding-left:0; padding-right:.15rem;}
.main-nav .sub .p-menu dd a{ padding-right:0;}
}


.h-lang{display: flex;align-items: center;margin-right: 0.24rem;}
.h-lang:after{display: block; content: '';width: 1px;height: 0.15rem;opacity: 0.2;}
.light-style .h-lang:after{background-color: var(--white-color);}
.dark-style .h-lang:after{background-color: var(--default-color);}
.h-lang a{margin-right: 0.24rem;}
.light-style .h-lang a{color: #fff;}
.h-lang a:hover,
.h-lang a.cur{opacity: 1;color:#004da0}

.open-search{display: block;width: 0.22rem; height: 0.22rem; background: var(--background-contain);cursor: pointer;}
.light-style .open-search{background-image: url(../images/search.svg);}
.dark-style .open-search{background-image: url(../images/search-dark.svg);}
.search-show .light-style .open-search{background-image: url(../images/close.svg);}
.search-show .dark-style .open-search{background-image: url(../images/close-dark.svg);}

.top-search{position: absolute; top: 100%; left: 0;width: 100%;padding: 0.2rem 0; background-color: rgba(var(--black-color__rgb),0.3);display: flex;justify-content: center; transform: translateY(0.2rem); opacity: 0; transition: var(--transition); visibility: hidden;}
.top-search .inner{position: relative;border-radius: 0.05rem;max-width: 6rem;width: 90%;background-color: var(--white-color);padding: 0 0.2rem 0 0;}
.top-search .form-input{padding: 0 0.2rem; line-height: 0.52rem;height: 0.52rem;flex: 1;}
.top-search .btn{ width: 0.4rem;height: 0.4rem;background: url(../images/search-dark.svg) var(--background-contain); margin-left: 0.2rem; flex-shrink: 0; background-size: auto 60%;}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

@media (max-width:1024px) {
.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.5rem; height: 0.32rem; background: var(--primary-color); transform: skewX(-30deg); padding: 0.06rem 0; margin-left: 0.4rem;}
.open-menu i{display: block; width: 60%; height: 2px;background-color: var(--white-color);transform: skewX(30deg);}
}

footer{background-color: #001842; padding-top: var(--padding-margin__90);font-size: var(--font-size__16);--max-width: 1600;font-weight: var(--font-weight__l); overflow: hidden;}
footer .logo img{filter: brightness(0) invert(1); height: 0.35rem;}
.f-bottom{border-top: 1px solid rgba(var(--white-color__rgb),0.1); padding: var(--padding-margin__30) 0; line-height: calc(30 / 16);margin-top: var(--padding-margin__100);}
.f-bottom,
.f-bottom a:not(:hover){color: rgba(var(--white-color__rgb),0.5);}
footer a:hover{color: var(--white-color);}
.f-contact{margin-top: var(--padding-margin__60);}
.f-contact dd{line-height: calc(20 / 16);display: flex;}
.f-contact dd,
.f-contact dd a{color: var(--white-color);}
.f-contact dd a:hover{text-decoration: underline;}
.f-contact dd:not(:last-child){margin-bottom: var(--padding-margin__30);}
.f-contact dd span{width: 0.53rem;flex-shrink: 0;color: rgba(var(--white-color__rgb),0.5);}
.follow-us{ margin-top: var(--padding-margin__50);}
.follow-us li{position: relative;z-index: 20;}
.follow-us li:not(:last-child){margin-right: 0.16rem;}
.follow-us .icon{display: flex;align-items: center;justify-content: center;	width: 0.4rem;height: 0.4rem; background-color: rgba(var(--white-color__rgb),0.1);border-radius: 50%;}
.follow-us .icon img{width: 0.2rem;height: 0.16rem;}
.follow-us .code{position: absolute; bottom: calc(100% + 0.1rem); background-color: var(--white-color); padding: 0.05rem; width: 1.5rem; left: 0; visibility: hidden; opacity: 0; transform: translateY(-0.2rem); transition: var(--transition);cursor: pointer;}
.follow-us .code::after{position: absolute; content: ''; top: 100%;border: 4px solid transparent;border-top-color: var(--white-color); left: calc(0.2rem - 4px);}
.follow-us li.show .code{ visibility: visible; opacity: 1; transform: translateY(0);}

.f-right .tit{font-size: var(--font-size__18);font-weight: var(--font-weight__m); margin-bottom: var(--padding-margin__40);}
.f-right .tit a{color: var(--white-color);}
.f-right .item dd{line-height: calc(20 / 16);}
.f-right .item dd:not(:last-child){ margin-bottom: 0.12rem;}
.f-right .item dd a{color: rgba(var(--white-color__rgb),0.5);}
.f-right .item dd a:hover{color: var(--white-color);}
.f-right .sub-item .list{ position: relative;z-index: 1;}
.f-right .sub-item .list dl:not(.active){position: absolute; visibility: hidden; opacity: 0; pointer-events: none;}
.f-right .sub-item .list dd{opacity: 0;  transition: var(--transition); transition-delay: var(--s);}
.f-right .sub-item .list dl.active dd{opacity: 1;  }

.f-bottom .nav a:not(:last-child):after{width: 1px;background-color: rgba(var(--white-color__rgb), 0.2);height: 0.13rem; margin: 0 1em;content: '';display: inline-block;}

@media (min-width:1025px) {
.f-left{flex: 1;}
.f-right{width:9.22rem;}
.f-right .sub-item{ display: flex;width: 2.68rem;}
.f-right .sub-item .parent{flex-shrink: 0; width:1.11rem;}
.f-right .sub-item .list{flex: 1; margin-left: 0.33rem;}
.f-right .sub-item .list dd{transform: translateY(0.2rem);}
.f-right .sub-item .list dl.active dd{transform: translateY(0);}
.f-right .sub-item .parent dd.active a{display: block;background: url(../images/a-icon.svg) no-repeat right center; background-size: auto 0.11rem;}
}
@media (max-width:1024px) {
.f-left{margin-bottom: var(--padding-margin__100);}
.f-right .item dl{display: flex;flex-wrap: wrap;}
.f-right .item > dl dd{margin-bottom: 0.1rem;}
.f-right .item dl dd:not(:last-child){margin-right: 0.2rem;}
.f-right .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.f-right .sub-item .list dd{transform: translateX(0.2rem);}
.f-right .sub-item .list dl.active dd{transform: translateX(0);}
.f-right .sub-item .parent dd{position: relative;z-index: 1;}
.f-right .sub-item .parent dd:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.f-right .sub-item .parent dd a{display: flex;flex-direction: column;align-items: center;}
.f-right .sub-item .parent dd a::after{background: url(../images/a-icon.svg) var(--background-contain);display: block;content: ''; transform: rotate(90deg); width: 0.1rem; height: 0.13rem; opacity: 0;}
.f-right .sub-item .parent dd.active a::after{opacity: 1;}
.f-bottom{text-align: center;}
}

.back-top{position: fixed;right: 3%; bottom: 3%;background-color: var(--white-color);	width: 0.6rem;height: 0.6rem; border-radius: 50%;display: flex;align-items: center; justify-content: center; cursor: pointer;z-index: 99;}
.back-top:before{	width: 0.1rem;height: 0.13rem; background: url(../images/arrow.svg) var(--background-contain);display: block; content: ''; transform: rotate(-90deg);backface-visibility: visible;}
.back-top:hover{background-color: var(--green-color);}
.back-top:hover:before{animation: getop 1.5s var(--ttf) forwards;}
@keyframes getop {
0% { transform: translateY(0) rotate(-90deg); opacity: 1;}
60% { transform: translateY(-100%) rotate(-90deg);opacity: 0;}
61% { transform: translateY(100%) rotate(-90deg); opacity: 0;}
100% {transform: translateY(0) rotate(-90deg);opacity: 1;}
}

.controls-area{position: absolute; left: 0;bottom:calc(50 / 960 * 100%);z-index: 10;width: 100%;}
.controls-page{display: flex;align-items: center; justify-content: center;position: relative;}
.controls-page:before,
.controls-page:after{position: absolute; content: '';top: 50%;transform: translate(-50%,-50%);width: 0.02rem;height: 0.02rem; background-color: var(--white-color);}
.controls-page:before{left: -0.16rem;}
.controls-page:after{right: -0.16rem;}
.controls-page .my{width: 0.74rem;position: relative;height: 0.06rem;display: flex;align-items: center; justify-content: space-between;cursor: pointer;}
.controls-page .my span i,
.controls-page .my:after,
.controls-page .my:before{display: block; content: '';	width: 0.02rem;height: 0.02rem; background-color: var(--white-color);}
.controls-page .my:not(:first-child):before{opacity: 0;}
.controls-page .my span{display: flex; position: relative;width: 0.4rem; height: 0.4rem; align-items: center; justify-content: space-between;}
.controls-page .my span:before,
.controls-page .my span::after{position: absolute; content: '';left: 50%;top: 50%;transform: translate(-50%,-50%);transition: 0.3s;}
.controls-page .my span:before{width: 0.03rem; height: 0.06rem;background-color: var(--white-color);}
.controls-page .my span::after{width:100%; height: 100%; border: 0.02rem solid var(--white-color); border-radius: 50%; opacity: 0; }
.controls-page .my.active span:before{width: 0.06rem;border-radius: 50%;}
.controls-page .my.active span::after{opacity: 1;}

.all-title{font-size:var(--font-size__54);font-weight: var(--font-weight__m);margin-bottom: var(--padding-margin__30);}
.all-title img{max-height:.44rem}
.page-content .all-title{font-size:var(--font-size__40); padding-top:calc(var(--padding-margin__20));}
.page-content .all-title + .desc{font-size: var(--font-size__28); font-weight: var(--font-weight__l); color: rgba(var(--secondary-color__rgb), 0.8); margin-bottom: var(--padding-margin__40); margin-top: calc(var(--padding-margin__20) * -1);}
.edit-info{font-weight: var(--font-weight__l);font-size: 0.2rem; line-height: calc(36 / 20); text-align: justify;}
center.edit-info{text-align: center;}
.solutions-intro .edit-info{font-size:var(--font-size__32)}
.edit-info p:nth-child(1){margin-top: 0;}
.all-more a{position: relative;margin-right: 0.68rem;color: var(--primary-color);display: inline-block;}
.all-more a i{--iwh:1rem;display: flex;align-items: center;justify-content: center;width: var(--iwh); height: var(--iwh); border-radius: 50%;}
.all-more a i::before,
.all-more a i::after{content: '';background: var(--background-contain);}
.all-more a i::before{display: block;width: 0.1rem; height:0.13rem;background-image: url(../images/arrow.svg) }
.all-more a i::after{ transition:0.5s; position: absolute;width: 100%; height: 100%;background-image: url(../images/more.svg);}
.all-more a span{position: absolute; font-family: var(--font-family__en); font-weight: 700; top: 0.12rem;right: -0.68rem;transition: 0.5s; }
.all-more a:hover i:after{transform: rotate(45deg);}
.all-more a:hover span{top: 50%;transform: translateY(-50%);}
.all-more a.white i::before{background-image: url(../images/arrow-white.svg);}
.all-more a.white{color: var(--white-color);}
.all-more a.white i::after{background-image: url(../images/more-white.svg);}

@media (max-width:1280px) {
.page-content .all-title{font-size:var(--font-size__36); padding-top:calc(var(--padding-margin__60));}
}
@media (max-width:640px) {
.edit-info p:nth-child(1) br{ display:none;}
}
@media (max-width:480px) {
.all-title{font-size: var(--font-size__36);}
.all-title img{max-width: 2rem}
.page-content .all-title{font-size: var(--font-size__32);}
.page-content .all-title + .desc{font-size: var(--font-size__20);}
.all-more a i{--iwh:0.7rem;}
.all-more a span{top: 0.06rem;}
.solutions-intro .edit-info{font-size:var(--font-size__20);}
.solutions-intro .edit-info br{display: none}
}

.number-count dd p{margin: 1em 0 0 0;font-size: var(--font-size__20);font-weight: var(--font-weight__l);text-align: center;}
.number-count dd .num{color: var(--primary-color);display: flex;justify-content: center;align-items: flex-start;font-family: var(--font-family__en);font-weight:500;}
.number-count dd .count-up{font-size: var(--font-size__64); line-height: calc(47 / 64);}
.number-count dd sub,
.number-count dd sup{font-size: var(--font-size__36);display: block;}
.number-count dd sub{padding-top: 0.32em; margin-left: 0.2em;}

.home-main{--max-width: 1600;--banh:100vh;}
.home-main .seciton{position: relative;}
.home-main .edit-info{font-size: var(--font-size__28); line-height: calc(52 / 28);}
.home-main .all-more{display: flex;justify-content: flex-end;}
.home-main .more-end{position: absolute; width: 100%; bottom:2%}

@media (max-width:1024px) {
.home-main .edit-info{font-size:var(--font-size__20);}
.home-main .all-more{ margin-top:5%; margin-right:3%;}
}
@media (max-width:640px) {
.home-main .all-more{ font-size:var(--font-size__16);}
}

.home-ban{position: relative;z-index: 1; top: 0; }
.home-ban .txt{position: absolute;z-index: 26;left: 0;bottom: calc(182 / 960 * 100%);width: 100%;color: var(--white-color); z-index:5;}
.home-ban .txt h3,
.home-ban .txt h4{margin: 0; }
.home-ban .txt h3{font-size: var(--font-size__72); line-height: calc(92 / 72);}
.home-ban .txt h4{margin-top: 0.17rem;font-size: var(--font-size__46);overflow: hidden; font-weight: var(--font-weight__m); line-height: calc(58 / 46);}
.home-ban .txt .font-box{transform: translateY(1em); opacity: 0; transition:var(--transition);backface-visibility: visible;}
.home-ban .swiper{height: var(--banh);}
.home-ban .swiper-slide{opacity: 0!important;z-index: 1;}
.home-ban .swiper-slide-active .font-box{transform: translateY(0); opacity: 1;}
.home-ban .swiper-slide-active .txt h3 .font-box{transition-delay: 0.25s;}
.home-ban .swiper-slide-active .txt h4 .font-box{transition-delay: 0.45s;}
.home-ban .txt .en-tit > div{overflow: hidden;}
.home-ban .video-box:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2; background-color: #00086c70;}
.home-ban .controls-area{display: none}
@media (max-width:1024px) {
.home-ban .txt h3{font-size:var(--font-size__46); }
.home-ban .txt h4{font-size: var(--font-size__28);}
}

.ban-outside { width: 100%; will-change: height; position: absolute; left: 0;  top: -20vh;  transform: skewY(-8deg);  overflow: hidden; height: calc(100% + 40vh);}
.home-ban .swiper-slide.in {  opacity: 1!important}
.home-ban .swiper-slide.out,.home-ban .swiper-slide.on { opacity: 1!important; z-index: 10}
.ban-inside {background-color: var(--black-color); width: 100%; height: var(--banh); position: absolute; left: 0; top: 20vh; transform: skewY(8deg);}
.ban-inside .pc-img{background-position:50%; background-repeat: no-repeat; background-size: cover; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.ban-inside .web-img{ display:none; background-repeat: no-repeat; background-size: cover; position:absolute; left:0; top:0; width:100%; height:100%;background-position:50%; z-index:1;}
.home-ban .arrows-prev{left:3%;}
.home-ban .arrows-next{right:3%;}
@media (max-width:1024px) {
.ban-inside .pc-img{ display:none;}
.ban-inside .web-img{ display:block;}
}

.home-ani{position: relative;z-index: 1; overflow:hidden;}
.home-about .svg-img,
.home-about .ani-box .video{will-change: opacity;transition: 0.5s;}
.home-ani .svg-img{background: url(../images/mask-outside.svg) no-repeat center center; background-size: 100% auto; }
.home-about .ani-box{height:var(--banh);pointer-events: none; z-index: 1; transition: 0.5s;}
@media (min-width: 789px) {
.home-about .ani-box{transform: scale(2);  transform-origin: 6% 71%;will-change: transform, opacity; opacity: 0;}
.active .home-about .ani-box{transform: scale(0.26);  transform-origin: 2% 96%;opacity: 1;}
}
@media (max-width:1024px) {
.home-about .ani-box{ height:100%;}
}
@media (max-width:768px) {
.home-about .ani-box{ transform: scale(0.3); transform-origin: 2% 100%;}
}
@media (max-width:640px) {
.home-about{ position:relative;}
.home-about .ani-box{ top:auto; bottom:0; height:3rem; transform: scale(0.6);transform-origin: 2% 100%;}
}
.home-about .ani-box .video{opacity:0;background:var(--white-color);--img:url('../images/mask.svg');mask-image:var(--img); mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: var(--img);-webkit-mask-repeat: no-repeat;-webkit-mask-size: calc(1803.7316 / 1920 * 100%) auto;-webkit-mask-position: center; display: flex;align-items: center;justify-content: center;}
.active .home-about .ani-box .video{opacity: 1;}
.home-about{ background-color: var(--white-color); display: flex;align-items: center;justify-content: center; padding-bottom: calc(200 / 960 * 100vh);}
.home-about > .container{z-index: 3;}
.home-about .edit-info{margin-bottom: var(--padding-margin__80);text-align: center;}

@media (min-width:1025px) {
.home-about .number-count{margin-bottom: calc(120 / 960 * 100vh);}
.home-about .number-count dd{flex: 1;}
.home-about .number-count dd:not(:last-child){border-right: 1px solid rgba(var(--primary-color__rgb),0.1);}
}
@media (max-width:1024px) {
body[class*=fp-]{overflow-x: hidden!important;}
.home-about{height:auto; padding:5vh 0 10vh;}
.home-about .number-count dd{width: calc(100% / 2);}
.home-about .number-count dd:nth-child(2) ~ dd{margin-top: var(--padding-margin__100);}
.home-about .number-count dd:not(:nth-child(2n)){border-right: 1px solid rgba(var(--primary-color__rgb),0.1);}
.home-about .number-count dd:last-child{border-right: none;}
}
@media (max-width:640px) {
.home-about .number-count{ margin-bottom:.45rem;}
}

.home-prod{background-color: var(--bg-color); padding: var(--padding-margin__110) 0 var(--padding-margin__50) 0; overflow: hidden;}

.home-gobal{position: relative;z-index: 1; overflow: hidden;}
.home-gobal .all-title{margin-bottom: var(--padding-margin__40);}
.home-gobal .txt .container{position: relative;height: 100%;}
.home-gobal .map .label,
.home-gobal .map dd .img,
.home-gobal .map dd{position: absolute;}
.home-gobal .map .label{bottom: calc(60 / 960 * 100%);width: 100%;display: flex;justify-content: center; align-items: center;}
.home-gobal .map .label span{display: flex;align-items: center;font-size: var(--font-size__16);font-weight:bold;}
.home-gobal .map .label span:not(:last-child){margin-right: var(--padding-margin__30);}
.home-gobal .map .label span:before{display: block; content: '';	width: 0.07rem;height: 0.07rem;border-radius: 50%; margin-right: 0.09rem;background-color: var(--color);}
.home-gobal .number-count dd .num{justify-content: flex-start;color:#003990;}
.home-gobal .number-count dd p{text-align: left;line-height: calc(28 / 18); font-size: var(--font-size__18);font-weight:normal;}
.home-gobal .number-count dd:not(:last-child){margin-bottom: var(--padding-margin__50);}
.home-gobal .number-count{margin-bottom: var(--padding-margin__120);}
.home-gobal .number-count dd i{font-style: normal; font-size: var(--font-size__56);}
.home-gobal .all-more{pointer-events: auto;}
.home-gobal .map dd{z-index: 6;}
.home-gobal .map dd .ico{width: 0.12rem;height: 0.12rem; position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--color); transition: var(--transition);cursor: pointer;}
.home-gobal .map dd .ico:before,
.home-gobal .map dd .ico:after{content: '';display: block;}
.home-gobal .map dd .ico:before{width: 0.04rem;height: 0.04rem;background-color: #eeeaea;opacity: 0.88;border-radius: 50%;position: relative;z-index: 3;}
.home-gobal .map dd .ico:after{width: 0.06rem;height: 0.06rem;position: absolute;z-index: 1; transform: rotate(45deg);background-color: var(--color);left: 50%;margin-left: -0.03rem; bottom: -0.01rem;}
.home-gobal .map dd .tit{position: absolute; width: -webkit-max-content; width: max-content; opacity: 0.88; font-size: var(--font-size__16); transition: 0.3s;font-weight: bold;} 
.home-gobal .map dd.left .tit{right: 100%;top: 50%;transform: translateY(-50%); padding-right: 0.05rem;}
.home-gobal .map dd.right .tit{left: 100%;top: 50%;transform: translateY(-50%); padding-left: 0.05rem;}
.home-gobal .map dd.bottom .tit{left: 50%;top: 100%;transform: translateX(-50%); padding-top: 0.05rem;}
.home-gobal .map dd.top .tit{left: 50%;bottom: 100%;transform: translateX(-50%); padding-bottom: 0.05rem;}
.home-gobal .map dd.active{z-index: 10;}
.home-gobal .map dd.active .ico{transform: scale(2.333); transform-origin: bottom; opacity: 1;}
.home-gobal .map dd.active .tit{opacity: 1;font-size: var(--font-size__20);}
.home-gobal .map dd.active.left .tit{ padding-right: 0.1rem;}
.home-gobal .map dd.active.right .tit{ padding-left: 0.1rem;}
.home-gobal .map dd .img{ width:3.6rem; border: 0.06rem solid var(--white-color); box-shadow: 0 0.04rem 0.3rem rgba(var(--primary-color__rgb),0.12); left: calc(100% + 0.1rem); bottom: calc(100% + 0.1rem); visibility: hidden; opacity: 0; transition: 0.3s; transform: scale(0);}
@media (min-width:481px){
.home-gobal .txt{ top: calc(150 / 960 * 100%); height: auto; bottom: calc(60 / 960 * 100%); pointer-events: none;}
.home-gobal .count-data{position: absolute;right:0; bottom: 0;}
.home-gobal .map dd:hover .img{ visibility: visible; opacity: 1; transform: scale(1); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
}
@media (max-width:1024px) {
.home-gobal .map > img{width: 160%;margin-left: -30%;max-width: none;}
.home-gobal .number-count{margin-bottom: var(--padding-margin__40);}
}
@media (max-width:480px) {
.home-gobal .map{position: relative;z-index: 1;}
.home-gobal .txt{position: relative; padding-top: var(--padding-margin__100);}
.home-gobal .count-data{position: absolute; top: 100%;color: var(--white-color);width: 100%;}
.home-gobal .edit-info{padding-bottom: var(--padding-margin__100);}
.home-gobal .number-count{margin-bottom: 0; padding-top: var(--padding-margin__100); flex: 1; margin-right: var(--padding-margin__80);}
.home-gobal .number-count dl{display: flex;justify-content: space-between;}
.home-gobal .number-count dd{width: 50%;margin-bottom: 0;}
.home-gobal .map dd .tit{font-size: var(--font-size__12);}
.home-gobal .map dd.active .ico{transform: scale(1.3);}
.home-gobal .map > img{width: 240%;margin-left: -70%;}
}

.icon-more{width: 0.6rem;height: 0.6rem;display: block;border-radius: 50%;background: url(../images/arrow.svg) no-repeat center center var(--white-color); background-size: auto 0.13rem;}

.home-project{background-color: var(--bg-color); padding: var(--padding-margin__110) 0;}
.home-project .cate-list{margin: var(--padding-margin__40) auto var(--padding-margin__50) auto; background: url(../images/step-line.png) no-repeat center top 0.33rem; background-size: auto 0.12rem;max-width: 11.4rem;}
.home-project .cate-list .item{width: 1.9rem}
.home-project .cate-list  a{display: flex;flex-direction: column;align-items: center;}
.home-project .cate-list  .ico{position: relative; width: 0.5rem;height: 0.5rem;display: flex;align-items: center; justify-content: center; --lrtb:0rem;}
.home-project .cate-list  .ico::before,
.home-project .cate-list  .ico:after{position: absolute;content: '';border-radius: 50%; transition: 0.3s;}
.home-project .cate-list  .ico:before{left:var( --lrtb);top:  var( --lrtb);right:  var( --lrtb);bottom:  var( --lrtb); border: solid 0.02rem #d7dde3;background-color: var(--bg-color); }
.home-project .cate-list  .ico:after{border: 1px dashed var(--primary-color);width: 100%;top: 0;left: 0;height: 100%;transform: scale(0);opacity: 0;}
.home-project .cate-list  a:hover .ico:before{background-color: var(--primary-color); border-color: var(--primary-color);}
.home-project .cate-list  a:hover .ico:after{transform: scale(1);opacity: 1; animation: zhuan 10s 0.5s infinite linear;}
.home-project .cate-list  .ico img{max-height:0.24rem; position: relative;z-index: 4;}
.home-project .cate-list  a:hover .ico img{filter: brightness(0) invert(1);}
.home-project .cate-list  p{margin-top:1em; font-size: var(--font-size__20);	color: #7f8994;}
.home-project .cate-list  a:hover p{color: var(--primary-color);}
.home-project .table-2d .item{position: relative; transition: 0.3s; overflow: hidden;}
.home-project .table-2d .item .pic{position: relative;z-index: 1;}
.home-project .table-2d .item .pic .tit{background: rgba(var(--black-color__rgb), 0.2);color: var(--white-color);display: flex;align-items: center; justify-content: center;font-size: var(--font-size__30);font-weight: var(--font-weight__m);}
.home-project .table-2d .item .pic .tit span{width: 80%; margin: auto;text-align: center;}
.home-project .table-2d .item.no-active .pic .tit:before{content: '';position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background: rgba(var(--primary-color__rgb), 0.7);}
.home-project .table-2d .item.no-active .pic .tit span{display: block;width: 1em; position: relative;z-index: 2;}
.home-project .table-2d .item.active .pic .tit{opacity: 0;}
.home-project .table-2d .hover-con{background: rgba(var(--primary-color__rgb), 0.3);}
.home-project .table-2d .hover-con a{color: var(--white-color); height: 100%; background: rgba(var(--black-color__rgb), 0.3);}
.home-project .table-2d .hover-con .icon-more{margin-top: var(--padding-margin__40);flex-shrink: 0;}
.home-project .table-2d .txt{text-align: center; width:90%; max-width:7.1rem;}
.home-project .table-2d .txt p{ line-height:calc(30 / 20); font-size: var(--font-size__18); font-weight: var(--font-weight__l); text-shadow: 0 0 0.2rem rgba(var(--black-color__rgb), 0.3);}
.home-project .table-2d .txt .line{width:0.3rem;height: 0.02rem; background: rgba(var(--white-color__rgb), 0.3);display: block; margin:0.1rem auto;}
.home-project .table-2d .txt h3{margin:.5em 0 0 0; font-weight:var(--font-weight__m); font-size: var(--font-size__28); --clamp:5}
.home-project .table-2d .icon{--iconwh:1.2rem;width: var(--iconwh);height: var(--iconwh);border-radius: 50%;display: flex;align-items: center;justify-content: center;background: url(../images/more-full-white.svg) var(--background-contain);}
.home-project .table-2d .icon img{max-height: calc(48 / 120 * 100%);}
@media (min-width: 481px) {
.home-project .table-2d .item{flex: 1; }
.home-project .table-2d .item.no-active{flex: 1;}
.home-project .table-2d .item.active{flex: 7; }

.home-project .table-2d .hover-con .icon,
.home-project .table-2d .hover-con h3,
.home-project .table-2d .hover-con p,
.home-project .table-2d .hover-con .icon-more {
    transform: translateY(0.3rem); 
    opacity: 0;
}

.home-project .table-2d .item.active .hover-con .icon,
.home-project .table-2d .item.active .hover-con h3,
.home-project .table-2d .item.active .hover-con p,
.home-project .table-2d .item.active .hover-con .icon-more {
    transform: translateY(0); 
    opacity: 1;
    transition: var(--transition) 0.2s;
}
.home-project .table-2d .item.active .hover-con .icon{transition-delay: 0.3s;}
.home-project .table-2d .item.active .hover-con h3{transition-delay: 0.4s;}
.home-project .table-2d .item.active .hover-con p{transition-delay: 0.5s;}
.home-project .table-2d .item.active .hover-con .icon-more{transition-delay: 0.6s;}
.home-project .table-2d .hover-con{visibility: hidden;}
.home-project .table-2d .item.active  .hover-con{visibility: visible;}
.home-project .table-2d .item .pic figure{height: 7.2rem;}
}
@media (max-width: 1024px) {
   .home-project .table-2d .item .pic .tit{font-size: var(--font-size__24);}
}
@media (max-width:640px) {
.home-project .table-2d .txt p br{ display:none;}
}
@media (max-width: 480px) {
.home-project .cate-list .item{width: 1.3rem}
.home-project .cate-list li .ico{height: 0.4rem;}
.home-project .table-2d{flex-wrap: wrap;}
.home-project .table-2d .item{width: 100%; position: sticky; top: var(--header_height);}
.home-project .table-2d .item .pic{ position:absolute; left:0; top:0; width:100%; height:100%;}
.home-project .table-2d .item .pic figure{padding-bottom:0; width:100%; height:100%;}
.home-project .table-2d .hover-con{ position:relative;}
.home-project .table-2d .hover-con a{ padding:.5rem .1rem;}
.home-project .table-2d .item:not(:last-child){margin-bottom: 0.2rem;}
.home-project .table-2d .item .pic .tit{visibility: hidden;}
.home-project .table-2d .icon{--iconwh:0.9rem;}
}
@keyframes zhuan {
   0%{transform: rotate(0deg);}
   100%{transform: rotate(360deg);}
}

.home-factory{padding: var(--padding-margin__120) 0 0 0; position: relative;}
.home-factory .edit-info{max-width: 1129px;margin: 0 auto;}
.home-factory .video_box{position: relative; margin-top: 0.6rem;}
.home-factory .tips {position: absolute; z-index: 200; display: flex; align-items:center; transition: opacity 0.2s ease;}
.home-factory .tips span {font-size: var(--font-size__20); padding: 0.15rem 0.22rem; text-wrap:nowrap; border-radius: 1rem; background-color: #004da0; color:#fff; transition: 0.3s all;}
.home-factory .tips .circle { position: relative; width: 0.08rem; height: 0.08rem; background-color: #fff; border-radius: 0.08rem; margin-right: 0.2rem;}
.home-factory .tips .circle::before,
.home-factory .tips .circle::after{position: absolute; z-index: -1; content: '';left: 50%; top: 50%; transform: translate(-50%,-50%);  background-color: #004da0; border-radius: 1rem; }
.home-factory .tips .circle::before {width: 0.2rem; height: 0.2rem; opacity: 0.6; animation: tips-before 0.8s ease-in-out infinite alternate;}
.home-factory .tips .circle::after {width: 0.4rem; height: 0.4rem; opacity: 0.4; animation: tips-after 0.8s 0.15s ease-in-out infinite alternate;}
.home-factory .tips:nth-child(1) {left: 64%;top: 45%;} 
.home-factory .tips:nth-child(2) {left: 39%;top: 36%;} 
.home-factory .tips:nth-child(3) {left: 48%;top: 24%;} 
.home-factory .tips:nth-child(4) {left: 17%;top: 70%;} 
.home-factory .tips:hover span {background-color:#5BB431; padding: 0.15rem 0.3rem;;}
.home-factory .tips:hover .circle::before, 
.home-factory .tips:hover .circle::after {background-color:#5BB431;}
.home-factory video {will-change: opacity, transform;  transform: translateZ(0);}

.home-factory .factory-top {position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: url(../images/factory_top.png) no-repeat; background-size: 100% 100%; transition: 1.5s ease; pointer-events: none;}
.home-factory .factory-mask {position: absolute; left: 0; top: -1px; z-index: 20; width: 100%; height: 100%; background: url(../images/factory_mask.png) no-repeat; background-size: 100% 100%; transition: 1.5s ease; pointer-events: none;}


@media (max-width: 1024px) { 
.home-factory .tips span {font-size: var(--font-size__16); padding: 0.10rem 0.16rem;}
.home-factory .tips:hover span {padding: 0.10rem 0.22rem;;}
}
@media (max-width: 480px) { 
.home-factory .tips span {font-size: var(--font-size__14); padding: 0.06rem 0.10rem;}
.home-factory .tips:hover span {padding: 0.06rem 0.16rem;;}
}
@keyframes tips-before {
   0%{width: 0.15rem; height: 0.15rem;}
   100%{width: 0.25rem; height: 0.25rem;}
}
@keyframes tips-after {
   0%{width: 0.35rem; height: 0.35rem;}
   100%{width: 0.45rem; height: 0.45rem;}
}

.home-factory .video_box{width: 100%; padding-top: 37.5%;}
.home-factory .main{display:block; opacity:1;}
.home-factory video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s ease;}
@media (max-width: 1024px) { 
.home-factory .video_box{width: 100vw; height: 37.5vw; overflow: hidden;}
.home-factory video{width: 130%; margin-left: -15%; max-width: unset;}
.home-factory .main{display:block !important; opacity:1 !important;}
}


.home-esg{padding: var(--padding-margin__120) 0;}
.home-esg{position: relative;z-index: 1; overflow: hidden;}
.home-esg .container{position: relative;z-index: 6;color: var(--white-color);}
.home-esg .bg-img figure{height: 100%;}
.home-esg .awards{margin: var(--padding-margin__50) 0 var(--padding-margin__60) 0;}
.home-esg .awards ul{max-width: 1160px; margin: 0 auto;}
.home-esg .awards li{display: flex;align-items: center;}
.home-esg .awards li .img{flex-shrink: 0; border-radius: 0.1rem;width: 0.8rem;overflow: hidden;}
.home-esg .awards li .img img{display: block;width: 100%;}
.home-esg .awards li  p{font-size: var(--font-size__20); font-weight: var(--font-weight__l); margin-left: 0.13rem;flex: 1; line-height: 1.4;}
.home-esg .columns{margin: 0 -6.25% var(--padding-margin__30);}
.home-esg .columns .item{flex: 1; padding: 0 var(--padding-margin__100); text-align: center;display: flex;flex-direction: column;align-items: center; transition: var(--transition); position: relative;}
.home-esg .columns .item:before{position: absolute; content: '';width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(var(--primary-color__rgb), 0) 0%,rgba(90, 180, 49, 0.5) 50%,rgba(var(--primary-color__rgb), 0) 100%); opacity: 0; transition: 0.5s;z-index: -1;}
.home-esg .columns .item .icon{width:0.7rem;height:0.7rem;border-radius: 50%;display:flex;align-items:center;justify-content: center;background: url(../images/more-full-white.svg) var(--background-contain); transition: 0.5s;}
.home-esg .columns .item .icon img{max-height:0.40rem;}
.home-esg .columns .item .txt h3{margin:0.2rem 0; font-weight: var(--font-weight__m); font-size: var(--font-size__26);}
.home-esg .columns .item .txt p{line-height: calc(30 / 20); font-size: var(--font-size__18); font-weight: var(--font-weight__l);}
.home-esg .columns .item:hover:before{opacity: 1;}
.home-esg .columns .item:hover .icon{transform: rotateY(180deg);}
@media (min-width: 1025px) {
.home-esg .columns .item:not(:last-child){border-right: 1px solid rgba(var(--white-color__rgb), 0.2);}
}
@media (max-width: 1024px) { 
.home-esg .columns .item{padding: var(--padding-margin__50) var(--padding-margin__100);}
.home-esg .columns .item:not(:last-child){border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);}
.home-esg .columns{margin-left: -3%; margin-right: -3%;}
}
@media (max-width:640px) {
.home-esg .columns .item:not(:last-child){margin-bottom:.3rem;}
}

.home-news{padding: var(--padding-margin__120) 0 var(--padding-margin__100) 0; background-color: var(--bg-color); overflow: hidden;}
.home-news .all-title{margin-bottom: var(--padding-margin__70);}
.home-news .pic figure{padding-bottom: calc(300 / 500 * 100%); transition: 0.3s;}
.home-news .swiper-main{overflow: hidden;width: calc(1760 / var(--max-width) * 100%); cursor: none; position: relative;}
.home-news .swiper{overflow: initial;width: calc(var(--max-width) / 1760 * 100%);margin: 0;}
.home-news .swiper-slide a{display: block; transition: 0.3s;}
.home-news .txt{background-color: var(--white-color); padding: var(--padding-margin__30);}
.home-news .txt h3{min-height: calc(36 / 24 * 2em); font-size: var(--font-size__22); line-height: calc(36 / 24);margin:0 0 0.2rem 0; font-weight: var(--font-weight__m);}
.home-news .txt time{color: #666;font-size: var(--font-size__16);}
@media (min-width: 1025px) {
.home-news .swiper-slide a{margin-bottom: var(--padding-margin__60);}
.home-news .swiper-slide-next  a{margin-bottom: 0;}
.home-news .swiper-slide-next .pic figure{padding-bottom: calc(300 / 500 * 100% + var(--padding-margin__60));} 
.mouse{position: fixed; width: 0.8rem; height: 0.8rem; background: url(../images/mouse.svg) var(--background-contain);}
}
@media (max-width: 1024px) { 
.home-news .swiper-main{width: 105%;}
.home-news .swiper{width: 70%;}
.home-news .all-more{ margin-top: var(--padding-margin__60);}
}


.page-ban{position: relative;z-index: 1; overflow: hidden;color: var(--white-color);}
.page-ban .location-box{ position:absolute; left:0; top:var(--header_height); width:100%; padding:.3rem 0;}
.page-ban .name{font-size: var(--font-size__66); font-weight: var(--font-weight__m);}
.page-ban .desc{font-size: var(--font-size__24);font-weight: var(--font-weight__l); margin-top: 1em;}
.page-ban .center-box{ width:100%;}
.page-ban .tit-big{ font-size:var(--font-size__66); color:#333333; line-height:1.5;}
.page-ban .tit-small{ font-size:var(--font-size__42); color:#333333; line-height:1.5;}
.page-ban .number-count{ margin-top:.5rem;}
.page-ban .number-count dd{ margin-right:.8rem;}
.page-ban .number-count dd p{margin:.15rem 0 0 0;font-size:var(--font-size__20);font-weight:var(--font-weight__l); color:#333333; text-align:left; line-height:1.5;}
.page-ban .number-count dd .num{color:var(--primary-color);display:flex;justify-content:flex-start;align-items:center;font-family:var(--font-family__en);font-weight:600;}
.page-ban .number-count dd .num .ol{ height:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; align-content:space-between;}
.page-ban .number-count dd .count-up{font-size:var(--font-size__60); line-height:calc(60 / 60);}
.page-ban .number-count dd .yt{font-size:var(--font-size__60); line-height:1; font-weight:bold; width:100%;}
.page-ban .number-count dd sub,
.page-ban .number-count dd sup{font-size:var(--font-size__20);display: block; text-align:center; width:100%; line-height:.8;}
.page-ban .number-count dd sup{ font-weight:bold;font-size:var(--font-size__30);}
.page-ban .number-count dd sub{padding-top:0.32em; margin-left:0;}
.page-ban .number-count dd:last-child{ margin-right:0;}

@media (max-width:1024px) {
.page-ban img{width: 140%; max-width:none;margin-left:-20%;}
.page-ban .name{font-size: var(--font-size__32); }
.page-ban .desc{font-size: var(--font-size__16);}

.page-ban .tit-big{font-size: var(--font-size__32);}
.page-ban .tit-small{font-size: var(--font-size__16);}
}

@media (max-width:640px) {
.page-ban .location-box{ padding:.15rem 0;}
.page-ban .text{ padding-top:1rem;}
.page-ban .tit-big{font-size: var(--font-size__24);}
.page-ban .tit-small{font-size: var(--font-size__16);}
.page-ban .number-count{ margin-top:.2rem;}
.page-ban .number-count dl{ align-items:flex-start;}
.page-ban .number-count dd{ margin-right:.2rem; max-width:30%;}
.page-ban .number-count dd .count-up{font-size: var(--font-size__26);}
.page-ban .number-count dd sub,
.page-ban .number-count dd sup{font-size: var(--font-size__16);}
.page-ban .number-count dd .yt{font-size: var(--font-size__16);}
.page-ban .number-count dd p{font-size: var(--font-size__16);}
}


.page-content{padding: var(--padding-margin__80) 0; overflow: hidden;}

.current{display: flex;align-items: center;flex-wrap: wrap; font-size: var(--font-size__16);font-weight: var(--font-weight__l);}
.current a{display: block; margin-right: 0.09rem; padding-right: 0.13rem; background:url(../images/loca-on.svg) no-repeat right center;background-size: auto 0.07rem;}
.current:before{display: block;content: '';width: 1em; height: 1em; background:url(../images/home-dark.svg) var(--background-contain); margin-right: 0.08rem;}
.current span{color: var(--primary-color);}
.current a:not(:hover){color: rgba(var(--secondary-color__rgb), 0.7);}
.page-location{position: relative;z-index: 2; margin-top: -0.46rem; min-height: 0.46rem;}
.page-location .current span{color: var(--white-color);}
.page-location .current a{ background-image: url(../images/loca.svg);}
.page-location .current a:not(:hover){color: rgba(var(--white-color__rgb), 0.6);}
.page-location .current a:hover{color: var(--white-color);}
.page-location .current:before{background-image: url(../images/home.svg);}
@media (max-width:480px) {
.page-location{margin-top: -0.32rem; min-height: 0.32rem;}
}

.news-list li{--limr:0.55rem; margin-bottom: var(--padding-margin__80);}
.news-list li a{display: block;border-bottom: 0.04rem solid rgba(241, 243, 245, 0.8); height: 100%; transition: var(--transition);}
.news-list li a:hover{border-bottom-color: var(--primary-color);}
.news-list li .pic{position: relative;z-index: 1;}
.news-list li .label{position: absolute; background: var(--primary-color);color: var(--white-color);border-radius: 0.02rem; font-size: var(--font-size__14); line-height: calc(30 / 14); padding: 0 1em;left: 0.1rem;top: 0.1rem;z-index: 10;}
.news-list li .pic figure{padding-bottom: calc(286 / 430 * 100%);}
.news-list li h3{margin: 0 0 var(--padding-margin__30) 0; font-size: var(--font-size__24); line-height: calc(36 / 24); font-weight: var(--font-weight__m); min-height: calc(36 / 24 * 2em);}
.news-list li time{color: #666666; font-size: var(--font-size__16);}
@media (min-width:1025px) {
.news-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.news-list li:nth-child(3n+1) + li{animation-delay: 0.1s;}
.news-list li:nth-child(3n+1) + li + li{animation-delay: 0.2s;}
.news-list li a:hover{transform: translateY(-0.2rem); }
.news-list li .txt{padding: var(--padding-margin__40) 0;}
}
@media (max-width:1024px) {
.news-list li a{display: flex;align-items: center;}
.news-list li .pic{width: 45%;}
.news-list li .txt{flex: 1; margin-left: var(--padding-margin__30);}
}
@media (max-width:640px) {
.news-list li h3{ font-size: var(--font-size__22);}
}


.news-details{--max-width:1024;padding-top: calc(var(--header_height) + var(--padding-margin__80)); padding-bottom: var(--padding-margin__140);}
.news-details .current{justify-content: center; }
.news-details .current a:not(:hover){color: rgba(var(--secondary-color__rgb), 0.7);}
.news-details .current::before{display: none;}
.news-details .current a{background-image: url(../images/loca-on.svg);}
.news-details .title{margin: var(--padding-margin__30) 0 0 0; font-weight: var(--font-weight__m); font-size: var(--font-size__42);text-align: center; line-height: calc(70 / 56);}
@media (max-width:1024px) {
.news-details .title{ font-size: var(--font-size__32);}
}
.news-details .date{text-align: center; margin: 0.2rem 0 var(--padding-margin__60);color: #666666;}
.news-details .edit-info{border-top: 1px solid #f1f3f5;border-bottom: 1px solid #f1f3f5; padding: var(--padding-margin__50) 0; margin-bottom: var(--padding-margin__40);}
.news-details .edit-info *{font-family:var(--font-family) !important; line-height:1.8!important;font-size:0.2rem !important;}
.news-details .edit-info h3,.news-details .edit-info h4,.news-details .edit-info h5,.news-details .edit-info h6{font-size:0.24rem !important;}
.news-details .edit-info h1,.news-details .edit-info h2{font-size:0.28rem !important;}

.news-page .tit span{color: #81838a;font-weight: var(--font-weight__l);}
.news-page .tit p{margin-top: 1em; font-weight: var(--font-weight__m); line-height:1.5;}
.news-page .tit a:not(:hover){color: #81838a;}
.news-page .next{text-align: right;}
.news-page .tit > div{max-width: 48%;}

.column-name{font-size: var(--font-size__32);font-weight: var(--font-weight__l); margin-bottom: var(--padding-margin__90); line-height: 1.2;}
@media (max-width:480px) {
.column-name{font-size: var(--font-size__28);}
}

.scroll-content::-webkit-scrollbar{width:.03rem;height:.03rem}
.scroll-content::-webkit-scrollbar-track{background:rgba(var(--secondary-color__rgb), 0.1)}
.scroll-content::-webkit-scrollbar-thumb{background:rgba(var(--secondary-color__rgb), 0.5);border-radius:.04rem}
.scroll-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--secondary-color__rgb), 0.5)}

[class*=arrows-]{--btnwh:0.6rem;position: absolute;width: var(--btnwh); height: var(--btnwh);top: 50%;margin-top: calc(var(--btnwh) / -2);cursor: pointer;z-index: 10;border-radius: 50%; background: var(--primary-color);transition: 0.5s}
[class*=arrows-]:not(.swiper-button-disabled):hover{background-color: var(--green-color)}
[class*=arrows-]:not(.swiper-button-lock){display: flex;align-items: center;justify-content: center; }
[class*=arrows-]:before{display: block; content: ''; width: 0.1rem; height: 0.13rem; background: url(../images/arrow-white.svg) var(--background-contain);}
[class*=arrows-].swiper-button-disabled{cursor: default;background-color: #edf2f7;}
[class*=arrows-].swiper-button-disabled:before{background-image: url(../images/arrow-lighter.svg); cursor: default;}
.arrows-prev:before{transform: rotateY(180deg);}
.arrows-prev{left: 0;}
.arrows-next{right: 0;}
@media (max-width:480px) {
[class*=arrows-]{--btnwh:0.4rem;}
}

.industry-list .item:not(:last-child){margin-bottom: var(--padding-margin__60);}
.industry-list:nth-child(2n+2) .item .txt-area{justify-content: flex-end;}
.industry-list:nth-child(2n+2) .item .box.fadeInLeftSmall{animation-name: fadeInRightSmall;}
.industry-list .item .txt-area{padding: 0 var(--padding-margin__50);}
.industry-list .item .box{background-color: var(--white-color); padding: var(--padding-margin__60);width: 100%;max-width: 5.6rem;  position: relative;z-index: 2; box-shadow: 0.06rem 0 0.4rem rgba(var(--primary-color__rgb), 0.08);}
.industry-list .item .pic figure{padding-bottom: calc(640 / 1400 * 100%);}
.industry-list .item .tit{font-size: var(--font-size__40); font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__30) 0;}
.industry-list .item .scroll-content{font-size: var(--font-size__20); max-height: calc(1.8 * 4em); overflow: auto; margin-right: -0.2rem;}
.industry-list .item .edit-info{padding-right: 0.26rem;}
.industry-list .swiper-icons{margin-top: 0.3rem;position: relative;}
.industry-list .swiper-icons .icon{height: 0.62rem;display: flex; justify-content: center;}
.industry-list .swiper-icons .icon img{max-height: 0.44rem;}
.industry-list .swiper-icons p{text-align: center; font-size: var(--font-size__20);font-weight: var(--font-weight__l); line-height: 1.2;}
.industry-list .swiper-icons [class*=arrows-]{background-color: transparent;}
.industry-list .swiper-icons [class*=arrows-]:not(.swiper-button-disabled)::before{background-image: url(../images/arrow.svg);}
@media (min-width:481px) {
.industry-list .swiper-icons [class*=arrows-]{--btnwh:0.58rem;}
}
.industry-list .swiper-icons .arrows-prev{left: -0.3rem;}
.industry-list .swiper-icons .arrows-next{right: -0.3rem;}
.industry-list .swiper-icons .more{height:calc(0.62rem + 1em); background: url(../images/more-dot.svg) no-repeat center center; background-size: 0.26rem auto;}
.industry-list .no-swiper .arrows-prev,
.industry-list .no-swiper .arrows-next{display: none}
.industry-list .no-swiper .swiper-slide{width: 25%}
@media (min-width:1025px) {
.industry-list .item .box{margin-top: -3.2rem;}
}
@media (max-width:1024px) {
.industry-list .item .box{margin-top: -0.5rem;}
}
@media (max-width:480px) {
.industry-list .item .tit{font-size: var(--font-size__32); }
.industry-list .swiper-icons p{font-size: 1em;}
}

.pic-hover .pic{ overflow: hidden;}
.pic-hover .pic figure{transition: 0.5s;}
.pic-hover:hover .pic figure{transform: scale(1.2);}

.product-list .item{position: relative; margin-bottom: calc(24 / var(--max-width) * 100%); overflow: hidden;}
.product-list .item:nth-child(2n+1).fadeInRightSmall{animation-name: fadeInLeftSmall;}
.product-list .item:not(.long){width: calc(526 / var(--max-width) * 100%);}
.product-list .item.long{width: calc(850 / var(--max-width) * 100%);}
.product-list .item:not(.long) .pic figure{padding-bottom: calc(400 / 526 * 100%);}
.product-list .item.long .pic figure{padding-bottom: calc(400 / 850 * 100%);}
.product-list .item .tit, .product-list .item .txt {position: absolute; left: 0;width: 100%;bottom: 0;z-index: 3;color: var(--white-color);padding: var(--padding-margin__30);display: flex;}
.product-list .item .tit{background: linear-gradient(to bottom,  rgba(var(--black-color__rgb),0) 0%, rgba(var(--black-color__rgb),0.6) 100%); min-height: calc(160 / 400 * 100%);align-items: flex-end;font-size: var(--font-size__30);font-weight: var(--font-weight__m); transition: 0.3s; z-index: 1;}
.product-list .item .txt{flex-direction: column;min-height: calc(300 / 400 * 100%);background: linear-gradient(to bottom,  rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),0.94) 100%); justify-content: flex-end; opacity: 0; transition: 0.3s;}
.product-list .item a:hover .txt{opacity: 1;}
.product-list .item .info p{flex-shrink: 0; font-weight: var(--font-weight__l); line-height: 1.6; font-size: var(--font-size__20);width: calc(90% - 0.5rem);max-width: 6.4rem; }
.product-list .item .txt h3{margin: 0 0 0.2rem 0; font-size: var(--font-size__36);font-weight: var(--font-weight__m);}
.product-list .item .info .icon-more{flex-shrink: 0;}
.product-list .item .txt h3, .product-list .item .txt .info p, .product-list .item .txt .icon-more {
  transition: 1s;
  opacity: 0;
}
.product-list .item .txt h3, .product-list .item .txt .info p {
  transform: translateY(0.2rem);
}
.product-list .item .txt .icon-more {
  transform: scale(0) rotate(360deg);
}
.product-list .item a:hover h3, .product-list .item a:hover .info p, .product-list .item a:hover .icon-more {
  opacity: 1;
  transition-delay: 0.3s;
}
.product-list .item a:hover h3, .product-list .item a:hover .info p {
  transform: translateY(0);
}
.product-list .item a:hover .info p{transition-delay: 0.5s;}
.product-list .item a:hover .icon-more{transform: scale(1) rotate(0deg);}
@media (min-width:1025px) {
.product-list .item a:hover .tit{opacity: 0; transform: translateY(-0.2rem);}
}
@media (max-width:1024px) {
.product-list .item .txt{display: none;}
}
@media (max-width:480px) {
.product-list .item .tit{font-size: var(--font-size__20);}
.product-list .item .txt h3{font-size: var(--font-size__24);}
}

.sub-title{font-size: var(--font-size__46); margin-bottom: 1em;font-weight: var(--font-weight__m);}
@media (max-width:1024px) {
.sub-title{font-size: var(--font-size__30); }
}
@media (max-width:480px) {
   .sub-title{font-size: var(--font-size__24); }
   }

.product-details{margin-top: var(--header_height); padding-top: var(--padding-margin__40); padding-bottom: var(--padding-margin__110);overflow: hidden;}
.product-details .current{margin-bottom: var(--padding-margin__70);}
.product-details .edit-info{width: 90%;max-width: 10rem;color: rgba(var(--secondary-color__rgb), 0.8); margin: 0 auto var(--padding-margin__60);}
@media (min-width:481px) {
.product-details .all-title{margin-bottom: var(--padding-margin__40); font-size: var(--font-size__46);}
}

.feedback{background-color: var(--bg-color); padding: var(--padding-margin__120) 0; --pl:0.26rem}
.feedback dd{position: relative;z-index: 1;  margin-bottom: var(--padding-margin__30);}
.feedback dd.long{width: 100%;}
.feedback dd:not(.long){width: calc((100% - var(--padding-margin__30)) / 2);}
.feedback .form-input{display: block;width: 100%; padding: 0.2rem var(--pl) 0; line-height: 0.5rem;}
.feedback input.form-input{height: 0.7rem;}
.feedback textarea.form-input{line-height: 1.5; padding-top: 0.4rem;}
.feedback .label-name{position: absolute; left:var(--pl); line-height: 0.7rem; font-weight: var(--font-weight__l);color: #999999;font-size: var(--font-size__20); top: 0;transform-origin: 0 -2em; transition: 0.3s;pointer-events: none;}
.feedback .label-name.cg{transform: scale(0.8); }
.feedback .label-name .err{color: #d60c0c;}
.feedback .count{position: absolute;right: 0.2rem; bottom: 0.2rem;pointer-events: none;color:rgba(var(--secondary-color__rgb), 0.4); font-weight: var(--font-weight__l);font-size: var(--font-size__14);}
.feedback .imgcode{position: absolute;right: 0.05rem;top: 0;bottom: 0;margin: auto; height: 80%;}
@media (max-width:480px) {
   .feedback{--pl:0.15rem}
}

.btn-area .btn{height: 0.7rem;background: var(--primary-color); border-radius: 0.05rem;color: var(--white-color);cursor: pointer;border: 0;font-weight: var(--font-weight__l);font-size: var(--font-size__20);min-width: 2.2rem;}
.product-details .arrows-prev,
.product-details .arrows-next{width: 28.5%; height: 100%; top: 0; border-radius: 0; opacity: 0; display:none;}
@media (min-width:1025px) {
/* .product-details .arrows-prev{left: -1rem;}
.product-details .arrows-next{right: -1rem;} */
}
@media (max-width:640px) {
   .product-details .arrows-prev,
.product-details .arrows-next{ width: 16.5%;}
/* .product-details .arrows-prev{left: -0.6rem;}
.product-details .arrows-next{right: -0.6rem;} */
}

.swiper-gallery{position: relative;z-index: 1; margin-bottom: var(--padding-margin__70);}
/* .swiper-gallery .swiper{perspective: 1200px;}
.swiper-gallery .swiper-wrapper{transform-style: preserve-3d;} */
.swiper-gallery .swiper-slide { background-color: var(--white-color);width: 8rem;padding-bottom: var(--padding-margin__90); transform: translateZ(0);backface-visibility: hidden; padding-top: 0.2rem;}
.swiper-gallery .swiper-slide:not(.swiper-slide-active){-webkit-filter: blur(2px); filter: blur(2px); opacity: 0.8;}
.swiper-gallery .swiper-slide-active{ z-index: 5;}
.swiper-gallery .pic{box-shadow: 0 0 0.2rem rgba(var(--black-color__rgb), 0.2);}
.swiper-gallery .pic figure{padding-bottom: calc(520 / 800 * 100%);}
.swiper-gallery .pic{position: relative;z-index: 1;}
.swiper-gallery .pic .ying{position: absolute; top: 100%;width: 100%; height: var(--padding-margin__90); overflow: hidden;}
.swiper-gallery .pic .ying figure {
    -webkit-transform: rotateX(180deg); 
    transform: rotateX(180deg);
    opacity: 0.5;
}
.swiper-gallery .pic::before {
    position: absolute;
    left: -1px;
    top: 100%;
    width: -webkit-calc(100% + 2px); 
    width: calc(100% + 2px);
    height: -webkit-calc(var(--padding-margin__90) + 2px); 
    height: calc(var(--padding-margin__90) + 2px);
    background: rgba(255, 255, 255, 0.7); 
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(var(--white-color__rgb), 0.7) 0%, rgba(var(--white-color__rgb), 1) 100%);
    content: '';
    z-index: 10;
}


.relate-main{margin-top: var(--padding-margin__70)}
.relate-main .pic figure{padding-bottom: calc(335 / 440 * 100%); background-size: var(--background-contain)}
.relate-main .list{position: relative;}
.relate-main .list p{font-size: var(--font-size__28); margin-top: 1em;text-align: center;font-weight: var(--font-weight__l);}
.relate-main .list a:not(:hover) p{color: rgba(var(--secondary-color__rgb), 0.8);}
.relate-main .swiper-slide{width: 4.4rem;margin-right: .4rem}

@media(max-width:1600px){
.swiper-gallery .swiper-slide {width: calc(990 / 1720 * 100vw);}
}
@media(max-width:1600px) and (min-width:1025px){
.relate-main .list,
.swiper-gallery{margin-left: 0.5rem;margin-right: 0.5rem;}
}
@media (max-width:1024px) {
.relate-main .list,
.swiper-gallery{margin-left: 0.55rem;margin-right: 0.55rem;}
.swiper-gallery .swiper-slide {width:40vw;}
.relate-main .list p{font-size: var(--font-size__20);}
}
@media (max-width:480px) {
.swiper-gallery .swiper-slide {width:50vw;}
}

.engry-intro{background: var(--bg-color); padding: var(--padding-margin__80) 0;--max-width:1320}
.engry-intro > .container{position: relative;z-index: 1; padding: 0 var(--padding-margin__80);--wh:0.54rem}
.engry-intro > .container:before,
.engry-intro > .container:after{position: absolute; content: '';	width: var(--wh); height:  var(--wh); background: url(../images/yinhao.svg) var(--background-contain); background-position: center top;}
.engry-intro > .container:before{left: 0;top: 0;}
.engry-intro > .container:after{right: 0; bottom: 0; transform: rotate(180deg);}
.engry-intro .edit-info{line-height: calc(52 / 28); font-size: var(--font-size__24);}
@media (max-width:480px) {
.engry-intro .edit-info{font-size: var(--font-size__20);}
.engry-intro .edit-info br{display: none;}
.engry-intro > .container{--wh:0.3rem}
}

.engry-tab .item{position: relative;z-index: 1; transition: 0.5s; overflow: hidden;}
.engry-tab .txt{position: absolute;display: flex;left: 0;top: 0;width: 100%;height: 100%;align-items: center;z-index: 10;color: var(--white-color); background:rgba(var(--black-color__rgb), 0.2);}
.engry-tab .item .pic figure{height: 4.8rem;}
.engry-tab .item.no-active .title{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.engry-tab .item .txt::before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;content: '';z-index: 1; background: linear-gradient(to right, rgba(var(--primary-color__rgb),0.9) 0% , rgba(var(--primary-color__rgb),0) 100%); opacity: 0; transition: 0.5s;}
.engry-tab .item.active .txt::before{opacity: 1;}
.engry-tab .item .txt-inner{width: 100%;position: relative;z-index: 2;}
.engry-tab .item .title{position: relative;z-index: 1; transition: 0.5s 0.3s;}
.engry-tab .item .title b{font-family: var(--font-weight__en); font-weight: 600; font-size: var(--font-size__70);}
.engry-tab .item .title span{font-weight: var(--font-weight__m);font-size: var(--font-size__28);margin-top: 1em;}
.engry-tab .item .title:after{position: absolute; content: '';height: 1px;left: 0;bottom: 0; background: linear-gradient(to right,rgba(var(--white-color__rgb) , 0.6),rgba(var(--white-color__rgb) , 0) 80%);width: 0; transition: 0.5s 0.3s;}
.engry-tab .item.active .txt-inner{padding: 0 var(--padding-margin__50);}
.engry-tab .item.active .title{ padding-bottom: 0.35rem; margin-bottom: var(--padding-margin__30); display:-webkit-flex; display:flex; align-items:center;}
.engry-tab .item.active .title:after{width: 70%;}
.engry-tab .item pre{line-height: 1.8; font-weight: var(--font-weight__l); font-size: var(--font-size__20); transition: opacity 0.5s 0.5s;}
.engry-tab .item.no-active pre{position: absolute;right: 100%;opacity: 0;visibility: hidden;}
.engry-tab .item.active{opacity: 1;}
@media (min-width:641px) {
.engry-tab .item.active{flex: 2.25;}
.engry-tab .item.no-active{flex: 1;}
.engry-tab .item:not(:last-child){margin-right: var(--padding-margin__20);}
}
@media (max-width:640px) {
.engry-tab .list{display: block;}
.engry-tab .item:not(:last-child){margin-bottom: var(--padding-margin__20);}
}

.engry-partner{background: var(--bg-color);}
.engry-partner .edit-info{max-width: 8.86rem; margin: 0 auto var(--padding-margin__10); color:rgba(var(--secondary-color__rgb), 0.7);text-align:center;}
.engry-partner .item{--lin:4;--limr:0.32rem; background-color: #fff; padding: var(--padding-margin__40);box-shadow: 0 0.08rem 0.4rem  rgba(0, 34, 73, 0.08);width: 2.2rem}
.engry-partner .item .img{display: flex;align-items: center; justify-content: center;height: 1.06rem; }
.engry-partner .item .img img{max-height: 100%;}
.engry-partner .item p{font-size: var(--font-size__22);font-weight: var(--font-weight__l);text-align: center;line-height: 1.2;display:none;}

@media (min-width:641px) {
.engry-partner .item{margin-right: var(--limr); margin-top: var(--limr);}
/*.engry-partner .item:nth-child(4) ~ .item{margin-top: var(--limr);}*/
}
@media (max-width:1280px) {
.engry-partner .item{padding: var(--padding-margin__30);}
}
@media (max-width:640px) {
.engry-partner .item{--lin:2;--limr:0.2rem;}
.engry-partner .item{margin-right: var(--limr);margin-top: var(--limr)}
/*.engry-partner .item:nth-child(2) ~ .item{margin-top: var(--limr);}*/
.engry-partner .item .img{height: 0.8rem;}
.engry-partner .item .img img{max-width: 60%;}
}

.engry-slider{--height:1rem}
.engry-slider .swiper-big{margin-top:var(--padding-margin__30);}
.engry-slider .swiper-big .pic figure{padding-bottom: calc(550 / 1400 * 100%);}
.engry-slider .swiper-small{z-index: 3; }
.engry-slider .swiper-small .swiper-slide{height:var(--height);display: flex;align-items: center;justify-content: center; cursor: pointer;}
.engry-slider .swiper-small .swiper-slide:not(.swiper-slide-thumb-active){background-color: rgba(237, 242, 247, 0.94);}
.engry-slider .swiper-small .swiper-slide-thumb-active{background-color: rgba(var(--primary-color__rgb), 0.96);}
.engry-slider .swiper-small .icon{width: 0.6rem; height: 0.6rem;border-radius: 50%;border: 1px dashed var(--default-color);display: flex;align-items: center; justify-content: center; flex-shrink: 0; opacity: 0.7;}
.engry-slider .swiper-small .icon img{max-width:50%;}
.engry-slider .swiper-small .swiper-slide-thumb-active .icon{border-color: var(--white-color);}
.engry-slider .swiper-small .tit{ margin-left: var(--padding-margin__20); font-size: var(--font-size__24); line-height: 1.2; font-weight: var(--font-weight__m);opacity: 0.8}
.engry-slider .swiper-small .swiper-slide-thumb-active .tit{opacity: 1;color: var(--white-color);}
.engry-slider .swiper-small .swiper-slide-thumb-active .icon{opacity: 1;}
.engry-slider .swiper-small .swiper-slide-thumb-active .icon img{filter: brightness(0) invert(1);}
@media (min-width:481px) {
.engry-slider .swiper-small{margin-top: calc(var(--height) * -1);}
.engry-slider .swiper-small .tit{max-width: calc(100% - 0.7rem * 2 -  var(--padding-margin__20));}
}
@media (max-width:768px) { 
.engry-slider{--height: auto}
.engry-slider .swiper-small .swiper-slide{flex-wrap: wrap;height: auto;padding: .1rem}
.engry-slider .swiper-small .tit{width: 100%; margin-left: 0; max-width: inherit;text-align: center;margin-top: .1rem}
}
@media (max-width:480px) { 
.engry-slider{--height:1rem}
.engry-slider .swiper-small .icon{width: 0.3rem; height: 0.3rem;}
.engry-slider .swiper-small .tit{ font-size: var(--font-size__20); }
.engry-slider .swiper-small .swiper-slide{padding:0.2rem;}
}

.engry-honor{position: relative;z-index: 1;}
.engry-honor .bg-img{z-index: 1;}
.engry-honor .bg-img figure{height: 100%;}
.engry-honor .container{z-index: 4; position: relative;}

.design-intro{background-color: var(--white-color);}
.design-count{padding-top: var(--padding-margin__80);}
.design-count .container{box-shadow: 0 0.08rem 0.5rem rgba(0, 57, 144, 0.1);border-radius: var(--padding-margin__30) 0; /*padding: var(--padding-margin__30) 0;*/; overflow: hidden}
.design-count .item{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center; padding: var(--padding-margin__70) 0;transition: 0.5s}
.design-count .item:not(:last-child):after{position: absolute; content: '';top: 0;}
.design-count .item pre{max-width: 2.81rem; line-height: 1.8;text-align: center; font-size: var(--font-size__20); font-weight: var(--font-weight__l);width: 90%;}
.design-count .item:nth-child(1) pre{max-width: 3.6rem;}
.design-count .item pre span{font-weight: var(--font-weight__m);color: var(--primary-color);}
.design-count .item .number{margin-bottom: var(--padding-margin__60);display: flex;justify-content: center; align-items: flex-start;color: var(--primary-color);  font-family: var(--font-family__en); font-weight: var(--font-weight__sb);}
.design-count .item .count{font-size: var(--font-size__70);line-height: calc(51 / 70);}
.design-count .item sup{font-size: var(--font-size__50); line-height: calc(20 / 50);}
@media (min-width:1025px) {
.design-count .item{width: calc(100% / 3); }
.design-count .item:not(:last-child):after{width: 1px;height: 100%;background-image: linear-gradient(0deg,  rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),0.1) 50%,  rgba(var(--primary-color__rgb),0) 100%);right: 0;}
}
.design-count .item:hover{background: var(--primary-color)}
.design-count .item:hover *{color: var(--white-color)}
@media (max-width:1024px) { 
.design-count .item:not(:last-child):after{width: 100%;height: 1px;top: 100%;background-image: linear-gradient(to right,  rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),0.1) 50%,  rgba(var(--primary-color__rgb),0) 100%);}
.design-count .item{padding: var(--padding-margin__70) 0;}
}

.design-four{background-color: var(--bg-color);}
.design-four .list{display: flex; }
.design-four .item{position: relative;transition: 0.3s;}
.design-four .item .txt{background-color: var(--white-color);}
.design-four .item .tit{font-weight: var(--font-weight__m);}
.design-four .item .desc{ line-height: 1.8;color: rgba(var(--secondary-color__rgb), 0.8); margin-top: 1em;font-weight: var(--font-weight__l); }
@media (min-width:1025px) {
.design-four .item:not(last-child){margin-right: var(--padding-margin__20);}
.design-four .item.active{flex: 3.1875;}
.design-four .item.no-active{flex:1;}
.design-four .list{--height:1.2rem}
.design-four .item{padding-bottom:var(--height);}
.design-four .pic figure{height: 4.8rem;}
.design-four .item.no-active .txt{height: var(--height); overflow: hidden;}
.design-four .item.no-active .tit{display: flex;align-items: center;justify-content: center; height: var(--height);font-size: var(--font-size__24);}
.design-four .item.active .txt{ padding: var(--padding-margin__30) var(--padding-margin__40);}
.design-four .item.active .tit{font-size: var(--font-size__30);}
.design-four .item .txt{position: absolute;left: 0;width: 100%;bottom: 0;z-index: 10;}
.design-four .item .desc{font-size: var(--font-size__20);min-height: 3.6em;}
}
@media (max-width:1024px) { 
.design-four .list{flex-wrap: wrap;}
.design-four .item{width: calc((100% - 0.2rem) / 2);background-color: var(--white-color);}
.design-four .item:nth-child(2) ~ .item{margin-top: 0.2rem;}
.design-four .item:not(:nth-child(2n)){margin-right: 0.2rem;}
.design-four .pic figure{padding-bottom: 60%;}
.design-four .item .txt{padding: 0.15rem;}
.design-four .item .tit{font-size: var(--font-size__20);}
.design-four .item .desc p{--clamp: 6;}
}

.design-awards .list-rows{margin-top: var(--padding-margin__60);}
.design-awards .item{--limr:var(--padding-margin__30);--lin:3; position: relative;z-index: 1;}
.design-awards .pic figure{padding-bottom: calc(298 / 446 * 100%);}
.design-awards .item .icon{--wh:0.56rem;width: var(--wh); position: absolute; left: 0.12rem;top: 0.12rem;z-index: 10;height:var(--wh);background-color: var(--white-color);border-radius: 0.08rem; overflow: hidden;display: flex;align-items: center; justify-content: center;display:none;}
.design-awards .item .tit{position: absolute;right: 0; bottom: 0;z-index: 10;}
.design-awards .item .tit span{display: block;padding: 0 0.13rem;color: var(--white-color);background: linear-gradient(to right, rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),1) 100%); font-weight: var(--font-weight__m); line-height: 2.3;}
@media (min-width:1025px) {
.design-awards .item:nth-child(3) ~ .item{margin-top: var(--limr);}
.design-awards .item:not(:nth-child(3n)){margin-right: var(--limr);}
.design-awards .item .tit span{font-size: var(--font-size__20);}
}
@media (max-width:1024px) { 
.design-awards .item{--lin:2; }
.design-awards .item:nth-child(2) ~ .item{margin-top: var(--limr);}
.design-awards .item:not(:nth-child(2n)){margin-right: var(--limr);}
.design-awards .item .icon{--wh:0.4rem;}
}

.ai-intro{background-color: var(--white-color); padding-bottom: var(--padding-margin__90); }

.ai-items{padding-bottom: var(--padding-margin__110);}
.ai-items .list-rows{align-items: flex-start;}
.ai-items .item{--limr:0rem;--lin:4;color: var(--white-color); position: relative;z-index: 1;}
.ai-items:not(.about-culture) .item:nth-child(2n+1){margin-top: var(--padding-margin__50);}
.ai-items .item:nth-child(3){margin-left: -0.1rem;}
.ai-items .pic{position: relative; overflow: hidden;mask-size: 100% 100%; mask-image: url(../images/pic-mask.svg); mask-position: 0 0; mask-repeat: no-repeat; width: calc(378 / 350 * 100%);z-index: 1;-webkit-mask-size: 100% 100%; -webkit-mask-image: url(../images/pic-mask.svg); -webkit-mask-position: 0 0; -webkit-mask-repeat: no-repeat; ;}
.ai-items .pic figure{padding-bottom: calc(520 / 378 * 100%);}
.ai-items .pic:after,
.ai-items .pic:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%; content: '';z-index: 19;transition: opacity .5s ease-in-out;}
.ai-items .pic:before{background: rgba(var(--black-color__rgb), 0.3);}
.ai-items .pic:after{--fb:6px;backdrop-filter:saturate(150%) contrast(50%) blur(var(--fb));-webkit-backdrop-filter:saturate(150%) contrast(50%) blur(var(--fb));background-color:rgba(var(--primary-color__rgb),.7); opacity: 0;}
.ai-items .item:hover .pic::before{opacity: 0;}
.ai-items .item:hover .pic:after{opacity: 1; }
.ai-items  .icon{height: 0.65rem;display: flex;justify-content: center;}
.ai-items  .icon img{max-height: 0.46rem;}
.ai-items  .tit{font-size: var(--font-size__28); font-weight: var(--font-weight__m);}
.ai-items .txt{opacity: 0;transition: 0.3s;}
.ai-items .item:hover .txt{opacity: 1;}
.ai-items .txt .tit{margin-bottom: var(--padding-margin__20);}
.ai-items .txt > div{max-width: 80%;padding-left: 10%; transform: translateY(0.2rem); opacity: 0;  transition: 0.5s 0.3s; text-align: center}
.ai-items .txt .edit-dl{text-align: left}
.ai-items.ability_make .txt > div{text-align: center}
.ai-items .item:hover .txt > div{opacity: 1; transform: translateY(0);}
.ai-items .item:hover .txt .tit{transition-delay: 0.5s;}
.ai-items .item:hover .txt .scroll-content{transition-delay: 0.7s;}
.ai-items .scroll-content{font-size: var(--font-size__20); line-height: calc(32 / 20);font-weight: var(--font-weight__l);text-align: justify; /*overflow: auto; max-height: calc((32 / 20 * 8em) + var(--padding-margin__30));*/max-width: 90%; padding-right: 5%;}
.ai-items .item .name{transition: 0.3s; text-align: center}
.ai-items .item:hover .name{transform: translateY(-0.5rem);opacity: 0; }
.ai-items .item .tips{font-size: var(--font-size__16); text-align: right}
@media (max-width:1024px) { 
.ai-items .item{--lin:2;}
.ai-items .list-rows{margin: 0 0.3rem;}
}
@media (max-width:480px) {
.ai-items  .icon{height: 0.4rem;}
.ai-items  .icon img{max-height: 0.3rem;}
.ai-items .tit{font-size: var(--font-size__20);}
.ai-items .scroll-content{font-size: var(--font-size__14); line-height: calc(20 / 14);max-height: calc((20 / 14 * 8em) + var(--padding-margin__30));}
}

.edit-dl{margin-top: var(--padding-margin__30);}
.edit-dl dd{position: relative; padding-left: 0.15rem;}
.edit-dl dd::before{position: absolute; content: ''; 	width: 0.05rem;height: 0.05rem;background-color: var(--white-color); left: 0;top: 0.5em; border-radius: 50%;}

.btn-play{display: flex;align-items: center;justify-content: center;cursor: pointer;flex-direction: column; background-color: rgba(var(--black-color__rgb), 0.26);}
.btn-play:before{--btnwh:0.8rem;display: block; content: ''; width: var(--btnwh); height: var(--btnwh);border-radius: 50%;background: url(../images/play.svg) no-repeat center center rgba(var(--white-color__rgb),0.2); background-size: auto calc(22 / 80 * 100%);}
.btn-play span{color: var(--white-color); margin-top: 0.15rem;font-weight: var(--font-weight__l);}

.ai-video{padding-bottom: var(--padding-margin__120);}
.ai-video .container{max-width: 1000px;}
.ai-video .video-area{position: relative;z-index: 1;}
.ai-video .pic figure{padding-bottom: 50%;}

.machine-path{padding-bottom: var(--padding-margin__20);background:#f5f5f5;}
.machine-path .edit-info{max-width: 9.77rem;margin: 0 auto var(--padding-margin__50);color: rgba(var(--secondary-color__rgb), 0.7);}
.machine-path .items-5{display: flex; --mlr:0.14rem}
.machine-path .items-5 + .items-5{margin-top: var(--mlr);}
.machine-path .items-5 .items-2{display: flex;flex-direction: column;justify-content: space-between;}
.machine-path .items-5 .items-2:nth-child(1){width: calc(462 / var(--max-width) * 100%);}
.machine-path .items-5 .items-2:nth-child(2){flex: 1;margin: 0 var(--mlr);}
.machine-path .items-5 .items-2:nth-child(3){width: calc(310 / var(--max-width) * 100%);}
.machine-path .items-5 .items-2:nth-child(1) .item:nth-child(1) .pic figure{padding-bottom:calc(240 / 462 * 100%);}
.machine-path .items-5 .items-2:nth-child(1) .item:nth-child(2){margin-top: var(--mlr);}
.machine-path .items-5 .items-2:nth-child(1) .item:nth-child(2) .pic figure{padding-bottom:calc(366 / 462 * 100%);}
.machine-path .items-5 .items-2:nth-child(1) .item:nth-child(2) .txt,
.machine-path .items-5 .items-2:nth-child(1) .item:nth-child(2) .txt pre{text-align: right;}
.machine-path .items-5 .items-2 .item:nth-child(2){margin-top: var(--mlr);}
.machine-path .items-5 .items-2:nth-child(2) .item:nth-child(1) .pic figure{padding-bottom:calc(346 / 600 * 100%);}
.machine-path .items-5 .items-2:nth-child(2) .item:nth-child(2){flex: 1;}
.machine-path .items-5 .items-2:nth-child(3) .pic,
.machine-path .items-5 .items-2:nth-child(3) .pic figure,
.machine-path .items-5 .items-2:nth-child(3) .item{height: 100%;}
.machine-path .items-5 .item .pic{overflow: hidden;transition: all 0.4s ease-out;}
.machine-path .items-5 .item figure{transition: all 0.4s ease-out;}
.machine-path .items-5 .item:hover .pic{box-shadow: 0 0.04rem 0.2rem rgba(var(--primary-color__rgb),0.12);}
.machine-path .items-5 .item:hover figure{-webkit-transform:scale(1.1);transform:scale(1.1);}
.machine-path .item{position: relative;z-index: 1;}
.machine-path .txt{position: absolute; left: 0;top: 0; padding: var(--padding-margin__40);z-index: 10;width: 100%;}
.machine-path .txt pre{font-size: var(--font-size__20);font-weight: var(--font-weight__l);color: rgba(var(--secondary-color__rgb), 0.7); line-height: 1.5;}
.machine-path .tit{font-size: var(--font-size__30);font-weight: var(--font-weight__m);}
@media (min-width:481px) {
.machine-path .items-5 .items-2:nth-child(2) .item:nth-child(2) .pic,
.machine-path .items-5 .items-2:nth-child(2) .item:nth-child(2) .pic figure{height: 100%;}
}
@media (max-width:480px) {
.machine-path .items-5{--mlr:0.1rem;flex-wrap: wrap;}
.machine-path .items-5 .items-2:nth-child(1){width: 100%;display: flex;justify-content: space-between;flex-direction: row; margin-bottom: var(--mlr);}
.machine-path .items-5 .items-2:nth-child(1) .item{width: calc((100% - var(--mlr)) / 2);margin: 0!important;}
.machine-path .items-5 .items-2:nth-child(1) .pic figure{padding-bottom: 70%!important;}
.machine-path .items-5 .items-2:nth-child(3){width: 35%;}
.machine-path .items-5 .items-2:nth-child(2){margin: 0 var(--mlr) 0 0;}
.machine-path .items-5 .items-2:nth-child(2) .item:nth-child(2) .pic figure{padding-bottom: 50%;}
.machine-path .tit{font-size: var(--font-size__20);margin-bottom: 0.1rem;}
.machine-path .txt pre{font-size: var(--font-size__14);}
}

.machine-swiper .edit-info{max-width:10.76rem; margin: 0 auto var(--padding-margin__50);color: rgba(var(--secondary-color__rgb), 0.7);}
.machine-swiper .swiper-list{position: relative;z-index: 1;}
.machine-swiper .pic figure{padding-bottom: calc(450 / 345 * 100%);}
.machine-swiper .tit{position: absolute;z-index: 10;left: 0; bottom:  var(--padding-margin__30);transition: 0.5s;}
.machine-swiper .tit p{color: var(--white-color);/*width: calc(0.2rem + 1em);*/font-size: var(--font-size__20); font-weight: var(--font-weight__m); padding: 0.1rem 0.1rem 0.1rem;margin: 0;}
.machine-swiper .tit p::before{position: absolute; content: '';left: 0;top: 0;width: 100%;height: 100%;/*transform: skewY(10deg);*/border-radius: 0.03rem;background: linear-gradient(to right,rgba(var(--primary-color__rgb),1) 30%,rgba(var(--primary-color__rgb),0) 100%);}
.machine-swiper .tit p span{display: block;position: relative;z-index: 2; /*-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl */}
.machine-swiper .swiper{overflow: initial;padding-bottom: .3rem/*clip-path: polygon(0 0, 50% 0.28rem,100% 0,100% 100%, 50% calc(100% - 0.28rem),0 100%);*/}
.machine-swiper .swiper-slide{width:3.35rem; margin-right: .2rem}
.machine-swiper .swiper-slide-next .tit{bottom: var(--padding-margin__40);}
.machine-swiper .arrows-next,
.machine-swiper .arrows-prev{ display: none!important;}
/*.machine-swiper .swiper-slide-next + .swiper-slide .tit{bottom: var(--padding-margin__50);}*/
.machine-swiper [class*=arrows-]{top: 100%; margin-top: 0;}
.machine-swiper .arrows-prev{left: 50%;margin-left: -0.7rem;}
.machine-swiper .arrows-next{right: 50%;margin-right: -0.7rem;}
.machine-swiper .swiper-slide:hover .tit{transform: translateY(-0.3rem);}
@media (max-width:480px) {
.machine-swiper{margin-bottom: var(--padding-margin__100);}
.machine-swiper .edit-info br{display:none;}
}

.about-intro .sub-title{text-align: center; margin-bottom: 0.2rem;}
.about-intro .edit-info{ max-width: 12.8rem; color: rgba(var(--secondary-color__rgb), 0.7); margin: 0 auto;}
.about-intro .number-count{margin: var(--padding-margin__80) 0;}
.about-intro .ai-video{padding: 0;}
.about-intro .ai-video .pic figure{padding-bottom: calc(500 / var(--max-width) * 100%);}
.about-intro .btn-play::before{--btnwh:0.7rem;background:url(../images/play2.svg) var(--background-contain);}
@media (max-width:1024px) {
   .about-intro .number-count dd{width: 50%;}
   .about-intro .number-count dd:nth-child(2) ~ dd{margin-top: var(--padding-margin__60);}
   .about-intro .number-count dd:not(:last-child):nth-child(2n+1){border-right: 1px solid rgba(var(--primary-color__rgb),0.1);}
   .about-intro .ai-video .pic figure{padding-bottom: 57%;}
}

@media (min-width:481px) {
   .about-intro .sub-title{font-size: var(--font-size__40);margin-bottom: var(--padding-margin__30);}
}

.about-culture{background-color: var(--bg-color);}
.about-culture .pic:before{background: rgba(var(--black-color__rgb), 0.24);}
.about-culture .pic:after{--fb:3px;background-color:rgba(var(--primary-color__rgb),.8); opacity: 0;}
.about-culture .pic {mask-image: url(../images/pic-mask2.svg);-webkit-mask-image: url(../images/pic-mask2.svg);}
.about-culture .pic figure{padding-bottom: calc(600 / 386 * 100%);}
.about-culture .item:not(:first-child){margin-left: -1.3%;}
.about-culture .list-rows{width: 102%;}
.about-culture  .scroll-content{color: rgba(252, 252, 253, 0.7);}
@media (max-width:1280px) {
.about-culture .list-rows{width:90%; margin:0 auto;}
}
@media (max-width:1024px) {
   .about-culture .list-rows{width: 90%;}
   .about-culture .item:nth-child(2) ~ .item{margin-top: 1.3%;}
   .about-culture .item .name{opacity: 0;}
   .about-culture .txt{opacity: 1;}
   .about-culture .txt > div{opacity: 1;transform: translateY(0);}
   .about-culture  .scroll-content{color:var(--white-color);}
   .about-culture .pic:before{background: rgba(var(--black-color__rgb), 0.4);}
}

.about-history{background: url(../images/histroy-bg.jpg) var(--background-cover);}
.about-history .swiper-year:after{position: absolute;width: 100%;height: 1px;background-color: #e3e3e4;left: 0;bottom: 0.1rem; content: '';}
.about-history .year{font-family: var(--font-family__en);font-weight: var(--font-weight__sb);}
.about-history .swiper-year .year{text-align: center; height: 0.58rem; position: relative;z-index: 1;color: #666666;cursor: pointer;}
.about-history .swiper-year .year:after{position: absolute; content: '';	width: 0.15rem; height: 0.15rem; background-color: #999999; border: solid 0.03rem var(--white-color);border-radius: 50%; bottom: 0.03rem; left: 50%;margin-left: -0.075rem; transition: 0.5s;}
.about-history .swiper-year .swiper-slide-thumb-active .year:after{background-color: var(--primary-color);transform: scale(1.4);}
.about-history .swiper-year .swiper-slide-thumb-active .year{font-size: var(--font-size__24);color: var(--primary-color);}
.about-history .swiper-con{margin-bottom: var(--padding-margin__60);/* overflow: initial;*/}
.about-history .swiper-con .swiper-slide:not(.swiper-slide-active){opacity: 0.5;}
.about-history .swiper-con .pic figure{padding-bottom: calc(380 / 670 * 100%);}
.about-history .swiper-con .txt{padding:0 var(--padding-margin__30);}
.about-history .swiper-con .year{padding-left: var(--padding-margin__30); border-left: 2px solid var(--primary-color); font-size: var(--font-size__30);color: var(--primary-color); margin-bottom: var(--padding-margin__40);}
.about-history .swiper-con dd{line-height: 1.8; font-weight: var(--font-weight__l); font-size: var(--font-size__20); position: relative; padding-left: 0.15rem;color: rgba(var(--secondary-color__rgb),0.8);}
.about-history .swiper-con dd:before{position: absolute; left: 0;top: 0.8em;width: 0.04rem; height: 0.04rem; content: ''; background: rgba(var(--secondary-color__rgb),0.8); border-radius: 50%;}
.about-history .swiper-main{position: relative;z-index: 1;margin-top: var(--padding-margin__60);}
@media (min-width:481px) {
.about-history .swiper-con .sub-title{font-size: var(--font-size__40);}
}
@media (min-width:1025px) {
.about-history .swiper-con .pic{width: calc(670 / var(--max-width) * 100%); flex-shrink: 0;}
.about-history .swiper-con .txt{margin-left: var(--padding-margin__70); }
.about-history .swiper-con .txt{min-height: 2.97rem;border-left: 1px solid rgba(var(--primary-color__rgb),0.1); }
.about-history .swiper-con .year{margin-left: calc(var(--padding-margin__30) * -1 - 2px);}
.about-history .arrows-prev{left: calc(var(--btnwh) * -1);}
.about-history .arrows-next{right:calc(var(--btnwh) * -1);}
}
@media (max-width: 1024px) { 
.about-history .swiper-main{padding: 0 0.6rem;}
.about-history .swiper-con .txt{margin-top: var(--padding-margin__100);}
.about-history .swiper-con{margin-bottom: var(--padding-margin__60); }
}

.about-honor{background: url(../images/bg-honor.jpg) var(--background-cover);position: relative;--refh:0.65rem}
.about-honor .swiper{padding-left: var(--padding-margin__90);padding-right: var(--padding-margin__90);}
.about-honor:after,
.about-honor:before{z-index: 2;position: absolute;content: '';width: 40%;top: 0;height: 100%;pointer-events: none}
.about-honor:before{left: 0;background:linear-gradient(to right, rgb(251,252,253) var(--padding-margin__90), rgba(var(--white-color__rgb), 0));}
.about-honor:after{right: 0;background: linear-gradient(to right,rgba(var(--white-color__rgb),0),rgb(251 252 253) calc(100% - var(--padding-margin__90)));}
.about-honor .swiper-slide{width: 5.69rem; }

.about-honor .pic-inner{overflow: hidden;position: relative;z-index: 1;padding: 0.38rem 0.38rem 0;}
.about-honor .ying{position: absolute; top: calc(100% - var(--refh));left: 0.38rem;right:0.38rem; height: calc(100% - var(--refh)); }
.about-honor .ying figure{height:calc(100% - 0.38rem);transform: rotateY(180deg);}
.about-honor .ying figure,
.about-honor .ying:before{opacity: 0.4;}
.about-honor .ying:after {
    position: absolute;
    top: 0;
    height: -webkit-calc(var(--refh) + 2px); /* Safari 兼容性写法 */
    height: calc(var(--refh) + 2px);
    content: '';
    width: -webkit-calc(100% + 2px); /* Safari 兼容性写法 */
    width: calc(100% + 2px);
    left: -1px;
    /* 为Safari提供具体颜色值作为备选 */
    background: rgba(236, 240, 243, 0.8);
    background: -webkit-linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%); /* Safari 线性渐变前缀 */
    background: linear-gradient(to bottom, rgba(236, 240, 243, 0.7) 0%, rgb(236, 240, 243) 80%);
    z-index: 19;
    -webkit-transition: all 0.5s; /* Safari 过渡效果前缀 */
    transition: all 0.5s;
}
.about-honor .pic{margin-bottom:var(--refh);position: relative;box-shadow: 0 0 0.38rem 0.02rem  rgba(0, 0, 0, 0.2);    -webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Safari 3D倒影前缀 */}
.about-honor .ying{ display: none;}
.about-honor .ying:before,
.about-honor .pic:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;content: '';background: url(../images/kuang.png) no-repeat center center;background-size: 100% 100%;z-index: 10;}
.about-honor .pic > figure{padding-bottom: calc(400 / 569 * 100%);}
.about-honor .name{text-align: center;font-size: var(--font-size__24); font-weight: var(--font-weight__m); height: 0.6rem;display: flex;align-items: center;justify-content: center; }
.about-honor .swiper-slide{ transition: all 0.5s;}
.about-honor .swiper-slide:not(.swiper-slide-active) .name{opacity: 0;}
.about-honor .controls{max-width: 8.8rem;position: absolute;left: 0;right: 0;margin: auto; bottom: var(--padding-margin__100);height: 0.6rem;z-index: 10;width: 70%;}

@media (max-width:768px) {
.about-honor .swiper-slide{width: 2.8rem;}
.about-honor{--refh:0.4rem}
.about-honor .name{font-size: var(--font-size__20); margin-top:calc(var(--padding-margin__30) * -1);position: relative;z-index: 3;}
}

.joinUs-intro .three-tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m); margin-bottom: 1em;}
.joinUs-intro .pic .inner{position: relative;z-index: 1;}
.joinUs-intro .pic .inner:after{position: absolute;right:-0.1rem;top: -0.1rem;width: 2.33rem; height: 1.56rem; background: var(--primary-color);z-index: 1; content: '';}
.joinUs-intro .pic .inner img{position: relative;z-index: 3;}
.joinUs-intro .pic .inner img:nth-child(2){width: calc(370 / 700 * 100%);border: solid 0.1rem var(--white-color); margin-left: calc(var(--padding-margin__90) * -1); margin-top: calc(var(--padding-margin__130) * -1);}
.joinUs-intro .sub-title + .edit-info{color: rgba(var(--secondary-color__rgb), 0.8);}
@media (min-width:1025px) {
.joinUs-intro .txt{width: calc(580 /  var(--max-width) * 100%);}
.joinUs-intro .pic{width: 50%;}
.joinUs-intro .sub-title{font-size: var(--font-size__46); margin-bottom: var(--padding-margin__70);}
.joinUs-intro .three-tit{margin-top: var(--padding-margin__110);}
}
@media (max-width: 1024px) {
.joinUs-intro .txt + .pic,
.joinUs-intro .pic + .txt{margin-top: var(--padding-margin__50);}
.joinUs-intro .pic .inner{padding-left: var(--padding-margin__90);}
}

.edit-dl-num{color: rgba(var(--secondary-color__rgb),0.8);}
.edit-dl-num dd:not(:last-child){margin-bottom:0.28rem;}
.edit-dl-num dd{padding-left: 0.36rem;counter-increment: itemcounter;position: relative;}
.edit-dl-num dd:before{content: counters(itemcounter, ".", decimal-leading-zero);position: absolute; left: 0;top:0.2em;font-size: var(--font-size__14);color: var(--white-color);background-color: var(--primary-color);border-radius: 0.04rem;padding: 0.05rem; line-height: 1;}
@media (min-width:1025px) {
.edit-dl-num{width: 95%;max-width: 5.4rem;}
}


.joinUs-life{background-color: var(--bg-color);}
.joinUs-life .sub-title{margin-bottom: 0;}
.joinUs-life .controls{height: 0.6rem;width: 1.4rem;position: relative;}
.joinUs-life .swiper{margin-top: var(--padding-margin__60);}
.joinUs-life .swiper-slide a{display: block;}
.joinUs-life .swiper-slide p{text-align: center; margin-top: 1em;font-size: var(--font-size__24);font-weight: var(--font-weight__l);}
.joinUs-life [class*=arrows-].swiper-button-disabled{background-color: var(--white-color);}
@media (max-width: 480px) {
.joinUs-life .controls{height: 0.4rem;width: 1rem;}
.joinUs-life .swiper-slide p{font-size: var(--font-size__20);}
}

.job-enter{position: relative;z-index: 1;}
.job-enter .bg-img{z-index: -1;}
.job-enter .sub-title{color: var(--white-color);}
.job-enter .item{ background-color: var(--white-color);border-radius: 0 var(--padding-margin__30);padding: var(--padding-margin__50);align-items: flex-start; transition: 0.5s;}
.job-enter .item:hover{border-radius: var(--padding-margin__30) 0;}
.job-enter .icon{flex-shrink: 0;--wh:0.8rem;width: var(--wh); height: var(--wh);border-radius: 50%;background-color: var(--primary-color);display: flex;align-items: center;justify-content: center; transition: 0.3s;}
.job-enter .icon img{max-height: 50%;}
.job-enter .item:hover .icon{transform: rotateY(180deg);}
.job-enter .txt{flex: 1; margin-left: 0.2rem;font-weight: var(--font-weight__l);color: rgba(var(--secondary-color__rgb), 0.8);}
.job-enter h4{font-size: var(--font-size__30);font-weight: var(--font-weight__m);margin: 0 0 0.2rem 0;}
.job-enter pre{ font-size: var(--font-size__20); line-height: 1.8; margin-bottom: 0.32rem;}
.job-enter .url{display: inline-flex;color: var(--primary-color);align-items: center;}
.job-enter .url:after{display: block;content: '';	width: 0.1rem;height: 0.13rem; margin-left: 0.15rem;background: url(../images/arrow.svg) var(--background-contain); transition: 0.5s;}
.job-enter .url:hover:after{margin-left: 0.3rem;}
@media (min-width:641px) {
.job-enter .item{--limr:0.5rem;--lin:2;}
.job-enter .item:not(:nth-child(2n)){margin-right: var(--limr);}
.job-enter .item:nth-child(2) ~ .item{margin-top: var(--limr);}
}
@media (max-width:640px) {
.job-enter .item:not(:last-child){margin-bottom: var(--padding-margin__30);}
}

.joinUs-plan{position: relative;z-index: 1;}
.joinUs-plan .bg-img{z-index: -1;}
.joinUs-plan .box{color: var(--white-color);}
@media (min-width:481px) {
.joinUs-plan .box{max-width: 4.6rem;}
}

.edit-dl-label .label{display: flex;align-items: center;}
.edit-dl-label .label span{border-radius: 0.06rem;font-size: var(--font-size__24); line-height: calc(42 / 24);color: var(--primary-color);padding: 0 0.5em; background-color: var(--white-color);font-weight: var(--font-weight__m);}
.edit-dl-label dd p{margin: 0.12rem 0 0 0;}
.edit-dl-label dd:not(:last-child){margin-bottom:0.28rem ;}
@media (max-width:480px) {
.edit-dl-label dd p,
.joinUs-plan .sub-title{text-align: right;}
.edit-dl-label .label{justify-content: flex-end;}
}

.layout-intro .sub-title, .layout-intro .name {
  color: var(--default-color);
}
.layout-intro .name{font-size: var(--font-size__28); font-weight: var(--font-weight__m);margin-top: var(--padding-margin__60);}
.layout-intro .txt{color: #666; font-weight: var(--font-weight__l);}
.layout-intro .txt pre,
.layout-intro .txt .qita{margin: 0.22rem 0 0.32rem; line-height:1.8; font-size: var(--font-size__20);}
.layout-intro .txt .qita p{padding: 0 0 0 30px; margin: 0; background: no-repeat left .08rem; background-size: 20px}
.layout-intro .txt .qita p:not(:last-child){margin-bottom: .1rem}
.layout-intro .txt .qita p.add{background-image: url(../images/icon_address.svg)}
.layout-intro .txt .qita p.email{background-image: url(../images/icon_email.svg)}
.layout-intro .txt .qita p.tel{background-image: url(../images/icon_tel.svg)}

.layout-intro .code-list{padding-top: var(--padding-margin__40);border-top: 1px solid #eaedf1;}
.layout-intro .code-list dd{--limr:0rem;--lin:3;display: flex;align-items: center;}
.layout-intro .code-list dd img{flex-shrink: 0;	width: 0.94rem;height: 0.94rem;border:0.05rem solid #f2f5f7;}
.layout-intro .code-list dd .text{margin-left: 0.1rem;flex: 1;font-size: var(--font-size__16); line-height: calc(26 / 16);}
@media (min-width:1025px) {
.layout-intro .txt{width: calc(620 / var(--max-width) * 100%);}
.layout-intro .pic{width: 50%;}
}
@media (max-width:1024px) {
.layout-intro .name{font-size: var(--font-size__22);}
.layout-intro .pic{margin-top: var(--padding-margin__40);}
}
@media (max-width:480px) {
.layout-intro .code-list dd img{width: 0.72rem;height: 0.72rem;}
}

.layout-list{background-color: var(--bg-color);}
.layout-list .item{--limr:0.2rem; background-color: var(--white-color); padding:var(--padding-margin__50) 0 var(--padding-margin__60);display: flex;font-weight: var(--font-weight__l);}
.layout-list .item .location{width: 1.25rem;border-right: 1px solid #e1e6eb;display: flex;flex-direction: column;align-items: center;font-size: var(--font-size__24);color: var(--primary-color);flex-shrink: 0;}
.layout-list .item .location:before{display: block; content: '';width: 1em; height: 1em;background: url(../images/address.svg) var(--background-contain); margin-bottom: 0.2rem;}
.layout-list .item .txt{padding: 0 var(--padding-margin__20) 0 var(--padding-margin__40);}
.layout-list .item .title{font-size: var(--font-size__28);font-weight: var(--font-weight__m); margin-bottom: 0.16rem;}
.layout-list .item pre,
.layout-list .item .qita{line-height: calc(32 / 18);color: #666666;}
.layout-list .item pre{max-width: 4.32rem;}
.layout-list .item .qita p{padding: 0 0 0 30px; margin: 0; background: no-repeat left .03rem; background-size: 20px}
.layout-list .item .qita p:not(:last-child){margin-bottom: .1rem}
.layout-list .item .qita p.add{background-image: url(../images/icon_address.svg)}
.layout-list .item .qita p.tel{background-image: url(../images/icon_tel.svg)}
@media (min-width:1025px) {
.layout-list .item:not(:nth-child(2n)){margin-right: var(--limr);}
.layout-list .item:nth-child(2) ~ .item{margin-top: var(--limr);}
}
@media (max-width:1024px) {
.layout-list .item:not(:last-child){margin-bottom: var(--limr);}
.layout-list .item pre{max-width: inherit}
}
@media (max-width:640px) {
.layout-list .item .title{ line-height:1.5; font-size:var(--font-size__26);}
}

.singlePage{padding-top: var(--header_height); padding-bottom: var(--padding-margin__100);}
.singlePage .current{padding: var(--padding-margin__30) 0; margin-bottom: var(--padding-margin__80);}
.singlePage .edit-info{min-height: 50vh;}

.sitemap .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.sitemap .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m); margin-bottom: 0.2rem;}
.sitemap .item dl:not(.parent){display:flex;align-items: center;flex-wrap: wrap;}
.sitemap .item dd span{font-size: var(--font-size__20); margin-bottom: 0.2rem;display: flex;align-items: center;}
.sitemap .item dd span:before{display: block; content: ''; width: 0.13rem;height: 0.13rem;background: url(../images/arrow.svg) var(--background-contain); margin-right: 0.5em;}
.sitemap .item dl.parent dl{margin-bottom: 0.2rem;}
.sitemap .item dd{margin-right: var(--padding-margin__40); line-height: 2;}

.nav-menu ul{display: flex;align-items: center;}
.nav-menu li:not(:last-child){padding-right: 5em;}
.nav-menu li a{display: block; line-height: var(--padding-margin__80);font-weight: var(--font-weight__l); position: relative;z-index: 1;}
.nav-menu li a:before{position: absolute; content: '';height: 2px;width: 100%;background-color: var(--primary-color); transform: scaleX(0); transform-origin: 100% 50%; transition:transform 0.5s; bottom: 0;left: 0;}
.nav-menu li a:hover:before,
.nav-menu li.aon a:before{transform: scaleX(1); transform-origin: 0% 50%;}
.nav-menu li.aon a{font-weight: var(--font-weight__m);color: var(--primary-color);}
@media (min-width:1025px) {
.nav-menu  ul{flex-wrap: wrap;}
}
@media (max-width:1024px) {
.page-nav .container{flex-direction: column-reverse;align-items: flex-start;}
.nav-menu li{flex-shrink: 0;}
.page-nav .current{padding: var(--padding-margin__20) 0;}
.nav-menu li:not(:last-child){padding-right: 2em;}
}

.invest-main{background-color: var(--bg-color);}

.contact-main .txt .item{background-color: var(--white-color); padding: var(--padding-margin__40);}
.contact-main .txt .item:not(:last-child){margin-bottom: var(--padding-margin__20);}
.contact-main .label-name{font-weight: var(--font-weight__l);font-size: var(--font-size__20);}
.contact-main .item p{margin: 0.25rem 0 0 0;font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.contact-main .item p a{font-weight: var(--font-weight__sb); font-family: var(--font-family__en);}
.contact-main .item p,
.contact-main .item p a{color: var(--primary-color);}
@media (min-width:769px) {
.contact-main .pic{width: calc(690 / var(--max-width) * 100%);}
.contact-main .txt{margin-left: var(--padding-margin__20);flex: 1;}
.contact-main .pic figure{height: 100%;}
}
@media (max-width:768px) {
.contact-main .pic{margin-bottom: var(--padding-margin__20);}
.contact-main .pic figure{padding-bottom: 50%;}
.contact-main .fadeInLeftSmall,
.contact-main .fadeInRightSmall{animation-name: fadeInUpSmall;}
}


.view-btn,
.download-btn{display: inline-flex;align-items: center;font-weight: var(--font-weight__l); transition: 0.3s;}

.view-btn:before,
.download-btn:after{display: block;content: '';width: 0.15rem;height: 0.15rem; background: var(--background-contain);transition: 0.3s;}
.download-btn:after{margin-left: 0.1rem; background-image: url(../images/download.svg);}
.view-btn:before{margin-right: 0.1rem; background-image: url(../images/view-white.svg);}

.invest-activity .swiper-thumb .swiper-slide a{color: #cdcdcd;font-size: var(--font-size__50);font-family: var(--font-family__en); font-weight: var(--font-weight__sb);display: flex;align-items: center;cursor: pointer; height: 2em;}
.invest-activity .swiper-thumb .swiper-slide a:after{display: block; content: '';width: 0.08rem;height: 0.1rem;transform: skewX(-30deg); margin-left: 0.19rem;}
.invest-activity .swiper-thumb a.aon{color: var(--primary-color);}
.invest-activity .swiper-thumb a.aon:after{background: var(--primary-color);}
@media (min-width:1025px) {
.invest-activity .left{width: calc(338 / var(--max-width) * 100%); position: relative;z-index: 1;}
.invest-activity .left:before{position: absolute;right: 0; height: calc(100% + var(--padding-margin__100) * 2); top: calc(var(--padding-margin__100) * -1); background-color: var(--white-color);z-index: -1;content: '';width: 100vw;}
.invest-activity .right{width: calc(990 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .invest-activity .swiper-thumb{display: flex;flex-wrap: wrap;align-items: center;}
   .invest-activity .swiper-thumb .swiper-slide{width: auto;}
   .invest-activity .swiper-thumb .swiper-slide:not(:last-child){margin-right: var(--padding-margin__50);}
}
@media (max-width:480px) {
.invest-activity .swiper-thumb .swiper-slide a{font-size: var(--font-size__24);}
}

.invest-report .item-inner{background: url(../images/report-mask.png) no-repeat center top var(--white-color);background-size: 100% auto;position: relative;}
.invest-report .item:nth-child(1) .item-inner{background-color: #004da0; background-image: url(../images/report-mask-on.png);}
.invest-report .item .full{padding: var(--padding-margin__60) var(--padding-margin__40);}
.invest-report .item:nth-child(1),
.invest-report .item:nth-child(1) a{color: var(--white-color);}
.invest-report .date{font-size: var(--font-size__50);font-family: var(--font-family__en);font-weight: var(--font-weight__sb); line-height: calc(60 / 50);flex-shrink: 0;}
.invest-report .txt{flex: 1;}
.invest-report .txt .inner{width: 100%;}
.invest-report .top p{line-height: calc(36 / 28);font-weight: var(--font-weight__m);font-size: var(--font-size__28);display: block;}
.invest-report .top .btn{margin-top: var(--padding-margin__70);transition: 0.5s;}
.invest-report .top .btn a + a{margin-left:var(--padding-margin__30);}
.invest-report .top .btn a:hover{text-decoration: underline;}
.invest-report .item:not(:nth-child(1)) a{color: var(--primary-color);}
.invest-report .item:not(:nth-child(1)) .download-btn:after{background-image: url(../images/download-on.svg);}
.invest-report .item:not(:nth-child(1)) .view-btn:before{background-image: url(../images/view.svg);}
.invest-report .list{border-top: 1px solid #e9edf2; font-size: var(--font-size__20); transition: 0.5s;}
.invest-report .item:nth-child(1) .list{border-top-color: rgba(var(--white-color__rgb), 0.2);}
.invest-report .list dd{height: 2em;display: flex;align-items: center;}
.invest-report .list dd a{display: flex;align-items: center; border-bottom: 1px solid transparent; font-weight: var(--font-weight__l);justify-content: space-between; width: 100%;}
.invest-report .list dd a:hover{border-color: var(--primary-color);}
.invest-report .list dd p{flex: 1;}
.invest-report .list dd .download-btn{flex-shrink: 0;margin-left: 0.2rem;font-size: var(--font-size__18);}
#green-report  .item:nth-child(1) .item-inner{background-color: #5db43a;}
@media (min-width:481px){
.invest-report .item-wrap{padding-bottom: calc(550 / 450 * 100%);}
.invest-report .item-inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%; transition: 0.3s;}
.invest-report .list{height: 0; overflow: hidden; opacity: 0; }
.invest-report .has-hover:hover .top .btn{margin-top: var(--padding-margin__20);}
.invest-report .has-hover:hover .list{margin-top: var(--padding-margin__30); padding-top: var(--padding-margin__40); opacity: 1;height: calc(2em * var(--n) + var(--padding-margin__40));}
.invest-report .has-hover:hover .item-inner{left: -5%;width: 110%; top: -5%;height: 110%;}
}
@media (min-width:1025px) {
.invest-report .item{--limr:0.4rem;--lin:3;}
.invest-report .item:not(:nth-child(3n)){margin-right: var(--limr);}
.invest-report .item:nth-child(3) ~ .item{margin-top: var(--limr);}
}
@media (min-width:481px) and (max-width:1024px) {
.invest-report .item{--limr:0.2rem;--lin:2;}
.invest-report .item:not(:nth-child(2n)){margin-right: var(--limr);}
.invest-report .item:nth-child(2) ~ .item{margin-top: var(--limr);}
}
@media (max-width:480px) {
.invest-report .date{margin-bottom: var(--padding-margin__60);}
.invest-report .item:not(:last-child){margin-bottom: var(--padding-margin__40);}
.invest-report .item-inner .full{position: relative;}
.invest-report .item:not(.has-hover) .list{display: none;}
.invest-report .list{margin-top: var(--padding-margin__30); padding-top: var(--padding-margin__40); }
}

.invest-notice .cate-list{font-size: var(--font-size__50);align-items: flex-start;}
.invest-notice .cate-list dd{font-family: var(--font-family__en);font-weight: var(--font-weight__sb);}
.invest-notice .cate-list dd:not(:last-child){margin-right: var(--padding-margin__60);}
.invest-notice .cate-list dd a:not(:hover){color: #cdcdcd}
.invest-notice .cate-list dd.aon a{color: var(--primary-color);}
.invest-notice .list {margin-bottom: var(--padding-margin__60);}
.invest-notice .list li .inner{position: relative;z-index: 1; transition: 0.5s;}
.invest-notice .list li:hover .inner{transform: translateY(-0.1rem); box-shadow:0 0.2rem 0.5rem rgba(var(--black-color__rgb),0.1);}
.invest-notice .list li:not(:last-child){margin-bottom: 0.2rem;}
.invest-notice .list li .inner:after{content: '';position: absolute;z-index: 0;top: 0.05rem;right: 0.03rem;background: linear-gradient(45deg,rgba(var(--white-color__rgb),0) 35%,  rgba(var(--white-color__rgb),1) 100%);	width: 0.23rem; height: 0.23rem;}
.invest-notice .list li a{background-color: var(--white-color); height: 1rem;clip-path: polygon(0 0,calc(100% - 0.3rem) 0,100% 0.3rem,100% 100%,0 100%);padding: 0 var(--padding-margin__60);}
.invest-notice .list li .download-btn{color: var(--primary-color);flex-shrink: 0;}
.invest-notice .list li .download-btn:after{background-image: url(../images/download-on.svg);}
.invest-notice .list li .tit{flex: 1;margin-right: var(--padding-margin__30);}
.invest-notice .list li time{color: rgba(var(--secondary-color__rgb), 0.5);font-family: var(--font-family__en);font-size: var(--font-size__20);}
.invest-notice .list li .name{font-size: var(--font-size__22);font-weight: var(--font-weight__m);}.invest-notice .list li a:hover time{color: var(--primary-color);}
@media (min-width:1025px) {
.invest-notice .list li time{width: calc(189 / 1153 * 100%);}
.invest-notice .cate-list dl{margin-top:calc(var(--padding-margin__50) * -1 - (37 / 50 * 1em));}
.invest-notice .cate-list dd{line-height: calc(37 / 50);}
}
@media (max-width:1024px) {
   .invest-notice .list li .name{margin-top: 0.1rem;}
   .invest-notice .cate-list{justify-content: flex-start; margin-bottom: var(--padding-margin__40);font-size: var(--font-size__28);}
   .invest-notice .cate-list dd{line-height: 2;}
}
@media (max-width:480px) {
   .invest-notice .list li .name{font-size: var(--font-size__20); line-height: 1.3;}
   .invest-notice .list li .name p{--clamp:2;}
   .invest-notice .list li a{height: auto; min-height: 1rem;padding: var(--padding-margin__30);}
}

.shuzhi-intro{background: transparent;--max-width:1100;}
.step-items{padding-bottom: var(--padding-margin__160);}
.step-items .swiper-tab{display: flex;justify-content: center; margin-bottom: var(--padding-margin__30);flex-wrap: wrap;}
.step-items .swiper-tab .tab{flex: 1; display: flex;flex-direction: column;align-items: center; justify-content: center;box-shadow: 0 0.06rem 0.4rem rgba(0, 57, 144, 0.1);border-radius: 0.08rem;background-color: var(--white-color); padding: 0.28rem 0.2rem;  transition: 0.3s; cursor: pointer; font-size: var(--font-size__20);}
.step-items .swiper-tab .tab:not(:last-child){margin-right: var(--padding-margin__30);}
.step-items .swiper-tab .tab.active{background-color: var(--primary-color);}
.step-items .swiper-tab .icon{margin-bottom: 0.16rem;}
.step-items .swiper-tab .icon img{height: 0.4rem;}
.step-items .swiper-tab .tab.active .icon img{filter:brightness(0) invert(1);}
.step-items .swiper-tab p{margin: 0;color: #7f8994;text-align: center;}
.step-items .swiper-tab .tab.active p{color: var(--white-color);}
.step-items .items-box{background-color: rgba(237, 242, 247, 0.4);}
.step-items .items-box .txt{padding: var(--padding-margin__50);}
.step-items .items-box .num img{height: 0.64rem;}
.step-items .items-box .tit{margin: 0.22rem 0 0.32rem 0;font-size: var(--font-size__36);font-weight: var(--font-weight__m);}
@media (min-width:1025px) {
   .step-items .items-box{display: flex;}
   .step-items .odd .items-box{flex-direction: row-reverse;}
   .step-items .items-box .left{flex: 1;}
   .step-items .items-box .right{width: 50%;flex-shrink: 0;}
   .step-items .swiper-tab .tab{ max-width: 3rem;}
}

@media (max-width:480px) {
   .step-items .swiper-tab .tab{padding: 0.15rem;}
   .step-items .swiper-tab .tab:not(:last-child){margin-right: var(--padding-margin__30);}
   .step-items .swiper-tab p{line-height: 1.2;}
   .step-items .swiper-tab .icon img{height: 0.3rem;}
}

.carousel {  position: relative;  z-index: 1;  margin-top: var(--padding-margin__80);}
.carousel .arrows-prev{left: calc(var(--btnwh) * -0.7);}
.carousel .arrows-next{right: calc(var(--btnwh) * -0.7);}
.whatwedo--cards {position: relative; display: flex;justify-content: center;align-items: center;
height:4.8rem;perspective: 100vw; perspective-origin: center;margin-left: auto; margin-right: auto; z-index: 1;}
.whatwedo--card { position: absolute; /*width: 3.9rem;*/ width:3.1rem;z-index: 0;transition: transform 0.5s ease;}
.whatwedo--card.active {z-index: 1;}
.whatwedo--card img {transition: all 0.4s ease-out;object-fit: cover;opacity: 0.3; transform: scale(0.8) translateY(-1rem);}
.whatwedo--card.active img { filter: blur(0); opacity: 1; transform: scale(1) translateY(0); }
.whatwedo--card .name{position: absolute;z-index: 3;left: 0;width: 100%;bottom: 0;padding: var(--padding-margin__30); font-size: var(--font-size__24);font-weight: var(--font-weight__m);text-align: center; opacity: 0;}
.whatwedo--card.active .name{opacity: 1;}
@media (max-width:1024px) {
.carousel .arrows-prev{left:5%;}
.carousel .arrows-next{right:5%;}
}
@media (max-width: 480px) {
.whatwedo--card {width: 2.5rem;}
.whatwedo--cards{height: 4rem;}
.whatwedo--card .name{font-size: var(--font-size__20);}
}

/*Home page scrolling effect*/
.home-main .section{position: relative;z-index: 1;}
@media (min-width:1201px) and (max-width: 1600px) {
html{font-size: calc(100 / 1720 * 100vw);}
}
@media(min-width:1201px) and (max-height: 720px){
   html{font-size: calc(100 / 1920 * 100vw);}
   html .home-main  .container{max-width: 16rem;}
}
@media (min-width:1201px) {
   .home-main .back-top{display: none;}
   .home-gobal .map{/*height: 100%;*/position: relative;}
   .home-gobal .map img{visibility: visible!important;}
   .home-gobal .map > img{/*width: auto;height: 100%;*/max-width: none;min-width: 100vw;}
   .home-main{--max-width: 1400;}
   [class*=home-]:not(.home-main):not(.home-ban):not(.home-ani){padding:var(--header_height) 0 0 0!important;}
   .carousel{margin-top: calc(40 / 960 * 100vh);width: 100%;margin-left: auto; margin-right: auto;}
   #project,
   #news,
   #product{background-color: var(--bg-color);}
   .whatwedo--cards{height: calc(480 / 960 * 100vh);  }
   .home-main .edit-info{line-height:1.5; font-size: var(--font-size__22);}
   .home-main .all-title{font-size: var(--font-size__40);}
   .home-gobal{display: flex;align-items:flex-end; height: 100vh;background: #b9dbf6}
   .home-gobal .number-count{margin-bottom: calc(100 / 960 * 100vh);background: rgba(255, 255, 255, .4); padding: 20px;}
   .home-gobal .number-count dd:not(:last-child){margin-bottom: calc(50 / 960 * 100vh);}
   .home-project .cate-list{margin:calc(20 / 960 * 100vh) auto calc(30 / 960 * 100vh);}
   .home-main .all-title{margin-bottom: calc(25 / 960 * 100vh);}
   .home-project .cate-list p{margin-top: 0.5em;}
   .home-project .table-2d .item .pic figure{height: calc(480 / 960 * 100vh);}
   .home-project .table-2d .icon{--iconwh:0.8rem}
   .home-project .table-2d .hover-con .icon-more{margin-top:calc(10 / 960 * 100vh);}
   .home-factory{height: 100vh; overflow: hidden;}
   .home-factory .container{position: relative;z-index: 3; padding-top: calc(30 / 960 * 100vh);}
   .home-factory .video_box{position: absolute;bottom: 0;z-index: 1;width: 100%; left: 0; overflow: hidden;}
   .home-factory .factory-sub{height: auto; z-index: 11;}
   .home-esg{position: initial;}
   .home-esg .awards{margin:calc(20 / 960 * 100vh) 0;}
   .home-esg .columns{margin-bottom:0;padding-bottom:calc(30 / 960 * 100vh);}
   .home-main .all-more a i{--iwh:calc(100 / 960 * 100vh);z-index: 10}
   .home-project .table-2d .item .pic .tit{font-size: var(--font-size__24);}
}
@media (max-width: 1280px) {
.home-main .edit-info{line-height:1.5; font-size: var(--font-size__18);}
}
@media (max-width: 1200px) {
   #fullPage,.fp-section.fp-table,.fp-tableCell{height: auto!important;}
}
@media (max-width:640px) {
.home-main .edit-info{font-size:var(--font-size__20);}
.home-main .edit-info br{ display:none;}
}

/*Home page scrolling effect END*/

.circle-anibox{font-size: 1rem; position: relative; margin-top: var(--padding-margin__90);z-index: 10; }
.circle-img{ margin: 0 auto; position: relative;z-index: 1;}
.circle-img svg{position: absolute; left: 0;top:50%;transform: translateY(-50%);width: 100%;height: calc(683 /  600 * 100%);}
.circle-img svg path.active{stroke: #5db43a; transition: 0.5s;}
.circle-img .swiper figure{padding-bottom: 100%;border-radius: 50%;}
.circle-nav dt .inner{font-size: var(--font-size__18); }
.circle-nav .icon{position: relative;z-index: 1;}
.circle-nav .icon img{height: 0.53rem;width: 0.53rem; object-fit: contain; transition: 0.5s;}
.circle-nav .icon img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0; transform: scale(0);}
.circle-nav dt.active .icon img:nth-child(1){opacity: 0; transform: scale(0);}
.circle-nav dt.active .icon img:nth-child(2){opacity: 1;transform: scale(1);}
.circle-nav dt:nth-child(2) .title,
.circle-nav dt:nth-child(3) .title{flex-direction: row-reverse;}
.circle-nav .tit{font-size: var(--font-size__40); font-weight: var(--font-weight__m);}
.circle-nav dt.active{color: #5db43a;}
.circle-nav .info{padding-top: var(--padding-margin__40);line-height: 1.8; font-size: var(--font-size__18); }
.circle-nav .info pre{color: #595963;font-weight: var(--font-weight__l); font-size: inherit; line-height: inherit;}
@media (min-width:1025px) {
.circle-img{width: calc(450 / var(--max-width) * 100%);}
.circle-nav dt{width: calc(540 / var(--max-width) * 100%); position:absolute;top:10%; z-index: 10;border-top: 0.03rem solid #edf2f7;transition: 0.5s;}
.circle-nav dt.active{border-top-color: #5db43a}
.circle-nav .title{margin-top: -0.85rem;}
.circle-nav dt:nth-child(1),
.circle-nav dt:nth-child(4){left: 0;}
.circle-nav dt:nth-child(2),
.circle-nav dt:nth-child(3){right: 0;}
.circle-nav dt:nth-child(3),
.circle-nav dt:nth-child(4){top: calc(536/ 600 * 100%);}
.circle-nav dt:nth-child(2),
.circle-nav dt:nth-child(3){display: flex;justify-content: flex-end;}
.circle-nav dt .inner{width: calc(370 / 460 * 100%);}
.circle-nav .title{height: 0.85rem; }
.circle-img .swiper{width: calc(600 /  680 * 100%);}
.circle-nav dt:nth-child(1) .info,
.circle-nav dt:nth-child(2) .info{max-height: calc(1.8 * 8em + var(--padding-margin__40)); overflow: auto;}
.circle-nav dt:nth-child(2).fadeInRightSmall,
.circle-nav dt:nth-child(3).fadeInRightSmall{animation-name: fadeInLeftSmall;}
}
@media (max-width:1024px) {
.circle-nav .title{padding-bottom: var(--padding-margin__50);border-bottom: 0.03rem solid #edf2f7;}
.circle-nav dt.active .title{border-bottom-color: #5db43a}
.circle-nav dt{margin-top: var(--padding-margin__60);}
.circle-img svg{display: none;}
.circle-nav dt.fadeInRightSmall{animation-name: fadeInUpSmall;}
.circle-nav dt:nth-child(2) .title,
.circle-nav dt:nth-child(3) .title{flex-direction:row;}
}
@media (max-width:480px) {
.circle-nav .tit{font-size: var(--font-size__28);}
.circle-img{width: 80%;border: 0.03rem solid #edf2f7;border-radius: 50%; padding: var(--padding-margin__40);}
}

.social-main{background-color: var(--white-color); overflow: initial;;}
@media (min-width:1025px) {
.social-main{--minHeight:0px; min-height: calc(var(--minHeight) + var(--padding-margin__100) * 1.2 + 0.56rem + 0.9rem + 0.85rem)}
}

.social-dow .list{margin-bottom:var(--padding-margin__60);}
.social-dow .no-listStyle{display:-webkit-flex; display:flex; justify-content:space-between;  flex-wrap: wrap;}
.social-dow .list li{ width:32%; margin-bottom: 0.2rem;}
.social-dow .list li dt{ font-size: var(--font-size__24); color: var(--primary-color); padding-bottom: .1rem}
.social-dow .list li .inner{position:relative;z-index: 1;transform: translateY(-0.1rem); box-shadow:0 0.2rem 0.5rem rgba(var(--black-color__rgb),0.1);padding:var(--padding-margin__20);height: 100%}
.social-dow .list li .inner:after{content:'';position: absolute;z-index: 0;top: 0.05rem;right: 0.03rem;background: linear-gradient(45deg,rgba(var(--white-color__rgb),0) 35%,  rgba(var(--white-color__rgb),1) 100%);	width: 0.23rem; height: 0.23rem;}
.social-dow .list li a{background-color: var(--white-color);/* height:0.65rem;clip-path:polygon(0 0,calc(100% - 0.3rem) 0,100% 0.3rem,100% 100%,0 100%);padding: 0 var(--padding-margin__20);*/}
.social-dow .list li .sub_list{padding:var(--padding-margin__10) 0 ;}
.social-dow .list li .sub_list:not(:last-child){border-bottom: dashed 1px #ddd}
.social-dow .list li .download-btn{color: var(--primary-color);flex-shrink: 0;background:var(--primary-color);padding:7px;border-radius:50%;}
.social-dow .list li .download-btn:after{background-image: url(../images/download.svg);margin-left:0}
.social-dow .list li .download-btn:after
.social-dow .list li .tit{flex:1;margin-right: var(--padding-margin__30);}
.social-dow .list li time{color:rgba(var(--secondary-color__rgb), 0.5);font-family: var(--font-family__en);font-size: var(--font-size__20);}
.social-dow .list li .name{font-size: var(--font-size__18);font-weight: var(--font-weight__m);}
.social-dow .list li a:hover time{color: var(--primary-color);}

.social-honor{padding-top: 2.24rem;background: url(../images/honor-bg.png) no-repeat center top; background-size: contain;--refh:0.65rem;}
.social-honor .swiper-txt{max-width: 7.4rem; padding: 0 var(--padding-margin__60); margin: 0 auto; min-height: var(--padding-margin__60);}
.social-honor .swiper-txt .swiper-wrapper{align-items: center;}
.social-honor .swiper-txt .swiper-slide{display: flex;justify-content: center;}
.social-honor .swiper-txt .name{width: calc(380 / 620 * 100%); position: relative; padding: 0 0.4rem;}
.social-honor .swiper-txt .name::before,
.social-honor .swiper-txt .name:after{position: absolute; content: '';width: 0.38rem; height: 0.8rem; margin-top: -0.4rem; top: 50%;background: url(../images/honor-mark.svg) no-repeat left center;background-size: auto 100%;}
.social-honor .swiper-txt .name::before{left: 0;}
.social-honor .swiper-txt .name:after{right: 0;background-position: right center;}
.social-honor .swiper-txt .name,
.social-honor .swiper-txt .name pre{text-align: center;}
.social-honor .swiper-txt .name pre{font-weight: var(--font-weight__l);line-height: calc(32 / 18);}
.social-honor .swiper-txt .name p{font-size: var(--font-size__28); font-weight: var(--font-weight__m); margin-top: 0.1rem;--clamp:auto}

.social-honor .swiper-thumbs .swiper-slide{width: 4.98rem; }
.social-honor .swiper-thumbs .pic-inner{overflow: hidden;position: relative;z-index: 1;}
.social-honor .swiper-thumbs .ying{position: absolute; top: calc(100% - var(--refh));left: 0;right:0; height: calc(100% - var(--refh)); opacity: 0.3;}
.social-honor .swiper-thumbs .ying figure{height:100%;transform: rotateY(180deg);}
.social-honor .swiper-thumbs .ying:after{position: absolute; top: 0;height: calc(var(--refh) + 4px);content: '';width: calc(100% + 2px);left: -1px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgb(255, 255, 255) 70%);z-index: 19;}
.social-honor .swiper-thumbs .pic{margin-bottom:var(--refh);position: relative;}
.social-honor .swiper-thumbs .pic > figure{padding-bottom: calc(330 / 498 * 100%);}
@media (max-width:768px) {
.social-honor .swiper-thumbs{margin: 0 -3%;}
.social-honor .swiper-thumbs .swiper-slide{width: 3.2rem;}
.social-honor .swiper-thumbs{--refh:0.4rem}
.social-honor{padding-top: 1rem;}

.social-dow .list li{ width:100%;}
}

[class*=operate-] .edit-info{ margin: 0 auto;}
.operate-prod{padding-bottom: 0}
.operate-prod .edit-info{max-width: 11.2rem;}
.operate-prod .logo-list{margin-top: var(--padding-margin__60); padding-top: 0.58rem;}
.operate-prod .logo-list li{width: 1.16rem; margin: -0.58rem 0.28rem 0;position: relative;}
.operate-prod .logo-list li:after{position: absolute; content: '';width: 100%;bottom: 0;height: 50%;background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.95) 30%,rgba(255,255,255,1) 60%); left: 0;}
.operate-prod .logo-list li img{display: block;width: 100%;}
.operate-prod .logo-list li img.refa{opacity: 0.5;transform: rotateX(180deg);}

.operate-human{background-color: var(--bg-color);}
.operate-human .edit-info{max-width: 10.4rem;}
.operate-human .img{max-width: 10.4rem;margin: auto; margin-top: var(--padding-margin__60);}

.operate-feedback .feedback{padding:calc(var(--padding-margin__30) + 0.03rem) var(--padding-margin__30);}
.operate-feedback .feedback input.form-input{height: 0.56rem;}
.operate-feedback  .feedback .label-name{font-size: var(--font-size__18);line-height: 0.56rem;}
.operate-feedback .feedback textarea.form-input{padding-top: 0.26rem;}
.operate-feedback .feedback dd{margin-bottom: 0.1rem;}
.operate-feedback .btn-area{margin-top: 0.1rem;}
.operate-feedback .btn-area .btn{font-size: var(--font-size__18);width: 100%;height: 0.56rem; line-height: 0.56rem;border-radius: 0;}
.operate-feedback .feedback textarea.form-input{min-height: 2rem;}
.operate-feedback .left .textwarp{line-height:1.8; position: absolute; left: 0;  bottom: 0; width: 100%; padding: .2rem; background-color: rgba(255,255,255,.5); z-index: 2; font-weight:var(--font-weight__l);}
.operate-feedback .left .textwarp .down1{}
.operate-feedback .left .textwarp .link{margin:.1rem 0;}
.operate-feedback .left .textwarp p{margin:0;}
.operate-feedback .left .textwarp .link a{ color: #004da0; padding: 0 .5rem 0 .2rem; border: 1px solid #004da0; line-height: .4rem; display: inline-block;border-radius: .5rem; text-align: center;background: url(../images/down-icon.png) no-repeat 96% center; background-size: .2rem; }
.operate-feedback .left .textwarp .link a:not(:last-child){margin-right: 10px;}
.operate-feedback .other{font-weight:var(--font-weight__l);line-height: 1.8;}
.operate-feedback .other p:last-child{margin-bottom:0}

@media (min-width:769px) {
   .operate-feedback .left,
   .operate-feedback .right{width: calc(690 / var(--max-width) * 100%);}
   .operate-feedback .left figure{height: 100%; }
}
@media (max-width:768px) {
   .operate-feedback .left figure{padding-bottom: 30%;}
   .operate-feedback .left.fadeInLeftSmall,
   .operate-feedback .right.fadeInRightSmall{animation-name: fadeInUpSmall;}
   .operate-feedback .left .textwarp{ position: relative;}
}

.green-index{overflow: hidden;}
.green-index .edit-info{color: #595963;}
.green-index .about-culture .pic:after{background-color: rgba(var(--green-color__rgb), 0.7);}
.green-index .engry-intro{background:linear-gradient(to bottom,rgba(243, 246, 250, 0.8) 85%,rgba(243, 246, 250, 0) 100%);}

.green-intro{margin-top:-0.5rem;}
.green-intro .intro-one{max-width: 12.36rem; margin: 0 auto;position: relative;z-index: 1;}

.green-box{position: relative;z-index: 1;display: flex;justify-content: center;font-size: 1rem; margin-top: var(--padding-margin__70);}
.green-box:before{position: absolute; content: '';background: url(../images/green-bg.png) var(--background-contain);width: 18.92em; height: 12.91em;left: 50%;top: 50%;margin: -6.455em  0 0 -9.46em;}
.green-box dl{width: 6.67em; height: 4.78em;position: relative;z-index: 2;}
.green-box dd{position: absolute;width: 3.23em; height: 2.8em; padding-bottom: 0.95em;clip-path: polygon(1.63em 0,100% 0.96em,100% 100%,0 100%,0 0.85em);}
.green-box dd a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
.green-box dd .cn, .green-box dd .en {
  position: relative;
  z-index: 4;
}
.green-box dd .cn{font-size: 0.28em;color: #71849a; font-weight: var(--font-weight__m); margin-bottom: calc(6 / 28 * 1em);}
.green-box dd .en{font-size: 0.2em;	color: #7c8b9a; opacity: 0.6; font-family: var(--font-family__en); font-weight: var(--font-weight__sb);}
.green-box dd:nth-child(1){ top: 0;left: 1.78em;}
.green-box dd:nth-child(2){ top: 0.94em;left: 0;}
.green-box dd:nth-child(3){ top: 2.02em;left: 1.78em;height: 2.76em;z-index: 10;}
.green-box dd:nth-child(4){ top: 1.07em;left: 3.57em;height: 2.69em; width: 3.19em;}
.green-box dd:after,
.green-box dd:before{position: absolute; content: '';background: no-repeat center center;background-size: 100% 100%;left: 0;top: 0;width: 100%;height: 100%; transition: 0.5s;}
.green-box dd:after{opacity: 0;}
.green-box dd:nth-child(1):before{background-image: url(../images/box/03.png);}
.green-box dd:nth-child(1):after{background-image: url(../images/box/03-on.png);}
.green-box dd:nth-child(2):before{background-image: url(../images/box/02.png);}
.green-box dd:nth-child(2):after{background-image: url(../images/box/02-on.png);}
.green-box dd:nth-child(3):before{background-image: url(../images/box/01.png);}
.green-box dd:nth-child(3):after{background-image: url(../images/box/01-on.png);}
.green-box dd:nth-child(4):before{background-image: url(../images/box/04.png);}
.green-box dd:nth-child(4):after{background-image: url(../images/box/04-on.png);}
.green-box dd:hover:after{opacity: 1;}
.green-box dd:hover:before{opacity: 0;}
.green-box dd:hover .cn,.en,
.green-box dd:hover .en{color: var(--white-color);}
@media (min-width:1024px) {
.green-intro{margin-top: -10vw; transform: scale(0.7)}
}
@media (max-width:480px) {
   .green-intro{margin-top: 0;}
   .green-box{font-size: 0.75rem;}
}

.green-design{position: relative;z-index: 3; margin-top: var(--padding-margin__20); padding-bottom: var(--padding-margin__160);}
.green-design .all-title{margin-bottom: var(--padding-margin__40);}
.green-design .edit-info{max-width: 13.6rem;margin: 0 auto var(--padding-margin__100);}

.five-horn{font-size: 1rem;  width: 5.32em; height: 5.1em; margin: 0 auto; position: relative;z-index: 1;}
.five-horn dd{position: absolute;width: 1em;height: 1em;}
.five-horn dd:before{position: absolute; content: ''; left: -0.12em;right: -0.12em;top: 0;height: 1.28em;background: url(../images/ico-bg.png) var(--background-contain);z-index: 1; transition: 0.3s;}
.five-horn dd .txt{position: absolute; top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.five-horn dd .txt p{margin: 0;width: -webkit-max-content; width: max-content;}
.five-horn dd .tit{font-size: 0.24em; font-weight: var(--font-weight__m); margin-bottom: calc(9 / 24 * 1em);}
.five-horn dd .name{font-size: 0.2em;color: #8193a5;font-family: var(--font-family__en); font-weight: var(--font-weight__sb);}
.five-horn dd:nth-child(1) .txt,
.five-horn dd:nth-child(2) .txt,
.five-horn dd:nth-child(3) .txt{left: calc(100% + var(--padding-margin__30));}
.five-horn dd:nth-child(4) .txt,
.five-horn dd:nth-child(5) .txt{right: calc(100% + var(--padding-margin__30));}
.five-horn dd:nth-child(1){left: 2.1em; top: -0.46em;}
.five-horn dd:nth-child(2){top: 1.42em; right: -0.46em;}
.five-horn dd:nth-child(3){right: 0.56em; bottom: -0.35em;}
.five-horn dd:nth-child(4){left: 0.56em; bottom: -0.35em;}
.five-horn dd:nth-child(5){top: 1.42em; left: -0.46em;}
.five-horn dd .icon{width: 1em;height: 1em;display: flex;align-items: center; justify-content: center; position: relative;z-index: 4;}
.five-horn dd .icon img{max-width: 40%;}
.five-horn dd:hover:before{background-image: url(../images/ico-bg-on.png);}
@media (min-width:1024px) {
.five-horn{ width:4.0em; height:3.83em; }
.five-horn dd{transform: scale(0.7)}
.five-horn dd:nth-child(1){left: 1.5em;top: -0.46em;}
.five-horn dd:nth-child(2){top: 1em;right: -0.46em;}
.five-horn dd:nth-child(3){right: 0.3em;bottom: -0.35em;}
.five-horn dd:nth-child(4){left: 0.3em;bottom: -0.35em;}
.five-horn dd:nth-child(5){top: 1em;left: -0.46em;}
}
@media (max-width:480px) {
   .five-horn{font-size: 0.52rem;}
}

.green-index .about-culture .all-title{margin-bottom: var(--padding-margin__40);}
.green-index .about-culture .edit-info{margin-bottom: var(--padding-margin__60);}

.green-engry{background: var(--bg-color);}
.green-engry .edit-info{margin-bottom: var(--padding-margin__40);}
.green-engry .title{font-size: var(--font-size__36);}
.green-engry .right  .edit-info{margin: var(--padding-margin__30) 0 var(--padding-margin__70) 0;}
.green-engry .ico-list dd{position: relative;flex: 1;transition: 0.3s;}
.green-engry .ico-list dd:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: var(--white-color); transform: skewX(-6deg); transition: 0.3s;}
.green-engry .ico-list dd:hover:before{background-color:var(--green-color);}
.green-engry .ico-list dd:hover{color: var(--white-color);}
.green-engry .ico-list dd .inner{position: relative;z-index: 4;width: 90%;max-width: 7em;font-size: var(--font-size__20);font-weight: var(--font-weight__l);display: flex;flex-direction: column; align-items: center; justify-content: center; min-height: 2.8rem; padding:.3rem 0; margin: 0 auto;}
.green-engry .ico-list dd:not(:last-child){margin-right: 0.1rem;}
.green-engry .ico-list dd p{text-align: center; line-height: 1.5; margin-top: 1.5em;}
.green-engry .ico-list dd img{max-width: 0.55rem; max-height: 0.55rem;}
.green-engry .ico-list dd:hover img{filter: brightness(0) invert(1);transition: 0.3s;}
@media (min-width:1025px) {
.green-engry .left{width: calc(680 / var(--max-width) * 100%); clip-path: polygon(0 0, 100% 0, calc(100% - 0.65rem) 100%, 0 100%);}
.green-engry .right{width: calc(620 / var(--max-width) * 100%)}
}
@media (max-width:1024px) {
.green-engry .right{margin-top: var(--padding-margin__60);}
}

.green-prod .edit-info{padding-bottom: 3%}
.green-prod .item{position: relative;z-index: 1; mask-position: center center; mask-size: 100% 100%;-webkit-mask-position: center center; -webkit-mask-size: 100% 100%; overflow: hidden;}
.green-prod .item figure{transition: 0.3s ease-in-out;}
.green-prod .subgroup-2{display: flex;flex-direction: column;justify-content: space-between;}
.green-prod .sub-subgroup-2{display: flex;justify-content: space-between;}
.green-prod .subgroup-1 figure{padding-bottom: calc(508 / 835 * 100%);}
.green-prod .item .name{position: absolute;bottom: 0;background: linear-gradient(90deg, #004da0 40%,  rgba(0, 77, 160, 0) 100%);color: var(--white-color); line-height: 4; font-size: var(--font-size__20); left:0;padding:0 var(--padding-margin__30);z-index: 10; min-width: 1.83rem;}
.green-prod .subgroup-1 .name{line-height: calc(80 / 24); font-size: var(--font-size__24); min-width: 2.97rem;}
.green-prod .subgroup-1 .item{mask-image: url(../images/mask/835.svg); -webkit-mask-image: url(../images/mask/835.svg);}
.green-prod .sub-subgroup-1 .item{mask-image: url(../images/mask/564.svg);-webkit-mask-image: url(../images/mask/564.svg);}
.green-prod .sub-subgroup-2 .item{mask-image: url(../images/mask/285.svg); -webkit-mask-image: url(../images/mask/285.svg);transform: translateX(-11%);}
.green-prod .item:hover figure{transform: scale(1.2);}
.green-prod .sub-subgroup-2 .item{width: calc(285 / 564 * 100%);}
@media (min-width:1025px) {
.green-prod .item-group{display: flex;justify-content: space-between;}
.green-prod .subgroup-1{width: calc(780 / var(--max-width) * 100%);}
.green-prod .subgroup-2{width: calc(564 / var(--max-width) * 100%);}
.green-prod .subgroup-2 figure{height: 2.46rem;}
.green-prod .sub-subgroup-2 .item{width: calc(285 / 564 * 100%);}
.green-prod .subgroup-1 .item{width: calc(835 / 780 * 100%);}
}

@media (max-width:1024px) {
.green-prod .item{margin-bottom: 0.1rem;}
.green-prod .sub-subgroup-1 figure{padding-bottom: calc(264 / 564 * 100%);}
.green-prod .sub-subgroup-2 figure{padding-bottom: calc(264 / 285 * 100%);}
.green-prod .sub-subgroup-2 .item{transform: translateX(0);}
}

@media (max-width:480px) {
   .green-prod .subgroup-1{margin-left: 0.5rem;}
   .green-prod .sub-subgroup-1{margin-left: 0.3rem; margin-right: 0.3rem;}
   .green-prod .sub-subgroup-2{margin-right: 0.5rem;}
   .green-prod .item .name{line-height: 3!important;}
}
@media (min-width:1200px) {
#innerPageFullPage section{padding: 0!important; margin: 0!important}
#innerPageFullPage section:first-child .page-content{padding:var(--padding-margin__40) 0;}
#innerPageFullPage section:first-child .fp-tableCell{vertical-align:inherit}
#innerPageFullPage section.page-content{padding: 0;}
#innerPageFullPage section.endSection .animated{visibility:inherit!important}
#innerPageFullPage section.engry-honor .all-title{padding-top:var(--padding-margin__80);margin-bottom: 0;position: absolute;width: 100%}
#innerPageFullPage section.engry-honor .pic{max-width:950px; margin: auto;padding-top:var(--padding-margin__100); }
#innerPageFullPage .back-top{display: none}
#innerPageFullPage .step-items{padding-bottom: 0}
}
@media (max-width:1280px) {
#innerPageFullPage section.engry-honor .pic{max-width:760px; margin: auto;padding-top:var(--padding-margin__100);}
}

@media (max-width:640px) {
#innerPageFullPage section.engry-honor .pic{ max-width:100%;}
}

/* 记忆蜂窝 */
.Honeycomb-tit{text-align:center; font-size:var(--font-size__56); color:#333333; margin-bottom:.35rem;}
.Honeycomb-introd{ margin-bottom:.6rem; padding:0 8.5%; text-align:center; font-size:var(--font-size__20); color:#595963; font-weight:100; line-height:1.5;}
.Honeycomb-introd p{margin:0;}
.Honeycomb-one{ line-height:1.8;}
.Honeycomb-one .pic{ text-align:center;}
.Honeycomb-two{ background:#edf2f7; padding:1rem 0 1.2rem;}
.features-box{ margin-bottom:.7rem;}
.features-box .list-txt{ width:50%; background:#fff; padding:.5rem;}
.features-box .list-txt .ul{ padding:0; margin:0;}
.features-box .list-txt .ul,
.features-box .list-txt .ul li{ list-style:none;}
.features-box .list-txt .ul li{ border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
.features-box .list-txt .ul li:first-child{ border-top:solid 1px rgba(0, 0, 0, 0.2);}
.features-box .list-txt .ul li .name{padding:.3rem 0; cursor:pointer; position:relative;}
.features-box .list-txt .ul li .name::after{ position:absolute; right:0; top:50%; content:''; display:block; background-image:url(../images/addi.png); width:.21rem; height:.21rem;background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:-.11rem; opacity:0.35;}
.features-box .list-txt .ul li .name em{margin-right:.1rem;font-size:var(--font-size__22);display:block;color:rgba(51,51,51,0.7);}
.features-box .list-txt .ul li .name .tit{font-size:var(--font-size__26); display:block; color:rgba(51,51,51,0.7);display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.features-box .list-txt .ul li .des{ padding-bottom:.3rem; margin-top:-.15rem; line-height:1.5; display:none; font-size:var(--font-size__20); font-weight:100;}
.features-box .list-txt .ul li.active .name::after{ background-image:url(../images/subt.png);background-repeat:no-repeat; background-position:center; background-size:cover;opacity:0.7;}
.features-box .list-txt .ul li.active .name em{color:#004da0;}
.features-box .list-txt .ul li.active .name .tit{color:#333; padding-right:.35rem;}
.features-box .list-pic{ width:50%;}
.features-box .list-pic .pic{ display:block; height:100%; overflow: hidden;}
.features-box .list-pic .pic figure{ height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s;}
.features-box .list-pic .pic:hover figure{ transform:scale(1.05);}
.Howto-use .Honeycomb-tit{ text-align:left; font-size:var(--font-size__36);}
.Howto-use .gif{ align-items:flex-end;}
.Howto-use .gif img{ width:28.5%;}
.Howto-use .gif img:first-child{ width:38.858%;}
.Versafill-box{ padding:1rem 0;}
.Versafill-box .Honeycomb-introd{ padding:0 15%;}
.Versafill-box .list-box{ margin-top:.45rem;}
.Versafill-box .list-box .item{ position:relative; width:48.572%;}
.Versafill-box .list-box .item img{ display:block;}
.Versafill-box .list-box .item .tit{ font-size:var(--font-size__24); color:#fff; position:absolute; left:0; bottom:0; }
.Versafill-box .list-box .item .tit span{padding:0 .4rem 0 .25rem;background:#5d738a;display:-webkit-flex; display:flex; align-items:center;}
.Versafill-box .list-box .item .tit::after{content:'';display:block;width:0; height:0; border-top:.6rem solid transparent; border-left:.22rem solid #5d738a;}
.Versafill-box .list-box .item:nth-child(2n) .tit span{ background:#004da0;}
.Versafill-box .list-box .item:nth-child(2n) .tit::after{border-left:.22rem solid #004da0;}
.MemoryCell{ position:relative; margin-bottom:1rem;}
.MemoryCell .title{ position:absolute; left:0; top:15%; font-size:var(--font-size__36); color:#333333; z-index:5;}
.MemoryCell .cne-img{ text-align:right;}
.Howto-two .tit-box{ margin-bottom:.5rem;}
.Howto-two .tit-box .des{ width:50%; line-height:1.5; font-size:var(--font-size__20); color:#595963; font-weight:100;}
.Howto-two .tit-box .title{ font-size:var(--font-size__36);}
.Howto-two .gif{ align-items:flex-end;}
.Howto-two .gif img{ width:28.5%;}
.Howto-two .gif img:first-child{ width:38.858%;}
.Honeycomb-lxwm{ padding:1.1rem 0 .35rem;}
.Honeycomb-lxwm .Honeycomb-tit{ margin-bottom:.5rem;}
.Honeycomb-lxwm .item{ padding:.75rem .2rem; width:49%; background:#edf2f7;}
.Honeycomb-lxwm .item .icon{ margin-right:.45rem; position:relative;}
.Honeycomb-lxwm .item .icon i{ position:absolute;bottom:-0.03rem;right:-0.03rem;font-size:var(--font-size__20); color:#004da0; font-weight:500;}
.Honeycomb-lxwm .item .icon::after{ content:''; display:block; width:.6rem; height:.47rem; background-image:url(../images/email-icon.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Honeycomb-lxwm .item .text{ line-height:1.3; font-weight:100; color:#333333;}
.Honeycomb-lxwm .item .text .name{ font-size:var(--font-size__20);}
.Honeycomb-lxwm .item .text .email{ font-size:var(--font-size__30);}

@media (max-width:1200px) {
.Honeycomb-one .introd{ font-weight:500;}
}

@media (max-width:640px) {
.Honeycomb-tit{ line-height:1; font-size:var(--font-size__38); margin-bottom:.2rem;}
.Honeycomb-introd{ padding:0;}

.features-box .list-box{ flex-wrap:wrap;}
.features-box .list-txt{ width:100%; padding:.3rem;}
.features-box .list-pic{ width:100%;}
.features-box .list-pic .pic figure{ padding-bottom:50%;}
.MemoryCell .title{ position:relative; top:auto; left:0; font-size:var(--font-size__28); margin-bottom:.2rem;}
.Versafill-box .list-box .item{ width:100%; margin-bottom:.3rem;}
.Versafill-box .list-box .item .tit{ font-size:var(--font-size__20);}
.Versafill-box .Honeycomb-introd{ padding:0;}
.Howto-two .tit-box{ flex-wrap:wrap;}
.Howto-two .tit-box .title{ width:100%; font-size:var(--font-size__28); margin-bottom:.15rem;}
.Howto-two .tit-box .des{ width:100%;}
.Honeycomb-lxwm .item{ width:100%; margin-bottom:.3rem;}
.Honeycomb-lxwm .item .icon{ margin-right:.2rem;}
.Honeycomb-lxwm .item .text .email{ font-size:var(--font-size__24);}
.Honeycomb-lxwm .Honeycomb-tit{ margin-bottom:.3rem;}
}