/* CSS Reset */
html{-webkit-text-size-adjust:none;} 
body{color: #000;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: #ff4422;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;width: 100%;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.send-loading::after {content: '';width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 111111;background: url('../images/loading.gif') center no-repeat rgba(255,255,255,0.8);}
.filter-invert {filter: invert(1);}




/* header */
.header {position:fixed;left: 12.5%;top: 2%;z-index: 3500;transition:all .4s ease;box-sizing: border-box;width: 75%;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.04);border-radius: 1rem;}
.header::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.88);z-index: -1;border-radius:1rem;transition: background .4s ease, backdrop-filter .4s ease;-webkit-transition: background .4s ease, -webkit-backdrop-filter .4s ease;backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);}
.header.index::before {background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(2.4rem);-webkit-backdrop-filter: blur(2.4rem);}
.header ul,.header li {list-style: none;margin: 0;padding: 0;}
.header-content-wrapper {width:100%;height: 100%;display: flex;position: relative;align-items: center;justify-content: space-between;transition:all .4s ease;} 
.header-content {width:97%;height: 7.2rem;margin: auto;} 
.header-content-left {flex: 0 0 12rem;position: relative;z-index: 2;}
.header-content-center {flex: 1;display: flex;justify-content: center;align-items: center;}
.header-content-right {flex: 0 0 auto;display: flex;align-items: center;justify-content: flex-end;gap: 2rem;}
.header-logo,.header-logo *{transition:all .4s ease;}
.header-logo {position: relative;overflow: hidden;}
.header-logo a {position: relative;width: 12rem;height: 4rem;margin: auto;display: block;} 
.header-nav {position: relative;} 
.header-nav > ul {display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.header-nav > ul > li {position: relative;margin: 0 2rem;}
.header-nav > ul > li > a {display: flex;align-items: center;gap: .45rem;white-space: nowrap;}
.header-nav > ul > li > a strong {color: #000;font-weight: 500;transition: color .4s ease;}
.header-nav > ul > li > a .nav-arrow {display: block;width: 0;height: 0;border-left: .35rem solid transparent;border-right: .35rem solid transparent;border-top: .45rem solid currentColor;opacity: .72;transition: transform .3s ease;}
.header-nav > ul > li.has-sub:hover > a .nav-arrow {transform: rotate(180deg);}
.header-nav > ul > li > a:hover strong {color: #ff4422;}
.header-nav > ul > li.active > a strong {color: #ff4422;}
.header.index .header-nav > ul > li > a strong {color: #fff;}
.header.index .header-nav > ul > li > a:hover strong,
.header.index .header-nav > ul > li.active > a strong {color: #ff4422;}
.header-nav-sub {position: absolute;left: 50%;top: calc(100% + .8rem);z-index: 3300;min-width: 16rem;padding: .8rem 0;background: rgba(255, 255, 255, 0.96);border-radius: .8rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);opacity: 0;visibility: hidden;transform: translate(-50%, .8rem);transition: opacity .3s ease, transform .3s ease, visibility .3s ease;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.header-nav > ul > li.has-sub:hover > .header-nav-sub {opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.header-nav-sub ul {margin: 0;padding: 0;list-style: none;display: block;}
.header-nav-sub > ul > li {position: relative;margin: 0;}
.header-nav-sub li a {display: flex;align-items: center;justify-content: space-between;gap: .8rem;padding: .9rem 1.8rem;white-space: nowrap;color: #000;text-decoration: none;}
.header-nav-sub li a strong {color: inherit;font-weight: 500;}
.header-nav-sub li a .nav-arrow-sub {display: block;width: 0;height: 0;flex: 0 0 auto;border-top: .35rem solid transparent;border-bottom: .35rem solid transparent;border-left: .45rem solid currentColor;opacity: .55;}
.header-nav-sub li a:hover,
.header-nav-sub li.active > a {color: #ff4422;background: rgba(255, 68, 34, 0.06);}
.header-nav-sub-deep {position: absolute;left: calc(100% + .4rem);top: -.8rem;z-index: 3310;min-width: 16rem;padding: .8rem 0;background: rgba(255, 255, 255, 0.98);border-radius: .8rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translateX(.6rem);transition: opacity .25s ease, transform .25s ease, visibility .25s ease;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.header-nav-sub > ul > li.has-sub:hover > .header-nav-sub-deep {opacity: 1;visibility: visible;transform: translateX(0);}
.header-nav-show-panel ul li.has-sub {border-bottom: 0;}
.header-nav-show-panel ul li.has-sub > a {border-bottom: 1px solid #f0f1f3;}
.header-nav-sub-mobile {margin: 0;padding: 0 0 .6rem 1.2rem;list-style: none;}
.header-nav-sub-mobile li {border-bottom: 1px solid #f0f1f3;}
.header-nav-sub-mobile li:last-child {border-bottom: 0;}
.header-nav-sub-mobile li a {padding: 1.2rem 0;}
.header-nav-sub-mobile li a strong {font-weight: 500;color: rgba(0, 0, 0, 0.72);}
.header-nav-sub-mobile li.active > a strong,
.header-nav-sub-mobile li a:hover strong {color: #ff4422;}
.header-nav-sub-mobile-deep {padding-left: 1.2rem;}
.header-nav-sub-mobile-deep li a strong {color: rgba(0, 0, 0, 0.58); font-size: .95em;}

.header-group-select {position: relative;}
.header-group-select > a {display: flex;align-items: center;justify-content: center;gap: .6rem;height: 3.6rem;padding: 0 1.6rem;border: 1px solid rgba(0, 0, 0, 0.85);border-radius: .6rem;color: #000;white-space: nowrap;transition: border-color .4s ease, color .4s ease;}
.header-group-select > a .header-group-icon {position: relative;display: block;width: 1.8rem;height: 1.8rem;flex: 0 0 auto;}
.header-group-select > a .header-group-icon img {transition: filter .4s ease;}
.header.index .header-group-select > a .header-group-icon img {filter: brightness(0) invert(1);}
.header-group-select > a strong {color: inherit;font-weight: 500;}
.header-group-select > a i {display: block;width: 0;height: 0;border-left: .4rem solid transparent;border-right: .4rem solid transparent;border-top: .5rem solid currentColor;transition: transform .3s ease;}
.header-group-select.on > a i {transform: rotate(180deg);}
.header.index .header-group-select > a {border-color: rgba(255, 255, 255, 0.85);color: #fff;}
.header-group-select-list {position: absolute;right: 0;top: calc(100% + .8rem);min-width: 14rem;padding: .8rem 0;background: rgba(255, 255, 255, 0.96);border-radius: .8rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);opacity: 0;visibility: hidden;transform: translateY(.8rem);transition: opacity .3s ease, transform .3s ease, visibility .3s ease;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.header-group-select.on .header-group-select-list,
.header-group-select:hover .header-group-select-list {opacity: 1;visibility: visible;transform: translateY(0);}
.header-group-select-list li a {display: block;padding: .8rem 1.6rem;color: #000;}
.header-group-select-list li a:hover {color: #ff4422;background: rgba(240, 131, 0, 0.06);}

.header-language {position: relative;}
.header-language > a {display: flex;align-items: center;gap: .4rem;color: #000;}
.header-language > a i {position: relative;display: block;width: 2.2rem;height: 2.2rem;}
.header-language > a i img {transition: filter .4s ease;}
.header-language > a span {display: block;width: 0;height: 0;border-left: .35rem solid transparent;border-right: .35rem solid transparent;border-top: .45rem solid currentColor;transition: transform .3s ease;}
.header-language.on > a span {transform: rotate(180deg);}
.header.index .header-language > a {color: #fff;}
.header.index .header-language > a i img,
.header.index .header-search > a i img {filter: brightness(0) invert(1);}
.header-language-list {position: absolute;top: calc(100% + .8rem);min-width: 11rem;padding: .8rem 0;background: rgba(255, 255, 255, 0.96);border-radius: .8rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);opacity: 0;visibility: hidden;transform: translateY(.8rem);transition: opacity .3s ease, transform .3s ease, visibility .3s ease;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);right: -3rem;}
.header-language.on .header-language-list,
.header-language:hover .header-language-list {opacity: 1;visibility: visible;transform: translateY(0);}
.header-language-list li a {display: block;padding: .8rem 1.6rem;color: #000;}
.header-language-list li a:hover {color: #ff4422;background: rgba(240, 131, 0, 0.06);}

.header-search > a {display: block;position: relative;width: 2.2rem;height: 2.2rem;color: #000;}
.header-search > a i {position: relative;display: block;width: 100%;height: 100%;}
.header-search > a i img {transition: filter .4s ease;}
.header.index .header-search > a {color: #fff;}
.header-search-content {position: absolute;left: 0;top: 100%;z-index: 3400;width: 100%;box-sizing: border-box;overflow: hidden;max-height: 0;visibility: hidden;pointer-events: none;transition: max-height .35s ease, visibility 0s .35s;border-radius: 0 0 1.6rem 1.6rem;box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, 0.06);}
.header.search-open .header-search-content {max-height: 22rem;visibility: visible;pointer-events: auto;transition: max-height .35s ease, visibility 0s;}
.header.search-open::before {border-radius: 1.6rem 1.6rem 0 0;}
.header-search-content-show {width: 100%;padding: 0 8%;box-sizing: border-box;background: linear-gradient(120deg, #f7f8fa 0%, #fff 100%);transform: translateY(-1rem);opacity: 0;transition: transform .35s ease, opacity .35s ease;}
.header.search-open .header-search-content-show {transform: translateY(0);opacity: 1;}
.header-search-form {position: relative;width: 50%;margin: 0 auto;padding: 3% 0;box-sizing: border-box;overflow: hidden;}
.header-search-input {display: block;width: 100%;height: 4.8rem;padding: 0 6rem 0 0;border: 0;border-bottom: 1px solid #e8eaed;background: transparent;outline: none;color: #000;box-sizing: border-box;}
.header-search-input::placeholder {color: rgba(0, 0, 0, 0.35);}
.header-search-submit {position: absolute;right: 0;top: 50%;width: 4.8rem;height: 4.8rem;margin-top: -2.4rem;border: 0;border-radius: 50%;background: #ff4422;padding: 0;cursor: pointer;box-sizing: border-box;transition: background .35s ease;}
.header-search-submit:hover {background: #e83a1a;}
.header-search-submit i {display: block;width: 2rem;height: 2rem;position: relative;margin: 0 auto;}
.header-search-submit i img {display: block;width: 100%;height: 100%;filter: brightness(0) invert(1);}



/* mobile-nav */
.menu-toggle {display: none;position: relative;z-index: 3601;margin-left: 1.5rem;}
.cd-nav-trigger {display: block;width: 4.4rem;height: 4.4rem;position: relative;}
.cd-nav-trigger span {position: absolute;left: 50%;top: 50%;transition: all .35s ease;pointer-events: none;}
.cd-nav-trigger .hamburger {width: 2.6rem;height: 2px;margin: -1px 0 0 -1.3rem;background: #000;transition: background .4s ease, opacity .35s ease;}
.cd-nav-trigger .hamburger::before,
.cd-nav-trigger .hamburger::after {content: '';position: absolute;left: 0;width: 100%;height: 2px;background: #000;transition: all .35s ease;}
.header.index .cd-nav-trigger .hamburger,
.header.index .cd-nav-trigger .hamburger::before,
.header.index .cd-nav-trigger .hamburger::after {background: #fff;}
.header.index .cd-nav-trigger .cross::before,
.header.index .cd-nav-trigger .cross::after {background: #fff;}
.cd-nav-trigger .hamburger::before {top: -.8rem;}
.cd-nav-trigger .hamburger::after {top: .8rem;}
.cd-nav-trigger .cross {width: 2.6rem;height: 2.6rem;margin: -1.3rem 0 0 -1.3rem;opacity: 0;transform: rotate(45deg);}
.cd-nav-trigger .cross::before,
.cd-nav-trigger .cross::after {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 2px;background: #000;transform: translate(-50%,-50%);}
.cd-nav-trigger .cross::after {transform: translate(-50%,-50%) rotate(90deg);}
.header.nav-open .cd-nav-trigger .hamburger {opacity: 0;}
.header.nav-open .cd-nav-trigger .cross {opacity: 1;}
.header-nav-show {position: fixed;left: 0;top: 0;z-index: 3450;width: 100%;height: 100%;visibility: hidden;opacity: 0;pointer-events: none;transition: visibility 0s .4s, opacity .4s ease;}
.header-nav-show.on {visibility: visible;opacity: 1;pointer-events: auto;transition: opacity .4s ease;}
.header-nav-show-mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);}
.header-nav-show-panel {position: absolute;right: 0;top: 0;width: 84%;max-width: 36rem;height: 100%;background: #fff;padding: 10rem 3rem 3rem;box-sizing: border-box;overflow-y: auto;-webkit-overflow-scrolling: touch;transform: translateX(100%);transition: transform .4s ease;box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.12);}
.header-nav-show.on .header-nav-show-panel {transform: translateX(0);}
.header-nav-show-panel ul {margin: 0;padding: 0;list-style: none;}
.header-nav-show-panel ul li {border-bottom: 1px solid #f0f1f3;}
.header-nav-show-panel ul li a {display: block;padding: 1.8rem 0;color: inherit;text-decoration: none;}
.header-nav-show-panel ul li a strong {color: #000;font-weight: 600;}
.header-nav-show-panel ul li.active a strong,
.header-nav-show-panel ul li a:hover strong {color: #ff4422;}
body.nav-open {overflow: hidden;}

.close-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 11;}
.close-1 a {display: block;width: 100%;height: 100%;position: relative;}
.close-1 i{width: 1.5rem;height: 1.5rem;position: relative;display: block;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';width: 100%;height: 2px;position: absolute;z-index: 1;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.close-1 i::after {width:2px;height: 100%;}


/* footer */
.footer {position: relative;clear: both;overflow: hidden;color: #fff;background: #0b0b0b url('../upload/footer-bg.jpg') center bottom no-repeat;background-size: cover;}
.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}
.footer a {color: #fff;}
.footer-content {position: relative;z-index: 2;width: 75%;margin: 0 auto;padding: 8rem 0 4rem;box-sizing: border-box;}
.footer-content-top {overflow: hidden;}
.footer-left {float: left;width: 27%;box-sizing: border-box;}
.footer-logo {width: 18rem;max-width: 100%;margin-bottom: 3.2rem;}
.footer-logo img {display: block;width: 100%;height: auto;}
.footer-contact .text-1 {margin-bottom: 2rem;}
.footer-contact .text-1 p {margin: 0;color: rgba(255, 255, 255, 0.88);line-height: 1.6;}
.footer-contact .tel-2 {margin-bottom: 1.2rem;}
.footer-contact .tel-2 a {display: inline-block;color: #ff4422;text-decoration: none;}
.footer-contact .tel-2 a:hover {color: #ff6644;text-decoration: none;}
.footer-contact .tel-2 strong {font-family: 'Nexa-b',PingFang SC,'Microsoft YaHei',sans-serif;font-weight: normal;line-height: 1.2;}
.footer-contact .email-2 a {display: inline-block;color: rgba(255, 255, 255, 0.48);text-decoration: none;}
.footer-contact .email-2 a:hover {color: rgba(255, 255, 255, 0.8);text-decoration: none;}
.footer-right {float: right;width: 55%;box-sizing: border-box;}
.footer-nav {display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}
.footer-nav ul {flex: 0 0 auto;width: auto;box-sizing: border-box;}
.footer-nav ul strong {display: block;margin-bottom: 1.6rem;color: #fff;font-weight: 600;line-height: 1.4;}
.footer-nav ul li + li {margin-top: 1rem;}
.footer-nav ul li a {display: inline-block;color: rgba(255, 255, 255, 0.45);line-height: 1.5;text-decoration: none;}
.footer-nav ul li a:hover {color: #fff;text-decoration: none;}
.footer-content-center {display: flex;align-items: center;justify-content: space-between;margin-top: 5rem;padding-top: 3.2rem;}
.footer-social ul {display: flex;align-items: center;}
.footer-social li {margin-right: 1.2rem;}
.footer-social li:last-child {margin-right: 0;}
.footer-social li a {display: flex;align-items: center;justify-content: center;width: 3.6rem;height: 3.6rem;border: 1px solid rgba(255, 255, 255, 0.18);border-radius: 50%;background: rgba(255, 255, 255, 0.04);transition: border-color .35s ease, background .35s ease;}
.footer-social li a i {position: relative;display: block;width: 1.6rem;height: 1.6rem;}
.footer-social li a i img {filter: brightness(0) invert(1);opacity: .85;transition: opacity .35s ease;}
.footer-social li a:hover {border-color: rgba(255, 255, 255, 0.42);background: rgba(255, 255, 255, 0.08);}
.footer-social li a:hover i img {opacity: 1;}
.footer-group {flex-shrink: 0;}
.footer-group-select {position: relative;}
.footer-group-select > a {display: flex;align-items: center;justify-content: center;height: 4rem;padding: 0 1.8rem;border: 1px solid rgba(255, 255, 255, 0.22);border-radius: .8rem;color: #fff;white-space: nowrap;text-decoration: none;transition: border-color .35s ease, background .35s ease;}
.footer-group-select > a strong {color: inherit;font-weight: 500;}
.footer-group-select > a i {display: block;width: 0;height: 0;margin-left: .8rem;border-left: .4rem solid transparent;border-right: .4rem solid transparent;border-top: .5rem solid currentColor;transition: transform .3s ease;}
.footer-group-select > a:hover {border-color: rgba(255, 255, 255, 0.42);text-decoration: none;}
.footer-group-select.on > a i {transform: rotate(180deg);}
.footer-group-select-list {position: absolute;right: 0;bottom: calc(100% + .8rem);min-width: 14rem;padding: .8rem 0;background: rgba(18, 18, 18, 0.96);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: .8rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.28);opacity: 0;visibility: hidden;transform: translateY(.8rem);transition: opacity .3s ease, transform .3s ease, visibility .3s ease;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.footer-group-select.on .footer-group-select-list {opacity: 1;visibility: visible;transform: translateY(0);}
.footer-group-select-list li a {display: block;padding: .8rem 1.6rem;color: rgba(255, 255, 255, 0.72);text-decoration: none;}
.footer-group-select-list li a:hover {color: #ff4422;background: rgba(255, 68, 34, 0.08);text-decoration: none;}
.footer-group-select-list li a strong {font-weight: 500;}
.footer-content-bottom {display: flex;align-items: center;justify-content: space-between;margin-top: 2.4rem;padding-top: 2.4rem;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.footer-copyright {flex: 1 1 0;max-width: 70%;padding-right: 2rem;box-sizing: border-box;color: rgba(255, 255, 255, 0.38);}
.footer-copyright p {margin: 0;color: rgba(255, 255, 255, 0.38);line-height: 1.6;}
.footer-copyright a {color: rgba(255, 255, 255, 0.38);}
.footer-copyright a:hover {color: #fff;}
.footer-website {flex-shrink: 0;}
.footer-website a {display: inline-block;color: rgba(255, 255, 255, 0.38);text-decoration: none;}
.footer-website a:hover {color: rgba(255, 255, 255, 0.72);text-decoration: none;}

.footer-back-to-top {position: fixed;right: 3.2rem;bottom: 3.2rem;z-index: 2000;opacity: 0;visibility: hidden;transform: translateY(1.6rem);transition: opacity .35s ease, visibility .35s ease, transform .35s ease;pointer-events: none;}
.footer-back-to-top.is-visible {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}
.footer-back-to-top a {display: block;width: 4.8rem;height: 4.8rem;border-radius: 50%;background: rgba(255, 68, 34, 0.92);box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.18);transition: background .35s ease, transform .35s ease;}
.footer-back-to-top a:hover {background: #ff6644;transform: translateY(-0.2rem);}
.footer-back-to-top a i {position: relative;display: block;width: 100%;height: 100%;}
.footer-back-to-top a i img {filter: brightness(0) invert(1);max-width: 50%;max-height: 50%;}




/* index */
.main {position: relative;}
.main-container {position: relative;overflow: visible;}
.main-container-section {position: relative;overflow: visible;}
.index-banner {position: relative;background: #1a1a1a;overflow: hidden;}
.index-banner-swiper {position: relative;width: 100%;height: 100vh;height: 100dvh;}
.index-banner-swiper.is-single .index-banner-pagination {display: none;}
.index-banner-slide {position: relative;height: 100%;}
.index-banner-slide-img {position: relative;width: 100%;height: 100%;overflow: hidden;background: #1a1a1a;}
.index-banner-slide-img .video,
.index-banner-slide-img .pic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: opacity .6s ease, visibility .6s ease;}
.index-banner-slide-img .video {z-index: 2;opacity: 0;visibility: hidden;}
.index-banner-slide-img .video.is-playing {opacity: 1;visibility: visible;}
.index-banner-slide-img .video video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.index-banner-slide-img .pic {z-index: 1;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.index-banner-slide-img .pic.is-hidden {opacity: 0;visibility: hidden;}
.index-banner-slide-img .pic img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.index-banner-slide-img .pic::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 1;}
.index-banner-slide-img .video::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 2;}

.index-banner-slide-absolute {position: absolute;left: 0;right: 0;top: 50%;z-index: 10;transform: translateY(-50%);text-align: center;color: #fff;padding: 0 5%;pointer-events: none;box-sizing: border-box;}
.index-banner-slide-absolute.is-align-left {left: 8%;right: auto;width: 50%;transform: translateY(-50%);text-align: left;}
.index-banner-slide-absolute.is-align-center {left: 50%;right: auto;width: 70%;max-width: 90%;transform: translate(-50%, -50%);text-align: center;}
.index-banner-slide-absolute.is-align-right {left: auto;right: 8%;width: 50%;transform: translateY(-50%);text-align: right;}
.index-banner-slide-absolute.is-align-left .viewmore-1,
.index-banner-slide-absolute.is-align-right .viewmore-1 {display: inline-flex;}
.index-banner-slide-absolute .title-1,
.index-banner-slide-absolute .text-2,
.index-banner-slide-absolute .viewmore-1 {opacity: 0;transform: translateY(3rem);transition: opacity .8s ease, transform .8s ease;}
.index-banner-slide-absolute .title-1 h1 {color: inherit;font-weight: 600;line-height: 1.3;margin: 0;}
.index-banner-slide-absolute .text-2 {margin-top: 2rem;}
.index-banner-slide-absolute .text-2 span {color: inherit;opacity: 0.92;line-height: 1.6;}
.index-banner-slide-absolute .viewmore-1 a {color: inherit;border-color: currentColor;}
.index-banner-slide-absolute .viewmore-1 a:hover {color: #fff;border-color: #ff4422;}
.index-banner-slide-absolute.is-animated .title-1 {opacity: 1;transform: translateY(0);transition-delay: .15s;}
.index-banner-slide-absolute.is-animated .text-2 {opacity: 1;transform: translateY(0);transition-delay: .35s;}
.index-banner-slide-absolute.is-animated .viewmore-1 {opacity: 1;transform: translateY(0);transition-delay: .55s;pointer-events: auto;}

.index-banner-swiper .index-banner-pagination {position: absolute;left: 50%;right: auto;bottom: 3%;width: auto;z-index: 12;display: inline-flex;justify-content: center;align-items: center;gap: .8rem;padding: 1.5rem 1.6rem;border-radius: 1rem;background: rgba(255, 255, 255, 0.16);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);box-shadow: 0 .4rem 2rem rgba(0, 0, 0, 0.08);transform: translateX(-50%);}
.index-banner-pagination .swiper-pagination-bullet {width: 1.2rem;height: .6rem;margin: 0!important;border-radius: 1rem;background: rgba(255, 255, 255, 0.45);opacity: 1;transition: width .4s ease, background .4s ease;}
.index-banner-pagination .swiper-pagination-bullet-active {width: 3.2rem;background: #fff;}



/* index-my-products */
.index-my-products-pin {position: relative;z-index: 20;}
.index-my-products {position: relative;background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 55%, #e8eef5 100%);}
.index-my-products.is-pinned {box-sizing: border-box;}
.index-my-products.is-pinned.is-pin-active {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 30;}
.index-my-products.is-pinned.is-pin-ended {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 30;}
.index-my-products.is-pinned .js-products-item {opacity: 0;will-change: transform, opacity;transition: none!important;}
.index-my-products-inner {position: absolute;z-index: 2;width: 75%;height: 100%;margin: 0 auto;overflow: hidden;padding-bottom: 0;left: 50%;top: 0;transform: translateX(-50%);}
.index-my-products-top {position: absolute;text-align: center;left: 0;width: 100%;top: 10%;}
.index-my-products-top .title-1 span {display: inline-block;color: #ff4422;font-weight: 500;}
.index-my-products-top .title-2 h2 {margin: 1.2rem 0 0;color: #000;font-weight: 600;line-height: 1.35;}
.index-my-products-top .icon-list {margin-top: 2.4rem;}
.index-my-products-top .icon-container {display: inline-flex;align-items: center;justify-content: center;gap: 2.4rem;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 1rem;padding: 1.5rem 2rem;font-size: 0;}
.index-my-products-top .icon-item img {display: inline-block;width: auto;}
.index-my-products-top .icon-container > span img {display: block;height: 1.6rem;width: auto;}

.index-my-products-body {height: 100%;position: absolute;width: 100%;left: 0;top: 0;}
.index-my-products-left {align-self: center;will-change: transform, opacity;position: absolute;left: 0;top: 30%;width: 30%;}
.index-my-products-left .title-3 strong {display: block;color: #000;font-weight: 700;line-height: 1.05;letter-spacing: -.02em;}
.index-my-products-left .text-3 {margin-top: 2rem;color: #000;line-height: 1.7;}
.index-my-products-left .viewmore-1 {margin-top: 3rem;}

.index-my-products-center {display: flex;justify-content: center;position: absolute;left: 50%;top: 28%;transform: translateX(-50%);width: 50%;}
.index-my-products-center .robot-1 {width: 100%;margin: 0 auto;text-align: center;will-change: transform, opacity;}
.index-my-products-center .robot-1 img {display: inline-block;width: 100%;height: auto;vertical-align: bottom;}

.index-my-products-right {width: 18%;will-change: transform, opacity;position: absolute;right: 0;top: 45%;}
.index-my-products-right .video-1 a {display: block;color: #000;background: #fff;border-radius: 1.2rem;overflow: hidden;transition: transform .4s ease, box-shadow .4s ease;}
.index-my-products-right .video-1 a:hover .pic img {transform: scale(1.05);}
.index-my-products-right .video-1 .pic {position: relative;overflow: hidden;aspect-ratio: 16 / 10;background: #dfe6ee;margin: 1rem 1rem 0 1rem;border-radius: 1rem;}
.index-my-products-right .video-1 .pic img {width: 100%;height: 100%;object-fit: cover;}
.index-my-products-right .play-1 {position: absolute;left: 50%;top: 50%;z-index: 2;width: 3.5rem;height: 3.5rem;border-radius: 50%;background: rgba(255, 255, 255, 0.4);box-shadow: 0 .6rem 2rem rgba(0, 0, 0, 0.12);transform: translate(-50%, -50%);backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);}
.index-my-products-right .play-1 i {position: absolute;left: 54%;top: 50%;width: 0;height: 0;border-top: .7rem solid transparent;border-bottom: .7rem solid transparent;border-left: 1.1rem solid #fff;transform: translate(-50%, -50%);}
.index-my-products-right .title-4 {padding: 1.4rem 1.6rem 1.6rem;color: #000;font-weight: 500;line-height: 1.5;text-align: center;}

.index-my-products-background {position: relative;z-index: 1;width: 100%;pointer-events: none;line-height: 0;}
.index-my-products-background .background-1 img {display: block;width: 100%;height: auto;}



/* index-smart-manufacturing */
.index-smart-manufacturing-pin {position: relative;z-index: 10;width: 100%;margin-left: auto;margin-right: auto;}
.index-smart-manufacturing {position: relative;width: 100%;height: 100vh;height: 100dvh;overflow: hidden;border-radius: 0;}
.index-smart-manufacturing-background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index-smart-manufacturing-background::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.38);z-index: 2;}
.index-smart-manufacturing-background img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.index-smart-manufacturing-background video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;visibility: hidden;}
.index-smart-manufacturing-background.is-video-playing video {opacity: 1;visibility: visible;}
.index-smart-manufacturing-background::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;background: #000;opacity: .3;}
.index-smart-manufacturing-content {position: relative;z-index: 3;height: 100%;}
.index-smart-manufacturing-center-text {position: absolute;left: 50%;top: 42%;width: 80%;max-width: 90rem;padding: 0 2rem;text-align: center;color: #fff;transform: translate(-50%, -50%);}
.index-smart-manufacturing-center-text .title-1 span {display: inline-block;color: #fff;font-weight: 500;}
.index-smart-manufacturing-center-text .title-2 h2 {margin: 1.6rem 0 0;color: #fff;font-weight: 600;line-height: 1.45;}
.index-smart-manufacturing-center-text .viewmore-1 {margin-top: 3rem;}
.index-smart-manufacturing-labels {position: absolute;left: 50%;bottom: 5%;width: 88%;height: 14rem;display: flex;justify-content: space-between;align-items: flex-start;pointer-events: none;box-sizing: border-box;transform: translateX(-50%);}
.index-smart-manufacturing-labels .label-item {position: relative;display: inline-flex;align-items: center;gap: 1rem;padding: 1.2rem 1.8rem;border-radius: .8rem;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(1.2rem);-webkit-backdrop-filter: blur(1.2rem);color: #fff;white-space: nowrap;flex-shrink: 0;will-change: transform;}
.index-smart-manufacturing-labels .label-item.is-top {margin-top: 0;animation: sm-label-float 3.4s ease-in-out infinite;}
.index-smart-manufacturing-labels .label-item.is-bottom {margin-top: 6.5rem;animation: sm-label-float 3.8s ease-in-out infinite;}
.index-smart-manufacturing-labels .label-item:nth-child(1) {animation-delay: 0s;}
.index-smart-manufacturing-labels .label-item:nth-child(2) {animation-delay: .35s;}
.index-smart-manufacturing-labels .label-item:nth-child(3) {animation-delay: .7s;}
.index-smart-manufacturing-labels .label-item:nth-child(4) {animation-delay: 1.05s;}
.index-smart-manufacturing-labels .label-item:nth-child(5) {animation-delay: 1.4s;}
.index-smart-manufacturing-labels .label-item:nth-child(6) {animation-delay: .2s;}
.index-smart-manufacturing-labels .label-item:nth-child(7) {animation-delay: .55s;}
.index-smart-manufacturing-labels .label-item:nth-child(8) {animation-delay: .9s;}
.index-smart-manufacturing-labels .label-item:nth-child(9) {animation-delay: 1.25s;}
.index-smart-manufacturing-labels .label-item i {display: block;width: .6rem;height: .6rem;border-radius: 50%;background: #ff4422;flex-shrink: 0;}
@keyframes sm-label-float {
	0%, 100% {transform: translateY(0);}
	50% {transform: translateY(-1.2rem);}
}

/* index-ecological-layout */
.index-ecological-layout {position: relative;padding: 5% 0 0;background: #fff url('../upload/bg4.jpg') center top no-repeat;background-size: 100%;}
.index-ecological-layout-top {width: 75%;margin: 0 auto;text-align: center;padding-bottom: 4%;}
.index-ecological-layout-top .title-1 span {display: inline-block;color: #ff4422;font-weight: 500;}
.index-ecological-layout-top .title-2 h2 {margin: 1.2rem 0 0;color: #000;font-weight: 600;line-height: 1.35;}
.index-ecological-layout-center {position: relative;width: 75%;margin: 0 auto;}
.index-ecological-layout-list {position: relative;}
.index-ecological-layout-item {display: none;position: relative;}
.index-ecological-layout-item.active {display: block;}
.index-ecological-layout-item > a {display: flex;align-items: center;justify-content: space-between;gap: 0 5rem;color: inherit;text-decoration: none;}
.index-ecological-layout-item .item-left {position: relative;width: calc(45% - 2.5rem);flex: 0 0 calc(45% - 2.5rem);min-width: 0;box-sizing: border-box;}
.index-ecological-layout-item .item-right {position: relative;width: calc(53% - 2.5rem);flex: 0 0 calc(53% - 2.5rem);min-width: 0;box-sizing: border-box;}
.index-ecological-layout-item .group-1 {position: relative;display: block;padding-right: 6.4rem;}
.index-ecological-layout-item .icon-1 {display: block;width: 5.5rem;margin-bottom: 3rem;}
.index-ecological-layout-item .icon-1 i {display: block;width: 100%;height: 5.5rem;position: relative;border-radius: .8rem;overflow: hidden;background: #ff4422;}
.index-ecological-layout-item .icon-1 img {max-width: 60%;max-height: 60%;filter: grayscale(1) invert(1) brightness(4);}
.index-ecological-layout-item .title-3 {display: block;color: #000;font-weight: 600;line-height: 1.25;}
.index-ecological-layout-item .text-3 {display: block;margin-top: 1.2rem;color: rgba(0, 0, 0, 0.48);line-height: 1.75;}
.index-ecological-layout-item .text-4 {display: block;margin-top: 2rem;border-top: 1px solid rgba(0, 0, 0, 0.08);padding: 2rem 0;position: relative;line-height: 1.75;color: #666;}
.index-ecological-layout-item .text-4::before {content: '';position: absolute;left: 0;top: 0;width: 10rem;height: 1px;background: #ff4422;z-index: 1;}
.index-ecological-layout-item .label-4 {display: flex;flex-wrap: wrap;gap: 1rem;padding: 2.4rem 0 0;}
.index-ecological-layout-item .label-4 span {display: inline-block;padding: .8rem 1.6rem;border-radius: .6rem;background: #fff;color: rgba(0, 0, 0, 0.55);white-space: nowrap;line-height: 1;}
.index-ecological-layout-item .arrow-r {position: absolute;right: 0;top: 50%;display: flex;align-items: center;justify-content: center;width: 4.4rem;height: 4.4rem;border-radius: 50%;background: #fff;transform: translateY(-50%);transition: background .35s ease;box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, 0.06);}
.index-ecological-layout-item .arrow-r i {position: relative;display: block;width: 1.6rem;height: 1.6rem;filter: grayscale(1);}
.index-ecological-layout-item > a:hover .arrow-r {background: #ff4422;}
.index-ecological-layout-item > a:hover .arrow-r i {filter: grayscale(1) brightness(5);}
.index-ecological-layout-pic-item {position: relative;width: 100%;aspect-ratio: 16 / 10;border-radius: 2rem;overflow: hidden;background: #dfe6ee;}
.index-ecological-layout-pic-item img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.index-ecological-layout-pic-item video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;z-index: 2;opacity: 0;visibility: hidden;transition: opacity .45s ease, visibility .45s ease;}
.index-ecological-layout-pic-item.is-video-playing video {opacity: 1;visibility: visible;}
.index-ecological-layout-pic-item.is-video-playing img {opacity: 0;visibility: hidden;transition: opacity .45s ease, visibility .45s ease;}
.index-ecological-layout-bottom {width: 75%;margin: 2% auto 0;padding-bottom: 5%;}
.ecological-layout-nav ul {display: flex;align-items: stretch;justify-content: space-between;gap: 0 1%;margin: 0;padding: 0;list-style: none;}
.ecological-layout-nav li {flex: 1;margin: 0;text-align: center;min-width: 0;}
.ecological-layout-nav li a {display: block;padding: 0 1rem 2rem 0;color: rgba(0, 0, 0, 0.38);text-decoration: none;border-bottom: 3px solid #ccc; transition: color .3s ease, border-color .3s ease;text-align: left;position: relative;}
.ecological-layout-nav li.active a {color: #000;border-bottom-color: #ff4422;}
.ecological-layout-nav li a:hover {color: #000;}


/* index-news-center */
.index-news-center {position: relative;width: 75%;margin: 0 auto;padding: 2% 0 5%;}
.index-news-center-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 3%;}
.index-news-center-top .title-2 h2 {margin: 0;color: #000;font-weight: 600;line-height: 1.2;}
.index-news-center .swiper-arrows {display: flex;align-items: center;gap: 1.2rem;flex-shrink: 0;}
.index-news-center .swiper-arrow-prev,
.index-news-center .swiper-arrow-next {display: flex;align-items: center;justify-content: center;width: 4.8rem;height: 4.8rem;border-radius: 50%;cursor: pointer;transition: background .35s ease, opacity .35s ease;}
.index-news-center .swiper-arrow-prev i,
.index-news-center .swiper-arrow-next i {position: relative;display: block;width: 1.6rem;height: 1.6rem;}
.index-news-center .swiper-arrow-prev i img,
.index-news-center .swiper-arrow-next i img {filter: brightness(0) invert(1);transition: filter .35s ease;}
.index-news-center .swiper-arrow-prev {background: #1a1a1a;}
.index-news-center .swiper-arrow-prev i {transform: rotate(180deg);}
.index-news-center .swiper-arrow-next {background: #ff4422;}
.index-news-center .swiper-arrow-prev.swiper-button-disabled {background: #eceff3;cursor: default;pointer-events: none;}
.index-news-center .swiper-arrow-prev.swiper-button-disabled i img {filter: grayscale(1) brightness(1.2);opacity: .45;}
.index-news-center .swiper-arrow-next.swiper-button-disabled {background: #eceff3;cursor: default;pointer-events: none;}
.index-news-center .swiper-arrow-next.swiper-button-disabled i img {filter: grayscale(1) brightness(1.2);opacity: .45;}
.index-news-center-list {position: relative;width: 100%;}
.index-news-center-swiper {position: relative;width: 100%;overflow: hidden;}
.index-news-center-swiper .swiper-slide {height: auto;}
.news-swiper-item {height: 100%;}
.news-swiper-item a {display: flex;flex-direction: column;height: 100%;background: #fff;border-radius: 1.6rem;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.06);color: inherit;box-sizing: border-box;}
.news-swiper-item .pic {position: relative;width: 100%;}
.news-swiper-item .content {display: flex;flex-direction: column;flex: 1;width: 100%;padding: 2rem 2.4rem 2.4rem;box-sizing: border-box;}
.news-swiper-item .label-2 {display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 1.6rem;}
.news-swiper-item .label-2 span {display: inline-block;padding: .6rem 1.2rem;border-radius: .4rem;background: #f5f6f8;color: rgba(0, 0, 0, 0.55);white-space: nowrap;line-height: 1;}
.news-swiper-item .title-3 {flex: 1;margin-bottom: 2.4rem;}
.news-swiper-item .title-3 strong {display: block;color: #000;font-weight: 600;line-height: 1.55;}
.news-swiper-item .arrow-right {display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;border-radius: 50%;background: #f0f1f3;align-self: flex-start;transition: background .35s ease;}
.news-swiper-item .arrow-right i {position: relative;display: block;width: 1.4rem;height: 1.4rem;}
.news-swiper-item .arrow-right i img {transition: filter .35s ease;filter: grayscale(1);}
.news-swiper-item a:hover .arrow-right {background: #ff4422;}
.news-swiper-item a:hover .arrow-right i img {filter: brightness(0) invert(1);}
.news-swiper-item a:hover .pic {transform: scale(1.05);}



/* page-banner */
.page-banner {position: relative;height: 100vh;height: 100dvh;background: #000;overflow: hidden;}
.page-banner-swiper {position: relative;width: 100%;height: 100%;}
.page-banner-slide {position: relative;height: 100%;}
.page-banner-slide-img {position: relative;width: 100%;height: 100%;overflow: hidden;background: #000;}
.page-banner-slide-img img {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;animation: pictureScale 4s ease forwards;}
.page-banner-slide-img::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 1;}
.page-banner-slide-absolute {position: absolute;left: 50%;right: 0;top: 50%;z-index: 10;transform: translate(-50%,-50%);text-align: center;color: #fff;padding: 0 8%;width: 60%;box-sizing: border-box;}
.page-banner-slide-absolute .class-1,
.page-banner-slide-absolute .title-2,
.page-banner-slide-absolute .text-3,
.page-banner-slide-absolute .viewmore-1 {opacity: 0;transform: translateY(2rem);transition: opacity .8s ease, transform .8s ease;}
.page-banner-slide-absolute .class-1 span {color: rgba(255, 255, 255, 0.95);line-height: 1.4;}
.page-banner-slide-absolute .title-2 {margin-top: 2.4rem;}
.page-banner-slide-absolute .title-2 h1 {color: #fff;font-weight: 600;line-height: 1.25;margin: 0;}
.page-banner-slide-absolute .text-3 {margin: 2.4rem auto 0;color: rgba(255, 255, 255, 0.78);line-height: 1.8; }
.page-banner-slide-absolute .text-3 p {margin: 0;}
.page-banner-slide-absolute.is-animated .class-1 {opacity: 1;transform: translateY(0);transition-delay: .1s;}
.page-banner-slide-absolute.is-animated .title-2 {opacity: 1;transform: translateY(0);transition-delay: .25s;}
.page-banner-slide-absolute.is-animated .text-3 {opacity: 1;transform: translateY(0);transition-delay: .4s;}
.page-banner-slide-absolute.is-animated .viewmore-1 {opacity: 1;transform: translateY(0);transition-delay: .55s;}
.page-banner-swiper.is-single .banner-prev,
.page-banner-swiper.is-single .banner-next {display: none!important;}
.page-banner-swiper .banner-prev,
.page-banner-swiper .banner-next {position: absolute;top: 50%;z-index: 15;width: 4.8rem;height: 4.8rem;margin-top: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.12);border: 1px solid rgba(255, 255, 255, 0.22);transform: translateY(-50%);transition: background .35s ease, border-color .35s ease;}
.page-banner-swiper .banner-prev:hover,
.page-banner-swiper .banner-next:hover {background: rgba(255, 255, 255, 0.22);border-color: rgba(255, 255, 255, 0.4);}
.page-banner-swiper .banner-prev {left: 3%;}
.page-banner-swiper .banner-next {right: 3%;}
.page-banner-swiper .banner-prev::after,
.page-banner-swiper .banner-next::after {font-size: 1.6rem;color: #fff;}

.page-scroll-down {position: absolute;left: 50%;bottom: 4rem;z-index: 12;transform: translateX(-50%);}
.page-scroll-down a {display: flex;align-items: center;justify-content: center;width: 5.6rem;height: 5.6rem;position: relative;}
.page-scroll-down a::before {content: '';position: absolute;inset: 0;border-radius: 50%;border: 1px dashed rgba(255, 255, 255, 0.35);animation: pageScrollRingRotate 14s linear infinite;}
.page-scroll-down a:hover::before {border-color: rgba(255, 255, 255, 0.65);}
.page-scroll-down a i {display: block;width: 3.2rem;height: 3.2rem;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.9);position: relative;z-index: 1;}
.page-scroll-down a i::before {content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;margin-left: -.45rem;margin-top: -.25rem;border-left: .5rem solid transparent;border-right: .5rem solid transparent;border-top: .6rem solid #fff;}
@keyframes pageScrollRingRotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes pictureScale {0% {transform: scale(1.1);}100% {transform: scale(1);}}




/* page-about */
.page-about {position: relative;background-color: #fff;padding: 8% 0 10%;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.page-about .page-about-inner {position: relative;z-index: 2;width: 70%;margin: 0 auto;text-align: center;}
.page-about .page-about-inner .class-1 span {display: inline-block;color: #ff4422;font-weight: 500;}
.page-about .page-about-inner .title-2 h3 {margin: 1.6rem 0 0;color: #000;font-weight: 600;}
.page-about .page-inner-top {position: relative;}
.page-about .page-inner-absolute {position: absolute;left: 0;bottom: 5%;width: 100%;text-align: center;z-index: 1;}
.page-about-introduction {color: rgba(0, 0, 0, 0.72);text-align: center;width: 64%;margin: auto;margin-top: 3.2rem;line-height: 3rem;}
.page-about-introduction strong {color: #000;font-weight: 600;}
.page-about-absolute-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}
.page-about-absolute-img .pointer-events-item {position: absolute;will-change: transform;border-radius: 1rem;overflow: hidden;}
.page-about-absolute-img .item1 {left: 6%;top: 15%;width: 13%;}
.page-about-absolute-img .item2 {right: 10%;top: 30%;width: 13%;}
.page-about-absolute-img .item3 {left: 0;top: 60%;width: 17%;}
.page-about-absolute-img .item4 {right: 0;top: 85%;width: 16%;}


/* page-about-smart-manufacturing */
.page-about-smart-manufacturing {position: relative;height: 100vh;height: 100dvh;overflow: hidden;background: #000;margin: auto;}
.page-about-smart-manufacturing > .page-inner-absolute {position: absolute;left: 50%;top: 12%;z-index: 13;width: 80%;max-width: 90rem;padding: 0 2rem;text-align: center;color: #fff;transform: translateX(-50%);pointer-events: none;box-sizing: border-box;}
.page-about-smart-manufacturing > .page-inner-absolute .class-1 span {display: inline-block;color: rgba(255, 255, 255, 0.95);font-weight: 500;line-height: 1.4;}
.page-about-smart-manufacturing > .page-inner-absolute .title-2 h3 {margin: 1.6rem 0 0;color: #fff;font-weight: 600;line-height: 1.45;}
.page-about-smart-manufacturing-pic {position: relative;}
.page-about-smart-manufacturing-pic::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.38);z-index: 2;pointer-events: none;}
.page-about-smart-manufacturing-pic .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;visibility: hidden;transition: opacity .6s ease, visibility .6s ease;}
.page-about-smart-manufacturing-pic .video-1 video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.page-about-smart-manufacturing-pic .video-1::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .3;}
.page-about-smart-manufacturing-pic.is-video-playing .video-1 {opacity: 1;visibility: visible;z-index: 3;}
.page-about-smart-manufacturing-list {position: absolute;left: 0;bottom: 0;z-index: 4;width: 100%;padding: 0 ;box-sizing: border-box;}
.page-about-smart-manufacturing-swiper {overflow: visible;width: 75%;}
.page-about-smart-manufacturing-swiper .swiper-wrapper {align-items: flex-end;}
.page-about-smart-manufacturing-swiper .swiper-slide {height: auto;display: flex;align-items: flex-end;}
.about-smart-manufacturing-item {position: relative;z-index: 1;width: 100%;}
.about-smart-manufacturing-item:hover {z-index: 5;}
.about-smart-manufacturing-item a {display: flex;flex-direction: column;justify-content: flex-start;position: relative;width: 100%;min-height: 11rem;padding: 2rem 2rem 2.4rem;border-radius: 1.2rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(1.2rem);-webkit-backdrop-filter: blur(1.2rem);color: #fff;box-sizing: border-box;transition: background .4s ease, min-height .45s ease, transform .45s ease, border-color .4s ease;}
.about-smart-manufacturing-item a::before {content: '';position: absolute;inset: -1px;border-radius: inherit;padding: 1px;background: radial-gradient(ellipse 85% 70% at 100% 0%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.1) 38%, transparent 72%), radial-gradient(ellipse 85% 70% at 0% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 38%, transparent 72%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite: exclude;pointer-events: none;z-index: 1;transition: opacity .4s ease;}
.about-smart-manufacturing-item:hover a {min-height: 16rem;background: rgba(255, 255, 255, 0.22);border-color: rgba(255, 255, 255, 0.22);}
.about-smart-manufacturing-item:hover a::before {opacity: 1;}
.about-smart-manufacturing-item .icon-1,
.about-smart-manufacturing-item .inner-2 {position: relative;z-index: 2;}
.about-smart-manufacturing-item .icon-1 i {display: block;width: 4rem;height: 4rem;position: relative;background: #ff4422;border-radius: 1rem;}
.about-smart-manufacturing-item .icon-1 img {max-width: 70%;max-height: 70%;}
.about-smart-manufacturing-item .inner-2 {width: 100%;margin-top: auto;padding-top: 3rem;transition: margin-top .45s ease, padding-top .45s ease;}
.about-smart-manufacturing-item .title-3 strong {display: block;color: #fff;font-weight: 600;line-height: 1.4;}
.about-smart-manufacturing-item .text-3 {margin-top: 0;color: rgba(255, 255, 255, 0.78);line-height: 1.7;opacity: 0;max-height: 0;overflow: hidden;transition: opacity .4s ease, max-height .45s ease, margin-top .45s ease;}
.about-smart-manufacturing-item:hover .text-3 {opacity: 1;max-height: 12rem;margin-top: 1.2rem;}
.page-about-smart-manufacturing-bottom {display: flex;align-items: center;justify-content: space-between;gap: 2rem;width: 75%;margin: auto;margin-top: 2.4rem;padding-bottom: 1.5%;}
.smart-manufacturing-swiper-dragbar {flex: 1;max-width: 30%;height: 2px;background: rgba(255, 255, 255, 0.25);border-radius: 1px;overflow: hidden;}
.smart-manufacturing-swiper-dragbar i {display: block;height: 100%;width: 20%;background: #fff;border-radius: 1px;transition: width .45s ease;}
.page-about-smart-manufacturing-bottom-right {display: flex;align-items: center;gap: 1.6rem;flex-shrink: 0;}


/* page-about-corporate-culture */
.page-about-corporate-culture-pin {position: relative;z-index: 10;}
.page-about-corporate-culture {position: relative;padding: 8% 0 10%;box-sizing: border-box;background: url('../upload/bg5.jpg') center no-repeat;background-size: cover;}
.page-about-corporate-culture.is-pinned.is-pin-active {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100vh;height: 100dvh;z-index: 30;padding: 6% 0;display: flex;flex-direction: column;justify-content: center;}
.page-about-corporate-culture.is-pinned.is-pin-ended {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 30;padding: 8% 0 10%;}
.page-corporate-culture-top {width: 75%;margin: 0 auto;text-align: center;flex-shrink: 0;}
.page-corporate-culture-top .class-1 span {display: inline-block;color: #ff4422;font-weight: 500;line-height: 1.4;}
.page-corporate-culture-top .title-2 h3 {margin: 1.6rem 0 0;color: #000;font-weight: 600;line-height: 1.35;}
.page-corporate-culture-bottom {width: 75%;margin: 4rem auto 0;flex-shrink: 0;margin-top: 2%;}
.page-corporate-culture-list {position: relative;}
.page-corporate-culture-item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);} 
.page-corporate-culture-item a {display: flex;align-items: flex-start;justify-content: space-between;gap: 2rem;padding: 3.2rem 0;color: inherit;cursor: pointer;transition: padding .45s ease;}
.page-corporate-culture-item.active a {padding: 4.8rem 0;}
.page-corporate-culture-item .number-1 {flex: 0 0 14rem;}
.page-corporate-culture-item .number-1 span {display: block;color: rgba(0, 0, 0, 0.12);line-height: 1;transition: color .45s ease;}
.page-corporate-culture-item.active .number-1 span {color: #000;}
.page-corporate-culture-item .pic-1 {flex: 0 0 0;width: 0;opacity: 0;overflow: hidden;margin: 0;align-self: flex-start;transition: opacity .4s ease, margin .35s ease;margin: 0 2rem 0 20%;}
.page-corporate-culture-item.active .pic-1 {flex: 0 0 20%;width: 20%;opacity: 1;}
.page-corporate-culture-item .pic-1 img {display: block;width: 100%;height: auto;border-radius: 1rem;clip-path: inset(0 0 100% 0);transition: clip-path .65s ease;}
.page-corporate-culture-item.active .pic-1 img {clip-path: inset(0 0 0 0);}
.page-corporate-culture-item .inner-2 {flex: 0 0 42%;max-width: 42%;margin-left: auto;text-align: left;padding: 2% 0;}
.page-corporate-culture-item .title-3 strong {display: block;color: rgba(0, 0, 0, 0.88);font-weight: 600;line-height: 1.35;transition: color .45s ease;}
.page-corporate-culture-item.active .title-3 strong {color: #000;}
.page-corporate-culture-item .text-3 {margin-top: 0;color: rgba(0, 0, 0, 0.55);line-height: 1.75;max-height: 0;opacity: 0;overflow: hidden;transition: opacity .45s ease, max-height .5s ease, margin-top .45s ease;}
.page-corporate-culture-item.active .text-3 {max-height: 12rem;opacity: 1;margin-top: 1.2rem;}




/* page-products-banner */
.page-products-banner-pin {position: relative;z-index: 10;width: 100%;}
.page-products-banner {position: relative;height: 100vh;height: 100dvh;overflow: hidden;background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 55%, #e8eef5 100%);}
.page-products-banner .background-1 {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;pointer-events: none;line-height: 0;}
.page-products-banner .background-1 img {display: block;width: 100%;height: auto;}
.page-products-banner .center-robot-2 {position: absolute;left: 50%;top: 100%;width: 35%;z-index: 3;text-align: center;pointer-events: none;opacity: 0;transform: translateX(-50%) translateY(4rem);transition: opacity .9s ease, all .9s ease;} 
.page-products-banner .center-robot-3 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transform: translateY(4rem);transition: opacity .9s ease, transform .9s ease;}
.page-products-banner .center-robot-3 .center-robot-media {position: relative;flex-shrink: 0;line-height: 0;pointer-events: auto;overflow: hidden;}
.page-products-banner .center-robot-3 .center-robot-media img {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: fill;pointer-events: none;}
.page-products-banner .center-robot-3 .technical-point-list {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;pointer-events: none;}
.page-products-banner .left-introduction-3 {position: absolute;left: 12.5%;top: 40%;width: 23%;z-index: 4;opacity: 0;transform: translateY(calc(-50% + 3rem));transition: opacity .8s ease, transform .8s ease;}
.page-products-banner .left-introduction-3 .text-1 {color: #ff4422;font-weight: 500;line-height: 1.4;}
.page-products-banner .left-introduction-3 .title-2 h1 {margin: 1.2rem 0 0;color: #000;font-family: 'Nexa-b';font-weight: normal;line-height: 1.05;letter-spacing: -.02em;}
.page-products-banner .left-introduction-3 .text-3 {margin-top: 2rem;color: #000;line-height: 1.7;}
.page-products-banner .left-introduction-3 .viewmore-1 {margin-top: 3rem;}
.page-products-banner .right-video-4 {position: absolute;right: 12.5%;bottom: 10%;width: 13%;z-index: 5;opacity: 0;transform: translateY(3rem);transition: opacity .8s ease .2s, transform .8s ease .2s;}
.page-products-banner .right-video-4 .video-1 a {display: block;color: #000;background: #fff;border-radius: 1.2rem;overflow: hidden;box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.08);transition: transform .4s ease, box-shadow .4s ease;}
.page-products-banner .right-video-4 .video-1 a:hover {transform: translateY(-.4rem);box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.12);}
.page-products-banner .right-video-4 .video-1 a:hover .pic img {transform: scale(1.05);}
.page-products-banner .right-video-4 .video-1 .pic {position: relative;overflow: hidden;aspect-ratio: 16 / 10;background: #dfe6ee;margin: 1rem 1rem 0 1rem;border-radius: 1rem;}
.page-products-banner .right-video-4 .video-1 .pic img {width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease;}
.page-products-banner .right-video-4 .play-1 {position: absolute;left: 50%;top: 50%;z-index: 2;width: 3.5rem;height: 3.5rem;border-radius: 50%;background: rgba(255, 255, 255, 0.4);box-shadow: 0 .6rem 2rem rgba(0, 0, 0, 0.12);transform: translate(-50%, -50%);backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);}
.page-products-banner .right-video-4 .play-1 i {position: absolute;left: 54%;top: 50%;width: 0;height: 0;border-top: .7rem solid transparent;border-bottom: .7rem solid transparent;border-left: 1.1rem solid #fff;transform: translate(-50%, -50%);}
.page-products-banner .right-video-4 .title-4 {padding: 1.4rem 1.6rem 1.6rem;color: #000;font-weight: 500;line-height: 1.5;text-align: center;}
.page-products-banner .page-scroll-down {left: 12.5%;bottom: 5%;transform: none;}
.page-products-banner .page-scroll-down a::before {border-color: rgba(255, 68, 34, 0.4);}
.page-products-banner .page-scroll-down a:hover::before {border-color: rgba(255, 68, 34, 0.7);}
.page-products-banner .page-scroll-down a i {border-color: rgba(255, 68, 34, 0.85);}
.page-products-banner .page-scroll-down a i::before {border-top-color: #ff4422;}
.page-products-banner.is-animated .left-introduction-3 {opacity: 1;transform: translateY(-50%);}
.page-products-banner.is-animated .center-robot-2 {opacity: 1;top: 13%;transition-delay: .15s;}
.page-products-banner.is-animated .center-robot-3 {opacity: 1;transform: translateY(0);transition-delay: .15s;}
.page-products-banner.is-animated .right-video-4 {opacity: 1;transform: translateY(0);transition-delay: .3s;}
.page-products-banner .center-robot-2 .technical-point-list,
.page-products-banner .center-robot-3 .technical-point-list {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;pointer-events: none;}
.page-products-banner .technical-point-list .point-item {position: absolute;width: 2.4rem;height: 2.4rem;opacity: 0;pointer-events: auto;cursor: pointer;transition: opacity .35s ease;transform: translate(-50%, -50%);}
.page-products-banner .technical-point-list .point-item.is-shown {opacity: 1;}
.page-products-banner .technical-point-list .point-ring {position: relative;z-index: 1;display: block;width: 100%;height: 100%;border: 1px solid #ff4422;border-radius: 50%;box-sizing: border-box;background: transparent;box-shadow: 0 0 0 .4rem rgba(255, 68, 34, 0.18);animation: none;}
.page-products-banner .technical-point-list .point-ring i {position: absolute;left: 50%;top: 50%;width: .6rem;height: .6rem;border-radius: 50%;background: #ff4422;left: 50%;top: 50%;transform: translate(-50%,-50%);transition:all .4s ease;}
.page-products-banner .technical-point-list .point-item.is-shown.is-current .point-ring {animation: products-point-pulse 2s ease infinite;}
.page-products-banner .technical-point-list .point-item.is-shown:not(.is-current) .point-ring {animation: none;box-shadow: 0 0 0 0 rgba(255, 68, 34, 0.18);}
.page-products-banner .technical-point-list .point-item.is-shown.is-current .point-ring i {width: 1rem;height: 1rem;}
.page-products-banner .technical-point-list .point-item.item1 {top: 3.7%;left: 43%;}
.page-products-banner .technical-point-list .point-item.item2 {top: 12.3%;left: 49%;}
.page-products-banner .technical-point-list .point-item.item3 {top: 25%;left: 39%;}
.page-products-banner .technical-point-list .point-item.item4 {top: 40%;left: 46%;}
.page-products-banner .technical-point-list .point-item.item5 {top: 43%;left: 13%;}
.page-products-banner .technical-point-list .point-item.item6 {top: 38%;left: 43%;}
@keyframes products-point-pulse {0% {box-shadow: 0 0 0 .4rem rgba(255,68,34,0);}50% {box-shadow: 0 0 0 1.1rem rgba(255, 68, 34, .3);}100% {box-shadow: 0 0 0 1.1rem rgba(255, 68, 34, 0);}}
.page-products-banner .technical-point-pics-list {display: none;}
.page-products-banner .technical-point-pics-list .point-pics-item {position: relative;width: 21%;margin-bottom: 18rem;}
.page-products-banner .technical-point-pics-list .point-pics-item:nth-child(odd) {align-self: flex-start;}
.page-products-banner .technical-point-pics-list .point-pics-item:nth-child(even) {align-self: flex-end;}
.page-products-banner .technical-point-pics-list .point-pics-item a {display: block;color: #000;border-radius: 1.2rem;overflow: hidden;background: rgba(255, 255, 255, 0.55);border: 1px solid rgba(255, 255, 255, 0.45);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.page-products-banner .technical-point-pics-list .point-pics-item .pic {position: relative;overflow: hidden;background: #dfe6ee;margin: 1rem 1rem 0 1rem;border-radius: 1.6rem;} 
.page-products-banner .technical-point-pics-list .point-pics-item .title-5 {padding: 1.4rem 1.6rem 1.6rem;line-height: 1.5;transition: color .35s ease;}

/* page-products-advantages */
.page-products-advantages {position: relative;padding: 5% 0 3%;background: #f5f5f5;}
.page-products-advantages > .title-2 {width: 75%;margin: 0 auto 4rem;}
.page-products-advantages > .title-2 h2 {margin: 0;color: #000;font-weight: 600;line-height: 1.3;}
.page-products-advantages-list {width: 87.5%;margin-left: 12.5%;}
.page-products-advantages-swiper {overflow: visible;width: 86%;margin: 0;}
.page-products-advantages-swiper .swiper-wrapper {align-items: stretch;}
.page-products-advantages-swiper .swiper-slide {height: auto;display: flex;}
.page-products-advantages-swiper .swiper-slide.swiper-slide-active .products-advantages-item {box-shadow: 0px 10px 50px 0px rgba(16, 2, 0, 0.06);transform: scale(1);}
.products-advantages-item {display: flex;flex-direction: column;width: 100%;padding: 2.4rem 2rem 2.8rem;border-radius: 1.2rem;background: #fff;box-sizing: border-box;transition:all .4s ease;transform: scale(.9);}
.products-advantages-item .icon-3 i {display: block;position: relative;width: 6rem;height: 6rem;background: #ff4422;border-radius: 1rem;}
.products-advantages-item .icon-3 img {max-width: 62%;max-height: 62%;}
.products-advantages-item .bottom-3 {margin-top: 50%;}
.products-advantages-item .title-3 strong {display: block;color: #000;font-weight: 600;line-height: 1.4;}
.products-advantages-item .text-3 {margin-top: 1.2rem;color: rgba(0, 0, 0, 0.55);line-height: 1.7;}
/* .products-advantages-item:hover {transform: translateY(-1rem);box-shadow: 0px 10px 50px 0px rgba(16, 2, 0, 0.06);} */
.page-products-advantages-bottom {display: flex;align-items: center;justify-content: space-between;gap: 2rem;width: 75%;margin: 4rem auto 0;}
.products-advantages-swiper-dragbar {height: 2px;background: rgba(0, 0, 0, 0.08);border-radius: 1px;overflow: hidden;width: 20%;}
.products-advantages-swiper-dragbar i {display: block;height: 100%;width: 20%;background: #ff4422;border-radius: 1px;transition: width .45s ease;}
.page-products-advantages-bottom-right {display: flex;align-items: center;gap: 1.6rem;flex-shrink: 0;}
/* PC ≤4 个不轮播：卡片等宽展示，隐藏底部进度/翻页 */
.page-products-advantages.is-no-carousel .page-products-advantages-bottom {display: none;}
.page-products-advantages.is-no-carousel .products-advantages-item {transform: scale(1);box-shadow: 0px 10px 50px 0px rgba(16, 2, 0, 0.06);}


.page-data-driven-intelligence {overflow: hidden;position: relative;padding: 5% 0;background: url('../upload/bg6.jpg') center no-repeat;background-size: cover;text-align: center;color: #fff;}
.page-data-driven-intelligence-pic {width: 75%;margin: auto;margin-top: 3%;}





/* page-mvt-standard */
.page-mvt-standard {position: relative;padding: 6% 0 3%;background: #f5f5f5;text-align: center;overflow: hidden;}
.page-mvt-standard > .title-2 {width: 80%;max-width: 90rem;margin: 0 auto;}
.page-mvt-standard > .title-2 h2 {margin: 0;color: #000;font-weight: 600;line-height: 1.35;}
.page-mvt-standard > .text-2 {width: 80%;max-width: 72rem;margin: 1.6rem auto 0;color: rgba(0, 0, 0, 0.55);line-height: 1.8;}
.page-mvt-standard > .text-2 p {margin: 0;}
.page-mvt-standard-center {margin-top: 3%;overflow: hidden;position: relative;z-index: 10;}
.page-mvt-standard-swiper {overflow: visible;}
.page-mvt-standard-swiper .swiper-wrapper {align-items: center;}
.page-mvt-standard-swiper .swiper-slide {width: 40%;height: auto;}
.page-mvt-standard-item {position: relative;overflow: hidden;border-radius: 1.6rem;transform: scale(0.8);transform-origin: center center;transition: transform .5s ease, opacity .5s ease;will-change: transform, opacity;}
.page-mvt-standard-swiper .swiper-slide-active .page-mvt-standard-item {transform: scale(1);opacity: 1;}
.page-mvt-standard-item img {width: 100%;height: auto;}
.page-mvt-standard-item .title-3 {position: absolute;left: 0;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: center;width: 100%;padding: 3rem 2.4rem;text-align: center;box-sizing: border-box;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.page-mvt-standard-item .title-3::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;opacity: .2;z-index: 1;}
.page-mvt-standard-item .title-3 strong {display: block;color: #fff;font-weight: 600;line-height: 1.4;}
.page-mvt-standard-bottom {display: flex;align-items: center;justify-content: center;gap: 1.6rem;margin-top: 3%;position: relative;z-index: 5;}
.page-mvt-standard-ring {position: absolute;left:50%;top: 50%;border-radius: 100%;transform: translate(-50%,-50%);border: 1px dotted #ff4422;opacity: .2;}
.page-mvt-standard-ring.ring1 {width: 100rem;height: 100rem;transform: translate(-50%,-110%) scale(1.5);} 
.page-mvt-standard-ring.ring2 {width: 170rem;height: 170rem;transform: translate(-50%,-90%) scale(1.5);} 



/* page-product-parameter */
.page-product-parameter {position: relative;padding: 6% 0 0;background-color: #080808;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.page-product-parameter::before {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.28);pointer-events: none;}
.page-product-parameter-content {position: relative;z-index: 1;display: flex;justify-content: space-between;gap: 3rem;width: 75%;margin: 0 auto;box-sizing: border-box;}
.page-product-parameter-left {width: 62%;padding: 5% 0;}
.page-product-parameter-left > .title-2 h2 {margin: 0 0 5rem;color: #fff;font-weight: 600;line-height: 1.35;text-align: left;}
.page-product-parameter-list {display: flex;flex-wrap: wrap;position: relative;}
.page-product-parameter-list::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;opacity: .1;}
.page-product-parameter-list .parameter-item {position: relative;box-sizing: border-box;text-align: left;padding: 2.6rem 0;width: 33.3333%;}
.page-product-parameter-list .parameter-item::before {content: '';width: 4rem;height: 1px;position: absolute;left: 0;top: 0;background: #ff4422;}
.page-product-parameter-list .parameter-item::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;opacity: .1;}
.page-product-parameter-list .parameter-item .title-3 {margin: 0;}
.page-product-parameter-list .parameter-item .title-3 span {display:block;color: rgba(255, 255, 255, 0.42);line-height: 1.5;position: relative;}
.page-product-parameter-list .parameter-item .parameter-3 {margin-top: .8rem;}
.page-product-parameter-list .parameter-item .parameter-3 span {display: block;color: #fff;font-weight: 500;line-height: 1.55;}
.page-product-parameter-right {width: 35%;width: 35%;right: 0;height: 100%;bottom: 0;position: absolute;}
.page-product-parameter-right .pic-2 {position: relative;line-height: 0;display: flex;align-content: center;justify-content: center;width:100%;height: 100%;} 
.page-product-parameter-right .pic-2 img {max-height:100%;max-width:100%;width:auto;}


/* page-product-industrial-manufacturing */
.page-product-industrial-manufacturing {position: relative;padding: 8% 0;background: #fff;text-align: center;overflow: visible;}
.page-product-industrial-manufacturing-content {width: 100%;margin: 0 auto;}
.page-product-industrial-manufacturing-top .text-2 span {display: inline-block;color: #ff4422;font-weight: 500;line-height: 1.4;}
.page-product-industrial-manufacturing-top .title-2 {width: 72%;margin: 1.6rem auto 0;}
.page-product-industrial-manufacturing-top .title-2 h2 {margin: 0;color: #000;font-weight: 600;line-height: 1.35;}
.page-product-industrial-manufacturing-center {position: relative;overflow: hidden;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);margin-top: 2%;}
.page-product-industrial-manufacturing-swiper.swiper-container {position: relative;width: 100vw;max-width: 100vw;padding: 2% 0;margin: 0;overflow: visible;}
.page-product-industrial-manufacturing-swiper .swiper-slide {width: 50%;height: auto;box-sizing: border-box;pointer-events: none;overflow: hidden;}
.page-product-industrial-manufacturing-swiper .swiper-slide-active {pointer-events: auto;z-index: 2;overflow: visible;}
.industrial-manufacturing-item {position: relative;width: 100%;border-radius: 1.6rem;overflow: hidden;opacity: 1;transform-origin: center center;transition: opacity .45s ease;-webkit-transition: opacity .45s ease;z-index: 11;}
.page-product-industrial-manufacturing-swiper.industrial-swiper--ready .industrial-manufacturing-item {transition: transform 650ms ease, opacity .45s ease;-webkit-transition: transform 650ms ease, opacity .45s ease;}
.page-product-industrial-manufacturing-swiper .swiper-slide-prev .industrial-manufacturing-item {transform: translateX(15%);}
.page-product-industrial-manufacturing-swiper .swiper-slide-next .industrial-manufacturing-item {transform: translateX(-15%);}
.page-product-industrial-manufacturing-swiper .swiper-slide-active .industrial-manufacturing-item {transform: none;}

.industrial-manufacturing-item::after {content: '';position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;border-radius: inherit;pointer-events: none;opacity: 1;}
.page-product-industrial-manufacturing-swiper.industrial-swiper--ready .industrial-manufacturing-item::after {transition: all .45s ease;}
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-prev .industrial-manufacturing-item::after {background: linear-gradient(var(--industrial-overlay-angle, 90deg), rgba(255, 255, 255, var(--industrial-overlay, 0.45)) 0%, rgba(255, 255, 255, .95) 30%);}
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-next .industrial-manufacturing-item::after {background: linear-gradient(var(--industrial-overlay-angle, 270deg), rgba(255, 255, 255, var(--industrial-overlay, 0.45)) 0%, rgba(255, 255, 255, .95) 30%);}
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-prev::after,
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-next::after {content: '';position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;z-index: 1;transition: all .45s ease;}
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-prev::after {background: linear-gradient(90deg, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .95) 10%);}
.page-product-industrial-manufacturing-swiper .swiper-slide.swiper-slide-next::after {background: linear-gradient(-90deg, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .95) 10%);}


.industrial-manufacturing-item a {display: block;position: relative;color: #fff;border-radius: 1.6rem;}
.page-product-industrial-manufacturing-swiper .swiper-slide-active a {cursor: pointer;}
.page-product-industrial-manufacturing-swiper .swiper-slide-active .industrial-manufacturing-item {--industrial-overlay: 0;}
.page-product-industrial-manufacturing-swiper .swiper-slide-active  .industrial-manufacturing-item::after  {opacity: 0;}
.industrial-manufacturing-item .pic {position: relative;overflow: hidden;border-radius: 1.6rem;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;line-height: 0;}
.industrial-manufacturing-item .pic img {width: 100%;height: auto;opacity: 0;}
.industrial-manufacturing-item a:hover .pic {transform: scale(1.05);}
.industrial-manufacturing-item .play-1 {position: absolute;left: 50%;top: 50%;z-index: 4;width: 5.6rem;height: 5.6rem;margin-left: -2.8rem;margin-top: -2.8rem;border-radius: 50%;background: rgba(255, 255, 255, 0.35);box-shadow: 0 .6rem 2rem rgba(0, 0, 0, 0.12);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);opacity: 0;transition: opacity .45s ease, background .35s ease;}
.page-product-industrial-manufacturing-swiper .swiper-slide-active .play-1 {opacity: 1;}
.industrial-manufacturing-item .play-1 i {position: absolute;left: 54%;top: 50%;width: 0;height: 0;margin-left: -.55rem;margin-top: -.7rem;border-top: .7rem solid transparent;border-bottom: .7rem solid transparent;border-left: 1.1rem solid #fff;}
.page-product-industrial-manufacturing-swiper .industrial-prev,
.page-product-industrial-manufacturing-swiper .industrial-next {position: absolute;top: 50%;z-index: 20;width: 4rem;height: 4rem;margin-top: -2rem;border-radius: 50%;background: rgba(0, 0, 0, 0.38);box-shadow: none;cursor: pointer;pointer-events: auto;transition: background .35s ease, opacity .35s ease;}
.page-product-industrial-manufacturing-swiper .industrial-prev {left: 18%;}
.page-product-industrial-manufacturing-swiper .industrial-next {right: 18%;}
.page-product-industrial-manufacturing-swiper .industrial-prev::after,
.page-product-industrial-manufacturing-swiper .industrial-next::after {display: none;}
.page-product-industrial-manufacturing-swiper .industrial-prev i,
.page-product-industrial-manufacturing-swiper .industrial-next i {position: absolute;left: 50%;top: 50%;width: 1.4rem;height: 1.4rem;margin-left: -.7rem;margin-top: -.7rem;filter: grayscale(1) brightness(4);}
.page-product-industrial-manufacturing-swiper .industrial-prev i {transform: rotate(180deg);}
.page-product-industrial-manufacturing-swiper .industrial-prev i img,
.page-product-industrial-manufacturing-swiper .industrial-next i img {display: block;width: 100%;height: auto;}
.page-product-industrial-manufacturing-swiper .industrial-prev.swiper-button-disabled,
.page-product-industrial-manufacturing-swiper .industrial-next.swiper-button-disabled {opacity: .35;cursor: default;pointer-events: none;}
.page-product-industrial-manufacturing-bottom {margin-top: 2.4rem;text-align: center;}
.page-product-industrial-manufacturing-bottom .text-2 {display: block;margin-bottom: 1rem;color: #666;line-height: 1.4;}
.page-product-industrial-manufacturing-bottom .text-2 span {display: inline-block;color: #fff;background: #ff4422;padding: 0.5rem 1rem;border-radius: 0.5rem;transition: opacity .35s ease;}
.page-product-industrial-manufacturing-bottom .text-2.is-changing span {opacity: 0;}
.page-product-industrial-manufacturing-bottom .title-3 strong {display: inline-block;color: #000;font-weight: 600;line-height: 1.45;transition: opacity .35s ease;}
.page-product-industrial-manufacturing-bottom .title-3.is-changing strong {opacity: 0;}
.industrial-next.swiper-button-disabled,.industrial-prev.swiper-button-disabled {display: none;}

/* page-product-features */
.page-product-features {position: relative;padding: 5% 0;background: #fff url('../upload/bg7.jpg') center no-repeat;background-size: cover;}
.page-product-features-content {width: 75%;margin: 0 auto;}
.page-product-features .title-2 h3 {margin: 0;color: #000;font-weight: 600;line-height: 1.3;}
.page-product-features-list {width: 100%;margin-top: 4rem;}
.page-product-features-swiper {width: 100%;margin: 0;}
.page-product-features-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.product-features-item {display: block;width: 100%;border-radius: 1.6rem;background: #fff;overflow: hidden;box-sizing: border-box;}
.product-features-item .content-1 {padding: 2.4rem 2.4rem 2rem;}
.product-features-item .number-1 span {color: #ff4422;font-weight: 600;line-height: 1;}
.product-features-item .title-3 {margin-top: 10rem;}
.product-features-item .title-3 h4 {margin: 1.6rem 0 0;color: #000;font-weight: 600;line-height: 1.4;}
.product-features-item .text-3 {margin: 1rem 0 0;color: rgba(0, 0, 0, 0.45);line-height: 1.65;}
.product-features-item .text-3 p {margin: 0;}
.product-features-item .img {position: relative;width: 100%;line-height: 0;}
.product-features-item .img .video-1 {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .45s ease, visibility .45s ease;}
.product-features-item .img .video-1 video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.product-features-item .img.is-video-playing .video-1 {opacity: 1;visibility: visible;}
.product-features-item .img.is-video-playing .pic {opacity: 0;visibility: hidden;}
.product-features-item .pic {position: relative;overflow: hidden;border-radius: 0 0 1.6rem 1.6rem;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;line-height: 0;transition: opacity .45s ease, visibility .45s ease;}
.product-features-item .pic img {width: 100%;height: auto;opacity: 0;}
.page-product-features-bottom {width: 100%;margin-top: 4rem;overflow: hidden;}
.product-features-swiper-dragbar {float: left;width: 20%;height: 2px;margin-top: 2.3rem;background: rgba(0, 0, 0, 0.08);border-radius: 1px;overflow: hidden;}
.product-features-swiper-dragbar i {display: block;height: 100%;width: 20%;background: #ff4422;border-radius: 1px;transition: width .45s ease;}
.page-product-features-bottom-right {float: right;font-size: 0;}

/* page-scenario-application */
.page-scenario-application {position: relative;height: 100vh;height: 100dvh;overflow: hidden;background: #000;}
.page-scenario-application-swiper {width: 100%;height: 100%;}
.page-scenario-application-swiper .swiper-slide {position: relative;height: 100%;overflow: hidden;}
.scenario-application-item {position: relative;width: 100%;height: 100%;}
.scenario-application-item .item-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.scenario-application-item .item-img::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.28);z-index: 2;pointer-events: none;}
.scenario-application-item .item-img img {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;transition: opacity .6s ease, visibility .6s ease;}
.scenario-application-item .item-img .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;visibility: hidden;transition: opacity .6s ease, visibility .6s ease;}
.scenario-application-item .item-img .video-1 video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.scenario-application-item .item-img.is-video-playing .video-1 {opacity: 1;visibility: visible;z-index: 3;}
.scenario-application-item .item-img.is-video-playing > img {opacity: 0;visibility: hidden;}
.scenario-application-item .item-absolute {position: absolute;left: 12%;top: 50%;z-index: 3;width: 38%;max-width: 54rem;transform: translateY(-50%);pointer-events: none;box-sizing: border-box;}
.scenario-application-item .item-absolute-content {position: relative;padding: 3.2rem 3.6rem;border-radius: 1.2rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(1.2rem);-webkit-backdrop-filter: blur(1.2rem);color: #fff;box-sizing: border-box;}
.scenario-application-item .item-absolute-content::before {content: '';position: absolute;inset: -1px;border-radius: inherit;padding: 1px;background: radial-gradient(ellipse 85% 70% at 0% 0%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.1) 38%, transparent 72%), radial-gradient(ellipse 85% 70% at 100% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 38%, transparent 72%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite: exclude;pointer-events: none;z-index: 1;}
.scenario-application-item .item-absolute-content .class-3,
.scenario-application-item .item-absolute-content .title-3,
.scenario-application-item .item-absolute-content .text-3 {position: relative;z-index: 2;}
.scenario-application-item .item-absolute-content .class-3 span {display: inline-block;color: #ff4422;font-weight: 500;line-height: 1.4;}
.scenario-application-item .item-absolute-content .title-3 {margin-top: 1.6rem;}
.scenario-application-item .item-absolute-content .title-3 strong {display: block;color: #fff;font-weight: 600;line-height: 1.35;}
.scenario-application-item .item-absolute-content .text-3 {margin-top: 10rem;color: rgba(255, 255, 255, 0.82);line-height: 1.75;}
.scenario-application-item .item-absolute-content .text-3 p {margin: 0;}
.page-scenario-application-nav {position: absolute;left: 0;bottom: 0;z-index: 5;width: 100%;padding: 0 12% 4%;box-sizing: border-box;}
.page-scenario-application-nav ul {position: relative;margin: 0;padding: 0 0 2.4rem;list-style: none;overflow: hidden;display: flex;justify-content: space-between;}
.page-scenario-application-nav li {width: 32.33%;margin-right: 1%;}
.page-scenario-application-nav li a {display: block;position: relative;padding: 2rem 0;color: rgba(255, 255, 255, 0.55);text-decoration: none;transition: color .35s ease;}
.page-scenario-application-nav li a strong {display: block;font-weight: 500;line-height: 1.4;}
.page-scenario-application-nav li a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: .3rem;background: #fff;opacity: .1;}
.page-scenario-application-nav li a::before {content: '';position: absolute;left: 0;bottom: 0;z-index: 1;width: 0;height: .3rem;background: #fff;opacity: 1;}
.page-scenario-application-nav li.active a {color: #fff;}
.page-scenario-application-nav.is-paused li.active a::before {animation: none;width: 0;}
.page-scenario-application-nav li.active a::before {animation: scenarioNavProgress var(--scenario-progress-duration, 6.5s) linear forwards;}
@keyframes scenarioNavProgress {from {width: 0;}to {width: 100%;}}

/* swiper-ui 通用轮播导航 */
.swiper-ui-prev,
.swiper-ui-next {position: relative;display: inline-block;width: 4.8rem;height: 4.8rem;border-radius: 50%;cursor: pointer;vertical-align: middle;transition: background .35s ease, opacity .35s ease;}
.swiper-ui-prev i,
.swiper-ui-next i {position: absolute;left: 50%;top: 50%;display: block;width: 1.6rem;height: 1.6rem;transform: translate(-50%, -50%);}
.swiper-ui-prev i img,
.swiper-ui-next i img {display: block;width: 100%;height: auto;transition: filter .35s ease, transform .35s ease;}
.swiper-ui-prev {background: rgba(0, 0, 0, 0.85);}
.swiper-ui-prev i {transform: translate(-50%, -50%) rotate(180deg);}
.swiper-ui-prev i img,
.swiper-ui-next i img {filter: brightness(0) invert(1);}
.swiper-ui-next {background: #ff4422;}
.swiper-ui-prev.swiper-button-disabled,
.swiper-ui-next.swiper-button-disabled {opacity: .35;cursor: default;pointer-events: none;}
.swiper-ui-total {display: inline-block;min-width: 7rem;color: rgba(0, 0, 0, 0.45);font-size: 1.4rem;text-align: center;letter-spacing: .04em;vertical-align: middle;}
.swiper-ui-nav--inline {font-size: 0;text-align: center;}
.swiper-ui-nav--inline .swiper-ui-prev {margin-right: 1.6rem;}
.swiper-ui-nav--inline .swiper-ui-next {margin-left: 1.6rem;}
.swiper-ui-nav--inline .swiper-ui-prev,
.swiper-ui-nav--inline .swiper-ui-next,
.swiper-ui-nav--inline .swiper-ui-total {font-size: 1.4rem;}
.swiper-ui-nav--on-dark .swiper-ui-prev {background: rgba(0, 0, 0, 0.45);border: 1px solid rgba(255, 255, 255, 0.18);}
.swiper-ui-nav--on-dark .swiper-ui-next {background: #fff;}
.swiper-ui-nav--on-dark .swiper-ui-next i img {filter: brightness(0);}
.swiper-ui-nav--on-dark .swiper-ui-total {color: #fff;}


/* page-collaboration-cases */
.page-collaboration-cases {position: relative;padding: 5% 0;background: #fff;}
.page-collaboration-cases > .title-2,
.page-collaboration-cases > .text-3 {width: 75%;margin: 0 auto;text-align: center;}
.page-collaboration-cases > .title-2 h3 {margin: 0;color: #000;font-weight: 600;line-height: 1.3;}
.page-collaboration-cases > .text-3 {margin-top: 1.2rem;color: rgba(0, 0, 0, 0.45);line-height: 1.7;}
.page-collaboration-cases > .text-3 p {margin: 0;}
.collaboration-cases-list {width: 75%;margin: 4rem auto 0;position: relative;z-index: 10;}
.collaboration-cases-swiper {width: 100%;margin: 0;}
.collaboration-cases-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.collaboration-cases-item {display: block;width: 100%;}
.collaboration-cases-item a {display: block;color: #fff;text-decoration: none;}
.collaboration-cases-item .item-img {position: relative;overflow: hidden;border-radius: 1.2rem;background: #dfe6ee;}
.collaboration-cases-item .item-img .pic {position: relative;overflow: hidden;line-height: 0;}
.collaboration-cases-item a:hover .item-img .pic {transform: scale(1.05);}
.collaboration-cases-item .item-img .pic img {display: block;width: 100%;height: auto;opacity: 0;}
.page-collaboration-cases-bottom {width: 75%;margin: 4rem auto 0;position: relative;z-index: 10;}




/* page-industry-introduction */
.page-industry-introduction {padding: 6% 0 4% 0;background: #fff url('../upload/bg8.jpg') center no-repeat;background-size: cover;position: relative;}
.page-industry-introduction-content {width: 75%;margin: 0 auto;text-align: center;position: relative;z-index: 10;}
.page-industry-introduction-content .text-3 {color: #000;line-height: 2;width: 60%;margin: auto;}
.page-industry-introduction-content .text-3 p {margin: 0;}
.page-industry-introduction-content .text-3 p + p {margin-top: 2.4rem;}
.page-industry-introduction-content .text-3 strong {color: #ff4422;}
.page-scroll-down3 {margin-top: 4.8rem;text-align: center;}
.page-scroll-down3 a {display: inline-block;text-decoration: none;vertical-align: top;}
.page-scroll-down3 a span {display: block;width: 1.4rem;height: 1.4rem;margin: 0 auto;border-right: .22rem solid #ff4422;border-bottom: .22rem solid #ff4422;transform: rotate(45deg);box-sizing: border-box;transition: border-color .35s ease, opacity .35s ease;}
.page-scroll-down3 a span + span {margin-top: -.15rem;}
.page-scroll-down3 a span:nth-child(1) {opacity: .35;}
.page-scroll-down3 a span:nth-child(2) {opacity: .65;}
.page-scroll-down3 a span:nth-child(3) {opacity: 1;}
.page-scroll-down3 a:hover span {border-color: #e03a1c;opacity: 1;}
.page-industry-introduction .page-mvt-standard-ring.ring1 {transform: translate(-50%, -125%) scale(1.5);}
.page-industry-introduction .page-mvt-standard-ring.ring2 {transform: translate(-50%, -100%) scale(1.5);}



/* page-ecological-layout */
.page-ecological-layout {position: relative;height: 100vh;height: 100dvh;overflow: hidden;background: #000;}
.page-ecological-layout-list {position: relative;width: 100%;height: 100%;}
.page-ecological-layout-item {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .55s ease, visibility .55s ease;}
.page-ecological-layout-item.active {opacity: 1;visibility: visible;pointer-events: auto;z-index: 2;}
.page-ecological-layout-item .item-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.page-ecological-layout-item .item-img::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 2;pointer-events: none;}
.page-ecological-layout-item .item-img img {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.page-ecological-layout-item .item-img .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;visibility: hidden;transition: opacity .6s ease, visibility .6s ease;}
.page-ecological-layout-item .item-img .video-1 video {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.page-ecological-layout-item .item-img.is-video-playing .video-1 {opacity: 1;visibility: visible;z-index: 3;}
.page-ecological-layout-item .item-img.is-video-playing > img {opacity: 0;visibility: hidden;transition: opacity .6s ease, visibility .6s ease;}
.page-ecological-layout-item .item-content {position: absolute;left: 12.5%;top: 50%;z-index: 3;width: 48%;max-width: 72rem;color: #fff;box-sizing: border-box;transform: translateY(-50%);}
.page-ecological-layout-item .item-content .title-1 h2 {margin: 0;color: #fff;font-weight: 600;line-height: 1.2;}
.page-ecological-layout-item .item-content .title-2 {margin-top: 1.6rem;}
.page-ecological-layout-item .item-content .title-2 strong {display: block;color: #fff;font-weight: 500;line-height: 1.5;}
.page-ecological-layout-item .item-content .text-2 {margin-top: 3.2rem;color: rgba(255, 255, 255, 0.82);line-height: 1.85;padding-top: 3rem;border-top: 1px solid rgba(255, 255, 255, 0.22);}
.page-ecological-layout-item .item-content .text-2 p {margin: 0;}
.page-ecological-layout-item .item-content .text-2 p + p {margin-top: 1.6rem;}
.page-ecological-layout-bottom {position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;width: 75%;margin: 0 auto;padding: 0 0 4.8rem;box-sizing: border-box;}
.page-ecological-layout-nav ul {display: flex;align-items: stretch;justify-content: space-between;gap: 0 1%;margin: 0;padding: 0;list-style: none;}
.page-ecological-layout-nav li {flex: 1;min-width: 0;margin: 0;}
.page-ecological-layout-nav li a {display: block;padding: 0 0 1.6rem;color: rgba(255, 255, 255, 0.45);text-decoration: none;border-bottom: 2px solid rgba(255, 255, 255, 0.22);transition: color .3s ease, border-color .3s ease;}
.page-ecological-layout-nav li a strong {display: block;font-weight: 500;line-height: 1.4;}
.page-ecological-layout-nav li.active a {color: #fff;border-bottom-color: #fff;border-bottom-width: 3px;}
.page-ecological-layout-nav li a:hover {color: #fff;}








/* page-contact-us */
.page-contact-us {padding: 4% 0 5%;background: #fff url('../upload/bg9.jpg') center top no-repeat;background-size: cover;}
.page-contact-us-content {width: 75%;margin: 0 auto;overflow: hidden;display: flex;justify-content: space-between;}
.page-contact-us-content-left {width: 30%;box-sizing: border-box;padding-right: 4%;}
.page-contact-us-content-left .title-2 {padding-top: 2rem;}
.page-contact-us-content-left .title-2 strong {display: block;color: #000;font-weight: 700;line-height: 1.15;}
.page-contact-us-content-left .text-2 {margin-top: 1rem;color: rgba(0, 0, 0, 0.55);line-height: 1.75;}
.page-contact-us-content-left .text-2 p {margin: 0;}
.page-contact-us-content-left .icon-3 {margin-top: 5rem;}
.page-contact-us-content-left .icon-3 i {display: block;position: relative;width: 5.6rem;height: 5.6rem;background: #ff4422;border-radius: 1.2rem;}
.page-contact-us-content-left .icon-3 img {max-width: 52%;max-height: 52%;}
.page-contact-us-content-right {width: 62%;box-sizing: border-box;}
.contact-us-item {float: left;width: 50%;box-sizing: border-box;padding: 3rem 0;}
.contact-us-item:nth-child(1),
.contact-us-item:nth-child(2) {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.contact-us-item .title-3 span {display: block;color: rgba(0, 0, 0, 0.45);line-height: 1.4;}
.contact-us-item .item-3 {margin-top: 1.6rem;font-size: 0;}
.contact-us-item .item-3 i {display: inline-block;position: relative;width: 5.6rem;height: 5.6rem;margin-right: 1.6rem;background: #ff4422;border-radius: 1.2rem;vertical-align: middle;}
.contact-us-item .item-3 img {max-width: 52%;max-height: 52%;}
.contact-us-item .item-3 strong {display: inline-block;color: #000;font-size: 2rem;font-weight: 600;line-height: 1.35;vertical-align: middle;max-width: 70%;}
.page-contact-us-message {width: 75%;margin: 8rem auto 0;overflow: hidden;border-radius: 1.2rem;background: #fff;}
.page-contact-us-message-left {float: left;position: relative;width: 38%;overflow: hidden;border-radius: 1.2rem 0 0 1.2rem;}
.page-contact-us-message-left-content {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;box-sizing: border-box;}
.page-contact-us-message-left-content .title-2 {position: absolute;left: 0;top: 3.6rem;width: 100%;padding: 0 3.2rem;box-sizing: border-box;}
.page-contact-us-message-left-content .title-2 strong {display: block;color: #fff;font-weight: 700;line-height: 1.2;}
.page-contact-us-message-left-content .text-2 {position: absolute;left: 0;bottom: 3.6rem;width: 100%;padding: 0 3.2rem;box-sizing: border-box;color: rgba(255, 255, 255, 0.92);line-height: 1.75;}
.page-contact-us-message-left-content .text-2 p {margin: 0;}
.page-contact-us-message-right {float: left;width: 62%;box-sizing: border-box;padding: 5%;background: #fff;border-radius: 0 1.2rem 1.2rem 0;}
.page-contact-us-message-from .from-item {margin-bottom: 2rem;}
.page-contact-us-message-from .from-item:last-child {margin-bottom: 0;}
.page-contact-us-message-from .from-item .title-3 {margin-bottom: 1rem;color: #000;line-height: 1.4;}
.page-contact-us-message-from .from-item .title-3 strong {font-weight: 500;}
.page-contact-us-message-from .from-item .title-3 span {color: #ff4422;}
.page-contact-us-message-from .input-3 input,
.page-contact-us-message-from .input-3 textarea {display: block;width: 100%;box-sizing: border-box;border: 0;border-radius: .8rem;padding: 2rem 1.6rem;color: #000;background: #f3f4f6;outline: none;transition: background .35s ease, box-shadow .35s ease;}
.page-contact-us-message-from .input-3 textarea {min-height: 12rem;resize: vertical;line-height: 1.65;}
.page-contact-us-message-from .input-3 input::placeholder,
.page-contact-us-message-from .input-3 textarea::placeholder {color: rgba(0, 0, 0, 0.32);}
.page-contact-us-message-from .input-3 input:focus,
.page-contact-us-message-from .input-3 textarea:focus {background: #eceef2;}
.page-contact-us-message-from .from-item.is-error .input-3 input,
.page-contact-us-message-from .from-item.is-error .input-3 textarea {box-shadow: inset 0 0 0 1px #ff4422;}
.page-contact-us-message-from .form-error {display: none;margin-top: .8rem;color: #ff4422;line-height: 1.4;}
.page-contact-us-message-from .from-item.is-error .form-error {display: block;}
.page-contact-us-message-from .from-item .text-3 {color: rgba(0, 0, 0, 0.55);line-height: 1.65;}
.page-contact-us-message-from .from-item .text-3 a {color: #ff4422;text-decoration: none;}
.page-contact-us-message-from .btn-3 {display: block;width: 100%;height: 5.6rem;border: 0;border-radius: 5.6rem;background: #ff4422;color: #fff;font-weight: 600;cursor: pointer;transition: background .35s ease, opacity .35s ease;}
.page-contact-us-message-from .btn-3:hover {background: #e83a1a;}
.page-contact-us-message-from .btn-3:disabled {opacity: .65;cursor: default;}

/* page-contact-success */
.page-contact-success {padding: 12% 0 15%;background: linear-gradient(180deg, #f7f8fa 0%, #eceef2 48%, #f7f8fa 100%);text-align: center;}
.page-contact-success-inner {width: 75%;margin: 0 auto;}
.page-contact-success-icon {position: relative;width: 8rem;height: 8rem;margin: 0 auto 2.4rem;border-radius: 50%;background: #ff4422;}
.page-contact-success-icon i {position: absolute;left: 50%;top: 50%;display: block;width: 2.4rem;height: 1.4rem;margin-left: -1.1rem;margin-top: -.95rem;border-left: .28rem solid #fff;border-bottom: .28rem solid #fff;transform: rotate(-45deg);box-sizing: border-box;}
.page-contact-success-title strong {display: block;color: #000;font-weight: 700;line-height: 1.3;}
.page-contact-success-text {margin-top: 1.2rem;color: rgba(0, 0, 0, 0.55);line-height: 1.7;}
.page-contact-success-text p {margin: 0;}
.page-contact-success .viewmore-1 {margin-top: 3.2rem;}




/* page-news */
.page-news {padding: 5% 0;background: #fff;}
.page-news-inner {width: 75%;margin: 0 auto;}
.page-news .news-card a {display: block;color: inherit;text-decoration: none;position: relative;height: 100%;}
.page-news .news-card-img {position: relative;overflow: hidden;}
.page-news .news-card-img .pic::after {content: '';display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 30%;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);opacity: 0;}
.page-news-card.news-card.page-news-card--lead .news-card-img .pic::after {opacity: 1;}
.page-news .news-card .pic {position: relative;overflow: hidden;line-height: 0;transition: transform .45s ease;}
.page-news .news-card .pic img {display: block;width: 100%;height: auto;opacity: 0;}
.page-news .news-tag {font-size: 0;margin-bottom: 1.6rem;}
.page-news .news-tag span {display: inline-block;margin: 0 1rem .6rem 0;padding: .6rem 1.2rem;border-radius: .4rem;background: #f5f6f8;color: rgba(0, 0, 0, 0.55);line-height: 1;vertical-align: middle;}
.page-news .news-tag.is-on-dark span {background: rgba(255, 255, 255, 0.2);color: #fff;}
.page-news .news-card .title-3 strong {display: block;color: #000;font-weight: 600;line-height: 1.55;}
.page-news .news-card-body {padding: 4%;overflow: hidden;}
.page-news .news-card-body .title-3 {margin-bottom: 10rem;}
.page-news .news-arrow {display: inline-block;position: relative;width: 4rem;height: 4rem;border-radius: 50%;background: #f0f1f3;transition: background .35s ease;}
.page-news .news-arrow i {position: absolute;left: 50%;top: 50%;display: block;width: 1.4rem;height: 1.4rem;transform: translate(-50%, -50%);}
.page-news .news-arrow i img {display: block;width: 100%;height: auto;filter: grayscale(1);transition: filter .35s ease;}
.page-news .news-card a:hover .pic {transform: scale(1.05);}
.page-news .news-card a:hover .news-arrow {background: #ff4422;}
.page-news .news-card a:hover .news-arrow i img {filter: brightness(0) invert(1);}
.page-news-grid {position: relative;min-height: 24rem;}
.page-news-grid-loading {display: none;position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;min-height: 24rem;text-align: center;background: rgba(255, 255, 255, 0.88);}
.page-news-grid-loading img {position: absolute;left: 50%;top: 50%;width: 4.8rem;height: auto;transform: translate(-50%, -50%);}
.page-news-grid.is-loading .page-news-grid-loading {display: block;}
.page-news-grid.is-loading .page-news-grid-list {opacity: .15;}
.page-news-grid-list {overflow: hidden;transition: opacity .25s ease;display: flex;flex-wrap: wrap;}
.page-news-grid-page {display: none;overflow: hidden;flex-wrap: wrap;}
.page-news-grid-page.is-active {display: flex;}
.page-news-card {float: left;width: 32.666%;margin-right: 1%;margin-bottom: 1%;box-sizing: border-box;border: 1px solid #ddd;border-radius: 1.6rem;overflow: hidden;}
.page-news-grid-list--has-lead .page-news-card:nth-child(3n) {margin-right: 1%;}
.page-news-grid-list--has-lead .page-news-card:nth-child(3n+2) {margin-right: 0;}
.page-news-card.news-card:nth-child(2) .news-arrow {position: absolute;left: 5%;bottom: 4.5%;}
.page-news-card--lead {width: 66.333%;border: 0;}
.page-news-card--lead + .page-news-card {margin-right: 0;}
.page-news-card--lead .news-card-body {position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 3.2rem 8rem 3.2rem 3.2rem;box-sizing: border-box;}
.page-news-card--lead .news-card-body .news-tag {margin-bottom: 1.2rem;}
.page-news-card--lead .news-card-body .title-3 {margin-bottom: 0;}
.page-news-card--lead .news-card-body .title-3 strong {color: #fff;}
.page-news-card--lead .news-arrow {position: absolute;right: 3.2rem;bottom: 3.2rem;background: rgba(255, 255, 255, 0.92);}
.page-news-card--lead .news-arrow i img {filter: none;}
.page-news-pagination {margin-top: 2rem;text-align: center;}
.page-news-pagination-nums {display: inline-block;vertical-align: middle;padding: 0 1rem;}
.page-news-pagination-num {display: inline-block;margin: 0;color: rgba(0, 0, 0, 0.45);text-decoration: none;vertical-align: middle;transition: color .35s ease;padding:1rem;}
.page-news-pagination-num.is-active {color: #000;font-weight: 600;}
.page-news-pagination .swiper-ui-prev {margin-right: 0;}
.page-news-pagination .swiper-ui-next {margin-left: 0;}



/* page-news-detail */
.page-news-detail {padding: 10% 0 5% 0;background: #fff;}
.page-news-detail-inner {width: 75%;margin: 0 auto;display: table;table-layout: fixed;border-spacing: 0;border-collapse: separate;}
.page-news-detail-main {display: table-cell;width: 70%;padding-right: 3%;box-sizing: border-box;vertical-align: top;}
.page-news-detail-main-inner {background: #fff;}
.page-news-detail-side {display: table-cell;width: 27%;box-sizing: border-box;vertical-align: top;}
.page-news-detail-head {padding-bottom: 0;}
.page-news-detail-head .title-2 h1 {margin: 0;color: #000;font-weight: 600;line-height: 1.45;}
.page-news-detail-meta {display: table;width: 100%;margin-top: 2.4rem;padding: 1.2rem 2.4rem;border-radius: 1rem;background: #f9f9f9;box-sizing: border-box;}
.page-news-detail-meta-left {display: table-cell;width: 70%;vertical-align: middle;color: rgba(0, 0, 0, 0.45);line-height: 1.6;}
.page-news-detail-meta-left span {display: inline-block;margin-right: 2.4rem;vertical-align: middle;}
.page-news-detail-share {display: table-cell;width: 30%;vertical-align: middle;text-align: right;font-size: 0;white-space: nowrap;}
.page-news-detail-share-btn {display: inline-block;width: 3.6rem;height: 3.6rem;margin-left: 1rem;border-radius: 50%;background: #fff;border: 0;vertical-align: middle;transition: background .35s ease, box-shadow .35s ease;}
.page-news-detail-share-btn i {position: relative;display: block;width: 100%;height: 100%;}
.page-news-detail-share-btn i img {max-width: 48%;max-height: 48%;transition: opacity .35s ease, filter .35s ease;}
.page-news-detail-share-btn.js-news-share-wechat i img {filter: none;opacity: 1;}
.page-news-detail-share-btn.js-news-share-weibo i img {filter: grayscale(1);opacity: .65;}
.page-news-detail-share-btn:hover {background: #fff;box-shadow: 0 0 0 1px #ff4422;}
.page-news-detail-share-btn:hover i img {opacity: 1;filter: none;}
.page-news-detail-content {padding: 3.2rem 0 4rem;color: rgba(0, 0, 0, 0.78);line-height: 1.85;}
.page-news-detail-content p {margin: 0 0 2rem;}
.page-news-detail-content h2,
.page-news-detail-content h3,
.page-news-detail-content h4 {margin: 3.2rem 0 1.6rem;color: #000;font-weight: 600;line-height: 1.45;}
.page-news-detail-content img {display: inline-block;max-width: 100%;height: auto;margin: 2.4rem 0;}
.page-news-detail-nav {overflow: hidden;margin-top: 1.6rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page-news-detail-nav-item {float: left;width: 49%;box-sizing: border-box;padding: 2.4rem;border-radius: 1.2rem;background: #f0f1f3;}
.page-news-detail-nav-item.is-next {float: right;}
.page-news-detail-nav-item a {display: block;color: inherit;text-decoration: none;}
.page-news-detail-nav-item.is-empty {color: rgba(0, 0, 0, 0.45);}
.page-news-detail-nav-tag {display: inline-block;margin-bottom: 1.2rem;padding: .5rem 1rem;border-radius: .4rem;background: #ff4422;color: #fff;line-height: 1;vertical-align: middle;}
.page-news-detail-nav-item strong {display: block;color: #000;font-weight: 600;line-height: 1.6;}
.page-news-detail-nav-item.is-empty strong {color: rgba(0, 0, 0, 0.45);font-weight: 500;}
.page-news-detail-side-box {position: -webkit-sticky;position: sticky;top: 10rem;padding: 2.4rem;border-radius: 1.2rem;background: #f9f9f9;}
.page-news-detail-side-title {margin-bottom: 2rem;padding-bottom: 1.6rem;border-bottom: 1px solid #e8eaed;}
.page-news-detail-side-title strong {display: block;padding-left: 1.2rem;border-left: .3rem solid #ff4422;color: #000;font-weight: 600;line-height: 1.4;}
.page-news-detail-side-item {padding: 1.8rem 0;border-bottom: 1px solid #e8eaed;}
.page-news-detail-side-item:last-child {padding-bottom: 0;border-bottom: 0;}
.page-news-detail-side-item a {display: block;color: inherit;text-decoration: none;}
.page-news-detail-side-meta {margin-bottom: 1rem;color: rgba(0, 0, 0, 0.45);line-height: 1.4;}
.page-news-detail-side-meta span {display: inline-block;margin-right: 1rem;vertical-align: middle;}
.page-news-detail-side-item .title-3 strong {display: block;color: #000;font-weight: 600;line-height: 1.55;transition: color .35s ease;}
.page-news-detail-side-item a:hover .title-3 strong {color: #ff4422;}
.page-news-detail-share-tip {position: fixed;left: 50%;bottom: 8rem;z-index: 10000;max-width: 80%;padding: 1.2rem 2rem;border-radius: 5rem;background: rgba(0, 0, 0, 0.78);color: #fff;font-size: 1.4rem;line-height: 1.4;text-align: center;opacity: 0;visibility: hidden;transform: translate(-50%, 1rem);transition: opacity .3s ease, visibility .3s ease, transform .3s ease;}
.page-news-detail-share-tip.is-show {opacity: 1;visibility: visible;transform: translate(-50%, 0);}
.page-news-wechat-share {position: fixed;inset: 0;z-index: 10020;display: flex;align-items: center;justify-content: center;padding: 2.4rem;box-sizing: border-box;opacity: 0;visibility: hidden;transition: opacity .3s ease, visibility .3s ease;}
.page-news-wechat-share.is-open {opacity: 1;visibility: visible;}
.page-news-wechat-share[hidden] {display: none !important;}
.page-news-wechat-share-mask {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.55);}
.page-news-wechat-share-panel {position: relative;z-index: 1;width: 100%;max-width: 32rem;padding: 3.2rem 2.4rem 2.8rem;border-radius: 1.6rem;background: #fff;box-shadow: 0 1.6rem 4.8rem rgba(0, 0, 0, 0.18);text-align: center;transform: translateY(1.2rem);transition: transform .3s ease;}
.page-news-wechat-share.is-open .page-news-wechat-share-panel {transform: translateY(0);}
.page-news-wechat-share-close {position: absolute;top: 1.2rem;right: 1.2rem;width: 3.2rem;height: 3.2rem;border: 0;border-radius: 50%;background: #f3f4f6;color: #666;font-size: 2.2rem;line-height: 3.2rem;cursor: pointer;}
.page-news-wechat-share-close:hover {background: #ebecef;color: #111;}
.page-news-wechat-share-title {margin: 0 0 2rem;color: #111;font-size: 1.8rem;font-weight: 600;line-height: 1.4;}
.page-news-wechat-share-qr {display: flex;align-items: center;justify-content: center;width: 20rem;height: 20rem;margin: 0 auto;padding: 1rem;border: 1px solid #eee;border-radius: 1.2rem;box-sizing: border-box;background: #fff;}
.page-news-wechat-share-qr img,
.page-news-wechat-share-qr canvas {display: block;width: 18rem !important;height: 18rem !important;}
.page-news-wechat-share-desc {margin: 1.8rem 0 0;color: rgba(0, 0, 0, 0.55);font-size: 1.4rem;line-height: 1.5;}
body.is-wechat-share-open {overflow: hidden;}





/* page-talent-concept */
.page-talent-concept {padding: 5% 0;background: #f5f5f5 url('../upload/bg10.jpg') no-repeat center center;background-size: cover;}
.page-talent-concept-content {width: 75%;margin: 0 auto;}
.page-talent-concept-top {text-align: center;}
.page-talent-concept-top .title-2 h3 {margin: 0;color: #000;font-weight: 600;line-height: 1.35;}
.page-talent-concept-top .text-2 {width: 72%;margin: 2.4rem auto 0;color: rgba(0, 0, 0, 0.55);line-height: 1.85;}
.page-talent-concept-top .text-2 p {margin: 0;}
.page-talent-concept-top .text-2 strong {color: #ff4422;font-weight: 600;}
.page-talent-concept-top .page-scroll-down3 {margin-top: 4rem;}
.page-talent-concept-bottom {margin-top: 5%;}
.page-talent-concept-item {position: relative;border-radius: 1.6rem;overflow: hidden;}
.page-talent-concept-item .item-img {line-height: 0;border-radius: 1.6rem;overflow: hidden;float: right;width: 78%;}
.page-talent-concept-item .item-img img {display: block;width: 100%;height: auto;}
.page-talent-concept-item .item-content {position: absolute;left: 0;top: 50%;z-index: 2;width: 32%;padding: 4rem 3.2rem;border-radius: 1.6rem;background: #fff;box-sizing: border-box;transform: translateY(-50%);opacity: 0;transition: opacity .65s ease, transform .65s ease;}
.page-talent-concept-item.is-in-view .item-content {opacity: 1;transform: translateY(-50%);}
.page-talent-concept-item .item-content .icon-1 i {position: relative;display: block;width: 5.6rem;height: 5.6rem;}
.page-talent-concept-item .item-content .icon-1 img {max-width: 100%;max-height: 100%;}
.page-talent-concept-item .item-content .title-3 {margin-top: 15rem;}
.page-talent-concept-item .item-content .title-3 strong {display: block;color: #000;font-weight: 600;line-height: 1.35;}
.page-talent-concept-item .item-content .text-3 {margin-top: 1.6rem;color: rgba(0, 0, 0, 0.55);line-height: 1.75;}
.page-talent-concept-item .item-content .text-3 p {margin: 0;}


/* page-talent-strategy */
.page-talent-strategy {position: relative;overflow: hidden;background: #000;}
.page-talent-strategy-pic {position: relative;width: 100%;height: 100%;z-index: 1;}
.page-talent-strategy-absolute {position: absolute;left: 50%;top: 50%;z-index: 3;width: 80%;text-align: center;color: #fff;transform: translate(-50%, -50%);box-sizing: border-box;pointer-events: none;}
.page-talent-strategy-absolute .title-2 h3 {margin: 0;color: #fff;font-weight: 600;line-height: 1.35;}
.page-talent-strategy-absolute .text-2 {margin-top: 1.6rem;color: rgba(255, 255, 255, 0.92);line-height: 1.75;}
.page-talent-strategy-absolute .text-2 p {margin: 0;}



/* page-employee-benefits */
.page-employee-benefits {padding: 5% 0 ;background: #fff;position: relative;overflow: hidden;}
.page-employee-benefits-top {width: 75%;margin: 0 auto;text-align: center;}
.page-employee-benefits-top .title-2 h3 {margin: 0;color: #000;font-weight: 600;line-height: 1.35;}
.page-employee-benefits-top .text-2 {width: 72%;margin: 2.4rem auto 0;color: rgba(0, 0, 0, 0.55);line-height: 1.75;}
.page-employee-benefits-bottom {margin-top: 5%;overflow: hidden;position: relative;z-index: 3;}
.page-employee-benefits-pics {overflow: hidden;width: 100%;}
.page-employee-benefits-track {display: inline-block;white-space: nowrap;will-change: transform;}
.page-employee-benefits-track.is-ready {animation: employeeBenefitsMarquee 50s linear infinite;}
.page-employee-benefits-pics:hover .page-employee-benefits-track.is-ready {animation-play-state: paused;}
.employee-benefits-item {display: inline-block;vertical-align: top;margin-right: 10rem;white-space: normal;}
.employee-benefits-item:nth-child(odd) {width: 24rem;margin-top: 0;}
.employee-benefits-item:nth-child(even) {width: 40rem;margin-top: 20rem;}
.employee-benefits-item .pic {position: relative;overflow: hidden;border-radius: 1.6rem;}
.employee-benefits-item .pic img {display: block;width: 100%;height: auto;opacity: 0;}
@keyframes employeeBenefitsMarquee {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}



/* page-join-us */
.page-join-us {position: relative;overflow: hidden;background: #000;}
.page-join-us-pic {position: relative;width: 100%;z-index: 1;line-height: 0;} 
.page-join-us-absolute {position: absolute;left: 50%;top: 50%;z-index: 3;width: 80%;text-align: center;color: #fff;transform: translate(-50%, -70%);box-sizing: border-box;pointer-events: none;}
.page-join-us-absolute .title-2 h3 {margin: 0;color: #fff;font-weight: 600;line-height: 1.35;}
.page-join-us-absolute .text-2 {margin-top: 1.2rem;color: #fff;font-weight: 600;line-height: 1.45;}
.page-join-us-absolute .text-2 p {margin: 0;}
.page-join-us-absolute .viewmore-1 {margin-top: 3.2rem;pointer-events: auto;}

.page-banner-slide {position: relative;background: #000;}
.page-banner-slide .banner-absolute {position: absolute;left: 12.5%;top: 50%;transform: translateY(-50%);z-index: 11;width: 70%;color: #fff;}
.page-banner-slide .banner-absolute .title-2  {margin-top: 2rem;}
.page-banner-slide .banner-img {width: 100%;}


/* page-job-us */
.page-jobus-content {background: #f6f6f9;}
.page-job-us-content {width: 75%;margin: 0 auto;padding: 5% 0 ;}
.page-job-us-top {position: relative;z-index: 5;padding-bottom: 4%;}
.page-job-us-top .result-1 {float: left;color: rgba(0, 0, 0, 0.55);line-height: 4rem;}
.page-job-us-top .result-1 strong {font-weight: 500;color: rgba(0, 0, 0, 0.55);}
.page-job-us-top .result-1 strong span {color: #000;font-weight: 600;}
.page-job-us-top-right {position: relative;z-index: 6;float: right;text-align: right;font-size: 0;}
.page-job-us-top-right .select-1 {display: inline-block;position: relative;margin-left: 1rem;vertical-align: top;text-align: left;}
.page-job-us-top-right .select-1.on {z-index: 20;}
.page-job-us-top-right .select-1-title {position: relative;width: 22rem;padding: 1.6rem 2.4rem;color: #000;line-height: 1.4;cursor: pointer;white-space: nowrap;background: #fff;border-radius: 1rem;box-sizing: border-box;}
.page-job-us-top-right .select-1-title i {position: absolute;display: block;width: 1rem;height: 1rem;right: 2rem;top: 50%;transform: translateY(-50%);}
.page-job-us-top-right .select-1-title i img {width: .8rem !important;height: .8rem !important;transform: rotate(90deg);transition: transform .3s ease, filter .3s ease;}
.page-job-us-top-right .select-1.on .select-1-title i img {transform: rotate(-90deg);filter: invert(36%) sepia(89%) saturate(2456%) hue-rotate(346deg) brightness(101%) contrast(101%);}
.page-job-us-top-right .select-1-content {display: none;position: absolute;right: 0;top: 120%;z-index: 30;width: 100%;padding: .8rem 0;border-radius: 1rem;border: 1px solid rgba(255, 255, 255, 0.65);background: rgba(255, 255, 255, 0.82);box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);}
.page-job-us-top-right .select-1.on .select-1-content {display: block;}
.page-job-us-top-right .select-1-content ul {list-style: none;margin: 0;padding: 0;}
.page-job-us-top-right .select-1-content li {padding: .8rem 1.6rem;color: rgba(0, 0, 0, 0.65);line-height: 1.4;cursor: pointer;transition: color .3s ease, background .3s ease;}
.page-job-us-top-right .select-1-content li:hover,
.page-job-us-top-right .select-1-content li.is-active {color: #ff4422;background: rgba(255, 68, 34, 0.06);}
.page-job-us-bottom {position: relative;z-index: 1;border-radius: 1.2rem;overflow: hidden;background: #fff;width: 100%;}
.page-job-us-list {position: relative;width: 100%;}
.page-job-us-list-loading {display: none;position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;text-align: center;background: rgba(255, 255, 255, 0.88);}
.page-job-us-list-loading img {position: absolute;left: 50%;top: 50%;width: 4.8rem;height: auto;transform: translate(-50%, -50%);}
.page-job-us-list.is-loading {height: 16rem;}
.page-job-us-list.is-loading .page-job-us-list-loading {display: block;}
.page-job-us-list.is-loading .page-job-us-list-inner {opacity: .15;}
.page-job-us-list-inner {transition: opacity .25s ease;}
.page-job-us-empty {padding: 6rem 2.4rem;text-align: center;color: rgba(0, 0, 0, 0.45);}
.page-job-us-top-right .select-1.is-disabled .select-1-title {cursor: default;opacity: .55;}
.page-job-us-header {background: #fff;position: relative;}
.page-job-us-item:first-child {border-top: 1px solid #e5e7eb;}
.page-job-us-header ul,
.page-job-us-item .item-title ul {list-style: none;margin: 0;padding: 0;font-size: 0;box-sizing: border-box;position: relative;}
.page-job-us-header ul li,
.page-job-us-item .item-title ul li {display: inline-block;vertical-align: middle;box-sizing: border-box;}
.page-job-us-header ul li:nth-child(1),
.page-job-us-item .item-title ul li:nth-child(1) {width: 36%;padding-left: 2%;}
.page-job-us-header ul li:nth-child(2),
.page-job-us-item .item-title ul li:nth-child(2) {width: 18%;}
.page-job-us-header ul li:nth-child(3),
.page-job-us-item .item-title ul li:nth-child(3) {width: 18%;}
.page-job-us-header ul li:nth-child(4),
.page-job-us-item .item-title ul li:nth-child(4) {width: 12%;}
.page-job-us-header ul li.page-job-us-arrow,
.page-job-us-item .item-title ul li.page-job-us-arrow {position: absolute;right: 2%;top: 50%;transform: translateY(-50%);}
.page-job-us-header ul li {padding: 3rem 0;}
.page-job-us-header ul li strong {color: rgba(0, 0, 0, 0.45);}
.page-job-us-item {border-top: 1px solid #e5e7eb;border-radius: 1.6rem 1.6rem 0 0;overflow: hidden;}
.page-job-us-item:last-child {border-bottom: 0;}
.page-job-us-item .item-title {cursor: pointer;background: #fff;transition: background .35s ease;}
.page-job-us-item .item-title ul li {padding: 2.5rem 0;}
.page-job-us-item .item-title ul li span {color: rgba(0, 0, 0, 0.55);line-height: 1.4;}
.page-job-us-item .item-title ul li:nth-child(1) span {color: #000;font-weight: 600;}
.page-job-us-item.active .item-title {background: #505050;position: relative;padding-bottom: 2rem;}
.page-job-us-item.active .item-title ul li span {color: rgba(255, 255, 255, 0.85);}
.page-job-us-item.active .item-title ul li:nth-child(1) span {color: #fff;}
.page-job-us-item.active .item-title ul li.page-job-us-arrow i {background: #fff;}
.page-job-us-item .item-title ul li.page-job-us-arrow i {position: relative;display: inline-block;width: 3.6rem;height: 3.6rem;border-radius: 50%;background: #eceef2;vertical-align: middle;transition: background .35s ease;}
.page-job-us-item .item-title ul li.page-job-us-arrow i img {width: .9rem !important;height: .9rem !important;transform: rotate(90deg);transition: transform .35s ease;}
.page-job-us-item.active .item-title ul li.page-job-us-arrow i img {transform: rotate(-90deg);}
.page-job-us-item .item-content {display: none;position: relative;padding: 2%;overflow: hidden;background: #fff;border-radius: 1.6rem 1.6rem 0 0;margin-top: -2rem;}
.page-job-us-item .item-content-watermark {position: absolute;left: 50%;top: 50%;width: 36rem;height: 36rem;margin-left: -18rem;margin-top: -18rem;background: url('../images/logo.svg') center center no-repeat;background-size: contain;opacity: 0.04;pointer-events: none;z-index: 0;}
.page-job-us-item .item-content-left {position: relative;z-index: 1;float: left;width: 65%;padding-right: 3%;box-sizing: border-box;}
.page-job-us-item .item-content-right {position: relative;z-index: 1;float: right;width: 32%;box-sizing: border-box;}
.page-job-us-item .item-content-left-item + .item-content-left-item {margin-top: 2.8rem;}
.page-job-us-item .item-content-left-item .title-4 strong {display: block;color: #000;font-weight: 600;line-height: 1.4;}
.page-job-us-item .item-content-left-content {margin-top: 1.4rem;}
.page-job-us-item .item-content-left-content ul {list-style: none;margin: 0;padding: 0;}
.page-job-us-item .item-content-left-content ul li {position: relative;padding-left: 1.4rem;margin-bottom: .5rem;}
.page-job-us-item .item-content-left-content ul li:last-child {margin-bottom: 0;}
.page-job-us-item .item-content-left-content ul li::before {content: '';position: absolute;left: 0;top: .9rem;width: .4rem;height: .4rem;border-radius: 50%;background: #ff4422;}
.page-job-us-item .item-content-right-list {position: relative;padding: 2.4rem;border-radius: 1.2rem;background: #f5f6f8;overflow: hidden;} 
.page-job-us-item .item-content-list-item,
.page-job-us-item .send-btn {position: relative;z-index: 1;}
.page-job-us-item .item-1 {overflow: hidden;padding: 1.4rem 0;border-bottom: 1px solid #e8eaed;display: flex;align-items: center;}
.page-job-us-item .item-1:last-child {border-bottom: 0;}
.page-job-us-item .item-1 i {width: 2.4rem;height: 2.4rem;position: relative;margin-right: 1rem;}
.page-job-us-item .item-1 i img {display: block;width: 2rem;height: 2rem;}
.page-job-us-item .item-1 span {line-height: 2rem;margin-right: 2rem;}
.page-job-us-item .item-1 span:nth-of-type(1) {color: rgba(0, 0, 0, 0.45);}
.page-job-us-item .send-btn {margin-top: 2.4rem;}
.page-job-us-item .send-btn a {display: block;height: 5rem;border-radius: 5rem;background: #ff4422;color: #fff;font-weight: 600;line-height: 5rem;text-align: center;text-decoration: none;transition: background .35s ease;}
.page-job-us-item .send-btn a:hover {background: #e83a1a;}
.page-job-us-item.is-hidden {display: none;}
.page-job-us-pagination-wrap {margin-top: 3%;}
.page-job-us-pagination {text-align: center;}
.page-job-us-pagination-nums {display: inline-block;vertical-align: middle;padding: 0 1rem;}
.page-job-us-pagination-num {display: inline-block;margin: 0;color: rgba(0, 0, 0, 0.45);text-decoration: none;vertical-align: middle;transition: color .35s ease;padding: 1rem;}
.page-job-us-pagination-num.is-active {color: #000;font-weight: 600;}
.page-job-us-pagination .swiper-ui-prev {margin-right: 0;}
.page-job-us-pagination .swiper-ui-next {margin-left: 0;}


/* page-job-resume-modal */
.page-job-resume-modal {position: fixed;left: 0;top: 0;z-index: 10000;width: 100%;height: 100%;visibility: hidden;transition: visibility .35s ease;}
.page-job-resume-modal.is-open {visibility: visible;}
.page-job-resume-modal-backdrop {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);opacity: 0;transition: opacity .35s ease, background .35s ease, backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease;}
.page-job-resume-modal.is-open .page-job-resume-modal-backdrop {background: rgba(0, 0, 0, 0.55);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);opacity: 1;}
.page-job-resume-modal-box {position: absolute;left: 50%;top: 50%;width: 40%;max-width: 92%;max-height: 90%;padding: 2%;border-radius: 1.6rem;background: #fff;box-sizing: border-box;overflow: auto;opacity: 0;transform: translate(-50%, -48%);transition: opacity .35s ease, transform .35s ease;}
.page-job-resume-modal.is-open .page-job-resume-modal-box {opacity: 1;transform: translate(-50%, -50%);}
.page-job-resume-modal-close {position: absolute;right: 2rem;top: 2rem;z-index: 2;width: 3.6rem;height: 3.6rem;border: 0;border-radius: 50%;background: transparent;cursor: pointer;}
.page-job-resume-modal-close::before,
.page-job-resume-modal-close::after {content: '';position: absolute;left: 50%;top: 50%;width: 1.6rem;height: 2px;background: rgba(0, 0, 0, 0.45);}
.page-job-resume-modal-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.page-job-resume-modal-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.page-job-resume-modal-title {text-align: center;}
.page-job-resume-modal-title strong {display: block;color: #000;font-weight: 600;line-height: 1.3;}
.page-job-resume-modal-text {margin-top: 1rem;color: rgba(0, 0, 0, 0.45);line-height: 1.6;text-align: center;}
.page-job-resume-form {margin-top: 2.4rem;}
.page-job-resume-form-row {overflow: hidden;margin-bottom: 1.6rem;}
.page-job-resume-form-col {float: left;width: 48%;box-sizing: border-box;}
.page-job-resume-form-col + .page-job-resume-form-col {float: right;}
.page-job-resume-form-col.is-full {float: none;width: 100%;}
.page-job-resume-form .form-label {margin-bottom: .8rem;color: #000;line-height: 1.4;}
.page-job-resume-form .form-label span {color: #ff4422;}
.page-job-resume-form .form-label-row {overflow: hidden;margin-bottom: .8rem;}
.page-job-resume-form .form-label-row .form-label {float: left;margin-bottom: 0;}
.page-job-resume-form .form-label-tip {float: right;color: rgba(0, 0, 0, 0.35);line-height: 1.4;}
.page-job-resume-form .form-input input {display: block;width: 100%;height: 4.8rem;padding: 0 1.6rem;border: 1px solid #e8eaed;border-radius: .8rem;color: #000;background: #fff;box-sizing: border-box;outline: none;transition: border-color .35s ease;}
.page-job-resume-form .form-input input:focus {border-color: #ff4422;}
.page-job-resume-form .form-upload {position: relative;overflow: hidden;height: 4.8rem;padding-right: 1.6rem;border: 1px solid #e8eaed;border-radius: .8rem;background: #fff;box-sizing: border-box;}
.page-job-resume-form .form-upload-btn {position: absolute;left: 0;top: 0;z-index: 2;display: block;height: 4.8rem;padding: 0 1.6rem;border-right: 1px solid #e8eaed;background: #f5f6f8;color: rgba(0, 0, 0, 0.65);line-height: 4.8rem;cursor: pointer;}
.page-job-resume-form .form-upload-name {padding: 0 1.6rem 0 11rem;color: rgba(0, 0, 0, 0.45);line-height: 4.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page-job-resume-form .form-upload-input {position: absolute;left: -9999px;top: 0;width: 0;height: 0;opacity: 0;}
.page-job-resume-form .form-upload-progress {display: none;margin-top: 1.2rem;}
.page-job-resume-form .form-upload-progress.is-active {display: block;}
.page-job-resume-form .form-upload-progress-track {width: 100%;height: .6rem;border-radius: .6rem;background: #eceef2;overflow: hidden;}
.page-job-resume-form .form-upload-progress-bar {width: 0;height: 100%;border-radius: .6rem;background: #ff4422;transition: width .2s ease;}
.page-job-resume-form .form-upload-progress-text {margin-top: .8rem;color: rgba(0, 0, 0, 0.45);line-height: 1.4;text-align: right;}
.page-job-resume-form-submit {margin-top: 2.4rem;}
.page-job-resume-form-submit button {display: block;width: 100%;height: 5.6rem;border: 0;border-radius: 5.6rem;background: #ff4422;color: #fff;font-weight: 600;cursor: pointer;transition: background .35s ease, opacity .35s ease;}
.page-job-resume-form-submit button:hover {background: #e83a1a;}
.page-job-resume-form-submit button:disabled {opacity: .65;cursor: default;}










/* viewmore-1 通用按钮：深色背景用默认白色，浅色背景加 .is-dark */
.viewmore-1 {display: inline-block;margin-top: 3.5rem;}
.viewmore-1 a {display: inline-flex;align-items: center;justify-content: center;gap: 1rem;height: 5rem;padding: 0 3.2rem;border: 1px solid #fff;border-radius: 5rem;color: #fff;background: transparent;transition: background .4s ease, border-color .4s ease, color .4s ease, transform .4s ease;}
.viewmore-1 a strong {font-weight: 500;color: inherit;}
.viewmore-1 a i {position: relative;display: block;width: 1.6rem;height: 1.6rem;flex-shrink: 0;}
.viewmore-1 a i img {filter: brightness(0) invert(1);transition: filter .4s ease, transform .4s ease;}
.viewmore-1 a:hover {background: #ff4422;color: #fff;border-color: #ff4422;}
.viewmore-1 a:hover i img {transform: translateX(.3rem);}
.viewmore-1.is-dark a {border-color:#fff;color: #000;background: #fff;}
.viewmore-1.is-dark a i img {filter: none;}
.viewmore-1.is-dark a:hover {background: #ff4422;color: #fff;border-color: #ff4422;} 
.viewmore-1.is-dark a:hover i img {filter: brightness(0) invert(1);}


/* page-products-point-modal */
.page-products-point-modal {position: fixed;left: 0;top: 0;z-index: 10000;width: 100%;height: 100%;visibility: hidden;transition: visibility .35s ease;}
.page-products-point-modal.is-open {visibility: visible;}
.page-products-point-modal-backdrop {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);backdrop-filter: blur(0);-webkit-backdrop-filter: blur(0);opacity: 0;transition: opacity .35s ease, background .35s ease, backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease;}
.page-products-point-modal.is-open .page-products-point-modal-backdrop {background: rgba(0, 0, 0, 0.55);backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);opacity: 1;}
.page-products-point-modal-box {position: absolute;left: 50%;top: 50%;width: 36%;max-width: 92%;max-height: 90%;padding: 2rem;border-radius: 1.6rem;background: #fff;box-sizing: border-box;overflow: auto;opacity: 0;transform: translate(-50%, -48%);transition: opacity .35s ease, transform .35s ease;}
.page-products-point-modal.is-open .page-products-point-modal-box {opacity: 1;transform: translate(-50%, -50%);}
.page-products-point-modal-close {position: absolute;right: 1.6rem;top: 1.6rem;z-index: 2;width: 3.6rem;height: 3.6rem;border: 0;border-radius: 50%;background: transparent;cursor: pointer;}
.page-products-point-modal-close::before,
.page-products-point-modal-close::after {content: '';position: absolute;left: 50%;top: 50%;width: 1.6rem;height: 2px;background: rgba(0, 0, 0, 0.45);}
.page-products-point-modal-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.page-products-point-modal-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.page-products-point-modal-pic {overflow: hidden;border-radius: 1.2rem;background: #dfe6ee;}
.page-products-point-modal-pic img {display: block;width: 100%;}
.page-products-point-modal-title {padding: 1.6rem 0 .4rem;line-height: 1.5;text-align: center;color: #000;}


/* site-video-modal */
body.noscroll {overflow: hidden;}
.site-video-modal {position: fixed;inset: 0;z-index: 9999;opacity: 0;visibility: hidden;transition: opacity .35s ease, visibility .35s ease;}
.site-video-modal.is-open {opacity: 1;visibility: visible;}
.site-video-modal-backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.92);}
.site-video-modal-inner {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;padding: 4rem;box-sizing: border-box;pointer-events: none;}
.site-video-modal-player {display: block;width: 100%;max-width: 120rem;max-height: 100%;outline: none;background: #000;pointer-events: auto;}
.site-video-modal-iframe {display: none;width: 100%;max-width: 120rem;height: 56vw;max-height: calc(100vh - 8rem);border: 0;background: #000;pointer-events: auto;}
.site-video-modal.is-youtube .site-video-modal-player {display: none;}
.site-video-modal.is-youtube .site-video-modal-iframe {display: block;}
.site-video-modal-close {position: absolute;top: 2rem;right: 2rem;z-index: 2;width: 4.4rem;height: 4.4rem;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.16);cursor: pointer;transition: background .3s ease;pointer-events: auto;}
.site-video-modal-close:hover {background: rgba(255, 255, 255, 0.28);}
.site-video-modal-close::before,
.site-video-modal-close::after {content: '';position: absolute;left: 50%;top: 50%;width: 1.8rem;height: 2px;background: #fff;}
.site-video-modal-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.site-video-modal-close::after {transform: translate(-50%, -50%) rotate(-45deg);}


/* page-search */
.page-search {width: 100%;padding: 10rem 0 8rem;box-sizing: border-box;}
.page-search-content {width: 75%;margin: 0 auto;box-sizing: border-box;}
.page-search-head {text-align: center;margin-top: 5%;}
.page-search-head .title-2 h1 {margin: 0;color: #000;font-weight: 600;line-height: 1.3;}
.page-search-bar {width: 50%;margin: 3.2rem auto 0;box-sizing: border-box;}
.page-search-form {position: relative;width: 100%;box-sizing: border-box;}
.page-search-input {display: block;width: 100%;height: 5.6rem;padding: 0 6rem 0 2.4rem;border: 0;border-radius: 5.6rem;background: #f5f6f8;outline: none;color: #000;box-sizing: border-box;}
.page-search-input::placeholder {color: rgba(0, 0, 0, 0.35);}
.page-search-submit {position: absolute;right: .6rem;top: 50%;width: 4.4rem;height: 4.4rem;margin-top: -2.2rem;border: 0;border-radius: 50%;background: #ff4422;padding: 0;cursor: pointer;box-sizing: border-box;transition: background .35s ease;}
.page-search-submit:hover {background: #e83a1a;}
.page-search-submit i {display: block;width: 2rem;height: 2rem;position: relative;margin: 0 auto;}
.page-search-submit i img {display: block;width: 100%;height: 100%;filter: brightness(0) invert(1);}
.page-search-tabs {width: 100%;margin-top: 4rem;text-align: center;box-sizing: border-box;}
.page-search-tabs ul {display: inline-block;margin: 0;padding: .4rem;list-style: none;border-radius: 5.6rem;background: #f5f6f8;white-space: nowrap;box-sizing: border-box;font-size: 0;}
.page-search-tabs li {display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.page-search-tabs li a {display: block;padding: 1rem 3rem;border-radius: 5.6rem;color: rgba(0, 0, 0, 0.45);text-decoration: none;box-sizing: border-box;}
.page-search-tabs li a span {display: block;line-height: 1.2;}
.page-search-tabs li a em {font-style: normal;}
.page-search-tabs li.active a {background: #ff4422;}
.page-search-tabs li.active a span {color: #fff;}
.page-search-results {width: 100%;margin-top: 3.2rem;box-sizing: border-box;}
.page-search-panel {display: none;width: 100%;box-sizing: border-box;}
.page-search-panel.is-active {display: block;}
.page-search-list {width: 100%;box-sizing: border-box;overflow: hidden;}
.page-search-empty {width: 100%;padding: 6rem 0;text-align: center;box-sizing: border-box;}
.page-search-empty span {display: block;color: rgba(0, 0, 0, 0.45);line-height: 1.6;}
.page-search-empty--intro {padding-top: 4rem;}
.page-search-news-item,
.page-search-job-item {border-bottom: 1px solid #eceef2;}
.page-search-news-item a,
.page-search-job-item a {display: block;padding: 2.4rem 0;color: inherit;text-decoration: none;}
.page-search-item-label {display: block;color: #ff4422;line-height: 1.4;}
.page-search-item-title {display: block;margin-top: .8rem;color: #000;font-weight: 600;line-height: 1.5;}
.page-search-item-date {display: block;margin-top: .8rem;color: rgba(0, 0, 0, 0.45);line-height: 1.5;}
.page-search-list--products {overflow: hidden;}
.page-search-product-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;}
.page-search-product-item:nth-child(3n) {margin-right: 0;}
.page-search-product-item a {display: block;height: 100%;padding: 1.6rem;border: 1px solid #eceef2;border-radius: 1.2rem;background: #fff;color: inherit;text-decoration: none;box-sizing: border-box;transition: border-color .35s ease, box-shadow .35s ease;}
.page-search-product-item a:hover {border-color: rgba(255, 68, 34, 0.35);box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.06);}
.page-search-product-pic {overflow: hidden;border-radius: .8rem;line-height: 0;}
.page-search-product-pic img {display: block;width: 100%;height: auto;}
.page-search-product-body {padding-top: 1.6rem;}
.page-search-item-desc {display: block;margin-top: .8rem;color: rgba(0, 0, 0, 0.45);line-height: 1.6;}

/* ===== Resource Download ===== */
.page-download {padding: 5% 0 6%; background: #f5f6f8;}
.page-download-inner {width: 75%; margin: 0 auto;}
.page-download-top {overflow: hidden; margin-bottom: 2.8rem;}
.page-download-top .result-1 {float: left;}
.page-download-top .result-1 strong {color: rgba(0,0,0,.55); font-weight: 500;}
.page-download-top .result-1 span {color: #000; font-weight: 700;}
.page-download-filters {float: right; font-size: 0;}
.page-download-filter {display: inline-block; margin-left: .8rem; padding: .9rem 1.8rem; border-radius: 5rem; background: #fff; color: rgba(0,0,0,.55); text-decoration: none; transition: color .3s ease, background .3s ease;}
.page-download-filter:hover,
.page-download-filter.is-active {color: #fff; background: #ff4422;}
.page-download-grid {display: flex; flex-wrap: wrap; align-items: stretch; margin-right: -1%;}
.page-download-empty {width: 100%; padding: 8rem 2rem; text-align: center; color: rgba(0,0,0,.4); background: #fff; border: 1px solid #ddd; border-radius: 1.6rem; box-sizing: border-box;}
.page-download-card {display: flex; flex-direction: column; width: 32.333%; margin-right: 1%; margin-bottom: 1.6rem; padding: 2.8rem 2.4rem 2.4rem; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 1.6rem; overflow: hidden; transition: border-color .3s ease, transform .3s ease;}
.page-download-card:nth-child(3n) {margin-right: 0;}
.page-download-card:hover {border-color: #ff4422; transform: translateY(-.3rem);}
.page-download-card-top {overflow: hidden; margin-bottom: 1.6rem; flex: 0 0 auto;}
.page-download-card-type {float: left; display: inline-block; padding: .5rem 1.1rem; border-radius: .4rem; background: rgba(255,68,34,.08); color: #ff4422; font-weight: 600; line-height: 1.2;}
.page-download-card[data-type="pdf"] .page-download-card-type {background: rgba(37,99,235,.08); color: #2563eb;}
.page-download-card[data-type="source"] .page-download-card-type {background: rgba(16,185,129,.1); color: #059669;}
.page-download-card-version {float: right; font-style: normal; color: rgba(0,0,0,.4); line-height: 2.2rem;}
.page-download-card-title {min-height: 6.4rem; flex: 0 0 auto;}
.page-download-card-title strong {display: block; color: #000; font-weight: 600; line-height: 1.45;}
.page-download-card-desc {margin-top: 1.2rem; min-height: 5.4rem; color: rgba(0,0,0,.55); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex: 1 1 auto;}
.page-download-card-meta {list-style: none; margin: 2rem 0 0; padding: 1.6rem 0 0; border-top: 1px solid #eee; flex: 0 0 auto;}
.page-download-card-meta li {overflow: hidden; margin-bottom: .8rem; line-height: 1.4;}
.page-download-card-meta li:last-child {margin-bottom: 0;}
.page-download-card-meta li span {float: left; color: rgba(0,0,0,.4);}
.page-download-card-meta li strong {float: right; color: rgba(0,0,0,.75); font-weight: 600;}
.page-download-card-action {margin-top: auto; padding-top: 2rem; flex: 0 0 auto;}
.page-download-btn {display: block; height: 4.8rem; border-radius: 5rem; background: #ff4422; color: #fff; font-weight: 600; line-height: 4.8rem; text-align: center; text-decoration: none; transition: background .3s ease;}
.page-download-btn:hover {background: #e83a1a; color: #fff;}