/* 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;color: #000;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.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: 1%;top: 2%;z-index: 3500;transition:all .4s ease;box-sizing: border-box;width: 98%;box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.05)}
.header::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.6);z-index: -1;border-radius: 2rem;transition: all 0.36s;backdrop-filter: blur(4rem);-webkit-backdrop-filter: blur(4rem);}
.header ul,.header li {list-style: none;margin: 0;padding: 0;}
.header-content {width:100%;position: relative;z-index: 10;} 
.header-eenovance-content {display: flex;height: 8rem;display: flex;position: relative;justify-content: space-between;}
.header-content-left {display: block;background: #e6002d;position: relative;height: 100%;overflow: hidden;border-radius: 2rem 0 0 2rem;}
.header-content-right {display: flex;align-items: center;justify-content: flex-end;padding-right: 3rem;}
.header-logo {position: relative;overflow: hidden;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 3rem;}
.header-logo a {position: relative;width: 17rem;height: 3.6rem;margin: auto;display: flex;align-items: center;justify-content: center;} 
.header-logo svg {display: block;}
.header-logo .st0{fill:#FFF;}
.header-logo .st1{fill:#FFF;}
.header-nav ul {display: flex;align-items: center;justify-content: center;}
.header-nav ul li {margin: 0 1rem;}
.header-nav ul li a {display: block;padding: 0 1rem;}
.header-nav ul li a span {display: block;}
.header-nav ul li a span:hover {color: #e6002d} 

.header-language {margin-right: 1rem;margin-left: 5rem;position: relative;}
.header-language-trigger {display: flex;align-items: center;padding: 0 1rem;box-sizing: border-box;}
.header-language-trigger i {display: block;width: 2rem;height: 2rem;position: relative;flex-shrink: 0;}
.header-language-trigger i img {display: block;width: 100%;height: 100%;}
.header-language-trigger em {display: block;width: 0;height: 0;margin-left: .6rem;border-left: .45rem solid transparent;border-right: .45rem solid transparent;border-top: .55rem solid #000;transition: transform .3s ease;flex-shrink: 0;}
.header-language.is-open .header-language-trigger em {transform: rotate(180deg);}
.header-language-show {position: absolute;left: 50%;top: 100%;z-index: 3600;min-width: 14rem;margin-top: 1.2rem;overflow: hidden;max-height: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: max-height .35s ease, opacity .3s ease, visibility 0s .35s;box-sizing: border-box;transform: translateX(-50%);}
.header-language.is-open .header-language-show {max-height: 30rem;opacity: 1;visibility: visible;pointer-events: auto;transition: max-height .35s ease, opacity .3s ease, visibility 0s;}
.header-language-show::before {content: '';position: absolute;left: 0;top: -1.2rem;width: 100%;height: 1.2rem;}
.header-language-show ul {margin: 0;padding: 1.2rem 2rem 1.6rem;list-style: none;background: #fff;border-radius: 0 0 1.2rem 1.2rem;box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, .08);box-sizing: border-box;margin-top: 1.8rem;}
.header-language-show ul li {margin: 0;padding: 0;}
.header-language-show ul li a {display: block;padding: .2rem 0;color: #000;box-sizing: border-box;}
.header-language-show ul li a span {display: block;color: #000;transition: color .3s ease;}
.header-language-show ul li a:hover span {color: #e6002d;}

.header-search {margin-right: 1rem;position: relative;}
.header-search-trigger {display: block;padding: 0 2rem;box-sizing: border-box;}
.header-search-trigger i {display: block;width: 2rem;height: 2rem;position: relative;}
.header-search-trigger i img {display: block;width: 100%;height: 100%;}
.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 2rem 2rem;box-shadow: 0px 18px 40px 0px 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-content-show {width: 100%;padding: 0 8%;box-sizing: border-box;background-image: -webkit-linear-gradient(120deg, rgb(237, 245, 250) 0%, rgb(255, 255, 255) 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 {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 3% 0;box-sizing: border-box;width: 50%;margin: auto;position: relative;}
.header-search-input {width: 100%;flex: 1;min-width: 0;border: none;background: transparent;outline: none;color: #000;padding: 1rem 0;margin: 0;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;}
.header-search-input::placeholder {color: #999;}
.header-search-submit {width: 4.8rem;height: 4.8rem;margin-left: 2rem;border: none;border-radius: 50%;background: #e6002d;padding: 0;cursor: pointer;flex-shrink: 0;display: flex;align-items: center;justify-content: center;box-sizing: border-box;transition: background .3s ease;}
.header-search-submit:hover {background: #c40026;}
.header-search-submit i {display: block;width: 2rem;height: 2rem;position: relative;}
.header-search-submit i img {display: block;width: 100%;height: 100%;filter: brightness(0) invert(1);}
.header-contact {margin-right: 1rem;}
.header-contact a {display: flex;align-items: center;justify-content: center;background: #e6002d;padding: .7rem 2rem;border-radius: 10rem;}
.header-contact a i {display: block;width: 2rem;height: 2rem;margin-right: 0.5rem;position: relative;}
.header-contact a i img {display: block;width: 100%;height: 100%;filter: invert(1);}
.header-contact a span {display: block;color: #fff;} 

.header.scroll-down,.header.scroll-top {top: 0;left: 0;width: 100%;}
.header.scroll-down::before,.header.scroll-down .header-content-left,
.header.scroll-top::before,.header.scroll-top .header-content-left {border-radius: 0;}
.header.search-open::before {border-radius: 2rem 2rem 0 0 ;}
.header.search-open .header-content-left {border-radius: 2rem 0 0 0;}




.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;}
.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;}
.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,.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,.12);}
.header-nav-show.on .header-nav-show-panel {transform: translateX(0);}
.header-nav-show-panel ul {margin: 0;padding: 0;}
.header-nav-show-panel ul li {border-bottom: 1px solid #f0f0f0;}
.header-nav-show-panel ul li a {display: block;padding: 1.8rem 0;}
.header-nav-show-panel ul li a strong {color: #000;font-weight: bold;}
.header-nav-show-panel ul li.active a strong,
.header-nav-show-panel ul li a:hover strong {color: #f08300;}
.header-nav-show-panel li.has-children .mobile-nav-item-head {display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}
.header-nav-show-panel li.has-children .mobile-nav-item-head > a {flex: 1;min-width: 0;padding: 1.8rem 0;box-sizing: border-box;}
.header-nav-show-panel .mobile-nav-toggle {width: 4.4rem;height: 4.4rem;margin: 0;padding: 0;border: none;background: transparent;position: relative;flex-shrink: 0;cursor: pointer;box-sizing: border-box;}
.header-nav-show-panel .mobile-nav-toggle i {display: block;width: 1.2rem;height: 1.2rem;margin: 0 auto;position: relative;transition: transform .25s ease;}
.header-nav-show-panel .mobile-nav-toggle i::before {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;margin: -.5rem 0 0 -.35rem;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(45deg);box-sizing: border-box;}
.header-nav-show-panel li.has-children.is-open .mobile-nav-toggle i {transform: rotate(180deg);}
.header-nav-show-panel .mobile-nav-sub {display: none;margin: 0;padding: 0 0 1.2rem 1.6rem;list-style: none;box-sizing: border-box;}
.header-nav-show-panel li.has-children.is-open .mobile-nav-sub {display: block;}
.header-nav-show-panel .mobile-nav-sub li {border-bottom: none;}
.header-nav-show-panel .mobile-nav-sub li a {display: block;padding: 1rem 0;color: #666;box-sizing: border-box;}
.header-nav-show-panel .mobile-nav-sub li a span {color: inherit;}
.header-nav-show-panel .mobile-nav-sub li a:hover span {color: #e6002d;}
body.nav-open {overflow: hidden;}

.header-eenovance-nav-content {position: absolute;left: 0;top: 100%;z-index: 3400;width: 100%;box-sizing: border-box;max-height: 0;visibility: hidden;pointer-events: none;transition: max-height .4s ease, visibility 0s .4s;}
.header-eenovance-nav-content::before {content: '';position: absolute;left: 0;top: -1.6rem;width: 100%;height: 1.6rem;}
.header.mega-nav-open .header-eenovance-nav-content {max-height: 60rem;visibility: visible;pointer-events: auto;transition: max-height .4s ease, visibility 0s;}
.header-eenovance-nav-panel {display: none;width: 100%;box-sizing: border-box;}
.header-eenovance-nav-panel.active {display: block;}
.header-eenovance-nav-show-content {display: flex;align-items: stretch;width: 100%;padding: 4rem 8%;box-sizing: border-box;border-radius: 0 0 2rem 2rem;background-image: -webkit-linear-gradient( 120deg, rgb(237,245,250) 0%, rgb(255,255,255) 100%);box-shadow: 0px 18px 40px 0px rgba(0, 0, 0, 0.06);transform: translateY(-2rem);opacity: 0;transition: transform .4s ease, opacity .35s ease;position: relative;}
.header-eenovance-nav-show-content::before {content: '';position: absolute;left: 30%;top: 0;width: 1px;height: 100%;background: #e6e6e6;margin-left: -2px;}
.header.mega-nav-open .header-eenovance-nav-show-content {transform: translateY(0);opacity: 1;}
.header.scroll-down .header-eenovance-nav-show-content,
.header.scroll-top .header-eenovance-nav-show-content {border-radius: 0;}
.nav-show-left {width: 26%;box-sizing: border-box;}
.nav-show-center {width: 30%;box-sizing: border-box;}
.nav-show-right {width: 44%;box-sizing: border-box;}
.nav-link-type .link-1 {margin-bottom: 2.4rem;}
.nav-link-type .link-1:last-child {margin-bottom: 0;}
.nav-link-type .link-1 a {display: block;}
.nav-link-type .link-1 strong {display: block;color: #b3b3b3;font-weight: inherit;transition: color .3s ease;}
.nav-link-type .link-1.active strong,
.nav-link-type .link-1 a:hover strong {color: #000;}
.nav-link-list {position: relative;width: 100%;box-sizing: border-box;}
.nav-link-group {display: none;width: 100%;box-sizing: border-box;}
.nav-link-group.active {display: block;}
.nav-link-group .link-1 {margin-bottom: 2rem;width: fit-content;max-width: 100%;}
.nav-link-group .link-1:last-child {margin-bottom: 0;}
.nav-link-group .link-1 a {display: flex;align-items: center;box-sizing: border-box;padding-left: 5rem;position: relative;}
.nav-link-group .link-1 a::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 0px;background: #e6002d;}
.nav-link-group .link-1 strong {display: block;color: #999;font-weight: inherit;transition: color .3s ease;}
.nav-link-group .link-1 a i {display: block;width: 1.6rem;height: 1.6rem;position: relative;opacity: 0;transition: opacity .3s ease;flex-shrink: 0;margin-left: 1.6rem;}
.nav-link-group .link-1 a i::before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;background: url('../images/r7.svg') no-repeat center center;background-size: 100%;transform: translate(-50%,-50%);}
.nav-link-group .link-1.active strong,
.nav-link-group .link-1 a:hover strong {color: #000;}
.nav-link-group .link-1.active a i,
.nav-link-group .link-1 a:hover i {opacity: 1;}
.nav-link-group .link-1 a:hover::before {height: 100%;}
.nav-link-pic {width: 90%;border-radius: 1.6rem;overflow: hidden;line-height: 0;background: #f5f5f5;float: right;}
.nav-link-pic-link {display: block;position: relative;line-height: 0;} 
.nav-link-pic .pic {position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;line-height: 0;transition: transform .45s ease;}
.nav-link-pic .pic .img-block {display: block;width: 100%;height: auto;opacity: 0;}
.nav-link-pic-caption {position: absolute;left: 0;bottom: 0;width: 100%;padding: 2.4rem 2rem;box-sizing: border-box;z-index: 2;display: flex;align-items: flex-end;justify-content: space-between;line-height: 1.5;color: #fff;pointer-events: none;}
.nav-link-pic-caption.is-hidden {display: none;}
.nav-link-pic-caption .caption-text {display: block;width: 72%;color: #fff;}
.nav-link-pic-caption i {display: block;width: 4rem;height: 4rem;border-radius: 50%;position: relative;flex-shrink: 0;box-sizing: border-box;background: #fff;}
.nav-link-pic-caption i::before {content: '';position: absolute;left: 50%;top: 50%;width: 1.6rem;height: 1.6rem;background: url('../images/r4.svg') no-repeat center center;background-size: 100%;transform: translate(-50%, -50%);filter: invert(1);}
.nav-link-pic-link:hover .pic {transform: scale(1.05);}
.nav-link-pic-link:hover img {transform: scale(1.05);}
.nav-link-pic-link:hover .nav-link-pic-caption i {background: #e6002d;}
.nav-link-pic-link:hover .nav-link-pic-caption i::before {filter: none;}
.header-nav ul li.has-mega-nav.active > a span {color: #e6002d;}
.header.mega-nav-open::before {border-radius: 2rem 2rem 0 0 ;}
.header.mega-nav-open .header-content-left {border-radius: 2rem 0 0 0;}
 


 


/* footer */
.footer {position: relative;clear: both;overflow: hidden;background: #f5f5f5;}
.footer ul {list-style: none;margin: 0;padding: 0;}
.footer a {transition: color .25s ease;}
.footer-content-top {padding: 2% 0 0 0;box-sizing: border-box;}
.footer-content-top .footer-content,
.footer-content-bottom .footer-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.footer-content-top .footer-content {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 4rem 3rem;}
.footer-content-left {width: 20%;box-sizing: border-box;}
.footer-content-right {width: 60%;box-sizing: border-box;}
.footer-logo {margin-bottom: 2rem;}
.footer-logo a {display: block;position: relative;width: 19rem;height: 4rem;line-height: 0;}
.footer-logo a img {max-width: 100%;max-height: 100%;}
.footer-contact {margin-bottom: 3rem;}
.footer-contact .text-14 {color: #666;line-height: 1.7;} 
.footer-subscribe .title-3 {margin: 0 0 1.6rem;color: #000;line-height: 1.3;}
.footer-subscribe-form {display: flex;align-items: center;max-width: 100%;padding: 0 0 1.2rem;box-sizing: border-box;border: none;border-bottom: 1px solid #d8d8d8;border-radius: 0;background: transparent;box-shadow: none;}
.footer-subscribe-form input {flex: 1;min-width: 0;margin: 0;padding: 0 1.2rem 0 0;border: none;border-radius: 0;background: transparent;color: #333;outline: none;line-height: 1.4;}
.footer-subscribe-form input::placeholder {color: #bbb;opacity: 1;}
.footer-subscribe-form button {flex-shrink: 0;margin: 0 0 .2rem;padding: .85rem 2.2rem;border: none;border-radius: 10rem;background: #fae8ec;color: #e6002d;line-height: 1;cursor: pointer;white-space: nowrap;}
.footer-subscribe-form button:hover {background: #f5d4dc;}
.footer-subscribe-form button:disabled {opacity: .65;cursor: not-allowed;}
.footer-subscribe-honeypot {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
.footer-subscribe-alert {display: none;margin-top: 1rem;padding: 1rem 1.2rem;border-radius: .8rem;line-height: 1.55;background: #fff5f6;color: #e6002d;}
.footer-subscribe-alert.is-visible {display: block;}
.footer-subscribe-alert.is-success {background: #f2faf4;color: #1f7a3f;}
.footer-social {margin-top: 2rem;}
.footer-social ul {display: flex;align-items: center;flex-wrap: wrap;gap: 1.2rem;}
.footer-social li a {display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;border-radius: 50%;background: #fff;line-height: 0;overflow: hidden;box-sizing: border-box;background: #e6002d;}
.footer-social li a i {display: block;position: relative;width: 2rem;height: 2rem;opacity: .5;opacity: 1;filter: invert(1);}
.footer-social li a:hover {background: #e6002d;}
.footer-social li a:hover i {opacity: 1;filter: invert(1);}
.footer-nav {display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;}
.footer-nav-item,
.footer-nav-last {flex: 0 0 33.333%;max-width: 33.333%;padding: 0 2rem 3rem 0;box-sizing: border-box;} 
.footer-nav-last {order: 6;padding-bottom: 0;}
.footer-nav-item ul strong {display: block;margin: 0 0 1.2rem;padding: 0 0 1.2rem;border-bottom: 1px solid #e0e0e0;line-height: 1.3;}
.footer-nav-item ul strong a {display: block;color: #000;}
.footer-nav-item ul strong a:hover {color: #e6002d;}
.footer-nav-item ul li {margin: 0;padding: 0;}
.footer-nav-item ul li a {display: block;padding: .35rem 0;color: #666;line-height: 1.5;}
.footer-nav-item ul li a:hover {color: #e6002d;}
.footer-nav-last ul li {margin: 0;border-top: 1px solid #e0e0e0;}
.footer-nav-last ul li:first-child {border-top: none;}
.footer-nav-last ul li a {display: flex;align-items: center;justify-content: space-between;padding: 1.2rem 0;color: #000;line-height: 1.4;}
.footer-nav-last ul li a:hover {color: #e6002d;}
.footer-nav-last ul li a i {display: block;flex-shrink: 0;position: relative;width: .8rem;height: .8rem;margin-left: 1rem;}
.footer-nav-last ul li a i::after {content: '';position: absolute;left: 0;top: 50%;width: .55rem;height: .55rem;margin-top: -.1rem;border-right: 2px solid #bbb;border-top: 2px solid #bbb;transform: rotate(45deg);box-sizing: border-box;}
.footer-nav-last ul li a:hover i::after {border-color: #e6002d;}
.footer-content-bottom {padding: 1.6rem 0 2.4rem;box-sizing: border-box;}
.footer-content-bottom .footer-content {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem 2rem;}
.footer-copyright {flex: 1;min-width: 20rem;color: #999;line-height: 1.6;}
.footer-copyright a {color: #999;}
.footer-copyright a:hover {color: #000;}
.footer-link {flex-shrink: 0;}
.footer-link a {color: #999;line-height: 1.4;}
.footer-link a:hover {color: #e6002d;}

.aside-top {position: fixed;right: 2rem;bottom: 2rem;z-index: 1000;}
.aside-top-btn {display: inline-flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;background: #e6002d;border-radius: 50%;position: relative;}
.aside-top-btn i {display: block;position: relative;width: 2rem;height: 2rem;opacity: 1;filter: invert(1);}
.aside-top-btn:hover {background: #c40026;} 




 

/* index */  
.main {position: relative;}
.eenovance-content {width: 98%;margin: auto;position: relative ;}
.index-banner {background: #000;position: relative;}
.index-banner-swiper {position: relative;}
.index-banner-item {position: relative;}
.index-banner-item .absolute-content {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;color: #fff;width: 50%;}
.index-banner-item .absolute-content .title-1 {position: relative;text-align: center;}
.index-banner-item .absolute-content.is-align-left {left: 8%;right: auto;transform: translateY(-50%);}
.index-banner-item .absolute-content.is-align-left .title-1 {text-align: left;}
.index-banner-item .absolute-content.is-align-left .explore-more {justify-content: flex-start;}
.index-banner-item .absolute-content.is-align-center {left: 50%;right: auto;transform: translate(-50%,-50%);}
.index-banner-item .absolute-content.is-align-center .title-1 {text-align: center;}
.index-banner-item .absolute-content.is-align-center .explore-more {justify-content: center;}
.index-banner-item .absolute-content.is-align-right {left: auto;right: 8%;transform: translateY(-50%);}
.index-banner-item .absolute-content.is-align-right .title-1 {text-align: right;}
.index-banner-item .absolute-content.is-align-right .explore-more {justify-content: flex-end;}
.index-banner-item .absolute-content .title-1,
.index-banner-item .absolute-content .explore-more {opacity: 0;transform: translate3d(0, 4rem, 0);transition: opacity .55s cubic-bezier(0.22, 1, 0.36, 1), transform .55s cubic-bezier(0.22, 1, 0.36, 1);will-change: opacity, transform;}
.index-banner-item .absolute-content .title-1.is-anim-in,
.index-banner-item .absolute-content .explore-more.is-anim-in {opacity: 1;transform: translate3d(0, 0, 0);}
.index-banner-item .absolute-content .explore-more.is-anim-in {transition-delay: .15s;}
.index-banner-item .absolute-content .title-1.is-anim-out,
.index-banner-item .absolute-content .explore-more.is-anim-out {opacity: 0;transform: translate3d(0, 3rem, 0);transition-delay: 0s;} 
.index-banner-item .pic-1 {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.index-banner-item .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;overflow: hidden;pointer-events: none;opacity: 0;transition: opacity .4s ease;}
.index-banner-item .video-1 video {display: block;width: 100%;height: 100%;object-fit: cover;}
.index-banner-item .video-1.is-playing {opacity: 1;}
.index-banner-item .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.index-banner-item .video-1 video {width: 100%;height: 100%;object-fit: cover;}

.index-banner-item .product-pic {position: absolute;right: 10%;top: 55%;transform: translateY(-50%);z-index: 12;width: 40%;max-height: 70%;text-align: center;overflow: hidden;}
.index-banner-item .product-pic img.img-center {width: auto;height: auto;max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.index-banner-swiper .swiper-pagination.index-banner-pagination {position: absolute;bottom: 5%;left: 0;z-index: 11;display: flex;align-items: center;justify-content: center;gap: .8rem;text-align:center ;}
.index-banner-swiper .swiper-pagination.index-banner-pagination .swiper-pagination-bullet {width: 2rem;height: .7rem;background: #fff;border-radius: 1rem;}
.index-banner-swiper .swiper-pagination.index-banner-pagination .swiper-pagination-bullet-active {background: #fff;opacity: 1;}
.index-banner-swiper .swiper-pagination.index-banner-pagination .swiper-pagination-bullet {margin: 0 .1rem;}

.explore-more {position: relative;margin-top: 3rem;display: flex;justify-content: center;}
.explore-more-btn {display: inline-flex;align-items: center;gap: .8rem;transition:all .4s ease;}
.explore-more-btn span {display: inline-flex;align-items: center;justify-content: center;height: 4.4rem;padding: 0 3.2rem;box-sizing: border-box;background: #fff;color: #000;border-radius: 10rem;white-space: nowrap;line-height: 1;}
.explore-more-btn .icon-arrow-right {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 4.4rem;height: 4.4rem;background: #e6002d;border-radius: 50%;position: relative;}
.explore-more-btn .icon-arrow-right::before {content: '';display: block;width: .8rem;height: .8rem;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);margin-left: -.3rem;}
.explore-more-btn:hover {transform: translateY(-.5rem);}
.explore-more-btn:hover span {background: #f5f5f5;}
.explore-more-btn:hover .icon-arrow-right {background: #c40026;}

.more-btn {display: flex;font-size: 4.4rem;}
.more-btn a {width: auto;height: 1em;position: relative;font-size: 4.4rem;display: flex;text-decoration: none;color: inherit;}
.more-btn .word {width: auto;height: 1em;position: relative;z-index: 2;border-radius: 10rem;background: #fff;color: #000;transition: all .3s linear;transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);overflow: hidden;}
.more-btn .word span {width: auto;min-width: 14rem;height: 100%;position: relative;z-index: 2;padding: 0 3.2rem;display: flex;align-items: center;justify-content: center;white-space: nowrap;line-height: 1;box-sizing: border-box;}
.more-btn .arrow {width: 1em;height: 1em;position: absolute;top: 0;z-index: 1;border-radius: 50%;background: #e6002d;display: flex;align-items: center;justify-content: center;transition: all .3s linear;}
.more-btn .arrow .icon-arrow-right {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 50%;position: relative;background: transparent;}
.more-btn .arrow .icon-arrow-right::before {content: '';display: block;width: .8rem;height: .8rem;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);margin-left: -.3rem;transition: all .3s linear;}
.more-btn[right] a {padding-right: 1em;}
.more-btn[right] .arrow.arrow_first {left: 10px;}
.more-btn[right] .arrow.arrow_last {right: 0;transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);}
.more-btn[right] a:hover .word {transform: translateX(1em);background: #f5f5f5;}
.more-btn[right] a:hover .arrow.arrow_first {left: 0;animation: arrowMoveR 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) .3s;}
.more-btn[right] a:hover .arrow.arrow_last {transform: scale(0.5) translateX(-100%);}
.more-btn[left] a {padding-left: 1em;}
.more-btn[left] .arrow.arrow_first {left: 0;transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);}
.more-btn[left] .arrow.arrow_last {right: 10px;}
.more-btn[left] a:hover .word {transform: translateX(-1em);background: #f5f5f5;}
.more-btn[left] a:hover .arrow.arrow_first {transform: scale(0.5) translateX(100%);}
.more-btn[left] a:hover .arrow.arrow_last {right: 0;animation: arrowMoveL 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) .3s;}
.more-btn.active a .word {background: #000;color: #fff;}
.more-btn.active a .arrow {background: #000;}
@keyframes arrowMoveR {
	0% {transform: translateX(0);}
	15% {transform: translateX(5px);}
	30% {transform: translateX(0);}
	45% {transform: translateX(3px);}
	60% {transform: translateX(0);}
	75% {transform: translateX(2px);}
	100% {transform: translateX(0);}
}
@keyframes arrowMoveL {
	0% {transform: translateX(0);}
	15% {transform: translateX(-5px);}
	30% {transform: translateX(0);}
	45% {transform: translateX(-3px);}
	60% {transform: translateX(0);}
	75% {transform: translateX(-2px);}
	100% {transform: translateX(0);}
}


/* index-section product range */
.index-section {position: relative;padding: 8rem 0 1% 0;background: #fff;z-index: 20;}
.index-section.margin-top-3 {margin-top: -1%;border-radius: 3rem 3rem 0 0;}
.index-section > .eenovance-content > .title-1 {text-align: center;margin-bottom: 4rem;}
.index-section > .eenovance-content > .title-1 h2 {margin: 0;}
.index-section-nav {margin-bottom: 3rem;margin-top: 3%;}
.index-section-nav ul {display: flex;align-items: flex-end;justify-content: center;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;width: 100%;}
.index-section-nav li {margin: 0;padding: 0;width: 33.333%;}
.index-section-nav li a {display: block;position: relative;padding: 1.4rem 1rem 0;text-align: center;transition: none;}
.index-section-nav li a::before,.index-section-nav li a::after {content: '';position: absolute;left: 0;height: 2px;top: 0;}
.index-section-nav li a::before {left: 50%;width: 0;background: #e6002d;transform: translateX(-50%);z-index: 10;transition: width .25s ease;}
.index-section-nav li a::after {width: 100%;background: #ededed;z-index: 1;transition: none;}
.index-section-nav li a strong {display: block;color: #999;transition: color .2s ease;}
.index-section-nav li.active a::before {width: 100%;}
.index-section-nav li.active a strong,
.index-section-nav li a:hover strong {color: #000;}
.index-section-bottom {position: relative;}
.index-section-swiper {position: relative;overflow: hidden;border-radius: 2rem;}
.index-section-swiper-item {position: relative;overflow: hidden;border-radius: 2rem;}
.index-section-swiper-item .pic-1 {position: relative;overflow: hidden;line-height: 0;}
.index-section-swiper-item .pic-1 img {display: block;width: 100%;height: auto;min-height: 42rem;object-fit: cover;}
.index-section-swiper-item .product-info {position: absolute;left: 50%;top: 10%;transform: translate(-50%, 0%);z-index: 2;width: 72%;max-width: 90rem;text-align: center;color: #fff;box-sizing: border-box;}
.index-section-swiper-item .product-info strong {display: block;color: #fff;font-family: 'Outfit-m',PingFang SC,-apple-system,Arial,sans-serif;font-weight: normal;}
.index-section-swiper-item .product-info p {margin: 2rem auto 0;max-width: 72rem;color: rgba(255, 255, 255, .92);line-height: 1.6;}
.index-section-swiper-item .product-info .explore-more {margin-top: 3rem;}
.index-section-swiper-item .product-info strong,
.index-section-swiper-item .product-info p,
.index-section-swiper-item .product-info .explore-more {opacity: 0;transform: translate3d(0, 4rem, 0);transition: opacity .55s cubic-bezier(0.22, 1, 0.36, 1), transform .55s cubic-bezier(0.22, 1, 0.36, 1);}
.index-section-swiper-item .product-info strong.is-anim-in,
.index-section-swiper-item .product-info p.is-anim-in,
.index-section-swiper-item .product-info .explore-more.is-anim-in {opacity: 1;transform: translate3d(0, 0, 0);}
.index-section-swiper-item .product-info p.is-anim-in {transition-delay: .1s;}
.index-section-swiper-item .product-info .explore-more.is-anim-in {transition-delay: .2s;}
.index-section-swiper-item .product-info strong.is-anim-out,
.index-section-swiper-item .product-info p.is-anim-out,
.index-section-swiper-item .product-info .explore-more.is-anim-out {opacity: 0;transform: translate3d(0, 3rem, 0);transition-delay: 0s;}
.index-section-swiper .index-section-prev,
.index-section-swiper .index-section-next {position: absolute;top: 50%;z-index: 12;width: 5rem;height: 5rem;margin-top: -2.5rem;background: none;border: none;outline: none;cursor: pointer;opacity: 0;visibility: hidden;transition: opacity .35s ease, visibility .35s ease;}
.index-section-swiper .index-section-prev {left: 2rem;}
.index-section-swiper .index-section-next {right: 2rem;}
.index-section-swiper .index-section-prev::after,
.index-section-swiper .index-section-next::after {font-family: swiper-icons;font-size: 3.2rem;color: #fff;font-weight: bold;}
.index-section-swiper .index-section-prev::after {content: 'prev';}
.index-section-swiper .index-section-next::after {content: 'next';}
.index-section-bottom:hover .index-section-prev,
.index-section-bottom:hover .index-section-next {opacity: 1;visibility: visible;}
.index-section-bottom:hover .index-section-swiper .swiper-button-disabled {opacity: .35;visibility: visible;cursor: default;pointer-events: none;}


/* index-section our solutions */
.index-section-our-solutions {position: relative;padding: 0;background: #000;overflow: hidden;}
.our-solutions-content {position: absolute;left: 0;top: 10%;width: 100%;z-index: 12;pointer-events: none;}
.our-solutions-content .title-1 {text-align: center;}
.our-solutions-content .title-1 h2 {margin: 0;color: #fff;}
.our-solutions-swiper {position: relative;width: 100%;background: #000;}
.our-solutions-swiper-item {position: relative;overflow: hidden;}
.our-solutions-swiper-item .pic-1 {position: relative;width: 100%;height: 100%;position: relative;}
.our-solutions-position {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 2;width: 30%;color: #fff;box-sizing: border-box;}
.our-solutions-position .icon-1 {margin-bottom: 2.4rem;}
.our-solutions-position .icon-1 i {display: block;position: relative;width: 6rem;height: 6rem;background: #e6002d;border-radius: 1rem;overflow: hidden;}
.our-solutions-position .icon-1 i img {max-width: 60%;max-height: 60%;}
.our-solutions-position .title-1 h3 {margin: 0;color: #fff;line-height: 1.25;}
.our-solutions-position .content-1 {margin-top: 2rem;}
.our-solutions-position .content-1 p {margin: 0;color: rgba(255, 255, 255, .92);line-height: 1.65;}
.our-solutions-position .explore-more {margin-top: 3rem;justify-content: flex-start;}
.our-solutions-position .icon-1,
.our-solutions-position .title-1,
.our-solutions-position .content-1,
.our-solutions-position .explore-more {opacity: 0;transform: translate3d(0, 4rem, 0);transition: opacity .55s cubic-bezier(0.22, 1, 0.36, 1), transform .55s cubic-bezier(0.22, 1, 0.36, 1);}
.our-solutions-position .icon-1.is-anim-in,
.our-solutions-position .title-1.is-anim-in,
.our-solutions-position .content-1.is-anim-in,
.our-solutions-position .explore-more.is-anim-in {opacity: 1;transform: translate3d(0, 0, 0);}
.our-solutions-position .title-1.is-anim-in {transition-delay: .08s;}
.our-solutions-position .content-1.is-anim-in {transition-delay: .16s;}
.our-solutions-position .explore-more.is-anim-in {transition-delay: .24s;}
.our-solutions-position .icon-1.is-anim-out,
.our-solutions-position .title-1.is-anim-out,
.our-solutions-position .content-1.is-anim-out,
.our-solutions-position .explore-more.is-anim-out {opacity: 0;transform: translate3d(0, 3rem, 0);transition-delay: 0s;}
.our-solutions-swiper-nav {position: absolute;left: 10%;bottom: 5%;width: 80%;z-index: 12;box-sizing: border-box;}
.our-solutions-swiper-nav ul {display: flex;margin: 0;padding: 0;list-style: none;width: 100%;}
.our-solutions-swiper-nav li {flex: 1;margin: 0;padding: 0;}
.our-solutions-swiper-nav li a {display: block;position: relative;padding: 2rem 0;color: rgba(255, 255, 255, .55);}
.our-solutions-swiper-nav li a::before,.our-solutions-swiper-nav li a::after {content: '';position: absolute;left: 0;bottom: 0;transition: width .35s ease;height: 4px;background: #fff;opacity: .3;width: 100%;} 
.our-solutions-swiper-nav li a::after {z-index: 10;width: 0;}
.our-solutions-swiper-nav li.active a::after  {opacity: 1;z-index: 1;width: 100%;} 
.our-solutions-swiper-nav li.active a {color: #fff;}
.our-solutions-swiper-nav li a .num {display: inline-block;margin-right: .6rem;font-style: normal;}



/* index-about */
.index-section-about {position: relative;padding: 5% 0;overflow: hidden;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);}
.index-section-about .eenovance-content {width: 80%;overflow: hidden;}
.index-section-about-content {position: relative;padding-top: 5%;overflow: hidden;}
.about-content {position: absolute;left: 0;top: 0;width: 50%;z-index: 5;}
.about-data-content {position: absolute;left: 0;bottom: 0;z-index: 1;width: 40%;}
.about-map {position: relative;float: right;width: 80%;}
.about-content .title-1 h2 {margin: 0;line-height: 1.2;}
.about-content .title-1 h2 span {color: #e6002d;}
.about-content .content-1 {margin-top: 2.5rem;}
.about-content .content-1 p {margin: 0;color: #666;line-height: 1.65;}
.about-content .explore-more {margin-top: 3rem;justify-content: flex-start;}
.about-data-content ul {display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;}
.about-data-content li {width: 50%;margin: 0;padding: 0 0 0 3rem;box-sizing: border-box;margin-bottom: 5%;position: relative;}
.about-data-content li::before,.about-data-content li::after {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #d0d8df;z-index: 1;}
.about-data-content li::after {z-index: 10;background: #e6002d;height: 50%;}
.about-data-content .data-1 {position: relative;}
.about-data-content .number-1 h3 {margin: 0;color: #000;line-height: 1;display: inline-flex;align-items: baseline;}
.about-data-content .number-1 .countup {display: inline-block;font-variant-numeric: tabular-nums;font-feature-settings: 'tnum' 1;}
.about-data-content .content-1 {margin-top: 1rem;}
.about-data-content .content-1 p {margin: 0;color: #999;line-height: 1.5;}
.about-map .pic-1 {position: relative;line-height: 0;}
.about-map .pic-1 img {display: block;width: 100%;height: auto;}
.about-map-point {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
@keyframes map-point-pulse {
	0% {transform: translate(-50%, -50%) scale(0.35);opacity: .7;}
	100% {transform: translate(-50%, -50%) scale(2.8);opacity: 0;}
}
.map-point-item {position: absolute;z-index: 5;transform: translate(-50%, -50%);}
.map-point-item.is-active {z-index: 15;} 
.map-point-item .point-info {position: relative;cursor: pointer;}
.map-point-item .point-info > .point-1 {position: relative;display: block;overflow: visible;}
.map-point-item .point-info > .point-1::before,
.map-point-item .point-info > .point-1::after {content: '';position: absolute;left: 50%;top: 50%;width: 1rem;height: 1rem;background: #e6002d;border-radius: 50%;transform: translate(-50%, -50%) scale(0.35);opacity: 0;animation: map-point-pulse 2s ease-out infinite;pointer-events: none;z-index: 0;}
.map-point-item .point-info > .point-1::after {animation-delay: 1s;}
.map-point-item.is-headquarter .point-info > .point-1::before,
.map-point-item.is-headquarter .point-info > .point-1::after {width: 1.4rem;height: 1.4rem;}
.map-point-item .point-info > .point-1 i {display: block;position: relative;z-index: 1;}
.map-point-item.is-headquarter .point-info > .point-1 i {width: 5rem;height: 5rem;background: #e6002d;border-radius: 50%;overflow: hidden;}
.map-point-item.is-headquarter .point-info > .point-1 i.logo {width: 4rem;height: 4rem;}
.map-point-item.is-headquarter .point-info > .point-1 i img {max-width: 55%;max-height: 55%;}
.map-point-item.is-headquarter .point-info .name-1 {position: absolute;left: calc(100% + .8rem);top: 50%;transform: translateY(-50%);white-space: nowrap;z-index: 2;}
.map-point-item.is-headquarter .point-info .name-1 span {display: inline-block;padding: .5rem 1.4rem;background: #e6002d;color: #fff;border-radius: 10rem;line-height: 1;}
.map-point-item:not(.is-headquarter) .point-info > .point-1 i {width: 2.4rem;height: 2.4rem;border-radius: 50%;box-sizing: border-box;transition: background .25s ease, border .25s ease;}
.map-point-item:not(.is-headquarter) .point-info > .point-1 i::after {content: '';position: absolute;left: 50%;top: 50%;width: .6rem;height: .6rem;margin: -.3rem 0 0 -.3rem;background: #e6002d;border-radius: 50%;z-index: 2;transition: opacity .25s ease, transform .25s ease;}
.map-point-item:not(.is-headquarter) .point-info .name-1 {display: none;}
.map-point-item.is-active:not(.is-headquarter) .point-info > .point-1::before,
.map-point-item.is-active:not(.is-headquarter) .point-info > .point-1::after {animation-play-state: paused;opacity: 0;}
.map-point-item.is-active:not(.is-headquarter) .point-info > .point-1 i {background: #fff;border: .8rem solid #e6002d;}
.map-point-item.is-active:not(.is-headquarter) .point-info > .point-1 i::after {opacity: 0;transform: scale(0);}
.map-point-item .point-hover-content {position: absolute;left: 50%;bottom: calc(100% + 1.5rem);transform: translateX(-50%);min-width: 24rem;padding: 2rem 2.2rem;background: #fff;border-radius: 1.2rem;box-shadow: 0 1rem 3rem rgba(0, 0, 0, .12);box-sizing: border-box;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .3s ease, visibility .3s ease, transform .3s ease;}
.map-point-item.is-active .point-hover-content {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(0);}
.map-point-item.is-headquarter .point-hover-content {left: auto;right: calc(100% + 1.5rem);bottom: auto;top: 50%;transform: translateY(-50%);}
.map-point-item.is-headquarter.is-active .point-hover-content {transform: translateY(-50%);}
.map-point-item.is-headquarter {z-index: 8;}
.map-point-item .point-hover-content .national-flag {position: relative;width: 4.8rem;height: 3.2rem;margin-bottom: 1.2rem;border-radius: .3rem;overflow: hidden;background: #f0f0f0;line-height: 0;flex-shrink: 0;}
.map-point-item .point-hover-content .national-flag img {display: block;width: 100%;height: 100%;object-fit: cover;}
.map-point-item .point-hover-content .name-1 strong {display: block;color: #000;line-height: 1.3;}
.map-point-item .point-hover-content .content-1 {margin-top: .8rem;}
.map-point-item .point-hover-content .content-1 p {margin: 0;color: #666;line-height: 1.5;}
.map-point-item .point-hover-content .link-2 {display: inline-flex;align-items: center;gap: .6rem;margin-top: 1.2rem;color: #666;cursor: pointer;}
.map-point-item .point-hover-content .link-2 .link-arrow {display: block;width: 1rem;height: auto;flex-shrink: 0;opacity: .55;}
.map-point-item .point-hover-content .link-2:hover .link-arrow {opacity: .85;}


/* index-about certification */
.index-section-about-certification {position: relative;clear: both;margin-top: 4rem;padding-bottom: 2rem;}
.index-section-about-certification .title-3 {margin-bottom: 2rem;}
.index-section-about-certification .title-3 h4 {margin: 0;color: #000;}
.certification-content {position: relative;}
.about-certification-swiper {position: relative;overflow: hidden;}
.about-certification-swiper .swiper-slide {height: auto;}
.about-certification-item {display: flex;flex-direction: column;height: 100%;box-sizing: border-box;border-radius: 1.6rem;overflow: hidden;background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(221,231,237) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(221,231,237) 100%);background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(221,231,237) 100%);}
.about-certification-item .pic-1 {position: relative;line-height: 0;flex-shrink: 0;}
.about-certification-item .pic-1 .img-block,
.page-about-certification-item .pic-1 .img-block {display: block;width: 100%;height: auto;}
.about-certification-item .pic-1 .img-center,
.page-about-certification-item .pic-1 .img-center {max-width: 42%;max-height: 55%;z-index: 2;}
.about-certification-item .content-1 {flex: 1;padding: 2rem 2.4rem 2.4rem;box-sizing: border-box;}
.about-certification-item .content-1 strong {display: block;color: #000;line-height: 1.35;}
.about-certification-item .content-1 p {margin: 1.2rem 0 0;color: #666;line-height: 1.55;}
.certification-content .certification-content-pagination,
.page-about-certification-bottom .certification-pagination {position: relative;margin-top: 3rem;display: flex;align-items: center;justify-content: center;text-align: center;}
.certification-content .certification-content-pagination {gap: .8rem;}
.certification-content .certification-content-pagination .swiper-pagination-bullet,
.page-about-certification-bottom .certification-pagination .swiper-pagination-bullet {width: 2rem;height: .7rem;margin: 0 .4rem;background: #d8dde3;border-radius: 1rem;opacity: 1;transition: background .3s ease, width .3s ease;}
.certification-content .certification-content-pagination .swiper-pagination-bullet-active,
.page-about-certification-bottom .certification-pagination .swiper-pagination-bullet-active {background: #e6002d;}


/* index-section news */
.index-section-news {position: relative;padding: 0 0 5% 0;background: #f5f5f5;}
.index-section-news .eenovance-content {width: 80%;}
.index-section-news-top {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 2rem;}
.index-section-news-top .title-1 h2 {margin: 0;color: #000;}
.index-section-news-nav ul {display: inline-flex;align-items: center;margin: 0;padding: .4rem;list-style: none;border-radius: 10rem;background: #fff;}
.index-section-news-nav li {margin: 0;padding: 0;}
.index-section-news-nav li a {display: block;padding: 1rem 2.2rem;border-radius: 10rem;color: #999;}
.index-section-news-nav li a span {display: block;}
.index-section-news-nav li.active a {background: #e6002d;color: #fff;}
.index-section-news-nav li.active a span {color: #fff;}
.index-section-news-center {position: relative;}
.index-section-news-center-swiper {overflow: hidden;padding: 3% 0;} 
.index-section-news-center-swiper .swiper-slide {height: auto;}
.index-news-item {height: 100%;transition: box-shadow .3s ease, transform .3s ease;}
.index-news-item a {display: block;height: 100%;color: inherit;background: #fff;border-radius: 1.6rem;overflow: hidden;} 
.index-news-item .pic {position: relative;overflow: hidden;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #ccc;}
.index-news-item .pic .img-block {display: block;width: 100%;height: auto;}
.index-news-item .pic::after {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 3px;z-index: 2;background: #e6002d;}
.index-news-item .content-1 {padding: 2rem 2.2rem 2.2rem;box-sizing: border-box;}
.index-news-item .lable-1 {margin-bottom: 1.2rem;}
.index-news-item .lable-1 span {display: inline-block;padding: .4rem 1.2rem;border: 1px solid #e5e5e5;border-radius: 10rem;color: #333;line-height: 1;}
.index-news-item .title-2 {min-height: 5.4rem;}
.index-news-item .title-2 strong {display: block;color: #000;line-height: 1.45;}
.index-news-item .bottom-2 {display: flex;align-items: center;justify-content: space-between;margin-top: 1.6rem;padding-top: 1.6rem;}
.index-news-item .bottom-2 > span {color: #999;}
.index-news-item .jiantou-1 {opacity: 0;}
.index-news-item .jiantou-1 i {width: 3.6rem;height: 3.6rem;background: #e6002d;border-radius: 50%;position: relative;display: block;}
.index-news-item .jiantou-1 i::before {content: '';display: block;width: 3rem;height: 3rem;background: url('../images/r4.svg') center no-repeat;background-size: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.index-news-item a:hover{box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.05);}
.index-news-item a:hover .jiantou-1  {opacity: 1;}
.index-news-item a:hover .pic::after {width: 100%;}
.index-section-news-bottom {position: relative;}
.index-section-news-bottom .news-pagination {position: relative;width: 40%;height: 4px;background: #e9e9e9;border-radius: 1rem;overflow: hidden;cursor: pointer;}
.index-section-news-bottom .news-pagination .swiper-scrollbar-drag {height: 100%;background: #e6002d;border-radius: 1rem;cursor: grab;}
.index-section-news-bottom .news-pagination .swiper-scrollbar-drag:active {cursor: grabbing;}
.index-section-news-bottom .explore-more {margin: 0;justify-content: flex-end;flex-shrink: 0;}
.index-section-news-center.is-loading {pointer-events: none;}
.index-section-news-center.is-loading::after {content: '';position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background: url('../images/loading.gif') center no-repeat rgba(245, 245, 245, .85);}
.index-news-empty {display: flex;align-items: center;justify-content: center;min-height: 20rem;padding: 3rem;box-sizing: border-box;background: #fff;border-radius: 1.6rem;box-shadow: 0 .4rem 2rem rgba(0, 0, 0, .06);}
.index-news-empty p {margin: 0;color: #999;}


/* index-section sustainability */
.index-section-sustainability {position: relative;padding: 0;overflow: hidden;}
.index-section-sustainability .eenovance-content {width: 100%;}
.index-section-sustainability-content {position: relative;box-sizing: border-box;overflow: hidden;}
.sustainability-content-pic {position: relative;}
.sustainability-content-pic .img-block {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center right;}
.sustainability-content {position: absolute;z-index: 2;box-sizing: border-box;top: 10%;left: 10%;width: 40%;z-index: 1;}
.sustainability-content .title-1 h2 {margin: 0;color: #fff;line-height: 1.15;}
.sustainability-content .content-1 {margin-top: 2rem;}
.sustainability-content .content-1 p {margin: 0;color: rgba(255, 255, 255, .92);line-height: 1.65;}
.sustainability-content .explore-more {margin-top: 3rem;justify-content: flex-start;}
.sustainability-content-list {position: absolute;z-index: 2;width: 80%;box-sizing: border-box;left: 10%;bottom: 5%;}
.sustainability-content-list ul {display: flex;align-items: stretch;margin: 0;padding: 0;list-style: none;justify-content: space-between;}
.sustainability-content-list li {margin: 0;padding: 0 2.4rem;box-sizing: border-box;position: relative;width: 33%;}
.sustainability-content-list li::before {content: '';position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: rgba(255, 255, 255, .35);}
.sustainability-content-list .icon-1 {width: 5.6rem;height: 5.6rem;position: relative;}
.sustainability-content-list .icon-1 i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.sustainability-content-list .icon-1 .img-center {max-width: 100%;max-height: 100%;}
.sustainability-content-list .content-1 {display: flex;align-items: flex-end;width: 100%;justify-content: space-between;margin-top: 2rem;}
.sustainability-content-list .data-1 {display: inline-flex;align-items: baseline;flex-shrink: 0;color: #fff;line-height: 1;white-space: nowrap;}
.sustainability-content-list .data-1 .countup {display: inline-block;}
.sustainability-content-list .data-1 span {color: #fff;line-height: 1;}
.sustainability-content-list .text-1 {position: relative;}
.sustainability-content-list .text-1 span {display: block;color: rgba(255, 255, 255, .88);}


/* index-section contact */
.index-section-contact {position: relative;background: #f5f5f5;padding: 0;overflow: hidden;}
.index-section-contact .eenovance-content {width: 98%;margin: 1%;}
.index-section-contact-box {position: relative;box-sizing: border-box;border-radius: 2rem;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;width: 80%;margin: auto;padding: 5% 9%;}
.index-section-contact-top {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 2rem;margin-bottom: 3rem;}
.index-section-contact-top .title-1 h2 {margin: 0;color: #000;line-height: 1.15;}
.index-section-contact-nav ul {display: inline-flex;align-items: center;margin: 0;padding: .4rem;list-style: none;border-radius: 10rem;background: #fff;}
.index-section-contact-nav li {margin: 0;padding: 0;}
.index-section-contact-nav li a {display: block;padding: 1rem 2.2rem;border-radius: 10rem;color: #666;transition: background .25s ease, color .25s ease;}
.index-section-contact-nav li a span {display: block;color: inherit;}
.index-section-contact-nav li.active a {background: #e6002d;color: #fff;}
.index-section-contact-bottom {position: relative;}
.contact-from .index-contact-form {display: block;}
.contact-from .form-item {margin: 0;padding: 0;margin-bottom: .5%;}
.contact-from .form-item.item3 {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: .5%;}
.contact-from .form-item.item3 > .item-1 {width: 33%;box-sizing: border-box;margin-bottom: .5%;}
.contact-from .form-item-message > .item-1 {width: 100%;box-sizing: border-box;}
.contact-from .item-1 {display: block;}
.contact-from .item-1.is-type-hidden {display: none;}
.contact-from .field-wrap {position: relative;display: block;width: 100%;box-sizing: border-box;border-radius: .8rem;background: rgba(255,255,255,.8);transition: box-shadow .25s ease;}
.contact-from .field-wrap label {position: absolute;left: 1.6rem;top: 50%;right: 3.2rem;z-index: 2;margin: 0;padding: 0;color: #333;pointer-events: none;opacity: 1;visibility: visible;transition: opacity .2s ease, visibility .2s ease; transform: translateY(-50%);}
.contact-from .field-wrap label span {color: #e6002d;}
.contact-from .field-wrap.is-focus label,
.contact-from .field-wrap.has-value label {opacity: 0;visibility: hidden;}
.contact-from .input-1,
.contact-from .select-1,
.contact-from .textarea-1 {position: relative;z-index: 1;display: block;width: 100%;margin: 0;padding: 1.5rem 1.6rem;box-sizing: border-box;border: none;border-radius: .8rem;background: transparent;color: #333;line-height: 1.4;outline: none;box-shadow: none;}
.contact-from .field-wrap.is-focus,
.contact-from .field-wrap:focus-within {box-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .08);}
.contact-from .item-1.is-error .field-wrap {box-shadow: 0 0 0 1px #e6002d;}
.contact-from .form-item-message .field-wrap,
.contact-from .form-item-message .textarea-1 {min-height: 14rem;}
.contact-from .form-item-message label {top: 2rem;transform: none;}
.contact-from .textarea-1 {resize: vertical;}
.contact-from .item-1.is-select .select-1 {padding-right: 3.2rem;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.contact-from .item-1.is-select .field-wrap::after {content: '';position: absolute;right: 1.6rem;top: 50%;z-index: 3;width: .6rem;height: .6rem;margin-top: -.35rem;border-right: 2px solid #bbb;border-bottom: 2px solid #bbb;transform: rotate(45deg);pointer-events: none;}
.contact-from .field-wrap:not(.is-focus):not(.has-value) .select-1.is-empty {color: transparent;}
.contact-from .field-wrap.is-focus .select-1.is-empty {color: #bbb;}
.contact-from .field-wrap.has-value .select-1 {color: #333;}
.contact-from .select-1 option {color: #333;}
.contact-from .form-item-footer {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 2rem;padding-top: 2rem;}
.contact-from .form-item-footer .text-1 {flex: 1;min-width: 22rem;margin: 0;color: #666;line-height: 1.55;}
.contact-from .form-item-footer .text-1 a {color: #e6002d;text-decoration: none;}
.contact-from .form-item-footer .text-1 a:hover {text-decoration: underline;}
.contact-from .form-item-footer .explore-more {margin: 0;flex-shrink: 0;justify-content: flex-end;}
.contact-from .contact-submit-btn {display: inline-flex;align-items: center;gap: .8rem;margin: 0;padding: 0;border: none;background: transparent;cursor: pointer;}
.contact-from .contact-submit-btn:disabled {opacity: .6;cursor: not-allowed;}
.index-contact-form.is-submitting {opacity: .7;pointer-events: none;}
.contact-from .contact-form-alert {width: 100%;margin-bottom: 1.6rem;padding: 1.2rem 1.6rem;box-sizing: border-box;border-radius: .8rem;background: #fff5f6;color: #e6002d;line-height: 1.55;display: none;}
.contact-from .contact-form-alert.is-visible {display: block;}
.contact-honeypot {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;opacity: 0;pointer-events: none;}
.contact-submit-progress {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, .45);display: none;align-items: center;justify-content: center;}
.contact-submit-progress.is-visible {display: flex;}
.contact-submit-progress-box {width: 88%;max-width: 42rem;padding: 3rem 3.2rem;box-sizing: border-box;background: #fff;border-radius: 1.6rem;text-align: center;}
.contact-submit-progress-box .progress-title {display: block;margin-bottom: 2rem;color: #000;line-height: 1.4;}
.contact-submit-progress-box .progress-track {width: 100%;height: .8rem;margin-bottom: 1.2rem;border-radius: 10rem;background: #f0f0f0;overflow: hidden;}
.contact-submit-progress-box .progress-bar {display: block;width: 0;height: 100%;border-radius: 10rem;background: #e6002d;transition: width .2s ease;}
.contact-submit-progress.is-indeterminate .progress-bar {width: 35%;animation: contactProgressIndeterminate 1.2s ease-in-out infinite;}
.contact-submit-progress-box .progress-percent {display: block;color: #666;line-height: 1.4;}
@keyframes contactProgressIndeterminate {
	0% {margin-left: 0;}
	50% {margin-left: 65%;}
	100% {margin-left: 0;}
}
.page-contact-success .contact-success-ref {margin-top: 1rem;}
.page-contact-success .contact-success-ref strong {color: #000;line-height: 1.3;}


/* contact success page */
.contact-success-page .main {min-height: 100vh;}
.page-contact-success {position: relative;padding: 8% 0 10%;background: #f5f5f5;min-height: 60vh;box-sizing: border-box;}
.page-contact-success .eenovance-content {width: 80%;max-width: 72rem;margin: 0 auto;}
.contact-success-box {margin: 0 auto;padding: 6rem 4rem;box-sizing: border-box;text-align: center;}
.contact-success-icon {position: relative;width: 8rem;height: 8rem;margin: 0 auto 3rem;}
.contact-success-icon i {display: block;width: 100%;height: 100%;position: relative;} 
.contact-success-title p {margin: 0;color: #000;line-height: 1.3;}
.contact-success-desc {margin-top: 1.2rem;}
.contact-success-desc p {margin: 0;color: #666;line-height: 1.6;}
.page-contact-success .explore-more {margin-top: 3.5rem;justify-content: center;}

 
/* product */
.page-path {position: relative;width: 96%;margin: auto;}
.index-banner .page-path {position: absolute;left: 1%;top: 10%;z-index: 11;}
.page-path .home i{width: 3rem;height: 3rem;display: block;position: relative;border-radius: 100%;background: #e6002d;}
.page-path .home i::before {content: '';width: 1.5rem;height: 1.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/home.png') center no-repeat;background-size: 100%;}
.page-path-content {display: flex;align-items: center;}
.page-path-content span {margin: 0 1rem;color: #666;background: url('../images/r2.svg') center no-repeat;background-size: 100%;display: block;width: .8rem;height: 1rem;opacity: .5;}
.page-path-content a {color: #666;} 
.page-path-content a:last-child,.page-path-content a:hover {color: #000;}


/* page-products */
.page-products {position: relative;padding: 6rem 0 8rem;background: #fff;margin-top: -1%;border-radius: 3rem 3rem 0 0;z-index: 12;}
.page-products .eenovance-content {display: flex;align-items: flex-start;gap: 4rem;width: 80%;}
.page-products-content-left {flex: 0 0 28%;max-width: 28%;position: sticky;top: 10rem;align-self: flex-start;z-index: 10;box-sizing: border-box;}
.page-products-content-right {flex: 1;min-width: 0;}
.page-products-left-search {position: relative;margin-bottom: 2.4rem;}
.page-products-left-search .input-1 {display: block;width: 100%;height: 4.8rem;padding: 0 5rem 0 2rem;border-radius: 1rem;background: #f5f5f5;box-sizing: border-box;color: #000;outline: none;transition: border-color .25s ease;border: none;}
.page-products-left-search .input-1:focus {border-color: #ccc;}
.page-products-left-search .input-1::placeholder {color: #bbb;}
.page-products-left-search .search-btn {position: absolute;right: .6rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 3.6rem;height: 3.6rem;border-radius: 50%;}
.page-products-left-search .search-btn .icon-search {display: block;width: 2rem;height: 2rem;position: relative;}
.page-products-left-search .search-btn .icon-search::before {content: '';position: absolute;left: 50%;top: 50%;width: 1.6rem;height: 1.6rem;margin: -.95rem 0 0 -.95rem;border: 2px solid #999;border-radius: 50%;box-sizing: border-box;}
.page-products-left-search .search-btn .icon-search::after {content: '';position: absolute;right: .1rem;bottom: .1rem;width: .7rem;height: 2px;background: #999;transform: rotate(45deg);transform-origin: right center;}
.page-products-left-category {background: #fff;overflow: hidden;border: 1px solid #ededed;border-radius: 1.6rem;}
.products-category-item {overflow: hidden;}
.products-category-item:last-child {border-bottom: none;}
.products-category-item .category-title {display: flex;align-items: center;gap: 1.2rem;padding: 1.6rem 3%;border-radius: 1.2rem 1.2rem 0 0;box-sizing: border-box;cursor: pointer;border-top: 1px solid #ededed;}
.products-category-item .category-title .icon-1 {flex-shrink: 0;width: 3.6rem;height: 3.6rem;border-radius: .8rem;background: #e6002d;overflow: hidden;position: relative;}
.products-category-item .category-title .icon-1 i {display: block;width: 100%;height: 100%;position: relative;}
.products-category-item .category-title .icon-1 i img {max-width: 60%;max-height: 60%;}
.products-category-item .category-title .title-1 {flex: 1;min-width: 0;}
.products-category-item .category-title .title-1 strong {display: block;color: #000;line-height: 1.3;}
.products-category-item .category-title .icon-arrow-down {flex-shrink: 0;display: block;width: 1rem;height: 1rem;position: relative;transition: transform .3s ease;}
.products-category-item .category-title .icon-arrow-down::before {content: '';position: absolute;left: 50%;top: 50%;width: .7rem;height: .7rem;margin: -.55rem 0 0 -.55rem;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(45deg);box-sizing: border-box;}
.products-category-item.is-open .category-title .icon-arrow-down {transform: rotate(180deg);}
.products-category-item .products-category-content {display: none;padding: 3%;box-sizing: border-box;padding-bottom: 5%;}
.products-category-item.is-open .products-category-content {display: block;}
.products-category-item.is-open .category-title {border-bottom: 1px solid #ededed;}
.products-category-item:first-child.is-open .category-title {border-top: none;}
.products-category-item .category-item {padding-top: 1.2rem;}
.products-category-item .category-item:first-child {padding-top: 0;}
.products-category-item .category-1 {color: #000;line-height: 1.4;cursor: pointer;transition: color .25s ease;}
.products-category-item .category-1.is-active {color: #e6002d;}
.products-category-item .link-1 {display: flex;flex-direction: column;gap: .6rem;margin-top: .8rem;}
.products-category-item .link-1 a {display: block;color: #999;line-height: 1.5;transition: color .25s ease;}
.products-category-item .link-1 a:hover,
.products-category-item .link-1 a.is-active {color: #e6002d;}
.page-products-right-list {display: flex;flex-direction: column;gap: 5rem;}
.products-list-item .title-1 {margin-bottom: 2.4rem;}
.products-list-item .title-1 h2 {margin: 0;color: #000;line-height: 1.15;}
.products-list-item-banner {position: relative;border-radius: 1.6rem;overflow: hidden;line-height: 0;margin-bottom: 2.4rem;background: #000;}
.products-list-item-banner .img-block {display: block;width: 100%;height: auto;}
.products-list-item-banner .content-1 {position: absolute;left: 5%;top: 50%;z-index: 2;width: 100%;box-sizing: border-box;pointer-events: none;transform: translateY(-50%);}
.products-list-item-banner .title-2 h3 {margin: 0;color: #fff;line-height: 1.2;}
.products-list-item-banner .text-2 {margin-top: 1rem;}
.products-list-item-banner .text-2 p {margin: 0;color: rgba(255, 255, 255, .92);line-height: 1.5;}
.products-list-item-content {display: flex;justify-content: space-between;flex-wrap: wrap;}
.products-item {border-radius: 1.6rem;background: #f5f5f5;overflow: hidden;transition: box-shadow .3s ease, transform .3s ease;width: 49.3%;margin-bottom: 1%;}
.products-item a {display: block;position: relative;}
.products-item .pic-1 {position: relative;box-sizing: border-box;text-align: center;}
.products-item .content-2 {position: absolute;left: 5%;width: 90%;top: 10%;z-index: 11;text-align: center;}
.products-item .title-3 h4 {margin: 0;color: #000;line-height: 1.35;}
.products-item .text-3 {margin-top: 1rem;}
.products-item .text-3 p {margin: 0;color: #666;line-height: 1.55;}
.products-item:hover {transform: translateY(-.4rem);}


/* page-products-detial */
.page-products-detial {position: relative;}
.page-products-detial .page-path-content a {color: #999;}
.page-products-detial .page-path-content span {filter: invert(1);opacity: 1;}
.page-products-detial .page-path-content a:hover {color: #fff;}
.page-products-detial .absolute-content{left: 10%;top: 50%;transform: translateY(-50%);width: 30%;}
.page-products-detial .absolute-content .title-1 {text-align: left;}
.page-products-detial .absolute-content .txt-1 p {padding: .5rem 0;margin: 0;}
.page-products-detial .absolute-content .txt-2 .text-18{line-height: 2.6rem;}
.absolute-content .button-2 {margin-top: 5%;display: flex;align-items: center;}
.absolute-content .button-2 a {display: flex;align-items: center;background: #fff;border-radius: 10rem;padding: 1.2rem 2rem;justify-content: center;margin-right: 1rem;}
.absolute-content .button-2 span {color: #000;}
.absolute-content .button-2 i {width: 1.5rem;height: 1.5rem;position: relative;margin-left: 2rem;}
.absolute-content .button-2 a:first-child {background: #e6002d;}
.absolute-content .button-2 a:first-child span {color: #fff;}
.absolute-content .button-2 a:first-child i {filter: invert(1);}
.absolute-content .button-2 a:hover {background: #c40026;transform: translateY(-.3rem);}
.absolute-content .button-2 a:hover span {color: #fff;}
.absolute-content .button-2 a:hover i {filter: invert(1);}


.page-products-detial .absolute-content {overflow: hidden;border-radius: 2rem;border: 1px solid rgba(255, 255, 255, 0.1);}
.page-products-detial .absolute-content::after {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: linear-gradient(271deg, #00000014 0%, #00000014 100%);backdrop-filter: blur(4px);overflow: hidden;}
.page-products-detial .absolute-content-inner {position:relative;z-index:10;padding: 5%;}


.page-products-detial-content {position: relative;padding: 6rem 0 8rem;background: #fff;margin-top: -1%;border-radius: 3rem 3rem 0 0;z-index: 12;}
.products-detial-features {width: 100%;margin: 0 auto ;box-sizing: border-box;padding: 3% 0;overflow: hidden;}
.products-detial-features-top {overflow: hidden;width: 80%;margin: auto;margin-bottom: 4rem;}
.products-detial-features-top .title-2 {float: left;width: 70%;}
.products-detial-features-top .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.swiper-arrow-btn {float: right;width: 30%;text-align: right;white-space: nowrap;}
.swiper-arrow-btn-prev,.swiper-arrow-btn-next {display: inline-block;width: 4.5rem;height: 4.5rem;border-radius: 50%;cursor: pointer;position: relative;vertical-align: middle;transition: opacity .25s ease, transform .25s ease;}
.swiper-arrow-btn-prev {background: #000;margin-right: 1.2rem;}
.swiper-arrow-btn-next {background: #e6002d;}
.swiper-arrow-btn-prev i,.swiper-arrow-btn-next i {display: block;width: 1.5rem;height: 1.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(180deg);background: url('../images/r4.svg') center no-repeat;background-size: 100%;}
.swiper-arrow-btn-next i {transform: translate(-50%,-50%) rotate(0deg);}
.swiper-arrow-btn-prev:hover,.swiper-arrow-btn-next:hover {background: #c40026;}
.swiper-arrow-btn-prev.swiper-button-disabled,
.swiper-arrow-btn-next.swiper-button-disabled {opacity: .35;cursor: default;transform: none;}
.products-detial-features-bottom {position: relative;overflow: hidden;margin-top: 5%;margin-left: 10%;width: 90%;}
.products-detial-features-swiper {overflow: hidden;}
.products-detial-features-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.products-detial-features-item {height: 100%;box-sizing: border-box;}
.products-detial-features-item .item-content {position: relative;width: 80%;height: 100%;padding: 0 8% 0 6%;box-sizing: border-box;}
.products-detial-features-item .item-content::before,
.products-detial-features-item .item-content::after {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}
.products-detial-features-item .item-content::after {height: 30%;background: #e6002d;z-index: 2;}
.products-detial-features-item .icon-1 {width: 4.8rem;height: 4.8rem;position: relative;margin-bottom: 2.4rem;}
.products-detial-features-item .icon-1 i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.products-detial-features-item .icon-1 .img-center {max-width: 100%;max-height: 100%;}
.products-detial-features-item .title-3 {margin-top: 5rem;}
.products-detial-features-item .title-3 span {display: block;color: #000;line-height: 1.35;}
.products-detial-features-item .txt-3 {margin-top: 1rem;}
.products-detial-features-item .txt-3 p {margin: 0;color: #666;line-height: 1.65;}

.page-products-detial-section {position: relative;box-sizing: border-box;}
.products-detial-parameter {width: 80%;margin: 0 auto;box-sizing: border-box;padding: 5% 0;}
.products-detial-parameter-top {text-align: center;margin-bottom: 2%;}
.products-detial-parameter-top .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.products-detial-parameter-bottom {overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.products-detial-parameter-bottom::after {content: '';display: table;clear: both;}
.products-detial-parameter-left {float: left;width: 45%;box-sizing: border-box;padding-right: 5%;}
.products-detial-parameter-right {float: right;width: 50%;box-sizing: border-box;}
.products-detial-parameter-swiper {overflow: hidden;}
.parameter-pic {width: 90%;margin: 0 auto;}
.parameter-pic .img-block {width: 100%;height: auto;}
.parameter-pagination {text-align: center;margin: 0;padding: 0;}
.parameter-swiper-pagination {position: relative;display: inline-block;white-space: nowrap;background: #fff;border-radius: 4rem;padding: 1rem;font-size: 0;}
.parameter-swiper-pagination .swiper-pagination-bullet {display: inline-block;width: .6rem;height: .6rem;margin: 0 .5rem;background: #d8dde3;border-radius: 50%;opacity: 1;vertical-align: middle;cursor: pointer;transition: width .3s ease, height .3s ease, background .3s ease, border-radius .3s ease;}
.parameter-swiper-pagination .swiper-pagination-bullet-active {width: 2rem;height: .7rem;border-radius: 1rem;background: #e6002d;}
.parameter-table .title-3 {margin-bottom: 2.5rem;position: relative;padding-bottom: 1.2rem;}
.parameter-table .title-3 span {display: inline-block;color: #000;position: relative;padding: 1.5rem 0;}
.parameter-table .title-3 span::after {content: '';display: block;width: 100%;height: 1px;background: #e6002d;position: absolute;left: 0;bottom: 0;}
.parameter-table .title-3::after {content: '';display: block;width: 100%;height: 1px;background: #ccc;}
.parameter-table-content ul {list-style: none;margin: 0;padding: 0;}
.parameter-table-content li {overflow: hidden;border-bottom: 1px solid #ccc;padding: 1.8rem 0;box-sizing: border-box;}
.parameter-table-content li span:first-child {float: left;width: 55%;color: #999;line-height: 1.5;box-sizing: border-box;padding-right: 3%;}
.parameter-table-content li span:last-child {float: right;width: 45%;text-align: right;color: #000;line-height: 1.45;box-sizing: border-box;}
.parameter-table-content li:last-child {border: none;}
.parameter-table-bottom {margin-top: 2%;}
.show-more-pdf-btn {display: block;width: 100%;text-align: center;padding: 1.4rem 0;border-radius: 1rem;background: #fff;text-decoration: none;box-sizing: border-box;transition: border-color .25s ease, background .25s ease;}
.show-more-pdf-btn span {color: #000;line-height: 1;}
.show-more-pdf-btn:hover {border-color: #e6002d;background: #fff;}

.page-products-detial-section-bottom {overflow: hidden;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);}

.products-detial-need-them {position: relative;width: 100%;box-sizing: border-box;padding: 5% 0;overflow: hidden;}
.products-detial-need-them-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.products-detial-need-them-content .title-2 {text-align: center;margin-bottom: 4%;}
.products-detial-need-them-content .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.products-detial-need-them-bottom {position: relative;width: 100%;border-radius: 1.6rem;overflow: hidden;} 
.products-detial-need-them-swiper {width: 100%;overflow: hidden;}
.products-detial-need-them-swiper .swiper-slide {line-height: 0;}
.products-detial-need-them-swiper .pic-1 {line-height: 0;} 
.products-detial-need-them-nav {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 12;box-sizing: border-box;}
.products-detial-need-them-nav ul {margin: 0;padding: 0;list-style: none;width: 100%;overflow: hidden;}
.products-detial-need-them-nav ul::after {content: '';display: table;clear: both;}
.products-detial-need-them-nav li {float: left;width: calc(100% / var(--need-them-tab-count, 5));margin: 0;padding: 0;box-sizing: border-box;}
.products-detial-need-them-nav li a {display: block;position: relative;padding: 2.8rem 1% 2.4rem;text-align: center;text-decoration: none;box-sizing: border-box;}
.products-detial-need-them-nav li a strong {display: block;color: rgba(255, 255, 255, .65);line-height: 1.35;transition: color .25s ease;}
.products-detial-need-them-nav li a::before {content: '';position: absolute;left: 0;top: 0;height: 1px;width: 0;background: #fff;z-index: 2;transition: width .35s ease;}
.products-detial-need-them-nav li a::after {content: '';position: absolute;left: 0;width: 100%;height: 1px;background: #fff;opacity: .5;top: 0;} 
.products-detial-need-them-nav li.active a strong {color: #fff;}
.products-detial-need-them-nav li.active a::before {width: 100%;}

.products-detial-relevant-cases {position: relative;width: 100%;padding: 5% 0;box-sizing: border-box;}
.products-detial-relevant-cases-top {text-align: center;margin-bottom: 1%;}
.products-detial-relevant-cases-top .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.products-detial-relevant-cases-center {width: 80%;margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.products-detial-relevant-cases-swiper {overflow: hidden;width: 100%;padding: 3% 0;}
.products-detial-relevant-cases-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.relevant-cases-item {height: 100%;box-sizing: border-box;}
.relevant-cases-item a {display: flex;width: 100%;height: 100%;background: #fff;border-radius: 1.6rem;overflow: hidden;padding: 2%;box-sizing: border-box;flex-wrap: wrap;}
.relevant-cases-item a:hover {opacity: 1;}
.relevant-cases-item .pic-1 {width: 100%;overflow: hidden;border-radius: 1.6rem;} 
.relevant-cases-item a:hover .pic-1 img {transform: scale(1.05);}
.relevant-cases-item .content-1 {padding: 2rem 2%;box-sizing: border-box;width: 100%;display: flex;flex-wrap: wrap;}
.relevant-cases-item .title-3 {width: 100%;}
.relevant-cases-item .title-3 strong {display: block;margin: 0;color: #000;line-height: 1.45;}
.relevant-cases-item .power-3 {width: 100%;margin-top: 1.2rem;}
.relevant-cases-item .power-3 span {color: #e6002d;line-height: 1.4;}
.relevant-cases-item .label-4 {width: 100%;margin-top: 1.2rem;overflow: hidden;line-height: 0;}
.relevant-cases-item .label-4 span {display: inline-block;padding: .4rem 1.2rem;margin: 0 1% 0 0;border-radius: 10rem;color: #666;line-height: 1.2;box-sizing: border-box;vertical-align: top;background: #f5f5f5;}
.relevant-cases-item .view-more-2 {width: 100%;margin-top: 1.6rem;padding-top: 1.6rem;border-top: 1px solid #eee;overflow: hidden;display: flex;align-items: center;}
.relevant-cases-item .view-more-2 span {float: left;color: #000;line-height: 1.4;}
.relevant-cases-item .view-more-2 i {float: left;width: 1.4rem;height: 1.4rem;margin-left: .8rem;margin-top: .15rem;position: relative;background: url('../images/r4.svg') center no-repeat;background-size: 100%;filter: invert(1);} 
.products-detial-relevant-cases-bottom {width: 80%;margin:auto;box-sizing: border-box;}
.products-detial-relevant-cases-bottom::after {content: '';display: table;clear: both;}
.products-detial-relevant-cases-bottom .relevant-cases-pagination {float: left;width: 30%;height: 4px;margin-top: 2rem;background: #e9e9e9;border-radius: 1rem;position: relative;overflow: hidden;cursor: pointer;}
.products-detial-relevant-cases-bottom .relevant-cases-pagination .swiper-scrollbar-drag {height: 100%;background: #e6002d;border-radius: 1rem;cursor: grab;}
.products-detial-relevant-cases-bottom .relevant-cases-pagination .swiper-scrollbar-drag:active {cursor: grabbing;}
.products-detial-relevant-cases-bottom .explore-more {float: right;width: auto;margin: 0;display: block;text-align: right;}


.products-detial-faq {width: 80%;margin: 0 auto;padding: 5% 0;box-sizing: border-box;overflow: hidden;}
.products-detial-faq::after {content: '';display: table;clear: both;}
.products-detial-faq-left {float: left;width: 35%;box-sizing: border-box;padding-right: 5%;}
.products-detial-faq-left .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.products-detial-faq-left .txt-2 {margin-top: 2.4rem;}
.products-detial-faq-left .txt-2 p {margin: 0;color: #666;line-height: 1.65;}
.products-detial-faq-left .explore-more {margin-top: 3rem;display: block;text-align: left;}
.products-detial-faq-left .explore-more-btn {display: inline-block;text-decoration: none;white-space: nowrap;}
.products-detial-faq-left .explore-more-btn span {display: inline-block;vertical-align: middle;height: 4.4rem;padding: 0 3.2rem;box-sizing: border-box;background: #fff;color: #000;border-radius: 10rem;line-height: 4.4rem;}
.products-detial-faq-left .explore-more-btn .icon-arrow-right {display: inline-block;vertical-align: middle;width: 4.4rem;height: 4.4rem;margin-left: .8rem;background: #e6002d;border-radius: 50%;position: relative;}
.products-detial-faq-left .explore-more-btn .icon-arrow-right::before {content: '';display: block;width: .8rem;height: .8rem;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-left: -.45rem;margin-top: -.4rem;}
.products-detial-faq-left .explore-more-btn:hover span {background: #f5f5f5;}
.products-detial-faq-left .explore-more-btn:hover .icon-arrow-right {background: #c40026;}
.products-detial-faq-right {float: right;width: 50%;box-sizing: border-box;}
.products-faq-list {width: 100%;}
.products-faq-list .faq-item {background: #fff;border-radius: 1.2rem;margin-bottom: 1.2rem;overflow: hidden;box-sizing: border-box;}
.products-faq-list .faq-item:last-child {margin-bottom: 0;}
.products-faq-list .faq-item-title {padding: 2rem 2%;overflow: hidden;cursor: pointer;box-sizing: border-box;}
.products-faq-list .faq-item-title h4 {margin: 0;float: left;width: 82%;color: #000;line-height: 1.45;padding-right: 3%;box-sizing: border-box;}
.products-faq-list .faq-item-title .icon-right {float: right;width: 3.2rem;height: 3.2rem;border-radius: 50%;background: #f0f0f0;position: relative;}
.products-faq-list .faq-item-title .icon-right i {display: block;width: 100%;height: 100%;position: relative;}
.products-faq-list .faq-item-title .icon-right i::before,
.products-faq-list .faq-item-title .icon-right i::after {content: '';position: absolute;left: 50%;top: 50%;background: #666;transform: translate(-50%, -50%);}
.products-faq-list .faq-item-title .icon-right i::before {width: 1rem;height: 2px;}
.products-faq-list .faq-item-title .icon-right i::after {width: 2px;height: 1rem;transition: opacity .25s ease, transform .25s ease;}
.products-faq-list .faq-item.active .faq-item-title .icon-right i::after {opacity: 0;transform: translate(-50%, -50%) scaleY(0);}
.products-faq-list .faq-item-content {display: block;height: 0;overflow: hidden;opacity: 0;padding: 0 2%;box-sizing: border-box;}
.products-faq-list .faq-item.active .faq-item-content {height: auto;opacity: 1;overflow: visible;width: 100%;}
.products-faq-list .faq-item-content p {margin: 0;color: #666;line-height: 1.65;padding-bottom: 2rem;}




/* page-products-detial-templates */
.page-products-detial-templates {overflow: hidden;position: relative;}
.products-detial-templates-module {padding: 0;position: relative;overflow: hidden;}

.templates-module-0 {position: relative;overflow: hidden;width: 100%;background: #000;}
.templates-module-0 .templates-module-content {position: relative;width: 100%;}
.templates-module-0-swiper {width: 100%;overflow: hidden;}
.templates-module-0-item {position: relative;width: 100%;overflow: hidden;}
.templates-module-0-item .pic-1 {position: relative;width: 100%;line-height: 0;}
.templates-module-0-item .item-content {position: absolute;left: 50%;top: 42%;width: 60%;transform: translate(-50%, -50%);text-align: center;z-index: 2;box-sizing: border-box;padding: 0 5%;}
.templates-module-0-item .item-content .title-3 strong {display: block;margin: 0;color: #fff;line-height: 1.3;}
.templates-module-0-item .item-content .txt-3 {margin-top: 2rem;}
.templates-module-0-item .item-content .txt-3 p {margin: 0;color: rgba(255, 255, 255, .92);line-height: 1.65;}
.templates-module-0-nav {position: absolute;left: 10%;bottom: 5%;width: 80%;z-index: 12;box-sizing: border-box;}
.templates-module-0-nav ul {margin: 0;padding: 0;list-style: none;width: 100%;overflow: hidden;}
.templates-module-0-nav ul::after {content: '';display: table;clear: both;}
.templates-module-0-nav li {float: left;width: 25%;margin: 0;padding: 0;box-sizing: border-box;}
.templates-module-0-nav li a {display: block;position: relative;padding: 2rem 1rem 2.6rem;text-align: center;text-decoration: none;box-sizing: border-box;}
.templates-module-0-nav li a strong {display: block;color: rgba(255, 255, 255, .55);line-height: 1.4;transition: color .25s ease;}
.templates-module-0-nav li a::before,
.templates-module-0-nav li a::after {content: '';position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;}
.templates-module-0-nav li a::before {background: rgba(255, 255, 255, .25);z-index: 1;}
.templates-module-0-nav li a::after {background: #fff;width: 0;z-index: 2;transition: width .35s ease;}
.templates-module-0-nav li.active a strong {color: #fff;}
.templates-module-0-nav li.active a::after {width: 100%;}

.templates-module-1 {padding: 5% 0;overflow: hidden;}
.templates-module-1 .templates-module-content {display: flex;align-items: center;justify-content: space-between;width: 65%;margin: auto;}
.templates-module-1 .templates-module-content-left {width: 30%;}
.templates-module-1 .templates-module-content-left .title-1{overflow: hidden;}
.templates-module-1 .templates-module-content-left .txt-2{margin-top: 3rem;color: #666;line-height: 1.5;}
.templates-module-1 .templates-module-content-right {width: 50%;}
.templates-module-1 .templates-module-content-right .pic-1 {border-radius: 2rem;overflow: hidden;}

.templates-module-2 {padding: 3% 0 5% 0;box-sizing: border-box;}
.templates-module-2 .templates-module-content {width: 65%;margin: 0 auto;box-sizing: border-box;}
.templates-module-2 .templates-module-content-top {text-align: center;}
.templates-module-2 .templates-module-content-top .title-1 strong {display: block;margin: 0;color: #000;line-height: 1.3;}
.templates-module-2 .templates-module-content-top .txt-2 {margin-top: 2rem;}
.templates-module-2 .templates-module-content-top .txt-2 p {margin: 0;color: #666;line-height: 1.65;}
.templates-module-2 .templates-module-content-top .pic-1 {margin-top: 4%;line-height: 0;border-radius: 2rem;overflow: hidden;}
.templates-module-2 .templates-module-swiper {overflow: hidden;width: 100%;}
.templates-module-2 .templates-module-swiper .swiper-slide {line-height: 0;}
.templates-module-2 .templates-module-swiper .img-block {width: 100%;height: auto;display: block;}
.templates-module-2 .templates-module-content-bottom {overflow: hidden;}
.templates-module-2 .templates-module-nav ul {margin: 0;padding: 0;list-style: none;width: 100%;overflow: hidden;border-bottom: 1px solid #ededed;}
.templates-module-2 .templates-module-nav ul::after {content: '';display: table;clear: both;}
.templates-module-2 .templates-module-nav li {float: left;width: 25%;margin: 0;padding: 0;box-sizing: border-box;}
.templates-module-2 .templates-module-nav li a {display: block;position: relative;padding: 1.6rem 1rem 1.8rem;text-align: center;text-decoration: none;box-sizing: border-box;}
.templates-module-2 .templates-module-nav li a strong {display: block;color: #999;line-height: 1.4;transition: color .25s ease;}
.templates-module-2 .templates-module-nav li a::before,
.templates-module-2 .templates-module-nav li a::after {content: '';position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;}
.templates-module-2 .templates-module-nav li a::before {background: transparent;z-index: 1;}
.templates-module-2 .templates-module-nav li a::after {background: #000;width: 0;z-index: 2;transition: width .35s ease;}
.templates-module-2 .templates-module-nav li.active a strong {color: #000;}
.templates-module-2 .templates-module-nav li.active a::after {width: 100%;}

.templates-module-3 {overflow: hidden;position: relative;}
.templates-module-3 .templates-module-content-item {position: relative;}
.templates-module-3 .templates-module-content-item .content-center {position: absolute;left: 50%;top: 50%;z-index: 11;text-align: center;width: 80%;transform: translate(-50%,-50%);color: #fff;}




/* page-solutions */
.page-solutions {position: relative;padding-top: 5%;overflow: hidden;}
.page-solutions .page-path {width: 98%;}
.page-solutions-top {text-align: center;padding-top: 5%;overflow: hidden;position: relative;z-index: 11;}
.page-solutions-top .text-1 span {color: #e6002d;}
.page-solutions-top .title-1 {width: 40%;margin: auto;margin-top: 1%;}
.page-solutions-top-pic {display: flex;width: 98%;margin: auto;border-radius: 2rem;overflow: hidden;position: relative;margin-top: 4%;background: #f1f1f1;}
.page-solutions-top-pic .pic-1{overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 11;transform: translateX(-50%);}

@keyframes fadeInWidth{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}0%{width: 0%;}100%{width: 100%;}}
.fadeInwidth{-webkit-animation-name:fadeInWidth;animation-name:fadeInWidth;-webkit-animation-duration:2s;animation-duration:1s}

.page-solutions-section {position: relative;width: 100%;padding-top: 6%;box-sizing: border-box;overflow: hidden;}
.page-solutions-section:last-child {padding-bottom: 6%;}
.page-solutions-section-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-solutions-info {width: 100%;margin: 0 auto;}
.page-solutions-info .title-1 {overflow: hidden;padding-bottom: 3%;box-sizing: border-box;}
.page-solutions-info .title-1 h2 {margin: 0;color: #000;line-height: 1.2;}
.page-solutions-info .title-1 h2 strong {color: #e6002d;font-weight: inherit;}
.page-solutions-info .text-1 {float: right;width: 70%;margin-top: 3%;box-sizing: border-box;}
.page-solutions-info .text-1 p {margin: 0 0 1.6rem;line-height: 1.65;}
.page-solutions-info .text-1 p:last-child {margin-bottom: 0;}
.page-solutions-info-content {clear: both;width: 100%;margin-top: 5%;position: relative;box-sizing: border-box;}
.page-solutions-info-swiper {overflow: visible;width: 100%;}
.page-solutions-info-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-solutions-info-item {position: relative;box-sizing: border-box;margin-top: 3%;}
.page-solutions-info-item::after {content: '';display: table;clear: both;}
.page-solutions-info-pic {float: right;width: 70%;line-height: 0;border-radius: 2rem;overflow: hidden;box-sizing: border-box;}
.page-solutions-info-pic .img-block {width: 100%;height: auto;display: block;}
.page-solutions-info-text {position: absolute;left: 0;width: 36%;z-index: 3;box-sizing: border-box;top: 50%;transform: translateY(-50%);}
.page-solutions-info-text .content-1 {border-radius: 2rem;padding: 8% 7%;box-sizing: border-box;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);overflow: hidden;}
.page-solutions-info-text .number-1 {margin-bottom: 15%;line-height: 1;}
.page-solutions-info-text .number-1 span:first-child {color: #e6002d;}
.page-solutions-info-text .number-1 span:last-child {color: #999;}
.page-solutions-info-text .content-text {overflow: hidden;}
.page-solutions-info-text .icon-1 {width: 4.8em;height: 4.8rem;border-radius: .8rem;background: #e6002d;position: relative;margin-bottom: 3%;overflow: hidden;}
.page-solutions-info-text .icon-1 i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.page-solutions-info-text .icon-1 .img-center {max-width: 60%;max-height: 60%;}
.page-solutions-info-text .title-1 {margin: 0;}
.page-solutions-info-text .title-1 span {display: block;color: #000;line-height: 1.55;}
.page-solutions-info-content .swiper-arrow-btn {float: left;width: auto;text-align: left;margin-top: 8%;white-space: nowrap;} 

.page-solutions-section .products-detial-need-them {padding: 0;}
.page-solutions-section .products-detial-need-them-content {width: 100%;}

.page-related-products {position: relative;width: 100%;padding: 5% 0;box-sizing: border-box;overflow: hidden;margin: auto;}
.page-related-products .title-2 {text-align: center;margin-bottom: 1%;}
.page-related-products .title-2 h3 {margin: 0;color: #000;line-height: 1.15;}
.products-related-swiper {overflow: hidden;width: 100%;padding: 3% 0;}
.products-related-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-related-products .products-item {width: 100%;margin-bottom: 0;} 
.page-related-products-bottom {width: 100%;margin: 0 auto;box-sizing: border-box;} 
.page-related-products-bottom .related-products-pagination {float: left;width: 30%;height: 4px;margin-top: 2rem;background: #e9e9e9;border-radius: 1rem;position: relative;overflow: hidden;cursor: pointer;}
.page-related-products-bottom .related-products-pagination .swiper-scrollbar-drag {height: 100%;background: #e6002d;border-radius: 1rem;cursor: grab;}
.page-related-products-bottom .related-products-pagination .swiper-scrollbar-drag:active {cursor: grabbing;}
.page-related-products-bottom .explore-more {float: right;width: auto;margin: 0;display: block;text-align: right;} 
.page-related-products-bottom .explore-more .explore-more-btn span {background: #f5f5f5;}

.page-solutions-relevant-cases {overflow: hidden;position: relative;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(235,242,245) 100%);padding: 5% 0;}
.page-solutions-relevant-cases .page-solutions-section {padding: 0;}
.page-solutions-relevant-cases .products-detial-relevant-cases {padding: 0;}
.page-solutions-relevant-cases .products-detial-relevant-cases-center,
.page-solutions-relevant-cases .products-detial-relevant-cases-bottom {width: 100%;}

.page-solutions-related {display: flex;width: 100%;overflow: hidden;}
.page-solutions-related > a {flex: 1 1 calc(100% / var(--related-solution-count, 2));position: relative;display: block;text-decoration: none;color: #fff;overflow: hidden;box-sizing: border-box;}
.page-solutions-related > a .pic-1 {position: relative;line-height: 0;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;transition: transform .45s ease;}
.page-solutions-related > a .pic-1::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .35);z-index: 2;transition: background .35s ease;}
.page-solutions-related > a .pic-1 .img-block {width: 100%;height: auto;display: block;position: relative;z-index: 1;opacity: 0;}
.page-solutions-related > a .content-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;width: 80%;text-align: center;box-sizing: border-box;pointer-events: none;}
.page-solutions-related > a .title-3 {margin: 0 0 2.4rem;}
.page-solutions-related > a .title-3 h3 {margin: 0;color: #fff;line-height: 1.25;}
.page-solutions-related > a .icon-3 {width: 4.4rem;height: 4.4rem;margin: 0 auto;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;transition: transform .35s ease, background .35s ease;}
.page-solutions-related > a .icon-3 .icon-arrow-right {display: block;width: 100%;height: 100%;position: relative;border-radius: 50%;}
.page-solutions-related > a .icon-3 .icon-arrow-right::before {content: '';display: block;width: 1.6rem;height: 1.6rem;position: absolute;left: 50%;top: 50%;background: url('../images/r4.svg') center no-repeat;background-size: 100%;filter: invert(1);transform: translate(-50%, -50%);}
.page-solutions-related > a:hover .pic-1 {transform: scale(1.05);}
.page-solutions-related > a:hover .pic-1::before {background: rgba(0, 0, 0, .45);}
.page-solutions-related > a:hover .icon-3 {transform: translateY(-.2rem);background: #f5f5f5;}

 
/* page-cases-studies */
.page-cases {position: relative;padding-top: 5%;overflow: hidden;} 
.page-cases .page-path {width: 98%;z-index: 10;}
.page-cases-studies {background-image: -webkit-linear-gradient(-90deg, #eaf1f5 0%, #f5f4f4 100%);}
.page-cases-top {text-align: center;padding-top: 5%;overflow: hidden; position: relative;z-index: 11;}
.page-cases-top::after {content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;z-index: 1;background-image: -webkit-linear-gradient( 90deg, #e9f0f5 0%, #eaf1f5 100%);}
.page-cases-top .text-1 span {color: #e6002d;}
.page-cases-content {width: 80%;margin: 0 auto;position: relative;z-index: 2;box-sizing: border-box;padding: 5% 0 2%;}
.page-cases-content-top {overflow: hidden;margin-bottom: 3%;}
.page-cases-content-top::after {content: '';display: table;clear: both;}


.page-cases-nav {float: left;width: 55%;box-sizing: border-box;}
.page-cases-nav ul {margin: 0;padding: .4rem;list-style: none;border-radius: 10rem;background: #fff;white-space: nowrap;display: inline-block;}
.page-cases-nav li {display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.page-cases-nav li a {display: block;padding: 1rem 3rem;border-radius: 10rem;color: #999;text-decoration: none;box-sizing: border-box;}
.page-cases-nav li a span {display: block;color: #999;line-height: 1.2;}
.page-cases-nav li.active a {background: #e6002d;}
.page-cases-nav li.active a span {color: #fff;}
.page-cases-search {float: right;width: 30%;position: relative;box-sizing: border-box;}
.page-cases-search input {display: block;width: 100%;height: 4.8rem;padding: 0 5rem 0 2rem;border-radius: 10rem;background: #fff;border: none;box-sizing: border-box;color: #000;outline: none;}
.page-cases-search input::placeholder {color: #000;}
.page-cases-search .search-btn {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);width: 3.6rem;height: 3.6rem;border-radius: 50%;text-decoration: none;border: none;cursor: pointer;}
.page-cases-search .search-btn i {display: block;width: 2rem;height: 2rem;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}
.page-cases-search .search-btn i::before {content: '';position: absolute;left:0;top: 0;width: 100%;height: 100%;background: url('../images/search.svg') center no-repeat;background-size: 100%;} 
.page-cases-search .search-btn:hover {background: #c40026;}
.page-cases-search .search-btn:hover i::before {filter: invert(1);}

.page-cases-content-center {width: 100%;box-sizing: border-box;position: relative;z-index: 10;}
.page-cases-top-recommend {position: relative;width: 100%;box-sizing: border-box;overflow: hidden;}
.page-cases-top-recommend-content {background: #fff;border-radius: 2rem;overflow: hidden;}
.page-cases-recommend-swiper {overflow: hidden;box-sizing: border-box;margin: 1%;width: 98%;border-radius: 2rem;}
.page-cases-recommend-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-cases-recommend-item {box-sizing: border-box;width: 100%;height: 100%;}
.page-cases-recommend-item a {display: flex;overflow: hidden;position: relative;width: 100%;height: 100%;} 
.page-cases-recommend-item .img {width: 50%;box-sizing: border-box;border-radius: 2rem;overflow: hidden;}
.page-cases-recommend-item .pic-1 {background-position: center;background-size: cover;background-repeat: no-repeat;line-height: 0;overflow: hidden;height: 100%;}
.page-cases-recommend-item .pic-1 .img-block {width: 100%;height: auto;display: block;opacity: 0;}
.page-cases-recommend-item .content-1 {width: 50%;height: 100%;padding: 1% 2%;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: space-between;}
.page-cases-recommend-item .title-3 {width: 100%;}
.page-cases-recommend-item .title-3 strong {display: block;margin: 0;color: #000;line-height: 1.35;}
.page-cases-recommend-item .bottom-content {width: 100%;margin-top: 4%;box-sizing: border-box;}
.page-cases-recommend-item .power-3 {width: 100%;}
.page-cases-recommend-item .power-3 strong {color: #e6002d;}
.page-cases-recommend-item .label-4 {width: 100%;margin-top: 1rem;padding-bottom: 2rem;}
.page-cases-recommend-item .label-4 ul {margin: 0;padding: 0;list-style: none;width: 100%;}
.page-cases-recommend-item .label-4 li {overflow: hidden;padding: .5rem 0;box-sizing: border-box;} 
.page-cases-recommend-item .label-4 li span {color: #000;}
.page-cases-recommend-item .label-4 li span:first-child {color: #999;} 
.page-cases-recommend-item .view-more-2 {width: 100%;overflow: hidden;display: flex;align-items: center;border-top: 1px solid #ededed;padding-top: 2rem;}
.page-cases-recommend-item .view-more-2 span {color: #000;line-height: 1.4;}
.page-cases-recommend-item .view-more-2 i {width: 1.4rem;height: 1.4rem;margin-left: .8rem;margin-top: .2rem;position: relative;background: url('../images/r4.svg') center no-repeat;background-size: 100%;filter: invert(1);}
.page-cases-content-bottom {margin-top: 3%;position: relative;z-index: 10;}
.page-cases-list {display: flex;flex-wrap: wrap;gap: 1.222%;}
.page-cases-list .relevant-cases-item {width: 32.5%;margin-bottom: 4rem;height: auto;}

.page-turnpage {width: 100%;padding: 4% 0 2%;text-align: center;box-sizing: border-box;}
.page-turnpage ul {margin: 0;padding: 0;list-style: none;text-align: center;line-height: 0;}
.page-turnpage ul li {display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.page-turnpage ul li a {display: inline-block;text-decoration: none;box-sizing: border-box;cursor: pointer;transition: background .25s ease, opacity .25s ease;}
.page-turnpage ul li a span {display: inline-block;color: #999;line-height: 4.4rem;min-width: 2.4rem;padding: 0 1rem;vertical-align: middle;}
.page-turnpage ul li.active a span {color: #000;}
.page-turnpage ul li a:not(.prev-page):not(.next-page):hover span {color: #000;}
.page-turnpage ul li a.prev-page,
.page-turnpage ul li a.next-page {width: 4.4rem;height: 4.4rem;border-radius: 50%;position: relative;vertical-align: middle;}
.page-turnpage ul li a.prev-page {background: #e6002d;}
.page-turnpage ul li a.next-page {background: #000;}
.page-turnpage ul li a.prev-page i,
.page-turnpage ul li a.next-page i {display: block;width: 1.5rem;height: 1.5rem;position: absolute;left: 50%;top: 50%;background: url('../images/r4.svg') center no-repeat;background-size: 100%;}
.page-turnpage ul li a.prev-page i {transform: translate(-50%, -50%) rotate(180deg);}
.page-turnpage ul li a.next-page i {transform: translate(-50%, -50%) rotate(0deg);}
.page-turnpage ul li a.prev-page:hover {background: #c40026;}
.page-turnpage ul li a.next-page:hover {background: #333;}

/* page-cases-detial */
.page-cases-detial {width: 100%;padding: 5% 0 6%;position: relative;z-index: 10;box-sizing: border-box;}
.page-cases-detial-content {width: 70%;margin: 0 auto;box-sizing: border-box;}
.page-cases-detial-content > .title-1 {text-align: center;margin-bottom: 4%;}
.page-cases-detial-content > .title-1 h1 {margin: 0;color: #000;line-height: 1.2;}
.page-cases-detial-content > .attribute-2 {width: 100%;margin-bottom: 4%;box-sizing: border-box;border-top: 1px solid #ededed;padding-top: 2%;}
.page-cases-detial-content > .attribute-2 ul {margin: 0;padding: 0;list-style: none;overflow: hidden;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.page-cases-detial-content > .attribute-2 ul::after {content: '';display: table;clear: both;}
.page-cases-detial-content > .attribute-2 li {box-sizing: border-box;padding: 0 1%;position: relative;width: 15%;}  
.page-cases-detial-content > .attribute-2 li span {display: block;line-height: 1.45;}
.page-cases-detial-content > .attribute-2 li span:first-child {color: #999;margin-bottom: .8rem;}
.page-cases-detial-content > .attribute-2 li span:last-child {color: #e6002d;}
.page-cases-detial-content > .pic-1 {width: 100%;line-height: 0;border-radius: 2rem;overflow: hidden;margin-bottom: 4%;}
.page-cases-detial-content > .pic-1 .img-block {width: 100%;height: auto;display: block;}
.page-cases.page-cases-detial-page {overflow: visible;}
.page-cases-detial-section {display: table;width: 100%;table-layout: fixed;border-spacing: 0;box-sizing: border-box;overflow: visible;}
.page-cases-detial-section::after {display: none;}
.page-cases-detial-section-left {display: table-cell;width: 28%;vertical-align: top;box-sizing: border-box;padding-right: 3%;float: none;}
.page-cases-detial-section-right {display: table-cell;width: 68%;vertical-align: top;box-sizing: border-box;float: none;}
.page-cases-detial-section-sticky {position: sticky;top: 10rem;width: 100%;box-sizing: border-box;z-index: 5;}
.page-cases-project-overview .title-2 h3 {margin: 0 0 1.6rem;color: #000;line-height: 1.3;}
.page-cases-project-overview .content-1 {background: #fff;border-radius: 1.2rem;box-sizing: border-box;border: 1px solid #ededed;overflow: hidden;position: relative;}
.page-cases-project-overview .content-1::before {content: '';position: relative;width: 100%;height: .6rem;background: #e6002d;display: block;}
.page-cases-project-overview .content-1 ul {margin: 0;padding: 0;list-style: none;width: 100%;}
.page-cases-project-overview .content-1 li {border-bottom: 1px solid #eee;width: 90%;margin: auto;}
.page-cases-project-overview .content-1 li:last-child {border-bottom: none;}
.page-cases-project-overview .content-1 li a {display: block;padding: 2rem 6%;color: #666;text-decoration: none;line-height: 1.55;box-sizing: border-box;transition: color .25s ease, background .25s ease;}
.page-cases-project-overview .content-1 li a:hover {color: #e6002d;}
.page-detial-share {margin-top: 8%;width: 100%;box-sizing: border-box;display: flex;align-items: center;position: relative;}
.page-detial-share .title-2 h3 {color: #999;line-height: 1.3;}
.page-detial-share .share-4 {overflow: hidden;line-height: 0;display: flex;margin-left: 2rem;}
.page-detial-share .share-4 .share-item {display: inline-block;width: 4rem;height: 4rem;margin: 1rem 1rem 1rem 0;border-radius: 50%;background: #f5f5f5;position: relative;vertical-align: top;text-decoration: none;transition: background .25s ease;box-sizing: border-box;background: #e6002d;}
.page-detial-share .share-4 .share-item i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.page-detial-share .share-4 .share-item i img {max-width: 40%;max-height: 40%;opacity: .3;filter: invert(1);opacity: 1;}
.page-detial-share .share-4 .share-item:hover {background: #e6002d;}
.page-detial-share .share-4 .share-item:hover img {filter: invert(1);opacity: 1;}
.page-detial-share .share-copy-tip,
.page-news-detial .share-4 .share-copy-tip {display: none;position: absolute;left: 0;bottom: 100%;margin-bottom: 1rem;padding: 1rem 1.4rem;background: rgba(0, 0, 0, .85);color: #fff;border-radius: .6rem;line-height: 1.4;z-index: 20;max-width: 100%;box-sizing: border-box;}
.page-detial-share .share-copy-tip.is-show,
.page-news-detial .share-4 .share-copy-tip.is-show {display: block;}
.page-news-detial .share-4 {position: relative;}
.page-cases-detial-section-text {color: #666;line-height: 1.75;box-sizing: border-box;}
.page-cases-detial-section-text img {display: block;border-radius: 1.6rem;max-width: 100%;}
.page-cases-detial-related-products {width: 100%;overflow: hidden;box-sizing: border-box;text-align: center;padding-bottom: 5%;}
.related-products-list {width: 80%;margin: auto;margin-top:3%;}
.related-products-swiper .products-item {width: 100%;margin-bottom: 0;}

 

/* page-technical-support */
.page-technical-support {width: 100%;padding: 5% 0 0;position: relative;z-index: 10;box-sizing: border-box;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);}
.page-technical-support .page-path {width: 98%;}
.page-technical-support-content {width: 70%;margin: 0 auto;box-sizing: border-box;}
.page-technical-support-top {text-align: center;padding-top: 5%;}
.page-technical-support-top .title-1 {overflow: hidden;padding-bottom: 1%;}
.page-technical-support-top .title-1 h1 {margin: 0;color: #000;line-height: 1.2;}
.page-technical-support-top .text-2 {width: 50%;margin: auto;}
.page-technical-support-top .text-2 p {margin: 0;color: #666;line-height: 1.75;}

.page-technical-support-what-we-cover {width: 100%;padding: 5% 0;box-sizing: border-box;}
.page-what-we-cover-content {width: 80%;margin: 0 auto;overflow: hidden;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.page-what-we-cover-left {width: 53%;}
.page-what-we-cover-right {width: 40%;}
.page-what-we-cover-left > .title-1 {margin-bottom: 4%;}
.page-what-we-cover-left > .title-1 h1 {margin: 0;color: #000;line-height: 1.2;}
.page-what-we-cover-item {border-bottom: 1px solid #ddd;box-sizing: border-box;}
.page-what-we-cover-item:first-child {border-top: 1px solid #ddd;}
.page-what-we-cover-item .title-2 {position: relative;padding: 2.4rem 4rem 2.4rem 0;cursor: pointer;overflow: hidden;box-sizing: border-box;display: flex;align-items: center;}
.page-what-we-cover-item .title-2 .icon-1 {width: 3rem;height: 3rem;position: relative;box-sizing: border-box;}
.page-what-we-cover-item .title-2 .icon-1 img {max-width: 100%;max-height: 100%;}
.page-what-we-cover-item .title-2 strong {display: block;margin-left: 2rem;margin-right: 2rem;color: #000;line-height: 1.45;box-sizing: border-box;}
.page-what-we-cover-item .title-2 .icon-toggle {position: absolute;right: 0;top: 50%;width: 2.4rem;height: 2.4rem;margin-top: -1.2rem;}
.page-what-we-cover-item .title-2 .icon-toggle i {display: block;width: 100%;height: 100%;position: relative;background: #fff;border-radius: 100%;}
.page-what-we-cover-item .title-2 .icon-toggle i::before,
.page-what-we-cover-item .title-2 .icon-toggle i::after {content: '';position: absolute;left: 50%;top: 50%;background: #000;transform: translate(-50%, -50%);}
.page-what-we-cover-item .title-2 .icon-toggle i::before {width: 1.2rem;height: 2px;}
.page-what-we-cover-item .title-2 .icon-toggle i::after {width: 2px;height: 1.2rem;transition: opacity .25s ease, transform .25s ease;}
.page-what-we-cover-item.active .title-2 .icon-toggle i::after {opacity: 0;transform: translate(-50%, -50%) scaleY(0);}
.page-what-we-cover-item .text-2 {height: 0;overflow: hidden;opacity: 0;box-sizing: border-box;transition: opacity .25s ease;}
.page-what-we-cover-item.active .text-2 {height: auto;opacity: 1;overflow: visible;}
.page-what-we-cover-item .text-2 p {margin: 0 0 2.4rem 0;padding-right: 4%;color: #666;line-height: 1.75;box-sizing: border-box;}
.page-what-we-cover-right .pic-1 {width: 100%;line-height: 0;border-radius: 2rem;overflow: hidden;}
.page-what-we-cover-right .pic-1 .img-block {width: 100%;height: auto;display: block;}

.page-technical-support-resources {width: 100%;padding: 5% 0;background: #fff;box-sizing: border-box;}
.page-resources-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-resources-content-top {width: 100%;text-align: center;box-sizing: border-box;}
.page-resources-content-top .title-1 h1 {margin: 0 0 3%;color: #000;line-height: 1.2;}
.page-resources-nav {width: 100%;box-sizing: border-box;}
.page-resources-nav ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0;padding: 0;list-style: none;width: 100%;}
.page-resources-nav li {margin: 0 1rem 1rem 0;padding: 0;}
.page-resources-nav li a {display: flex;align-items: center;padding: 1.2rem 2.2rem;border: 1px solid #ddd;border-radius: 10rem;text-decoration: none;box-sizing: border-box;white-space: nowrap;}
.page-resources-nav li a i {display: block;width: 1.6rem;height: 1.6rem;margin-right: .8rem;border: 1px solid #ccc;border-radius: 50%;position: relative;box-sizing: border-box;flex-shrink: 0;}
.page-resources-nav li a span {display: block;color: #999;line-height: 1.2;}
.page-resources-nav li.active a {border-color: #e6002d;}
.page-resources-nav li.active a span {color: #e6002d;}
.page-resources-nav li.active a i {border-color: #e6002d;background: #e6002d;}
.page-resources-nav li.active a i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.page-resources-content-center {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-resources-swiper {width: 100%;overflow: hidden;box-sizing: border-box;padding: 3% 0;}
.page-resources-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-resources-item {width: 100%;height: 100%;box-sizing: border-box;}
.page-resources-item a {display: block;width: 100%;height: 100%;background: #fff;border: 1px solid #ededed;border-radius: 1.2rem;overflow: hidden;text-decoration: none;box-sizing: border-box;}
.page-resources-item a::before {content: '';display: block;width: 100%;height: .6rem;background: #e6002d;}
.page-resources-item a:hover {box-shadow: 0 0 2rem rgba(0, 0, 0, .1);transform: translateY(-.5rem);}
.page-resources-item .title-2 {padding: 2rem 8% 1.2rem;box-sizing: border-box;min-height: 20rem;}
.page-resources-item .title-2 strong {display: block;color: #000;line-height: 1.4;}
.page-resources-item .content-1 {padding: 0 8% 2rem;box-sizing: border-box;margin-top: 2rem;}
.page-resources-item .item-4 ul {margin: 0;padding: 0;list-style: none;width: 100%;}
.page-resources-item .item-4 li {color: #999;line-height: 1.6;padding: .25rem 0;box-sizing: border-box;}
.page-resources-item .download-2 {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #ededed;padding-top: 1.6rem;margin-top: 1rem;box-sizing: border-box;}
.page-resources-item .download-2 span {display: block;color: #000;line-height: 1.4;}
.page-resources-item .download-2 i {display: block;width: 1.5rem;height: 1.5rem;background: url('../images/download.svg') center no-repeat;background-size: contain;flex-shrink: 0;}
.page-resources-content-bottom {width: 100%;box-sizing: border-box;}
.page-resources-content-bottom::after {content: '';display: table;clear: both;}
.page-resources-content-bottom .resources-pagination {float: left;width: 30%;height: 4px;margin-top: 2rem;background: #e9e9e9;border-radius: 1rem;position: relative;overflow: hidden;cursor: pointer;box-sizing: border-box;}
.page-resources-content-bottom .resources-pagination .swiper-scrollbar-drag {height: 100%;background: #e6002d;border-radius: 1rem;cursor: grab;}
.page-resources-content-bottom .resources-pagination .swiper-scrollbar-drag:active {cursor: grabbing;}
.page-resources-content-bottom .explore-more {float: right;width: auto;margin: 0;display: block;text-align: right;}
.page-resources-content-bottom .explore-more .explore-more-btn span {background: #f5f5f5;}

.page-technical-support-video {width: 100%;padding: 1% 0 5% 0;background: #fff;box-sizing: border-box;}
.page-video-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-video-content-top {width: 100%;text-align: center;margin-bottom: 4%;box-sizing: border-box;}
.page-video-content-top .title-1 h1 {margin: 0;color: #000;line-height: 1.2;}
.page-video-content-center {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-video-swiper {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-video-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-video-item {width: 100%;height: 100%;box-sizing: border-box;}
.page-video-item a {display: block;position: relative;border-radius: 1.6rem;overflow: hidden;text-decoration: none;box-sizing: border-box;}
.page-video-item .pic {width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;line-height: 0;border-radius: 1.6rem;overflow: hidden;}
.page-video-item a:hover .pic {transform: scale(1.05);}
.page-video-item .content-2 {position: absolute;left: 5%;bottom: 6%;width: 90%;padding: 1.8rem 16% 1.8rem 2%;box-sizing: border-box;background: rgba(255, 255, 255, .45);border-radius: 1.2rem;backdrop-filter: blur(1.6rem);-webkit-backdrop-filter: blur(1.6rem);transition: background .3s ease, backdrop-filter .3s ease, -webkit-backdrop-filter .3s ease;}
.page-video-item a:hover .content-2 {background: rgba(255, 255, 255, .78);backdrop-filter: blur(2rem);-webkit-backdrop-filter: blur(2rem);}
.page-video-item .title-2 strong {display: block;color: #000;line-height: 1.4;}
.page-video-item .label-2 {width: 100%;margin-top: 0;max-height: 0;overflow: hidden;opacity: 0;transition: max-height .3s ease, opacity .3s ease, margin-top .3s ease;box-sizing: border-box;}
.page-video-item a:hover .label-2 {max-height: 5rem;margin-top: 1rem;opacity: 1;}
.page-video-item .label-2 span {display: inline-block;padding: .4rem 1.2rem;margin: 0 1rem 0 0;border: 1px solid #ddd;border-radius: 10rem;color: #666;line-height: 1.4;box-sizing: border-box;}
.page-video-item .icon-play {position: absolute;right: 2%;top: 50%;width: 4rem;height: 4rem;margin-top: -2rem;border-radius: 50%;background: #fff;transition: background .3s ease;box-sizing: border-box;}
.page-video-item .icon-play i {display: block;width: 100%;height: 100%;position: relative;}
.page-video-item .icon-play i::before {content: '';position: absolute;left: 55%;top: 50%;width: 0;height: 0;transform: translate(-50%, -50%);border-style: solid;border-width: .5rem 0 .5rem .5rem;border-color: transparent transparent transparent #000;transition: border-color .3s ease;}
.page-video-item a:hover .icon-play {background: #e6002d;}
.page-video-item a:hover .icon-play i::before {border-left-color: #fff;}
.page-video-content-bottom {width: 100%;margin-top: 3%;box-sizing: border-box;}
.page-video-content-bottom::after {content: '';display: table;clear: both;}
.page-video-content-bottom .video-pagination {float: left;width: 30%;height: 4px;margin-top: 2rem;background: #e9e9e9;border-radius: 1rem;position: relative;overflow: hidden;cursor: pointer;box-sizing: border-box;}
.page-video-content-bottom .video-pagination .swiper-scrollbar-drag {height: 100%;background: #e6002d;border-radius: 1rem;cursor: grab;}
.page-video-content-bottom .video-pagination .swiper-scrollbar-drag:active {cursor: grabbing;}
.page-video-content-bottom .explore-more {float: right;width: auto;margin: 0;display: block;text-align: right;}
.page-video-content-bottom .explore-more .explore-more-btn span {background: #f5f5f5;}
.yt-modal-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .75);z-index: 9998;}
.yt-modal {position: fixed;left: 50%;top: 50%;width: 90%;max-width: 96rem;transform: translate(-50%, -50%);z-index: 9999;box-sizing: border-box;}
.yt-modal-close {position: absolute;right: 0;top: -4rem;width: 3rem;height: 3rem;color: #fff;text-align: center;line-height: 3rem;cursor: pointer;font-size: 4rem;}
#yt-modal-player {position: relative;width: 100%;aspect-ratio: 16 / 9;max-height: calc(100vh - 8rem);background: #000;overflow: hidden;}
#yt-modal-player iframe,
#yt-modal-player > div,
#yt-modal-player video {position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important;border: 0;}
#yt-modal-player > div iframe {position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important;border: 0;}
body.noscroll {overflow: hidden;}

.page-technical-support-faq {width: 100%;padding: 5% 0 ;box-sizing: border-box;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);border-bottom: 1px solid #ddd;}
.page-faq-content {width: 70%;margin: 0 auto;box-sizing: border-box;}
.page-faq-content-top {width: 100%;text-align: center;margin-bottom: 4%;box-sizing: border-box;}
.page-faq-content-top .title-1 h1 {margin: 0 0 2%;color: #000;line-height: 1.2;}
.page-faq-content-top .text-2 {width: 55%;margin: 0 auto 4%;box-sizing: border-box;}
.page-faq-content-top .text-2 p {margin: 0;color: #666;line-height: 1.75;}
.page-faq-nav {width: 100%;box-sizing: border-box;}
.page-faq-nav ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0;padding: 0;list-style: none;width: 100%;}
.classification-list ul {display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0;list-style: none;width: 100%;}
.page-faq-nav li,
.classification-list li {margin: 0 1rem 1rem 0;padding: 0;}
.page-faq-nav li a,
.classification-list li a {display: flex;align-items: center;padding: 1.2rem 2.2rem;border: 1px solid #ddd;border-radius: 10rem;text-decoration: none;box-sizing: border-box;white-space: nowrap;background: #fff;}
.page-faq-nav li a i,
.classification-list li a i {display: block;width: 1.6rem;height: 1.6rem;margin-right: .8rem;border: 1px solid #ccc;border-radius: 50%;position: relative;box-sizing: border-box;flex-shrink: 0;}
.page-faq-nav li a span,
.classification-list li a span {display: block;color: #000;line-height: 1.2;}
.page-faq-nav li.active a,
.classification-list li.active a {border-color: #e6002d;}
.page-faq-nav li.active a span,
.classification-list li.active a span {color: #e6002d;}
.page-faq-nav li.active a i,
.classification-list li.active a i {border-color: #e6002d;background: #e6002d;}
.page-faq-nav li.active a i::after,
.classification-list li.active a i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.page-faq-content-center {width: 100%;box-sizing: border-box;}
.page-faq-list,
.page-faq-bottom-list {width: 100%;box-sizing: border-box;}
.page-faq-item {background: #fff;border-radius: 1.2rem;margin-bottom: 1.2rem;overflow: hidden;box-sizing: border-box;}
.page-faq-item:last-child {margin-bottom: 0;}
.page-faq-item-title {display: flex;align-items: center;justify-content: space-between;padding: 2rem 2%;cursor: pointer;box-sizing: border-box;}
.page-faq-item-title strong {display: block;width: 85%;color: #000;line-height: 1.45;padding-right: 3%;box-sizing: border-box;}
.page-faq-item-title .icon-toggle {display: block;width: 3.2rem;height: 3.2rem;border-radius: 50%;background: #f0f0f0;position: relative;flex-shrink: 0;}
.page-faq-item-title .icon-toggle i {display: block;width: 100%;height: 100%;position: relative;}
.page-faq-item-title .icon-toggle i::before,
.page-faq-item-title .icon-toggle i::after {content: '';position: absolute;left: 50%;top: 50%;background: #666;transform: translate(-50%, -50%);}
.page-faq-item-title .icon-toggle i::before {width: 1rem;height: 2px;}
.page-faq-item-title .icon-toggle i::after {width: 2px;height: 1rem;transition: opacity .25s ease, transform .25s ease;}
.page-faq-item.active .page-faq-item-title .icon-toggle i::after {opacity: 0;transform: translate(-50%, -50%) scaleY(0);}
.page-faq-item-content {height: 0;overflow: hidden;opacity: 0;padding: 0 2%;box-sizing: border-box;transition: opacity .25s ease;}
.page-faq-item.active .page-faq-item-content {height: auto;opacity: 1;overflow: visible;padding-bottom: 3rem;}
.page-faq-item-content p {margin: 0;color: #666;line-height: 1.65;padding-bottom: 2rem;box-sizing: border-box;}
.page-faq-content-bottom {width: 100%;margin-top: 4%;text-align: center;box-sizing: border-box;}
.page-faq-content-bottom .explore-more {display: inline-block;margin: 0;}
.page-faq-content-bottom .explore-more .explore-more-btn span {background: #fff;}

 
  
 
.page-warranty-inquiry {padding: 3% 0;background: #eef0f4;box-sizing: border-box;padding-top: 5%;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);}
.page-warranty-inquiry .page-path {width: 98%;}
.page-warranty-inquiry-content {width: 70%;margin: 0 auto;box-sizing: border-box;}
.page-warranty-inquiry-top {width: 100%;text-align: center;box-sizing: border-box;padding-top: 5%;}
.page-warranty-inquiry-top .column-1 {margin-bottom: 12px;}
.page-warranty-inquiry-top .column-1 span {color: #e6002d;}
.page-warranty-inquiry-top .title-1 {margin-bottom: 32px;}
.page-warranty-inquiry-top .title-1 h1 {margin: 0;padding: 0;}
.page-warranty-inquiry-top-search {width: 60%;box-sizing: border-box;margin: auto;margin-bottom: 2rem;overflow: hidden;}
.page-warranty-inquiry-top-search-form {display: flex;flex-wrap: wrap;align-items: center;width: 100%;margin: 0 auto;padding: 1rem;background: #fff;border: 1px solid #eee;border-radius: 50px;box-sizing: border-box;}
.page-warranty-inquiry-top-search-form .select-1 {order: 1;width: 26%;padding-right: 12px;box-sizing: border-box;}
.page-warranty-inquiry-top-search-form .select-1 select {width: 100%;border: 1px solid #e8e8e8;border-radius: 3rem;padding: 1rem 36px 1rem 18px;background: #fff;outline: none;appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23bbb' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;box-sizing: border-box;cursor: pointer;}
.page-warranty-inquiry-top-search-form .search-1 {order: 2;width: calc(74% - 56px);padding: 0 8px;box-sizing: border-box;}
.page-warranty-inquiry-top-search-form .search-1 input {width: 100%;border: none;outline: none;padding: 12px 0;background: transparent;box-sizing: border-box;}
.page-warranty-inquiry-top-search-form .icon-1 {order: 3;width: 48px;height: 48px;border-radius: 50%;background: #e6002d;cursor: pointer;box-sizing: border-box;}
.page-warranty-inquiry-top-search-form .icon-1 i {display: block;width: 100%;height: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cline x1='12.5' y1='12.5' x2='17' y2='17' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;background-size: 20px 20px;}
.page-warranty-inquiry-top-search-form .icon-1.is-loading {opacity: .65;pointer-events: none;}
.page-warranty-inquiry-top-search-form .search-1.is-error input {color: #e6002d;}
.page-warranty-search-hint {width: 100%;margin-top: 12px;text-align: center;line-height: 1.5;color: #e6002d;box-sizing: border-box;}
.page-warranty-search-hint.is-info {color: #667085;}
.page-warranty-search-hint.is-success {color: #067647;}
.warranty-search-hint {padding-top: 2rem;}
.page-warranty-inquiry-top-search-result.is-found .search-result-content {animation: warrantyResultFlash .8s ease;}
@keyframes warrantyResultFlash {0% {box-shadow: 0 0 0 0 rgba(230, 0, 45, .28);}100% {box-shadow: 0 0 0 12px rgba(230, 0, 45, 0);}}
.page-warranty-inquiry-top-search-result {width: 100%;box-sizing: border-box;margin-top: 5%;}
.page-warranty-inquiry-top-search-result .search-result-label {margin-bottom: 12px;color: #999;text-align: left;}
.page-warranty-inquiry-top-search-result .search-result-content {width: 100%;margin: 0 auto;padding: 2% 32px;background: #fff;border-radius: 16px;box-sizing: border-box;}
.page-warranty-inquiry-top-search-result .search-result-item {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;padding: 3rem 0;box-sizing: border-box;}
.page-warranty-inquiry-top-search-result .search-result-item:first-child {border-bottom: 1px dashed #ddd;}
.page-warranty-inquiry-top-search-result .search-result-item .title-2 {width: 30%;text-align: left;}
.page-warranty-inquiry-top-search-result .search-result-item .number-2,.page-warranty-inquiry-top-search-result .search-result-item .warranty-2 {width: 68%;text-align: right;}
.page-warranty-inquiry-top-search-result .search-result-item .number-2 strong {word-break: break-all;}
.page-warranty-inquiry-top-search-result .warranty-2 ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;list-style: none;margin: 0;padding: 0;}
.page-warranty-inquiry-top-search-result .warranty-2 ul li {display: flex;align-items: center;}
.page-warranty-inquiry-top-search-result .warranty-2 ul li span {display: inline-block;text-align: center;background: #f2f3f5;border-radius: 6px;margin-right: 6px;box-sizing: border-box;padding: 1.5rem 2rem;}
.page-warranty-inquiry-top-search-result .warranty-2 ul li span:last-child {margin-right: 0;}
.page-warranty-inquiry-top-search-result .warranty-2 ul li:not(:last-child)::after {content: '-';margin: 0 10px;color: #ccc;}
.page-warranty-inquiry-top-search-result .text-2 {width: 100%;margin-top: 8px;text-align: right;color: #999;box-sizing: border-box;}
.warranty-serial-modal {position: fixed;inset: 0;z-index: 10000;}
.warranty-serial-modal[hidden] {display: none;}
.warranty-serial-modal-overlay {position: absolute;inset: 0;background: rgba(15, 23, 42, .45);}
.warranty-serial-modal-dialog {position: absolute;width: 92%;max-width: 760px;max-height: 90vh;overflow: auto;background: #fff;border-radius: 18px;box-shadow: 0 24px 60px rgba(15, 23, 42, .18);box-sizing: border-box;padding: 2rem 2.2rem;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.warranty-serial-modal-dialog > .warranty-serial-modal-close {position: absolute;top: 12px;right: 16px;border: none;background: transparent;font-size: 28px;line-height: 1;color: #98a2b3;cursor: pointer;}
.warranty-serial-modal-body h3 {margin: 0 0 1rem;padding-right: 2rem;line-height: 1.5;color: #101828;}
.warranty-serial-modal-content p {margin: 0 0 1rem;line-height: 1.7;color: #475467;}
.warranty-serial-modal-image {margin: 1rem 0 1.5rem;}
.warranty-serial-modal-image img {display: block;width: 100%;height: auto;border-radius: 12px;}
.warranty-serial-modal-support {padding-top: 1rem;border-top: 1px solid #edf0f4;}
.warranty-serial-modal-support a {color: #e6002d;text-decoration: none;}
.page-warranty-inquiry-center {width: 100%;margin-top: 6%;box-sizing: border-box;}

.page-warranty-policy {width: 100%;box-sizing: border-box;}
.page-warranty-policy .text-3 {width: 100%;text-align: center;box-sizing: border-box;padding: 4% 0 2% 0;}
.page-warranty-policy .text-3 strong {color: #e6002d;}
.page-warranty-inquiry-bottom {background: url('../upload/warranty-policy-bg.png') center top no-repeat;background-size: 100%;padding-top: 10%;overflow: hidden;}
.page-warranty-policy-content {width: 80%;border-radius: 16px;overflow: hidden;background: #fff;box-sizing: border-box;margin: auto;padding-bottom: 3rem;}
.page-warranty-policy-content .title-4 {width: 100%;padding: 3rem 3rem 5rem 3rem;background: #e6002d;box-sizing: border-box;position: relative;}
.page-warranty-policy-content .title-4::after {content: '';width: 100%;height: 2rem;position: absolute;left: 0;bottom: 0;background: #fff;border-radius:  2rem 2rem 0 0;}
.page-warranty-policy-content .title-4 span {color: #fff;}
.page-warranty-policy-content .content-4 {width: 100%;padding: 3% 4%;background: #fff;box-sizing: border-box;}
.page-warranty-policy-item {width: 100%;padding: 2.5rem 0;box-sizing: border-box;}
.page-warranty-policy-item:first-child {border-bottom: 1px dashed #ddd;padding-top: 0;}
.page-warranty-policy-item:last-child {padding-bottom: 0;}
.page-warranty-policy-item .title-5 {display: flex;align-items: center;margin-bottom: 16px;}
.page-warranty-policy-item .title-5 i {display: inline-block;width: 32px;height: 32px;margin-right: 12px;position: relative;}
.page-warranty-policy-item .title-5 i img {display: block;width: 100%;height: auto;}
.page-warranty-policy-item .content-5 {width: 100%;box-sizing: border-box;}
.page-warranty-policy-item .content-5 p {margin: 0;line-height: 1.8;color: #666;}  

.page-warranty-inquiry-faq {overflow: hidden;position: relative;padding-top: 3%;}
.page-warranty-inquiry-faq .products-detial-faq {padding: 5% 0 1% 0;}
 

.page-after-sales {padding: 3% 0;box-sizing: border-box;position: relative;padding-top: 5%;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);}
.page-after-sales .page-path {width: 98%;}
.page-after-sales-content {width: 100%;margin: 0 auto;box-sizing: border-box;position: relative;z-index: 20;padding: 2% 0;}
.page-after-sales-content::after {content: '';width: 98%;height: 50%;position: absolute;left: 1%;top: 0;background: url('../upload/stepbg.jpg') center top no-repeat;background-size: cover;border-radius: 2rem;overflow: hidden;}
.page-after-sales-top {width: 100%;text-align: center;box-sizing: border-box;position: relative;z-index: 11;padding: 5% 0;}
.page-after-sales-top .title-1 h1 {margin: 0;padding: 0;}
.page-after-sales-top .text-1 p {margin: 1.5rem 0 0;color: #666;line-height: 1.6;}
.page-after-sales-center {width: 80%;margin: auto;box-sizing: border-box;margin: auto;position: relative;z-index: 11;}
.page-after-sales-step {width: 100%;padding: 2% 0 3% 0;box-sizing: border-box;}
.page-after-sales-step-list {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;list-style: none;margin: 0;padding: 0;width: 100%;box-sizing: border-box;}
.page-after-sales-step-list li {display: flex;align-items: center;width: 25%;position: relative;justify-content: center;}
.page-after-sales-step-list li::after {content: '';margin: 0 ;position: absolute;right: 5%;top: 50%;transform: translateY(-55%);width: 1.5rem;height: 1.5rem;background: url('../images/r3.svg') center no-repeat;background-size: 100%;filter: invert(1);opacity: .5;}
.page-after-sales-step-list li:last-child::after {display: none;}
.page-after-sales-step-list .title-2 {display: flex;align-items: center;}
.page-after-sales-step-list .title-2 i {display: inline-block;width: 3.2rem;height: 3.2rem;line-height: 3.2rem;text-align: center;border-radius: 50%;background: rgba(255,255,255,0.2);color: #fff;margin-right: 0.8rem;font-style: normal;box-sizing: border-box;}
.page-after-sales-step-list li.cur .title-2 i {background: #e6002d;}
.page-after-sales-step-list .title-2 strong {color: rgba(255,255,255,0.45);}
.page-after-sales-step-list li.cur .title-2 strong {color: #fff;}
.page-after-sales-progress {width: 100%;margin-top: 2rem;box-sizing: border-box;}
.page-after-sales-progress-line-content {width: 100%;height: 0.5rem;background: rgba(255,255,255,0.2);border-radius: 0.3rem;position: relative;box-sizing: border-box;}
.page-after-sales-progress-line-content .progress-line.cur {width: 25%;height: 100%;background: #fff;border-radius: 0.3rem;position: absolute;left: 0;top: 0;transition: width 0.45s ease;}
.page-after-sales-bottom {width: 80%;margin: auto;margin-top: 2rem;position: relative;z-index: 2;box-sizing: border-box;}
.page-after-sales-bottom-content {width: 100%;background: #fff;border-radius: 1.6rem;padding: 3rem 4% 3.5rem;box-sizing: border-box;}
.page-before-you-begin {width: 100%;margin-bottom: 1rem;box-sizing: border-box;padding-bottom: 3%;padding-top: 1%;}
.page-before-you-begin .title-3 h3 {margin: 0 0 2rem;padding: 0;}
.page-before-you-begin .text-3 strong {display: block;margin-bottom: 1.5rem;line-height: 1.6;}
.page-before-you-begin .text-3 p {margin: 0;color: #666;line-height: 1.8;}
.page-before-you-begin-list {width: 100%;box-sizing: border-box;border-top: 1px dashed #ddd;}
.page-before-you-begin-item {display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;padding: 2.5rem 0;border-bottom: 1px dashed #ddd;box-sizing: border-box;justify-content: space-between;}
.page-before-you-begin-item:last-child {border-bottom: none;}
.page-before-you-begin-item .title-5 {display: flex;align-items: center;width: 28%;box-sizing: border-box;}
.page-before-you-begin-item .title-5 i {display: inline-block;width: 2rem;height: 2rem;margin-right: 1rem;position: relative;}
.page-before-you-begin-item .title-5 i img {display: block;width: 100%;height: auto;}
.page-before-you-begin-item .content-5 {width: 65%;padding-left: 2rem;box-sizing: border-box;}
.page-before-you-begin-item .content-5 p {margin: 0;color: #666;line-height: 1.8;}
.page-before-you-begin-item .content-5 a {color: #e6002d;text-decoration: none;}
.page-before-you-begin-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;margin-top: 2rem;padding-top: 2rem;border-top: 1px dashed #ddd;box-sizing: border-box;}
.page-before-you-begin-footer .content-5 {width: 65%;color: #999;line-height: 1.8;box-sizing: border-box;}
.page-before-you-begin-footer .confirm-1 {display: flex;align-items: center;cursor: pointer;box-sizing: border-box;}
.page-before-you-begin-footer .confirm-1 span {display: inline-block;padding: 1.2rem 3.6rem;background: #f2f3f5;border-radius: 5rem;margin-right: 1rem;box-sizing: border-box;}
.page-before-you-begin-footer .confirm-1 i {display: inline-block;width: 4.4rem;height: 4.4rem;border-radius: 50%;background: #e6002d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 9h10M10 5l4 4-4 4'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.8rem 1.8rem;box-sizing: border-box;}
.page-after-sales .img-center {display: block;max-width: 100%;height: auto;}
.page-after-sales-step-item {display: none;width: 100%;box-sizing: border-box;}
.page-after-sales-step-item.cur {display: block;}
.page-after-sales-step-list li.done .title-2 i {background: rgba(255,255,255,0.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 7l3.5 3.5L12 4'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.4rem 1.4rem;color: transparent;}
.customer-info-title {width: 100%;padding-bottom: 2rem;box-sizing: border-box;padding-top: 1%;}
.customer-info-title .title-3 h3 {margin: 0;padding: 0;}
.customer-info-identity {width: 100%;margin: 3rem 0;box-sizing: border-box;}
.customer-info-contact {width: 100%;box-sizing: border-box;}
.customer-info-identity .title-4,.customer-info-contact .title-4 {margin-bottom: 1.6rem;}
.customer-info-list ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;width: 100%;box-sizing: border-box;}
.customer-info-list li {margin-right: 1.2rem;margin-bottom: 1rem;box-sizing: border-box;}
.customer-info-list li a {display: flex;align-items: center;padding: 1rem 2.4rem;border: 1px solid #e8e8e8;border-radius: 5rem;text-decoration: none;color: #333;background: #fff;box-sizing: border-box;}
.customer-info-list li.cur a {border-color: #e6002d;}
.customer-info-list li a i {display: inline-block;width: 1.8rem;height: 1.8rem;border-radius: 50%;border: 1px solid #ddd;margin-right: 0.8rem;box-sizing: border-box;}
.customer-info-list li.cur a i {border: none;background: #e6002d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1.5 5l2.5 2.5L8.5 3'/%3E%3C/svg%3E") no-repeat center center;background-size: 1rem 1rem;}
.customer-info-from {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;justify-content: space-between;}
.customer-info-from .input-item {width: 32.5%;margin-right: 1%;margin-bottom: 2rem;box-sizing: border-box;}
.customer-info-from .input-item:nth-child(3n) {margin-right: 0;}
.customer-info-from .input-item .input-wrap {position: relative;width: 100%;box-sizing: border-box;}
.customer-info-from .input-item .input-wrap label {position: absolute;left: 1.6rem;top: 50%;transform: translateY(-50%);margin: 0;color: #999;pointer-events: none;z-index: 2;box-sizing: border-box;white-space: nowrap;}
.customer-info-from .input-item .input-wrap label i {color: #e6002d;font-style: normal;}
.customer-info-from .input-item.input-focus .input-wrap label,.customer-info-from .input-item.input-filled .input-wrap label {opacity: 0;visibility: hidden;}
.customer-info-from .input-item input,.customer-info-from .input-item select {width: 100%;padding: 1.4rem 1.6rem;background: #f5f5f5;border: none;border-radius: 0.8rem;outline: none;box-sizing: border-box;position: relative;z-index: 1;line-height: 3rem;height: 5.8rem;}
.customer-info-from .input-item select {appearance: none;-webkit-appearance: none;padding-right: 3.6rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23bbb' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 1.4rem center;cursor: pointer;}
.customer-info-bottom {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;margin-top: 2rem;padding-top: 2rem;border-top: 1px dashed #ddd;box-sizing: border-box;}
.customer-info-bottom a {display: flex;align-items: center;text-decoration: none;box-sizing: border-box;}
.customer-info-bottom .btn-back {padding: 1.2rem 2.4rem;background: #f2f3f5;border-radius: 5rem;color: #333;}
.customer-info-bottom .btn-back i {display: inline-block;width: 1.6rem;height: 1.6rem;margin-right: 0.8rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M10 3L5 8l5 5'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.6rem 1.6rem;}
.customer-info-bottom .btn-next {padding: 1.2rem 2.4rem;background: #e6002d;border-radius: 5rem;color: #fff;}
.customer-info-bottom .btn-next i {display: inline-block;width: 1.6rem;height: 1.6rem;margin-left: 0.8rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3l5 5-5 5'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.6rem 1.6rem;}
.product-info-section {width: 100%;margin-bottom: 3rem;box-sizing: border-box;}
.product-info-section .title-4 strong i {color: #e6002d;font-style: normal;}
.page-after-sales .customer-info-from.product-info-form .input-item {width: 49%;margin-right: 2%;}
.page-after-sales .customer-info-from.product-info-form .input-item:nth-child(3n) {margin-right: 2%;}
.page-after-sales .customer-info-from.product-info-form .input-item:nth-child(2n) {margin-right: 0;}
.page-after-sales .customer-info-from.product-info-form .input-item.input-item-full {width: 100%;margin-right: 0;}
.page-after-sales .product-info-form .input-wrap.is-date {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 1.6rem;background: #f5f5f5;border-radius: 0.8rem;height: 5.8rem;box-sizing: border-box;}
.page-after-sales .product-info-form .input-wrap.is-date > label {position: static;left: auto;top: auto;transform: none;margin: 0;padding-right: 1rem;color: #333;white-space: nowrap;flex-shrink: 0;opacity: 1;visibility: visible;}
.page-after-sales .product-info-form .input-item.input-date.input-focus .input-wrap.is-date > label,
.page-after-sales .product-info-form .input-item.input-date.input-filled .input-wrap.is-date > label {opacity: 1;visibility: visible;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box {display: flex;align-items: center;justify-content: flex-end;width: 55%;height: 100%;position: relative;box-sizing: border-box;}
.page-after-sales .product-info-form .input-wrap.is-date .date-format {color: #999;white-space: nowrap;margin-right: 3rem;pointer-events: none;flex-shrink: 0;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box.has-value .date-format {display: none;}
.page-after-sales .product-info-form .input-wrap.is-date input[type="date"] {width: auto;max-width: 100%;height: 100%;padding: 0 3.2rem 0 0;margin: 0;background: transparent;border: none;border-radius: 0;text-align: right;color: #333;flex-shrink: 0;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box:not(.has-value) input[type="date"] {position: absolute;right: 0;top: 0;width: 100%;opacity: 0;z-index: 2;cursor: pointer;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box.has-value input[type="date"] {position: relative;opacity: 1;z-index: 1;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box.has-value input[type="date"]::-webkit-datetime-edit {text-align: right;}
.page-after-sales .product-info-form .input-wrap.is-date .input-icon {position: absolute;right: 0;top: 50%;width: 2rem;height: 2rem;margin-top: -1rem;z-index: 3;cursor: pointer;flex-shrink: 0;}
.page-after-sales .product-info-form .input-wrap.is-date .input-icon i {display: block;width: 100%;height: 100%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Crect x='2' y='3' width='14' height='13' rx='1.5' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3Cline x1='2' y1='7' x2='16' y2='7' stroke='%23999' stroke-width='1.5'/%3E%3Cline x1='6' y1='1.5' x2='6' y2='4.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='12' y1='1.5' x2='12' y2='4.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;background-size: 100%;}
.page-after-sales .product-info-form .input-wrap.is-date .date-input-box.has-value input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;right: 0;top: 0;width: 4.4rem;height: 100%;opacity: 0;cursor: pointer;}
.page-after-sales .product-info-form .input-wrap.is-select {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 1.6rem;background: #f5f5f5;border-radius: 0.8rem;height: 5.8rem;box-sizing: border-box;}
.page-after-sales .product-info-form .input-wrap.is-select > label {position: static;left: auto;top: auto;transform: none;margin: 0;padding-right: 1rem;color: #333;white-space: nowrap;flex-shrink: 0;opacity: 1;visibility: visible;}
.page-after-sales .product-info-form .input-wrap.is-select select {width: auto;max-width: 55%;height: 100%;padding: 0 2.4rem 0 1rem;margin: 0;background-color: transparent;border: none;border-radius: 0;text-align: right;color: #333;cursor: pointer;appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23bbb' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right center;flex-shrink: 0;line-height: 5.8rem;}
.page-after-sales .product-info-form .input-item.input-select.input-focus .input-wrap.is-select > label,
.page-after-sales .product-info-form .input-item.input-select.input-filled .input-wrap.is-select > label {opacity: 1;visibility: visible;}
.page-after-sales .product-info-form .input-wrap.is-inline-input {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 1.6rem;background: #f5f5f5;border-radius: 0.8rem;height: 5.8rem;box-sizing: border-box;}
.page-after-sales .product-info-form .input-wrap.is-inline-input > label {position: static;left: auto;top: auto;transform: none;margin: 0;padding-right: 1rem;color: #333;white-space: nowrap;flex-shrink: 0;opacity: 1;visibility: visible;}
.page-after-sales .product-info-form .input-wrap.is-inline-input input {width: 100%;max-width: none;flex: 1;min-width: 0;height: 100%;padding: 0;margin: 0;background: transparent;border: none;border-radius: 0;text-align: right;color: #333;outline: none;line-height: 5.8rem;}
.page-after-sales .product-info-form .input-item.input-focus .input-wrap.is-inline-input > label,
.page-after-sales .product-info-form .input-item.input-filled .input-wrap.is-inline-input > label {opacity: 1;visibility: visible;}
.product-info-proof .form-upload-content {width: 100%;box-sizing: border-box;}
.issue-textarea-item {width: 100%;margin-bottom: 2rem;box-sizing: border-box;}
.issue-textarea-wrap {width: 100%;padding: 1.6rem 1.6rem 1.4rem;background: #f5f5f5;border-radius: 0.8rem;box-sizing: border-box;}
.issue-textarea-label {margin-bottom: 1rem;color: #333;line-height: 1.4;}
.issue-textarea-label i {color: #e6002d;font-style: normal;}
.issue-textarea-wrap textarea {display: block;width: 100%;min-height: 14rem;padding: 0;border: none;background: transparent;outline: none;resize: vertical;color: #333;line-height: 1.65;box-sizing: border-box;}
.issue-textarea-wrap textarea::placeholder {color: #999;}
.issue-category-list {width: 100%;box-sizing: border-box;}
.issue-details-footer {width: 100%;margin-top: 1rem;padding-top: 2rem;border-top: 1px dashed #ddd;box-sizing: border-box;}
.issue-contact-text {width: 100%;margin-bottom: 2rem;color: #666;line-height: 1.65;box-sizing: border-box;}
.issue-contact-text strong,
.issue-contact-text a {color: #e6002d;text-decoration: none;}
.issue-details-bottom {margin-top: 0;padding-top: 0;border-top: 0;}
.page-after-sales .feedback-form-alert {width: 100%;margin-bottom: 2%;padding: 1.2rem 1.6rem;box-sizing: border-box;border-radius: .8rem;background: #fff5f6;color: #e6002d;line-height: 1.55;display: none;}
.page-after-sales .feedback-form-alert.is-visible {display: block;}
.page-after-sales .input-item.is-error .input-wrap,
.page-after-sales .issue-textarea-item.is-error .issue-textarea-wrap {box-shadow: 0 0 0 1px #e6002d;background: #fff5f6;}
.page-after-sales .field-error {margin-top: .6rem;color: #e6002d;line-height: 1.4;}
.page-after-sales .product-info-proof.is-error,
.page-after-sales .issue-media-proof.is-error {box-shadow: 0 0 0 1px #e6002d;border-radius: 1.2rem;}
.page-after-sales .customer-info-identity.is-error,
.page-after-sales .issue-category-list.is-error {box-shadow: 0 0 0 1px #e6002d;border-radius: 1.2rem;padding: 1rem;box-sizing: border-box;}
.customer-info-bottom button.btn-submit,
.customer-info-bottom .btn-submit {padding: 1.2rem 2.4rem;background: #e6002d;border-radius: 5rem;color: #fff;}
.customer-info-bottom button.btn-submit {border: none;cursor: pointer;display: flex;align-items: center;font: inherit;text-decoration: none;box-sizing: border-box;}
.customer-info-bottom .btn-submit i {display: inline-block;width: 1.6rem;height: 1.6rem;margin-left: 0.8rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3l5 5-5 5'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.6rem 1.6rem;}





/* Feedback */
.page-issue-feedback {width: 100%;padding: 5% 0 0 0;box-sizing: border-box;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);border-bottom: 1px solid #ddd;}
.page-issue-feedback .page-path {width: 98%;}
.page-issue-feedback-top {width: 100%;text-align: center;margin-bottom: 4%;box-sizing: border-box;padding-top: 5%;}
.page-issue-feedback-top .title-1 h1 {color: #000;line-height: 1.2;}
.page-issue-feedback-top .text-2 {width: 55%;margin: 1% auto auto;box-sizing: border-box;}
.page-issue-feedback-top .text-2 p {margin: 0;color: #666;line-height: 1.75;}
.page-issue-feedback-bottom {width: 100%;padding-bottom: 5%;box-sizing: border-box;}
.page-issue-feedback-form {width: 70%;margin: 0 auto;padding: 3% 4%;box-sizing: border-box;background: #fff;border-radius: 2rem;}
.page-issue-feedback-form .title-2 {margin-bottom: 3%;box-sizing: border-box;}
.page-issue-feedback-form .title-2 h3 {margin: 0;color: #000;line-height: 1.2;}
.page-issue-feedback-form .form-group {width: 100%;margin-bottom: 1%;box-sizing: border-box;}
.page-issue-feedback-form .form-group:last-child {margin-bottom: 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #ddd;padding: 4rem 0;margin-top: 4rem;}
.page-issue-feedback-form form.is-submitting {opacity: .7;pointer-events: none;}
.feedback-honeypot {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;opacity: 0;pointer-events: none;}
.page-issue-feedback-form .feedback-form-alert {width: 100%;margin-bottom: 2%;padding: 1.2rem 1.6rem;box-sizing: border-box;border-radius: .8rem;background: #fff5f6;color: #e6002d;line-height: 1.55;display: none;}
.page-issue-feedback-form .feedback-form-alert.is-visible {display: block;}
.page-issue-feedback-form .form-upload-error {display: none;margin-top: 1rem;color: #e6002d;line-height: 1.55;}
.page-issue-feedback-form .form-upload-error.is-visible {display: block;}
.feedback-submit-progress {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, .45);display: none;align-items: center;justify-content: center;}
.feedback-submit-progress.is-visible {display: flex;}
.feedback-submit-progress-box {width: 88%;max-width: 42rem;padding: 3rem 3.2rem;box-sizing: border-box;background: #fff;border-radius: 1.6rem;text-align: center;}
.feedback-submit-progress-box .progress-title {display: block;margin-bottom: 2rem;color: #000;line-height: 1.4;}
.feedback-submit-progress-box .progress-track {width: 100%;height: .8rem;margin-bottom: 1.2rem;border-radius: 10rem;background: #f0f0f0;overflow: hidden;}
.feedback-submit-progress-box .progress-bar {display: block;width: 0;height: 100%;border-radius: 10rem;background: #e6002d;transition: width .2s ease;}
.feedback-submit-progress.is-indeterminate .progress-bar {width: 35%;animation: feedbackProgressIndeterminate 1.2s ease-in-out infinite;}
.feedback-submit-progress-box .progress-percent {display: block;color: #666;line-height: 1.4;}
@keyframes feedbackProgressIndeterminate {
	0% {margin-left: 0;}
	50% {margin-left: 65%;}
	100% {margin-left: 0;}
}
.page-issue-feedback-form .form-group .title-3 {width: 100%;margin-bottom: 1%;box-sizing: border-box;}
.page-issue-feedback-form .form-group .title-3 h4 {margin: 0;color: #000;line-height: 1.3;}
.page-issue-feedback-form .form-group-content {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;width: 100%;margin-bottom: 1%;box-sizing: border-box;}
.page-issue-feedback-form .form-group-content.mb0 {margin-bottom: 0;}
.page-issue-feedback-form .form-group-content.justify-flex-start {justify-content: flex-start;align-items: center;}
.page-issue-feedback-form .form-group-content:last-child {margin-bottom: 0;}
.page-issue-feedback-form .form-group-content .title-4 {margin-bottom: 1.2rem;color: #000;line-height: 1.4;box-sizing: border-box;}
.page-issue-feedback-form .form-group-content .title-4 i {color: #e6002d;font-style: normal;}
.page-issue-feedback-form .input-item {width: 32.77%;margin-bottom: 1%;box-sizing: border-box;position: relative;}
.page-issue-feedback-form .input-item .field-wrap,
.page-issue-feedback-form .textarea-item .field-wrap {position: relative;display: block;width: 100%;box-sizing: border-box;border-radius: .8rem;background: #f5f5f5;}
.page-issue-feedback-form .input-item .field-wrap label,
.page-issue-feedback-form .textarea-item .field-wrap label {position: absolute;left: 1.6rem;top: 50%;right: 1.6rem;z-index: 2;margin: 0;padding: 0;color: #000;line-height: 1.4;pointer-events: none;opacity: 1;visibility: visible;transform: translateY(-50%);transition: opacity .2s ease, visibility .2s ease;}
.page-issue-feedback-form .field-wrap.is-textarea label {top: 1.4rem;transform: none;}
.page-issue-feedback-form .input-item .field-wrap label i,
.page-issue-feedback-form .textarea-item .field-wrap label i {color: #e6002d;font-style: normal;}
.page-issue-feedback-form .field-wrap.is-focus label,
.page-issue-feedback-form .field-wrap.has-value label {opacity: 0;visibility: hidden;}
.page-issue-feedback-form .input-item input,
.page-issue-feedback-form .input-item textarea,
.page-issue-feedback-form .textarea-item textarea {position: relative;z-index: 1;display: block;width: 100%;margin: 0;padding: 1.4rem 1.6rem;box-sizing: border-box;border: none;border-radius: .8rem;background: transparent;color: #333;line-height: 1.4;outline: none;resize: vertical;}
.page-issue-feedback-form .input-item textarea {min-height: 5.6rem;}
.page-issue-feedback-form .textarea-item textarea {min-height: 14rem;}
.page-issue-feedback-form .form-group-content > .input-item:only-child {width: 100%;}
.page-issue-feedback-form .textarea-item {width: 49.5%;margin-bottom: 2%;box-sizing: border-box;}
.page-issue-feedback-form .input-item.is-error .field-wrap,
.page-issue-feedback-form .textarea-item.is-error .field-wrap {box-shadow: 0 0 0 1px #e6002d;background: #fff5f6;}
.page-issue-feedback-form .field-error {margin-top: .6rem;color: #e6002d;line-height: 1.4;}
.page-issue-feedback-form .multiple-choice {display: flex;flex-wrap: wrap;box-sizing: border-box;margin-left: 2rem;}
.page-issue-feedback-form .multiple-choice-item {display: flex;align-items: center;margin: 0 1rem 1rem 0;padding: 1.2rem 2.2rem;border: 1px solid #ddd;border-radius: 10rem;text-decoration: none;box-sizing: border-box;white-space: nowrap;cursor: pointer;}
.page-issue-feedback-form .multiple-choice-item i {display: block;width: 1.6rem;height: 1.6rem;margin-right: .8rem;border: 1px solid #ccc;border-radius: 50%;position: relative;box-sizing: border-box;}
.page-issue-feedback-form .multiple-choice-item span {display: block;color: #000;line-height: 1.2;}
.page-issue-feedback-form .multiple-choice-item.active {border-color: #e6002d;}
.page-issue-feedback-form .multiple-choice-item.active span {color: #e6002d;}
.page-issue-feedback-form .multiple-choice-item.active i {border-color: #e6002d;background: #e6002d;}
.page-issue-feedback-form .multiple-choice-item.active i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.page-issue-feedback-form .form-upload-content,
.page-after-sales .form-upload-content {width: 100%;margin-bottom: 1%;box-sizing: border-box;}
.page-issue-feedback-form .form-upload-file-content,
.page-after-sales .form-upload-file-content {display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;}
.page-issue-feedback-form .form-upload-file-left,
.page-after-sales .form-upload-file-left {width: 30%;padding: 4% 3%;box-sizing: border-box;background: #f5f5f5;border-radius: 1.2rem;text-align: center;cursor: pointer;position: relative;}
.page-issue-feedback-form .form-upload-file-left .file-input,
.page-after-sales .form-upload-file-left .file-input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;z-index: 2;}
.page-issue-feedback-form .form-upload-file-left .icon-1,
.page-after-sales .form-upload-file-left .icon-1 {width: 5rem;height: 5rem;margin: 0 auto 1.2rem;line-height: 0;}
.page-issue-feedback-form .form-upload-file-left .icon-1 i,
.page-after-sales .form-upload-file-left .icon-1 i {display: block;width: 100%;height: 100%;position: relative;}
.page-issue-feedback-form .form-upload-file-left .icon-1 .img-center,
.page-after-sales .form-upload-file-left .icon-1 .img-center {max-width: 100%;max-height: 100%;}
.page-issue-feedback-form .form-upload-file-left .txt-1,
.page-after-sales .form-upload-file-left .txt-1 {margin-bottom: .8rem;color: #000;line-height: 1.3;}
.page-issue-feedback-form .form-upload-file-left .txt-2,
.page-after-sales .form-upload-file-left .txt-2 {color: #999;line-height: 1.55;}
.page-issue-feedback-form .form-upload-file-right,
.page-after-sales .form-upload-file-right {width:69%;box-sizing: border-box;}
.page-issue-feedback-form .form-upload-file-list,
.page-after-sales .form-upload-file-list {width: 100%;box-sizing: border-box;}
.page-issue-feedback-form .form-upload-file-item,
.page-after-sales .form-upload-file-item {display: flex;align-items: center;width: 100%;margin-bottom: 1rem;padding: 1.2rem ;box-sizing: border-box;background: #f5f5f5;border-radius: .8rem;justify-content: space-between;}
.page-issue-feedback-form .form-upload-file-item:last-child,
.page-after-sales .form-upload-file-item:last-child {margin-bottom: 0;}
.page-issue-feedback-form .form-upload-file-item .type-1,
.page-after-sales .form-upload-file-item .type-1 {width: 3.5rem;box-sizing: border-box;height: 3.5rem;position: relative;border-radius: .6rem;background: #fff;margin-right: 1rem;}
.page-issue-feedback-form .form-upload-file-item .type-1 em,
.page-after-sales .form-upload-file-item .type-1 em {color: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-style: normal;}
.page-issue-feedback-form .form-upload-file-item .name-1,
.page-after-sales .form-upload-file-item .name-1 {width: 52%;padding-right: 2%;box-sizing: border-box;overflow: hidden;display: flex;align-items: center;justify-content: flex-start;}
.page-issue-feedback-form .form-upload-file-item .name-1 span,
.page-after-sales .form-upload-file-item .name-1 span {display: block;color: #333;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page-issue-feedback-form .form-upload-file-item .size-1,
.page-after-sales .form-upload-file-item .size-1 {text-align: right;box-sizing: border-box;}
.page-issue-feedback-form .form-upload-file-item .size-1 span,
.page-after-sales .form-upload-file-item .size-1 span {display: block;color: #999;line-height: 1.4;}
.page-issue-feedback-form .form-upload-file-item .btn-1,
.page-after-sales .form-upload-file-item .btn-1 {text-align: right;box-sizing: border-box;margin-left: 2rem;}
.page-issue-feedback-form .form-upload-file-item .btn-1 span,
.page-after-sales .form-upload-file-item .btn-1 span {display: inline-block;padding: .6rem 1.6rem;border-radius: 10rem;background: #000;color: #fff;line-height: 1.2;cursor: pointer;}
.page-issue-feedback-form .form-upload-file-item .btn-1 .delete-btn,
.page-after-sales .form-upload-file-item .btn-1 .delete-btn {display: inline-block;width: 2.4rem;height: 2.4rem;cursor: pointer;line-height: 0;position: relative;}
.page-issue-feedback-form .form-upload-file-item .btn-1 .delete-btn img,
.page-after-sales .form-upload-file-item .btn-1 .delete-btn img {max-width: 100%;max-height: 100%;}
.page-issue-feedback-form .form-upload-file-item .right-content,
.page-after-sales .form-upload-file-item .right-content {display: flex;align-items: center;justify-content: flex-end;width: 45%;}
.page-issue-feedback-form .form-upload-file-item.is-pending .size-1,
.page-after-sales .form-upload-file-item.is-pending .size-1 {display: none;}
.page-issue-feedback-form .form-upload-file-item.is-uploaded .btn-1 span,
.page-after-sales .form-upload-file-item.is-uploaded .btn-1 span {display: none;}
.page-issue-feedback-form .form-group .info-1 {width: 55%;margin: 0;color: #666;line-height: 1.55;box-sizing: border-box;}
.page-issue-feedback-form .right-text {position: absolute;right: 2%;top: 50%;transform: translateY(-50%);color: #666;}
.page-issue-feedback-form .submit-request {display: flex;align-items: center;justify-content: flex-end;margin: 0;box-sizing: border-box;}
.page-issue-feedback-form .submit-request .btn-1 {display: inline-block;margin: 0;padding: 0 2.4rem;height: 4.4rem;border: none;border-radius: 10rem;background: #e6002d;color: #fff;line-height: 4.4rem;cursor: pointer;box-sizing: border-box;position: relative;}
.page-issue-feedback-form .submit-request .btn-1 span {color: #fff;line-height: 4.4rem;display: flex;align-items: center;}
.page-issue-feedback-form .submit-request .btn-1 span::after {content: '';display: block;width: 1.5rem;height: 1rem;background: url('../images/r4.svg') center no-repeat;background-size: 100%;margin-left: 1rem;}

.page-issue-feedback-success {width: 70%;margin: 0 auto;padding: 5% 0 8%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;}
.page-issue-feedback-success .icon-1 {width: 10rem;height: 10rem;margin: 0 auto 1%;line-height: 0;}
.page-issue-feedback-success .icon-1 i {display: block;width: 100%;height: 100%;position: relative;}
.page-issue-feedback-success .icon-1 .img-center {max-width: 100%;max-height: 100%;}
.page-issue-feedback-success .title-1 {margin-bottom: 2%;box-sizing: border-box;}
.page-issue-feedback-success .title-1 h1,
.page-issue-feedback-success .title-1 strong {display: block;margin: 0 0 1%;color: #000;line-height: 1.2;}
.page-issue-feedback-success .text-2 {width: 55%;margin: 0 auto 2%;box-sizing: border-box;}
.page-issue-feedback-success .text-2 p {margin: 0 0 1.2rem;color: #666;}
.page-issue-feedback-success .text-2 p:last-child {margin-bottom: 0;}
.page-feedback-success-content {width: 65%;margin: 0 auto 4%;box-sizing: border-box;}
.page-feedback-success-content-item {width: 100%;padding: 4%;box-sizing: border-box;background: #fff;border-radius: 2rem;box-shadow: 0 .4rem 2.4rem rgba(0, 0, 0, .06);text-align: left;}
.page-feedback-success-content-item .title-2 {margin-bottom: 1.6rem;box-sizing: border-box;}
.page-feedback-success-content-item .title-2 h4 {margin: 0;color: #000;line-height: 1.3;}
.page-feedback-success-content-item .content-item ul {margin: 0;padding: 0;list-style: none;}
.page-feedback-success-content-item .content-item li {padding: 1.6rem 0;border-bottom: 1px solid #eee;color: #666;line-height: 1.65;box-sizing: border-box;}
.page-feedback-success-content-item .content-item li:last-child {border-bottom: none;padding-bottom: 0;}
.page-feedback-success-btn-2 {width: 100%;text-align: center;box-sizing: border-box;}
.page-feedback-success-btn-2 .btn-1,
.page-feedback-success-btn-2 .btn-2 {display: inline-block;margin: 0 1rem;padding: 0 2.8rem;height: 4.4rem;border-radius: 10rem;text-decoration: none;line-height: 4.4rem;box-sizing: border-box;}
.page-feedback-success-btn-2 .btn-1 {background: #000;}
.page-feedback-success-btn-2 .btn-1 span {color: #fff;line-height: 4.4rem;}
.page-feedback-success-btn-2 .btn-2 {background: #e6002d;}
.page-feedback-success-btn-2 .btn-2 span {color: #fff;line-height: 4.4rem;}
.page-feedback-success-btn-2 a:hover {transform: translateY(-.5rem);}


/* page-faqs  */
.page-faq {width: 100%;padding: 5% 0 0 0;box-sizing: border-box;}
.page-faq .page-path {width: 98%;}
.page-faq-top {width: 100%;text-align: center;box-sizing: border-box;padding-top: 5%;position: relative;}
.page-faq-top .text-1 {width: 100%;margin: auto;box-sizing: border-box;}
.page-faq-top .text-1 span {margin: 0;color: #e6002d;}
.page-faq-top .title-1 {width: 100%;margin: 1% auto auto;box-sizing: border-box;}
.page-faq-top .title-1 h1 {margin: 0;color: #000;line-height: 1.2;} 
.page-faq-top::after {content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;z-index: 1;background-image: -webkit-linear-gradient( 90deg, #e9f0f5 0%, #eaf1f5 100%);}
.page-faq-top .page-solutions-top-pic {position: relative;z-index: 2;}
.page-faq-bottom {width: 100%;padding: 3% 0  5% 0;box-sizing: border-box;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);border-bottom: 1px solid #ddd;overflow: hidden;}
.page-faq-bottom-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-faq-bottom-classification {display: flex;align-items: center;width: 100%;margin-bottom: 5%;box-sizing: border-box;}
.page-faq-bottom-classification .title-3 {width: auto;margin-right: 2%;flex-shrink: 0;box-sizing: border-box;}
.page-faq-bottom-classification .title-3 span {display: block;color: #000;line-height: 1.2;white-space: nowrap;}
.classification-list {width: 85%;box-sizing: border-box;}
.classification-list li a {background: transparent;}
.page-faq-bottom-list {width: 80%;margin: auto;}


/* page-sustainability  */
.page-sustainability {position: relative;padding-top: 5%;overflow: hidden;}
.page-sustainability .page-path {width: 98%;} 
.page-sustainability-top {text-align: center;padding-top: 5%;overflow: hidden;position: relative;z-index: 11;}
.page-sustainability-top .text-1 span {color: #e6002d;}
.page-sustainability-top .title-1 {width: 70%;margin: auto;margin-top: 1%;}
.page-sustainability-top-pic {display: flex;width: 98%;margin: auto;border-radius: 2rem;overflow: hidden;position: relative;margin-top: 4%;}
.page-sustainability-top-pic .pic-1{overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 11;transform: translateX(-50%);}
.page-sustainability-top-pic .sustainability-content-list {z-index: 11;}
.page-sustainability-top-pic .text-1 span {color: #fff;}
.page-sustainability-esg-strategy {width: 100%;padding: 5% 0;box-sizing: border-box;background: #fff;}
.page-esg-strategy-content {width: 100%;margin: 0 auto;box-sizing: border-box;}
.page-esg-strategy-top {display: flex;align-items: flex-start;width: 80%;box-sizing: border-box;margin: auto;margin-bottom: 4%;}
.page-esg-strategy-top .title-2 {width: 28%;flex-shrink: 0;box-sizing: border-box;}
.page-esg-strategy-top .title-2 h3 {margin: 0;color: #000;line-height: 1.2;}
.page-esg-strategy-right {width: 72%;padding-left: 4%;box-sizing: border-box;}
.page-esg-strategy-right .text-1 {margin-bottom: 1.5%;box-sizing: border-box;}
.page-esg-strategy-right .text-1 strong {display: block;color: #000;line-height: 1.5;}
.page-esg-strategy-right .text-2 span {display: block;color: #666;line-height: 1.75;}
.page-esg-strategy-bottom {width: 90%;position: relative;box-sizing: border-box;margin-left: 10%;}
.page-esg-strategy-swiper {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-esg-strategy-swiper .swiper-slide {width: auto;height: auto;box-sizing: border-box;}
.page-esg-strategy-item {height: 100%;box-sizing: border-box;}
.page-esg-strategy-item a {display: block;position: relative;border-radius: 1.6rem;overflow: hidden;text-decoration: none;box-sizing: border-box;}
.page-esg-strategy-item .pic-1 {line-height: 0;}
.page-esg-strategy-item .pic-1 .img-block {display: block;width: auto;height: auto;max-width: none;}
.page-esg-strategy-item .content-1 {position: absolute;left: 5%;bottom: 6%;width: 90%;box-sizing: border-box;}
.page-esg-strategy-item .content-1 strong {display: block;color: #fff;line-height: 1.3;}
.page-esg-strategy-item .content-1 .text-1 {margin-top: .8rem;box-sizing: border-box;}
.page-esg-strategy-item .content-1 .text-1 span {display: block;color: rgba(255, 255, 255, .88);line-height: 1.55;}
.page-esg-strategy-bottom .swiper-arrow-btn-next ,
.page-esg-strategy-bottom .swiper-arrow-btn-prev {position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;background: #fff;left: 1%;}
.page-esg-strategy-bottom .swiper-arrow-btn-next {left: auto;right: 10%;}
.page-esg-strategy-bottom .swiper-arrow-btn-next i,.page-esg-strategy-bottom .swiper-arrow-btn-prev i {filter: invert(1);}
.page-esg-strategy-bottom .swiper-arrow-btn-prev.page-esg-strategy-prev.swiper-button-disabled,
.page-esg-strategy-bottom .swiper-arrow-btn-next.page-esg-strategy-next.swiper-button-disabled {display: none;}

.page-sustainability-esg-project {width: 100%;padding: 5% 0;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);border-bottom: 1px solid #ddd;}
.page-esg-project-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-esg-project-top {width: 100%;text-align: center;margin-bottom: 4%;box-sizing: border-box;}
.page-esg-project-top .title-2 h3 {margin: 0 0 2%;color: #000;line-height: 1.2;}
.page-esg-project-top .text-1 {width: 55%;margin: 0 auto 1.5%;box-sizing: border-box;}
.page-esg-project-top .text-1 strong {display: block;color: #000;line-height: 1.5;}
.page-esg-project-top .text-2 {width: 55%;margin: 0 auto;box-sizing: border-box;}
.page-esg-project-top .text-2 span {display: block;color: #666;line-height: 1.75;}
.page-esg-project-bottom {width: 100%;box-sizing: border-box;}
.page-esg-project-swiper {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-esg-project-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-esg-project-item {width: 100%;height: 100%;box-sizing: border-box;}
.page-esg-project-item a {display: block;background: #fff;border-radius: 1.6rem;overflow: hidden;text-decoration: none;box-sizing: border-box;padding: 2%;}
.page-esg-project-item a:hover .pic-1 {transform: scale(1.05);}
.page-esg-project-item .img {width: 100%;box-sizing: border-box;border-radius: 1.6rem;overflow: hidden;}
.page-esg-project-item .pic-1 {background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 1.2rem;overflow: hidden;line-height: 0;}
.page-esg-project-item .pic-1 .img-block {display: block;width: 100%;height: auto;opacity: 0;}
.page-esg-project-item .content-1 {width: 100%;padding: 2rem 1% 1%;box-sizing: border-box;}
.page-esg-project-item .content-1 strong {display: block;color: #000;line-height: 1.45;}
.page-esg-project-pagination {text-align: center;padding-top: 3%;width: 100%;position: relative;box-sizing: border-box;}
.page-esg-project-pagination .swiper-pagination-bullet {display: inline-block;width: 2rem;height: .6rem;margin: 0 .4rem;background: #dce0e4;border-radius: 1rem;opacity: 1;vertical-align: top;cursor: pointer;transition: background .3s ease, width .3s ease, border-radius .3s ease;}
.page-esg-project-pagination .swiper-pagination-bullet-active {background: #e6002d;}



/* page-download-center  */
.page-download-center {position: relative;padding-top: 5%;overflow: hidden;}
.page-download-center .page-path {width: 98%;} 
.page-download-center-top {text-align: center;padding-top: 5%;overflow: hidden;position: relative;z-index: 11;}
.page-download-center-top .text-1 span {color: #e6002d;}
.page-download-center-top .title-1 {width: 70%;margin: auto;margin-top: 1%;}
.page-download-center-top-pic {display: flex;width: 98%;margin: auto;border-radius: 2rem;overflow: hidden;position: relative;margin-top: 4%;}
.page-download-center-top-pic .pic-1 {overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 11;transform: translateX(-50%);}
.page-download-center-top::after {content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;z-index: 1;background-image: -webkit-linear-gradient( 90deg, #e9f0f5 0%, #eaf1f5 100%);}

.page-download-center-center {width: 100%;padding: 5% 0;box-sizing: border-box;background-image: -webkit-linear-gradient(-90deg, #eaf1f5 0%, #f5f4f4 100%);border-bottom: 1px solid #ddd;}
.page-download-center-toolbar {width: 80%;margin: 0 auto;box-sizing: border-box;padding-bottom: 2%;}
.page-download-center-toolbar .toolbar-group {width: 100%;box-sizing: border-box;margin-bottom: 2.4rem;}
.page-download-center-toolbar .toolbar-group:last-child {margin-bottom: 0;}
.toolbar-group-filters {display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.toolbar-group-filters .select-item-product {width: 22%;margin-right: 1%;box-sizing: border-box;}
.toolbar-group-filters .select-item-language ,.select-item-video-type {width: 22%;margin-right: 1%;box-sizing: border-box;}
.toolbar-group-filters .select-item-search {width: 52%;box-sizing: border-box;}
.page-download-center-toolbar .select-item {position: relative;box-sizing: border-box;}
.page-download-center-toolbar .select-trigger {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 1.4rem 3rem;background: #fff;border-radius: 10rem;text-decoration: none;box-sizing: border-box;}
.page-download-center-toolbar .select-trigger span {display: block;color: #000;line-height: 1.2;}
.page-download-center-toolbar .select-trigger i {display: block;width: 0;height: 0;margin-left: 1rem;border-style: solid;border-width: .5rem .4rem 0 .4rem;border-color: #999 transparent transparent transparent;transition: transform .25s ease;flex-shrink: 0;}
.page-download-center-toolbar .select-item.open .select-trigger i {transform: rotate(180deg);}
.page-download-center-toolbar .search-item {display: flex;align-items: center;width: 100%;padding: 0 2rem;background: #fff;border-radius: 10rem;box-sizing: border-box;}
.page-download-center-toolbar .search-item input {display: block;width: 100%;border: 0;background: transparent;outline: none;color: #000;line-height: 4.4rem;box-sizing: border-box;}
.page-download-center-toolbar .search-item input::placeholder {color: #999;}
.page-download-center-toolbar .search-item a {display: block;width: 2rem;height: 2rem;flex-shrink: 0;margin-left: 1rem;text-decoration: none;}
.page-download-center-toolbar .search-item a i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.page-download-center-toolbar .select-list {display: none;position: absolute;left: 0;top: calc(100% + .8rem);width: 100%;background: #fff;border-radius: 1.2rem;overflow: hidden;z-index: 20;box-sizing: border-box;box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .08);}
.page-download-center-toolbar .select-item.open > .select-list {display: block;}
.page-download-center-toolbar .select-list-content {display: none;position: absolute;left: 0;top: calc(100% + .8rem);width: 52rem;max-width: 90vw;background: #fff;border-radius: 1.2rem;overflow: hidden;z-index: 20;box-sizing: border-box;box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .08);}
.page-download-center-toolbar .select-item-product.open .select-list-content {display: flex;}
.page-download-center-toolbar .select-list-item a {display: flex;align-items: center;width: 100%;padding: 1.2rem 1.6rem;text-decoration: none;box-sizing: border-box;transition: background .2s ease;}
.page-download-center-toolbar .select-list-item a i {display: block;width: 1.6rem;height: 1.6rem;margin-right: 1rem;border: 1px solid #ccc;border-radius: .4rem;position: relative;box-sizing: border-box;flex-shrink: 0;}
.page-download-center-toolbar .select-list-item a span {display: block;color: #000;line-height: 1.3;}
.page-download-center-toolbar .select-list-item a .arrow {display: block;width: .5rem;height: .5rem;margin-left: auto;border-right: 2px solid #999;border-top: 2px solid #999;transform: rotate(45deg);flex-shrink: 0;}
.page-download-center-toolbar .select-list-item a.active i {border-color: #e6002d;background: #e6002d;}
.page-download-center-toolbar .select-list-item a.active i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.page-download-center-toolbar .select-list-item a.partial i {border-color: #e6002d;background: #fff;}
.page-download-center-toolbar .select-list-item a.partial i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: 2px;background: #e6002d;transform: translate(-50%, -50%);}
.page-download-center-toolbar .select-list-item a.hover,
.page-download-center-toolbar .select-list-item a:hover {background: #fafafa;}
.page-download-center-toolbar .select-list-item a.active span,
.page-download-center-toolbar .select-list-item a.partial span {color: #e6002d;}
.page-download-center-toolbar .select-list {width: 100%;}
.page-download-center-toolbar .select-item-language .select-list-item a .arrow {display: none;}
.page-download-center-toolbar .select-item-language .select-list-item {max-height: 28rem;overflow-x: hidden;overflow-y: auto;}
.page-download-center-toolbar .select-item-video-type .select-list-item {max-height: 28rem;overflow-x: hidden;overflow-y: auto;}
.page-download-center-toolbar .select-list-content .select-list {display: block;position: relative;left: auto;top: auto;width: 42%;max-height: 28rem;overflow-x: hidden;overflow-y: auto;border: 0;border-radius: 0;box-shadow: none;border-right: 1px solid #ededed;}
.page-download-center-toolbar .select-secondary-list {width: 58%;max-height: 28rem;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;}
.page-download-center-toolbar .select-secondary-list-item {display: none;padding: 1rem 0;box-sizing: border-box;}
.page-download-center-toolbar .select-secondary-list-item.active {display: block;}
.page-download-center-toolbar .select-secondary-list-item a {display: flex;align-items: center;width: 100%;padding: 1.2rem 1.6rem;text-decoration: none;box-sizing: border-box;}
.page-download-center-toolbar .select-secondary-list-item a i {display: block;width: 1.6rem;height: 1.6rem;margin-right: 1rem;border: 1px solid #ccc;border-radius: .4rem;position: relative;box-sizing: border-box;flex-shrink: 0;}
.page-download-center-toolbar .select-secondary-list-item a span {display: block;color: #000;line-height: 1.3;}
.page-download-center-toolbar .select-secondary-list-item a.active i {border-color: #e6002d;background: #e6002d;}
.page-download-center-toolbar .select-secondary-list-item a.active i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.page-download-center-toolbar .select-secondary-list-item a.active span {color: #e6002d;}
.page-download-center-toolbar .select-secondary-list-item a:hover {background: #fafafa;}
.toolbar-group-filetype {display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.toolbar-group-filetype .title-2 {width: auto;margin-right: 2%;flex-shrink: 0;box-sizing: border-box;margin-bottom: 1rem;}
.toolbar-group-filetype .title-2 span {display: block;color: #000;line-height: 1.2;white-space: nowrap;}
.page-download-center-toolbar .file-type-item {width: 85%;box-sizing: border-box;}
.page-download-center-toolbar .file-type-item ul {display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0;list-style: none;width: 100%;}
.page-download-center-toolbar .file-type-item li {margin: 0 1rem 1rem 0;padding: 0;}
.page-download-center-toolbar .file-type-item li a {display: flex;align-items: center;padding: 1.2rem 2.2rem;border: 1px solid #ddd;border-radius: 10rem;text-decoration: none;box-sizing: border-box;white-space: nowrap;}
.page-download-center-toolbar .file-type-item li a i {display: block;width: 1.6rem;height: 1.6rem;margin-right: .8rem;border: 1px solid #ccc;border-radius: 50%;position: relative;box-sizing: border-box;flex-shrink: 0;}
.page-download-center-toolbar .file-type-item li a span {display: block;color: #000;line-height: 1.2;}
.page-download-center-toolbar .file-type-item li.active a {border-color: #e6002d;}
.page-download-center-toolbar .file-type-item li.active a span {color: #e6002d;}
.page-download-center-toolbar .file-type-item li.active a i {border-color: #e6002d;background: #e6002d;}
.page-download-center-toolbar .file-type-item li.active a i::after {content: '';position: absolute;left: 50%;top: 50%;width: .8rem;height: .8rem;transform: translate(-50%, -50%);box-sizing: border-box;background: url('../images/g.svg') center no-repeat;background-size: 100%;}
.toolbar-group-results .toolbar-group-content {display: flex;align-items: flex-start;justify-content: space-between;width: 100%;box-sizing: border-box;}
.toolbar-group-results .select-content {width: 70%;box-sizing: border-box;display: flex;align-items: center;}
.toolbar-group-results .select-content.is-hidden {opacity: 0;}
.toolbar-group-results .select-content .title-2 {margin-bottom: 1.2rem;box-sizing: border-box;}
.toolbar-group-results .select-content .title-2 span {display: block;color: #000;line-height: 1.2;white-space: nowrap;}
.page-download-center-toolbar .show-results-item {display: flex;flex-wrap: wrap;align-items: center;width: 100%;box-sizing: border-box;margin-left: 2rem;}
.page-download-center-toolbar .show-results-item a {display: inline-flex;align-items: center;padding: .8rem 1.2rem .8rem 1.6rem;margin: 0 1rem 1rem 0;border: 1px solid #e6002d;border-radius: 10rem;text-decoration: none;box-sizing: border-box;}
.page-download-center-toolbar .show-results-item a span {display: block;color: #e6002d;line-height: 1.2;}
.page-download-center-toolbar .show-results-item a i.delete {display: block;width: 1.6rem;height: 1.6rem;margin-left: .8rem;position: relative;flex-shrink: 0;cursor: pointer;}
.page-download-center-toolbar .show-results-item a i.delete::before,
.page-download-center-toolbar .show-results-item a i.delete::after {content: '';position: absolute;left: 50%;top: 50%;width: 1rem;height: 2px;background: #e6002d;transform: translate(-50%, -50%) rotate(45deg);}
.page-download-center-toolbar .show-results-item a i.delete::after {transform: translate(-50%, -50%) rotate(-45deg);}
.page-download-center-toolbar .show-results-item.is-empty::before {content: '';display: block;width: 100%;min-height: 0;}
.page-download-center-toolbar .download-toolbar-actions {display: flex;align-items: center;justify-content: flex-end;width: 28%;box-sizing: border-box;}
.page-download-center-toolbar .download-toolbar-actions a {display: inline-flex;align-items: center;justify-content: center;padding: 1.2rem 2.4rem;border-radius: 10rem;text-decoration: none;box-sizing: border-box;white-space: nowrap;}
.page-download-center-toolbar .download-toolbar-actions .download-reset-btn {background: #fff;margin-right: 1.2rem;}
.page-download-center-toolbar .download-toolbar-actions .download-reset-btn span {color: #666;line-height: 1.2;}
.page-download-center-toolbar .download-toolbar-actions .download-reset-btn i {display: block;width: 1.6rem;height: 1.6rem;margin-right: .8rem;position: relative;line-height: 0;opacity: .3;}
.page-download-center-toolbar .download-toolbar-actions .download-apply-btn {background: #e6002d;border: 1px solid #e6002d;}
.page-download-center-toolbar .download-toolbar-actions .download-apply-btn span {color: #fff;line-height: 1.2;}
.page-download-center-toolbar .download-toolbar-actions a:hover {transform: translateY(-.2rem);}
.page-download-center-content {width: 80%;margin: 0 auto;padding-top: 1%;box-sizing: border-box;border-top: 1px solid #ddd;}
.page-download-center-total {width: 100%;margin-bottom: 1.5%;box-sizing: border-box;}
.page-download-center-total span {display: block;color: #666;line-height: 1.4;}
.page-download-center-total strong {color: #e6002d;line-height: 1.2;}
.page-download-center-title {display: flex;align-items: center;width: 100%;padding: 3rem 2%;margin-bottom: 2rem;background: #e6002d;border-radius: 1.2rem;box-sizing: border-box;}
.page-download-center-title strong {display: block;color: #fff;line-height: 1.3;box-sizing: border-box;}
.page-download-center-list {width: 100%;box-sizing: border-box;}
.page-download-center-item {display: flex;align-items: center;width: 100%;padding: 2.3rem 2%;margin-bottom: 2rem;background: #fff;border-radius: 1.2rem;box-sizing: border-box;box-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .04);}
.page-download-center-item:last-child {margin-bottom: 0;}
.page-download-center-item > strong {display: block;color: #000;line-height: 1.45;box-sizing: border-box;}
.page-download-center-item > span {display: block;color: #999;line-height: 1.4;box-sizing: border-box;}
.page-download-center-item:hover {background: #fafafa;box-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .04);}
.page-download-center-title .col-name,
.page-download-center-item .col-name {width: 36%;padding-right: 2%;}
.page-download-center-title .col-product,
.page-download-center-item .col-product {width: 14%;padding-right: 2%;}
.page-download-center-title .col-filetype,
.page-download-center-item .col-filetype {width: 14%;padding-right: 2%;}
.page-download-center-title .col-language,
.page-download-center-item .col-language {width: 10%;padding-right: 2%;}
.page-download-center-title .col-time,
.page-download-center-item .col-time {width: 14%;padding-right: 2%;}
.page-download-center-title .col-operation,
.page-download-center-item .col-operation {width: 12%;}
.page-download-center-item .btn-2 {display: flex;align-items: center;justify-content: flex-end;box-sizing: border-box;}
.page-download-center-item .eye-btn,
.page-download-center-item .download-btn {display: block;width: 2.4rem;height: 2.4rem;margin-left: 4rem;text-decoration: none;transition: opacity .25s ease;}
.page-download-center-item .eye-btn:first-child {margin-left: 0;}
.page-download-center-item .eye-btn:hover img,
.page-download-center-item .download-btn:hover img {opacity: 1;}
.page-download-center-item .eye-btn i,
.page-download-center-item .download-btn i {display: block;width: 100%;height: 100%;line-height: 0;position: relative;}
.page-download-center-item .eye-btn i img,
.page-download-center-item .download-btn i img {max-width: 80%;max-height: 80%;opacity: .5;}
.page-download-center-content .page-turnpage {padding-top: 3%;}
.page-download-center-content .page-download-center-empty {width: 100%;padding: 6% 2%;text-align: center;background: #fff;border-radius: 1.2rem;box-sizing: border-box;}
.page-download-center-content .page-download-center-empty span {display: block;color: #999;line-height: 1.5;}

.page-download-center-video-list {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;justify-content: space-between;}
.page-download-center-video-list .page-video-item {width: 49%;margin-bottom: 2%;box-sizing: border-box;}
.page-download-center-video-list .page-video-item .label-2 span { border: 1px solid #ccc;}

.toolbar-group-brochures {display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;}
.toolbar-group-brochures .toolbar-group { margin-bottom:0;}
.toolbar-group-brochures .toolbar-group-filters .select-item-search {width: 100%;}
.toolbar-group-brochures .file-type-item li {margin: 0 1rem 0 0;}

.page-download-center-brochures-list {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.page-brochures-item {width: 23.777%;margin-right: 1.5%;margin-bottom: 2%;box-sizing: border-box;}
.page-brochures-item:nth-child(4n) {margin-right: 0;}
.page-brochures-item a {display: block;position: relative;overflow: hidden;border-radius: 2rem;background: #fff;}
.page-brochures-item .brochures-item-pic {position: relative;}
.page-brochures-item .brochures-item-pic::before {content: '';display: block;width: 0;height: 3px;position: absolute;left: 0;bottom:0;transition: all .3s ease;background: #e6002d;z-index: 11;}
.page-brochures-item a:hover .brochures-item-pic::before {width: 100%;}
.page-brochures-item .brochures-item-content {padding: 5%;box-sizing: border-box;}
.page-brochures-item .label-1 span { border: 1px solid #ddd;padding: .5rem 1.4rem;border-radius: 10rem;}
.page-brochures-item .title-3 {margin-bottom: 1rem;padding-top: 2rem;min-height: 10rem;}
.page-brochures-item .bottom-1 {display: flex;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;}
.page-brochures-item .bottom-1 .date-1 {color: #999;line-height: 1.3;}
.page-brochures-item .bottom-1 .icon-right {display: block;opacity: 0;}
.page-brochures-item .bottom-1 .icon-right i {width: 3.5rem;height: 3.5rem;display: block;background: #e6002d;border-radius: 100%;position: relative;}
.page-brochures-item .bottom-1 .icon-right i::before {content: '';display: block;width: 1.5rem;height: 1.5rem;background: url('../images/r4.svg') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);}
.page-brochures-item a:hover .bottom-1 .icon-right {opacity: 1;}



/* page-news-center  */
.page-news-center {position: relative;padding-top: 5%;overflow: hidden;background-image: -webkit-linear-gradient(-90deg, #eaf1f5 0%, #f5f4f4 100%);border-bottom: 1px solid #ddd;}
.page-news-center .page-path {width: 98%;} 
.page-news-center-top {text-align: center;padding-top: 5%;overflow: hidden;position: relative;z-index: 11;}
.page-news-center-top .text-1 span {color: #e6002d;}
.page-news-center-top .title-1 {width: 70%;margin: auto;margin-top: 1%;}
.page-news-center-recommend {width: 80%;margin: 2% auto 0;position: relative;overflow: hidden;box-sizing: border-box;}
.page-news-center-swiper {overflow: hidden;margin: 1%;width: 98%;border-radius: 2rem;box-sizing: border-box;background: #fff;}
.page-news-center-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-news-center-item {width: 100%;height: 100%;box-sizing: border-box;}
.page-news-center-item a {display: flex;overflow: hidden;position: relative;width: 100%;height: 100%;text-decoration: none;box-sizing: border-box;}
.page-news-center-item a:hover .pic-1 {transform: scale(1.05);}
.page-news-center-item .img {width: 50%;box-sizing: border-box;border-radius: 2rem 0 0 2rem;overflow: hidden;}
.page-news-center-item .pic-1 {background-position: center;background-size: cover;background-repeat: no-repeat;line-height: 0;overflow: hidden;}
.page-news-center-item .pic-1 img {width: 100%;height: auto;display: block;opacity: 0;}
.page-news-center-item .content-2 {width: 50%;height: 100%;padding: 3% 4%;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: space-between;text-align: left;}
.page-news-center-item .content-top {width: 100%;box-sizing: border-box;}
.page-news-center-item .title-2 {width: 100%;margin-bottom: 1.5rem;box-sizing: border-box;}
.page-news-center-item .title-2 h3 {margin: 0;color: #000;line-height: 1.3;}
.page-news-center-item .content-top p {margin: 0;color: #666;line-height: 1.65;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.page-news-center-item .content-bottom {width: 100%;margin-top: 3%;box-sizing: border-box;}
.page-news-center-item .label-2 {width: 100%;margin-bottom: 2rem;box-sizing: border-box;}
.page-news-center-item .label-2 span {display: inline-block;padding: .5rem 1.4rem;margin: 0 1rem 0 0;background: #f0f0f0;border-radius: 10rem;color: #999;line-height: 1.3;box-sizing: border-box;}
.page-news-center-item .viewmore-1 {display: flex;align-items: center;width: 100%;border-top: 1px solid #ededed;padding-top: 2rem;box-sizing: border-box;}
.page-news-center-item .viewmore-1 span {display: block;color: #000;line-height: 1.4;}
.page-news-center-item .viewmore-1 i {display: block;width: 1.4rem;height: 1.4rem;margin-left: .8rem;background: url('../images/r4.svg') center no-repeat;background-size: 100%;filter: invert(1);flex-shrink: 0;}
.cases-recommend-pagination,
.news-center-pagination {text-align: center;padding-top: 2%;padding-bottom: 3%;width: 100%;position: relative;box-sizing: border-box;}
.cases-recommend-pagination .swiper-pagination-bullet,
.news-center-pagination .swiper-pagination-bullet {display: inline-block;width: 2rem;height: .7rem;margin: 0 .4rem;background: #dce0e4;border-radius: 1rem;opacity: 1;vertical-align: top;cursor: pointer;transition: background .3s ease;}
.cases-recommend-pagination .swiper-pagination-bullet-active,
.news-center-pagination .swiper-pagination-bullet-active {background: #e6002d;}
.page-news-center-center {display: flex;align-items: center;justify-content: space-between;width: 80%;margin: 0 auto;padding: 0 0 2%;box-sizing: border-box;}
.page-news-center-center .index-section-news-nav {width: auto;flex-shrink: 0;}
.page-news-center-center .news-center-search {width: 32%;box-sizing: border-box;}
.page-news-center-center .search-item {display: flex;align-items: center;width: 100%;padding: 0 2rem;background: #fff;border: 1px solid #ededed;border-radius: 10rem;box-sizing: border-box;}
.page-news-center-center .search-item input {display: block;width: 100%;border: 0;background: transparent;outline: none;color: #000;line-height: 4.4rem;box-sizing: border-box;}
.page-news-center-center .search-item input::placeholder {color: #999;}
.page-news-center-center .search-item a {display: block;width: 2rem;height: 2rem;flex-shrink: 0;margin-left: 1rem;text-decoration: none;}
.page-news-center-center .search-item a i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.page-news-center-center .index-section-news-nav li.is-disabled,
.page-news-center-center .search-item a.is-disabled {opacity: .5;pointer-events: none;cursor: default;}
.page-news-center-center .search-item input:disabled {opacity: .6;cursor: not-allowed;}
.page-news-center-bottom {position: relative;width: 80%;margin: 0 auto;padding-bottom: 4%;box-sizing: border-box;}
.page-news-center-list {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.page-news-center-list .index-news-item {width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;height: auto;}
.page-news-center-list .index-news-item:nth-child(4n) {margin-right: 0;}
.page-news-center-empty {width: 100%;padding: 6% 0;text-align: center;box-sizing: border-box;}
.page-news-center-empty span {display: block;color: #999;line-height: 1.4;}
.page-news-center-loading {display: none;position: absolute;left: 0;top: 0;z-index: 12;width: 100%;min-height: 20rem;align-items: center;justify-content: center;flex-direction: column;background: rgba(245, 245, 245, .88);box-sizing: border-box;}
.page-news-center-loading-icon {display: block;width: 4.8rem;height: 4.8rem;margin-bottom: 1.2rem;background: url('../images/loading.gif') center no-repeat;background-size: contain;}
.page-news-center-loading span.text-16 {display: block;color: #666;line-height: 1.4;}
.page-news-center-bottom.is-loading .page-news-center-loading {display: flex;}
.page-news-center-bottom.is-loading .page-news-center-list,
.page-news-center-bottom.is-loading .page-turnpage {opacity: .35;pointer-events: none;}
.page-turnpage ul li a.swiper-button-disabled {opacity: .35;cursor: default;pointer-events: none;}


.page-news-detial {width: 100%;padding: 3% 0;background: #fff;box-sizing: border-box;padding-top: 5%;}
.page-news-detial .page-path {width: 98%;}
.page-news-detial-content {width: 70%;margin: 0 auto;box-sizing: border-box;padding-top: 3%;}
.page-news-detial-top {width: 100%;margin-bottom: 3%;box-sizing: border-box;}
.page-news-detial-top .back-1 {margin-bottom: 2.5rem;}
.page-news-detial-top .back-1 a {display: flex;align-items: center;text-decoration: none;color: #333;}
.page-news-detial-top .back-1 a span {padding: 1rem 2.4rem;border-radius: 5rem;background: #f2f3f5;color: #333;}
.page-news-detial-top .back-1 i {display: inline-block;width: 3.5rem;height: 3.5rem;margin-right: 1rem;border-radius: 50%;background: #e6002d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M10 3L5 8l5 5'/%3E%3C/svg%3E") no-repeat center center;background-size: 1.6rem 1.6rem;box-sizing: border-box;}
.page-news-detial-top .title-1 {padding: 2% 0;overflow: hidden;}
.page-news-detial-top .title-1 h1 {margin: 0 0 2rem;padding: 0;line-height: 1.3;}
.page-news-detial-top .other-1 {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;box-sizing: border-box;}
.page-news-detial-top .label-1 {display: flex;flex-wrap: wrap;align-items: center;list-style: none;margin: 0;padding: 0;}
.page-news-detial-top .label-1 li {list-style: none;margin-right: 2rem;color: #666;}
.page-news-detial-top .label-1 li:last-child {margin-right: 0;}
.page-news-detial-top .label-1 li span {padding: 1rem 2.4rem;border-radius: 5rem;background: #f2f3f5;color: #666;}
.page-news-detial .share-4 {display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;}
.page-news-detial .share-4 .title-3 {margin-right: 1.2rem;color: #333;}
.page-news-detial .share-4-content {display: flex;flex-wrap: wrap;align-items: center;list-style: none;margin: 0;padding: 0;}
.page-news-detial .share-4-content li {list-style: none;margin-right: 0.8rem;}
.page-news-detial .share-4-content li:last-child {margin-right: 0;}
.page-news-detial .share-4-content li a {display: block;text-decoration: none;}
.page-news-detial .share-4-content li a i {display: inline-block;width: 3.2rem;height: 3.2rem;border-radius: 50%;overflow: hidden;background: #f2f3f5;box-sizing: border-box;position: relative;background: #e6002d;}
.page-news-detial .share-4-content li a i img {max-width: 50%;max-height: 50%;opacity: .3;opacity: 1;filter: invert(1);}
.page-news-detial .share-4-content li a:hover i {background: #e6002d;}
.page-news-detial .share-4-content li a:hover i img {opacity: 1;filter: invert(1);}
.page-news-detial-center {width: 100%;margin-bottom: 3rem;box-sizing: border-box;}
.page-news-detial-center-content {width: 100%;color: #333;line-height: 1.8;box-sizing: border-box;}
.page-news-detial-center-content strong {display: inline-block;margin-top: 1rem;}
.page-news-detial-center-content img {max-width: 100%;height: auto;}
.page-news-detial-bottom {width: 100%;padding-top: 3%;border-top: 1px solid #eee;box-sizing: border-box;}
.page-news-detial-related {width: 100%;padding: 5% 0;background: #eef0f4;box-sizing: border-box;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);}
.page-news-detial-related-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-news-detial-related .title-1 {text-align: center;margin-bottom: 3%;}
.page-news-detial-related .title-1 h3 {margin: 0;padding: 0;}
.news-detial-related-list {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.news-detial-related-list .index-news-item {width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;height: auto;}
.news-detial-related-list .index-news-item:nth-child(4n) {margin-right: 0;}



/* page-ai-energy-storage */
.page-ai-energy-storage {position: relative;padding-top: 5%;}
.page-ai-energy-storage .page-path {width: 98%;} 
.page-ai-energy-storage-top {text-align: center;padding-top: 5%;overflow: hidden;position: relative;z-index: 11;}
.page-ai-energy-storage-top .text-1 span {color: #e6002d;}
.page-ai-energy-storage-top .title-1 {width: 70%;margin: auto;margin-top: 1%;}
.page-ai-energy-storage-top-pic {display: flex;width: 98%;margin: auto;border-radius: 2rem;overflow: hidden;position: relative;margin-top: 4%;}
.page-ai-energy-storage-top-pic .pic-1 {overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 11;transform: translateX(-50%);}
.page-ai-energy-storage-top::after {content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;z-index: 1;background-image: -webkit-linear-gradient( 90deg, #e9f0f5 0%, #eaf1f5 100%);}

.page-ai-energy-storage-section {width: 100%;padding: 6% 0 0;box-sizing: border-box;overflow: hidden;}
.page-smart-energy-management-system {width: 100%;box-sizing: border-box;}
.page-smart-energy-management-system-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-smart-energy-management-system-top {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.page-smart-energy-management-system-left {width: 38%;box-sizing: border-box;}
.page-smart-energy-management-system-left .title-1 h2 {margin: 0;color: #000;line-height: 1.15;}
.page-smart-energy-management-system-right {width: 58%;box-sizing: border-box;}
.page-smart-energy-management-system-right .title-2 {margin-bottom: 2.4rem;box-sizing: border-box;}
.page-smart-energy-management-system-right .title-2 h4 {margin: 0;color: #000;line-height: 1.45;}
.page-smart-energy-management-system-right .text-1 p {margin: 0 0 1.6rem;color: #666;line-height: 1.75;box-sizing: border-box;}
.page-smart-energy-management-system-right .text-1 p:last-child {margin-bottom: 0;}
.page-smart-energy-management-system-bottom {width: 100%;margin-top: 5%;line-height: 0;border-radius: 2rem;overflow: hidden;box-sizing: border-box;}

.page-core-control-system {background: #fff;margin: 0 auto;box-sizing: border-box;text-align: center;padding: 0;overflow: hidden;background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(230,242,247) 0%, rgb(255,255,255) 100%);}
.page-core-control-system-top {width: 80%;box-sizing: border-box;margin: auto;}
.page-core-control-system-top .title-1 h2 {margin: 0;color: #000;line-height: 1.15;}
.page-core-control-system-top .text-1 {width: 58%;margin: 2.4rem auto 0;box-sizing: border-box;}
.page-core-control-system-top .text-1 p {margin: 0;color: #666;line-height: 1.75;}
.page-core-control-system-list {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 5%;box-sizing: border-box;}
.page-core-control-system-item {width: 18%;box-sizing: border-box;}
.page-core-control-system-item .icon-1 {width: 5.6rem;height: 5.6rem;margin: 0 auto 2rem;border-radius: 1rem;background: #f2f5fa;position: relative;box-sizing: border-box;overflow: hidden;box-shadow: 0px 6px 38px 0px rgba(100, 115, 146, 0.15);border: 4px solid rgba(250, 252, 255, .8);}
.page-core-control-system-item .icon-1 i {display: block;width: 100%;height: 100%;position: relative;line-height: 0;}
.page-core-control-system-item .icon-1 .img-center {max-width: 55%;max-height: 55%;}
.page-core-control-system-item .title-2 span {margin: 0;color: #000;line-height: 1.45;display: block;width: 70%;margin: auto;}
.page-core-control-system-pic {width: 100%;margin-top: -2%;line-height: 0;text-align: center;box-sizing: border-box;}
.page-core-control-system-pic .img-inline {display: block;margin: 0 auto;max-width: 100%;height: auto;}

.page-ai-energy-storage-bottom-link {width: 100%;padding: 0 0 1%;box-sizing: border-box;background: #e6f1f7;}
.page-ai-energy-storage-bottom-link-content {position: relative;width: 98%;margin: 0 auto;border-radius: 2rem;overflow: hidden;box-sizing: border-box;}
.page-ai-energy-storage-bottom-link-content .pic-1 {line-height: 0;}
.page-ai-energy-storage-bottom-link-content .content-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: stretch;box-sizing: border-box;background: rgba(0, 0, 0, .25);}
.page-ai-energy-storage-bottom-link-content .link-item {width: 50%;box-sizing: border-box;position: relative;}
.page-ai-energy-storage-bottom-link-content .link-item:first-child {border-right: 1px solid rgba(255, 255, 255, .35);}
.page-ai-energy-storage-bottom-link-content .link-item a {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;min-height: 18rem;padding: 4% 2%;text-decoration: none;box-sizing: border-box;transition: background .35s ease;}
.page-ai-energy-storage-bottom-link-content .link-item a:hover {background: rgba(255, 255, 255, .06);}
.page-ai-energy-storage-bottom-link-content .link-item .title-2 {margin: 0;}
.page-ai-energy-storage-bottom-link-content .link-item .title-2 strong {display: block;color: #fff;line-height: 1.2;}
.page-ai-energy-storage-bottom-link-content .link-item .icon-1 {width: 4.4rem;height: 4.4rem;margin-top: 2.4rem;border-radius: 50%;background: #fff;position: relative;box-sizing: border-box;transition: background .35s ease;}
.page-ai-energy-storage-bottom-link-content .link-item a:hover .icon-1 {background:#c40026;}
.page-ai-energy-storage-bottom-link-content .link-item .icon-1 i {display: block;width: 100%;height: 100%;position: relative;font-style: normal;color: transparent;overflow: hidden;background: url('../images/r4.svg') center no-repeat;background-size: 1.6rem 1.6rem;filter: invert(1);}
.page-ai-energy-storage-bottom-link-content .link-item a:hover .icon-1 i {filter: none;}

  
/* page-about-eenovance  */
.page-about-eenovance {box-sizing: border-box;padding-top: 5%;}
.page-about-eenovance .page-path {width: 98%;}
.page-about-eenovance-top {width: 100%;margin: auto;box-sizing: border-box;text-align: center;padding-top: 5%;}
.page-about-eenovance-top .text-1 span {color: #e6002d;}
.page-about-eenovance-top .title-1 {width: 100%;margin: 0 auto;box-sizing: border-box;} 
.page-about-eenovance-top .pic-1 {width: 100%;margin: 0 auto;box-sizing: border-box;background: #000;} 
.page-about-eenovance-top-pic {display: flex;width: 98%;margin: auto;border-radius: 2rem;overflow: hidden;position: relative;margin-top: 4%;}
.page-about-eenovance-top-pic .pic-1 {overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;width: 100%;height: 100%;z-index: 11;transform: translateX(-50%);} 
.page-about-company-profile {width: 100%;padding: 5% 0 1% 0;background: #fff;box-sizing: border-box;}
.page-about-company-profile-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-about-company-profile .title-2 {margin-bottom: 3rem;}
.page-about-company-profile .title-2 h2 {margin: 0;color: #000;}
.page-about-company-profile-top {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;align-items: center;overflow: hidden;margin-top: 2%;}
.page-about-company-profile-left {width: 48%;margin-right: 4%;box-sizing: border-box;}
.page-about-company-profile-right {width: 48%;box-sizing: border-box;}
.page-about-company-profile-left .pic-1 {position: relative;border-radius: 1.6rem;overflow: hidden;background: #000;}
.page-about-company-profile-left .pic-1 a {display: block;position: relative;width: 100%;height: 100%;text-decoration: none;}
.page-about-company-profile-left .pic-1 img {display: block;width: 100%;height: 100%;object-fit: cover;}
.page-about-company-profile-left .play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;width: 7.5rem;height: 4.5rem;background: #e6002d;border-radius: 1rem;cursor: pointer;box-sizing: border-box;transition: background .3s ease; }
.page-about-company-profile-left .pic-1 a:hover .play-1 {background: #c40026;}
.page-about-company-profile-left .play-1 i {display: block;width: 100%;height: 100%;position: relative;}
.page-about-company-profile-left .play-1 i::before {content: '';position: absolute;left: 55%;top: 50%;width: 0;height: 0;transform: translate(-50%, -50%);border-style: solid;border-width: .8rem 0 .8rem 1.2rem;border-color: transparent transparent transparent #fff;}
.page-about-company-profile-right .content-1 p {margin: 0 0 1.6rem;color: #333;}
.page-about-company-profile-right .content-1 p:last-child {margin-bottom: 0;}
.page-about-company-profile-right .content-1 strong {color: #e6002d;font-weight: inherit;}
.page-about-company-profile-bottom {width: 100%;margin-top: 1rem;padding-top: 3rem;box-sizing: border-box;}
.page-about-company-profile-data ul,
.page-about-certification-data ul {display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;width: 100%;box-sizing: border-box;}
.page-about-company-profile-data li,
.page-about-certification-data li {width: 25%;padding: 3rem 0;box-sizing: border-box;position: relative;}
.page-about-company-profile-data li::before,
.page-about-company-profile-data li::after,
.page-about-certification-data li::before,
.page-about-certification-data li::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #ddd;}
.page-about-company-profile-data li::after,
.page-about-certification-data li::after {z-index: 11;background: #e6002d;width: 0;} 
.page-about-company-profile-data li:hover::after,
.page-about-certification-data li:hover::after {width: 100%;}
.page-about-company-profile-data .title-3,
.page-about-certification-data .title-3 {margin: 0;}
.page-about-company-profile-data .title-3 strong,
.page-about-certification-data .title-3 strong {color: #e6002d;font-weight: inherit;}
.page-about-company-profile-data .content-2,
.page-about-certification-data .content-2 {margin-top: .1rem;}
.page-about-company-profile-data .content-2 span,
.page-about-certification-data .content-2 span {color: #333;}
.page-about-company-profile-video-modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9998;background: rgba(0, 0, 0, .75);}
.page-about-company-profile-video-box {position: fixed;left: 50%;top: 50%;width: 90%;max-width: 96rem;transform: translate(-50%, -50%);z-index: 9999;box-sizing: border-box;}
.page-about-company-profile-video-close {position: absolute;right: 0;top: -4rem;width: 3rem;height: 3rem;color: #fff;text-align: center;cursor: pointer;}
.page-about-company-profile-video-player {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background: #000;}
.page-about-company-profile-video-player video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;background: #000;}

.page-about-corporate-culture {width: 100%;box-sizing: border-box;position: relative;}
.page-about-corporate-culture::after {content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 1;background: #dce5ec;}
.page-about-corporate-culture-content {width: 98%;box-sizing: border-box;position: relative;overflow: hidden;z-index: 10;margin: auto;}
.page-about-corporate-culture .title-2 {margin-bottom: 3rem;text-align: center;position: absolute;left: 50%;top: 10%;transform: translateX(-50%);z-index: 5;}
.page-about-corporate-culture .title-2 h2 {margin: 0;color: #fff;}
.page-about-corporate-culture-box {position: relative;width: 100%;overflow: hidden;box-sizing: border-box;border-radius: 2rem;}
.page-about-corporate-culture-box .pic-1 {position: relative;background: #333;border-radius: 2rem;overflow: hidden;}  
.page-about-corporate-culture-box .content-1 {display: flex;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;box-sizing: border-box;}
.page-about-corporate-culture .corporate-culture-item {width: 25%;height: 100%;position: relative;box-sizing: border-box;}
.page-about-corporate-culture .corporate-culture-item::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, .18);z-index: 2;}
.page-about-corporate-culture .corporate-culture-item:first-child::before {display: none;}
.page-about-corporate-culture .corporate-culture-item::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;transition: all .35s ease;z-index: 0;pointer-events: none;background-image: -webkit-linear-gradient( 90deg, rgb(230,0,45) 0%, rgba(230,0,45,0) 100%);opacity: 0;z-index: 22;}
.page-about-corporate-culture .corporate-culture-item a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../upload/culture-mark.png') center bottom no-repeat;background-size: 100%;opacity: 0;z-index: 1;} 
.page-about-corporate-culture .corporate-culture-item.active::after,
.page-about-corporate-culture .corporate-culture-item a:hover::after {opacity: .3;}
.page-about-corporate-culture .corporate-culture-item a {display: flex;width: 100%;height: 100%;box-sizing: border-box;text-decoration: none;align-items: flex-end;justify-content: center;position: relative;z-index: 100;}
.page-about-corporate-culture .corporate-culture-item.active a::before ,
.page-about-corporate-culture .corporate-culture-item a:hover::before {opacity: 1;}
.page-about-corporate-culture .corporate-culture-item.active a .position-1 ,
.page-about-corporate-culture .corporate-culture-item a:hover .position-1 {bottom: 50%;transform: translateY(50%);}
.page-about-corporate-culture .corporate-culture-item .position-1 {width: 80%;position: absolute;left: 10%;bottom:5%;z-index: 32;box-sizing: border-box;text-align: center;}
.page-about-corporate-culture .corporate-culture-item .icon-3 {width: 5.6rem;height: 5.6rem;margin: 0 auto 2rem;position: relative;}
.page-about-corporate-culture .corporate-culture-item .icon-3 img {display: block;width: 100%;height: auto;position: relative;left: auto;top: auto;right: auto;bottom: auto;margin: 0;}
.page-about-corporate-culture .corporate-culture-item .title-3 {margin: 0;}
.page-about-corporate-culture .corporate-culture-item .title-3 strong {display: block;color: #fff;}
.page-about-corporate-culture .corporate-culture-item .text-2 {margin-top: 1.2rem;color: rgba(255, 255, 255, .88);min-height: 7rem;}

.page-about-certification {width: 100%;padding: 5% 0 3% 0;background: #dde7ed;box-sizing: border-box;background: url('../upload/certification-bg.jpg') center bottom no-repeat;background-size: 100%;}
.page-about-certification-content {width: 80%;margin: 0 auto;box-sizing: border-box;position: relative;}
.page-about-certification .title-2 {margin-bottom: 1rem;text-align: center;}
.page-about-certification .title-2 h2 {margin: 0;color: #000;}
.page-about-certification .page-about-certification-data {width: 100%;margin-top: 1rem;padding-top: 3rem;box-sizing: border-box;} 
.page-about-certification .page-about-certification-data li::before {background: #ccc;}
.page-about-certification-pic {width: 100%; box-sizing: border-box;margin-top: -2%;}
.page-about-certification-pic img {display: block;width: 100%;height: auto;}
.page-about-certification-bottom {width: 100%;box-sizing: border-box;}
.page-about-certification-swiper {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-about-certification-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-about-certification-item {display: flex;width: 100%;height: 100%;box-sizing: border-box;border-radius: 2rem;overflow: hidden;background: #fff;padding: 1rem;align-items: center;justify-content: space-between;}
.page-about-certification-item .content-1 {width: 60%;box-sizing: border-box;padding-left: 5%;}
.page-about-certification-item .data-4 {margin-bottom: 1.6rem;}
.page-about-certification-item .data-4 i {display: inline-block;font-style: normal;color: #999;margin-right: 1.2rem;}
.page-about-certification-item .data-4 span {color: #000;}
.page-about-certification-item .title-4 {margin: 0;margin-left: 3rem;}
.page-about-certification-item .title-4 strong {display: block;color: #000;}
.page-about-certification-item .pic-1 {width: 30%;box-sizing: border-box;position: relative;border-radius: 1.4rem;overflow: hidden;}

.page-about-history {width: 100%;padding: 5% 0;background: #fff;box-sizing: border-box;}
.page-about-history-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-about-history-top {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 3rem;box-sizing: border-box;}
.page-about-history-top .title-2 {width: auto;}
.page-about-history-top .title-2 h2 {margin: 0;color: #000;}
.page-about-history .history-swiper-navigation {float: none;width: auto;margin: 0;}
.page-about-history .history-swiper-navigation .history-prev,.page-about-history .history-swiper-navigation .history-next {position: relative;left: auto;right: auto;top: auto;bottom: auto;transform: none;}
.page-about-history .history-swiper-navigation .history-prev::after,.page-about-history .history-swiper-navigation .history-next::after {display: none;}
.page-about-history .history-swiper-navigation .history-prev {background: #e6002d;margin-right: 1.2rem;}
.page-about-history .history-swiper-navigation .history-next {background: #000;}
.page-about-history .history-swiper-navigation .history-prev:hover {background: #c40026;}
.page-about-history .history-swiper-navigation .history-next:hover {background: #333;}
.page-about-history-bottom {width: 100%;box-sizing: border-box;margin-top: 3%;}
.page-about-history-bottom-content {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.page-about-history-left {width: 62%;margin-right: 4%;box-sizing: border-box;}
.page-about-history-right {width: 33%;box-sizing: border-box;}
.page-about-history-year-box {display: flex;width: 100%;overflow: hidden;box-sizing: border-box;}
.page-about-history-year-active {width: 38%;flex-shrink: 0;overflow: hidden;box-sizing: border-box;perspective: 1000px;position: relative;}
.page-about-history-year-active::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #ddd;z-index: 0;}
.page-about-history-year-active::after {content: '';position: absolute;left: 0;top: 0;width: 2px;height: 1.5rem;background: #ddd;z-index: 1;}
.page-about-history-year-active .year-item {width: 100%;overflow: hidden;pointer-events: none;box-sizing: border-box;padding-top: 1rem;}
.page-about-history-year-active .year-digits {display: flex;box-sizing: border-box;}
.page-about-history-year-active .year-flip-digit {display: inline-block;position: relative;box-sizing: border-box;overflow: hidden;}
.page-about-history-year-active .year-flip-digit.is-flip-next,
.page-about-history-year-active .year-flip-digit.is-flip-prev {height: 1em;overflow: hidden;}
.page-about-history-year-active .year-flip-digit.is-black .year-flip-out,
.page-about-history-year-active .year-flip-digit.is-black .year-flip-in {color: #000;}
.page-about-history-year-active .year-flip-digit.is-red .year-flip-out,
.page-about-history-year-active .year-flip-digit.is-red .year-flip-in {color: #e6002d;}
.page-about-history-year-active .year-flip-digit.is-idle .year-flip-out {display: inline-block;position: relative;}
.page-about-history-year-active .year-flip-digit.is-flip-next .year-flip-out,
.page-about-history-year-active .year-flip-digit.is-flip-prev .year-flip-out,
.page-about-history-year-active .year-flip-digit.is-flip-next .year-flip-in,
.page-about-history-year-active .year-flip-digit.is-flip-prev .year-flip-in {display: inline-block;position: absolute;left: 0;top: 0;width: 100%;}
.page-about-history-year-active .year-flip-digit.is-flip-next .year-flip-out,
.page-about-history-year-active .year-flip-digit.is-flip-prev .year-flip-out {z-index: 1;animation: history-digit-out-up .45s cubic-bezier(.33, 1, .68, 1) both;animation-delay: var(--flip-out-delay, 0s);}
.page-about-history-year-active .year-flip-digit.is-flip-next .year-flip-in,
.page-about-history-year-active .year-flip-digit.is-flip-prev .year-flip-in {z-index: 2;transform: translateY(100%);opacity: 0;animation: history-digit-in-up .45s cubic-bezier(.33, 1, .68, 1) both;animation-delay: var(--flip-in-delay, 0s);}
@keyframes history-digit-out-up {
	0% {transform: translateY(0);opacity: 1;}
	100% {transform: translateY(-100%);opacity: 0;}
}
@keyframes history-digit-in-up {
	0% {transform: translateY(100%);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}
.page-about-history-year-track-box {width: 62%;overflow: hidden;box-sizing: border-box;}
.page-about-history-year-track {display: flex;width: 100%;box-sizing: border-box;transition: transform .5s ease;}
.page-about-history-year-track .year-nav-item {width: 33.333333%;flex-shrink: 0;box-sizing: border-box;position: relative;}
.page-about-history-year-track .year-nav {display: block;width: 100%;margin: 0;padding: 3rem 0 0 0;border: 0;background: none;cursor: pointer;box-sizing: border-box;position: relative;text-align: left;}
.page-about-history-year-track .year-nav::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #ddd;z-index: 0;}
.page-about-history-year-track .year-nav::after {content: '';position: absolute;left: 0;top: 0;width: 2px;height: 1.5rem;background: #ddd;z-index: 1;}
.page-about-history-year-track .year-nav span {color: #000;position: relative;z-index: 1;pointer-events: none;transition: color .3s ease;} 
.page-about-history-year-track .year-item {display: none;}
.page-about-history-content-swiper {width: 100%;overflow: hidden;box-sizing: border-box;}
.page-about-history-content-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.page-about-history-item {width: 100%;padding-top: 2rem;border-top: 2px solid #e6002d;box-sizing: border-box;}
.page-about-history-item .title-3 {margin: 0 0 1.6rem;}
.page-about-history-item .title-3 span {display: block;color: #000;}
.page-about-history-item .text-2 ul {margin: 0;padding: 0;list-style: none;}
.page-about-history-item .text-2 li {position: relative;padding-left: 1.6rem;color: #666;}
.page-about-history-item .text-2 li::before {content: '';position: absolute;left: 0;top: 50%;width: .6rem;height: .6rem;border-radius: 50%;background: #e6002d;transform: translateY(-50%);}
.page-about-history-item .pic-1 {margin-top: 2rem;border-radius: 1.2rem;overflow: hidden;line-height: 0;width: 50%;} 

.page-about-intelligent-manufacturing {width: 100%;padding: 5% 0;background: #fff;box-sizing: border-box;}
.page-intelligent-manufacturing-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-intelligent-manufacturing-content-top {width: 100%;overflow: hidden;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.page-intelligent-manufacturing-left {float: left;width: 40%;margin-right: 4%;box-sizing: border-box;}
.page-intelligent-manufacturing-right {float: left;width: 56%;box-sizing: border-box;}
.page-intelligent-manufacturing-content-top::after {content: '';display: block;clear: both;}
.page-intelligent-manufacturing-left .title-2 {margin-bottom: 2.4rem;}
.page-intelligent-manufacturing-left .title-2 h2 {margin: 0;color: #000;}
.page-intelligent-manufacturing-left .text-2 {color: #666;line-height: 1.75;}
.page-intelligent-manufacturing-swiper {width: 100%;overflow: hidden;box-sizing: border-box;border-radius: 1.6rem;position: relative;}
.page-intelligent-manufacturing-swiper .swiper-slide {height: auto;box-sizing: border-box;}
.intelligent-manufacturing-item {width: 100%;border-radius: 1.6rem;overflow: hidden;line-height: 0;background: #f5f5f5;}
.intelligent-manufacturing-item img {display: block;width: 100%;height: auto;}
.page-intelligent-manufacturing-swiper .intelligent-manufacturing-pagination {position: absolute;text-align: center;left: 5%;width: 90%;bottom: 5%;z-index: 22;}
.intelligent-manufacturing-pagination .swiper-pagination-bullet {display: inline-block;width: 2rem;height: .7rem;margin: 0 .4rem;background: #d8dde3;border-radius: 1rem;opacity: 1;vertical-align: middle;transition: background .3s ease;}
.intelligent-manufacturing-pagination .swiper-pagination-bullet-active {background: #e6002d;}
.page-intelligent-manufacturing-content-bottom {width: 100%;margin-top: 4rem;padding-top: 3rem;box-sizing: border-box;clear: both;}
.page-manufacturing-manufacturing-data {width: 100%;box-sizing: border-box;}
.page-manufacturing-manufacturing-data ul {margin: 0;padding: 0;list-style: none;width: 100%;overflow: hidden;box-sizing: border-box;}
.page-manufacturing-manufacturing-data li {float: left;width: 25%;padding: 3rem 2rem 0 0;box-sizing: border-box;position: relative;}
.page-manufacturing-manufacturing-data li::before,
.page-manufacturing-manufacturing-data li::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #ddd;}
.page-manufacturing-manufacturing-data li::after {z-index: 2;background: #e6002d;width: 0;transition: width .35s ease;}
.page-manufacturing-manufacturing-data li:hover::after {width: 100%;}
.page-manufacturing-manufacturing-data .title-3 {margin: 0;}
.page-manufacturing-manufacturing-data .title-3 strong {color: #e6002d;font-weight: inherit;}
.page-manufacturing-manufacturing-data .title-3 span {color: #e6002d;}
.page-manufacturing-manufacturing-data .countup {display: inline-block;font-variant-numeric: tabular-nums;font-feature-settings: 'tnum' 1;}
.page-manufacturing-manufacturing-data .content-2 {margin-top: .8rem;}
.page-manufacturing-manufacturing-data .content-2 span {color: #333;}

.page-about-experimental-center {width: 100%;padding: 5% 0;box-sizing: border-box;overflow: visible;background-image: -webkit-linear-gradient(270deg, #fff 0%, #fff 62.9999% , #d8e2eb 63% ,#d8e2eb 100%);}
.page-experimental-center-content {width: 100%;margin: 0 auto;box-sizing: border-box;overflow: visible;}
.page-experimental-center-content-top {width: 100%;text-align: center;box-sizing: border-box;margin-bottom: 4rem;}
.page-experimental-center-content-top .title-2 {margin-bottom: 2rem;}
.page-experimental-center-content-top .title-2 h2 {margin: 0;color: #000;}
.page-experimental-center-content-top .text-2 {width: 50%;margin: 0 auto;color: #666;line-height: 1.75;}
.page-experimental-center-content-bottom {width: 100%;box-sizing: border-box;overflow: hidden;}
.page-experimental-center-swiper {width: 100%;overflow: hidden;padding: 0;box-sizing: border-box;}
.page-experimental-center-swiper .swiper-wrapper {box-sizing: border-box;align-items: center;}
.page-experimental-center-swiper .swiper-slide {width: 20%;height: auto;box-sizing: border-box;align-self: center;overflow: visible;}
.page-experimental-center-swiper .swiper-slide-prev .page-experimental-center-item {transform: translateX(-73%);}
.page-experimental-center-swiper .swiper-slide-next .page-experimental-center-item {transform: translateX(-28%);}
.page-experimental-center-swiper .swiper-slide-active {z-index: 2;}
.page-experimental-center-item {width: 97%;margin: 0 auto;position: relative;left: 50%;border-radius: 1.6rem;overflow: hidden;box-sizing: border-box;transform: translateX(-50%);transition: width .5s ease, transform .5s ease;}
.page-experimental-center-swiper .swiper-slide-active .page-experimental-center-item {width: 185%;}
.page-experimental-center-item .pic {width: 100%;border-radius: 1.6rem;overflow: hidden;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.page-experimental-center-item .pic .img-block {display: block;width: 100%;height: auto;visibility: hidden;} 
.page-experimental-center-item .pic::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);z-index: 0;}
.page-experimental-center-item .content-1 {position: absolute;left: 0;bottom: 0;width: 100%;padding: 2.4rem 1.6rem;box-sizing: border-box;text-align: center;z-index: 2;pointer-events: none;}
.page-experimental-center-item .title-3 {margin: 0;position: relative;z-index: 1;}
.page-experimental-center-item .title-3 strong {display: block;color: #fff;font-weight: inherit;}

.page-about-global-layout {position: relative;padding: 5% 0 1% 0;overflow: hidden;background-image: -moz-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);background-image: -ms-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(221,231,237) 100%);}
.page-about-global-layout .eenovance-content {width: 80%;}
.page-about-global-layout-content .about-content {width: 35%;}
.page-about-global-layout-content {position: relative;overflow: hidden;} 
.global-layou-data-content {position: absolute;left: 0;bottom: 3%;z-index: 1;width: 25%;}
.global-layou-data-content ul {display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;list-style: none;margin: 0;padding: 0;}
.global-layou-data-content li {width: 100%;box-sizing: border-box;padding: 1.5rem 0;margin: 0;list-style: none;position: relative;}
.global-layou-data-content li::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ddd;z-index: 0;}
.global-layou-data-content li::after {content: '';position: absolute;left: 0;bottom: 0;width: 14%;height:1px;background: #e6002d;z-index: 1;}
.global-layou-data-content li:last-child::after,.global-layou-data-content li:last-child::before {display: none;}
.global-layou-data-content li .title-3 {margin: 0;color: #000;}
.global-layou-data-content li .content-2 {color: #666;}
.global-layou-data-content li .content-2 span {color: #666;}

.page-about-sustainability {position: relative;overflow: hidden;background: #f5f5f5;}
.page-about-sustainability .pic-1 {width: 98%;margin: 1%;border-radius: 2rem;overflow: hidden;background: #000;}
.page-about-sustainability .content-1 {width: 36%;position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;}
.page-about-sustainability .content-1 p {opacity: .6;}
.page-about-sustainability .content-1 .explore-more {justify-content: flex-start;}





/* page-contact-us  */
.page-contact-us {background: #f2f3f5;box-sizing: border-box;padding-top: 5%;background-image: -webkit-linear-gradient( 90deg, rgb(245,245,245) 0%, rgb(233,240,245) 100%);}
.page-contact-us .page-path {width: 98%;}
.page-contact-top {text-align: center;padding: 4% 0;overflow: hidden; position: relative;z-index: 11;} 
.page-contact-top .title-1 {width: 60%;margin: auto;margin-top: 1rem;}
.page-contact-top .text-1 span {color: #e6002d;}
.page-contact-us-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-contact-us-content-top {display: flex;flex-wrap: wrap;width: 100%;background: #fff;border-radius: 12px;overflow: hidden;margin-bottom: 3%;box-sizing: border-box;align-items: center;}
.page-contact-us-content-left {width: 50%;padding: 3% 4%;box-sizing: border-box;}
.page-contact-us-content-right {width: 50%;box-sizing: border-box;}
.page-contact-us-content-right .pic-1 {width: 100%;height: 100%;}
.page-contact-us-content-right .pic-1 img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 0 12px 12px 0;}
.page-contact-us-item {padding: 3rem 0;border-bottom: 1px solid #eee;box-sizing: border-box;}
.page-contact-us-item:first-child {padding-top: 0;}
.page-contact-us-item:last-child {border-bottom: none;padding-bottom: 0;}
.page-contact-us .title-2 {display: flex;align-items: center;margin-bottom: 12px;}
.page-contact-us .title-2 i {display: inline-block;width: 24px;height: 24px;margin-right: 10px;position: relative;}
.page-contact-us .title-2 i img,.page-contact-us .icon-1 i img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.page-contact-us-item .content-2 {box-sizing: border-box;position: relative;width: 100%;}
.page-contact-us-item .content-2 strong {font-size: 2.4rem;}
.page-contact-us-item:first-child .content-2 {display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;}
.right-absolute {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #999;}
.page-contact-us-item .content-2 p {margin: 0;line-height: 1.6;color: #666;}
.page-contact-us-content-bottom {overflow: hidden;padding-bottom: 4%;}
.page-contact-us-content-bottom ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;width: 100%;box-sizing: border-box;}
.page-contact-us-content-bottom li {width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;background: #fff;border-radius: 12px;padding: 2.4rem 20px;box-sizing: border-box;}
.page-contact-us-content-bottom li:nth-child(4n) {margin-right: 0;}
.page-contact-us-content-bottom .icon-1 {margin-bottom: 16px;}
.page-contact-us-content-bottom .icon-1 i {display: inline-block;width: 40px;height: 40px;position: relative;background: #e6002d;border-radius: 10px;}
.page-contact-us-content-bottom .icon-1 i img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 60%;max-height:60%;}
.page-contact-us-content-bottom .title-2 {margin-bottom: 8px;margin-top: 4rem;}
.page-contact-us-content-bottom .text-2 {word-break: break-all;}
.page-contact-us-content-bottom .text-2 span {color: #666;}
.page-contact-us .img-center {display: block;max-width: 100%;height: auto;}
.page-contact-us .img-block {display: block;width: 100%;} 




/* page-search */
.page-search {width: 100%;padding: 5% 0 ;box-sizing: border-box;padding-top: 6%;}
.page-search .page-path {width: 98%;}
.page-search-content {width: 80%;margin: 0 auto;box-sizing: border-box;}
.page-search-bar {width: 50%;margin: 4% auto ;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: none;border-radius: 10rem;background: #f5f5f5;outline: none;color: #000;box-sizing: border-box;}
.page-search-input::placeholder {color: #999;}
.page-search-submit {position: absolute;right: .6rem;top: 50%;width: 4.4rem;height: 4.4rem;margin-top: -2.2rem;border: none;border-radius: 50%;background: #e6002d;padding: 0;cursor: pointer;box-sizing: border-box;transition: background .3s ease;}
.page-search-submit:hover {background: #c40026;}
.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-bottom: 4%;text-align: center;box-sizing: border-box;}
.page-search-tabs ul {display: inline-block;margin: 0;padding: .4rem;list-style: none;border-radius: 10rem;background: #f5f5f5;white-space: nowrap;box-sizing: border-box;}
.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: 10rem;color: #999;text-decoration: none;box-sizing: border-box;}
.page-search-tabs li a span {display: block;color: #666;line-height: 1.2;}
.page-search-tabs li a em {font-style: normal;}
.page-search-tabs li.active a {background: #e6002d;}
.page-search-tabs li.active a span {color: #fff;}
.page-search-results {width: 100%;box-sizing: border-box;}
.page-search-panel {display: none;width: 100%;box-sizing: border-box;}
.page-search-panel.is-active {display: block;}
.page-search-bottom {width: 100%;box-sizing: border-box;}
.page-search-bottom.is-loading .page-search-list {opacity: .5;pointer-events: none;}
.page-search-list {width: 100%;box-sizing: border-box;overflow: hidden;}
.page-search-empty {width: 100%;padding: 6% 0;text-align: center;box-sizing: border-box;}
.page-search-empty span {display: block;color: #999;line-height: 1.4;}
.page-search-news-list {display: flex;flex-wrap: wrap;}
.page-search-news-list .index-news-item {display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;height: auto;}
.page-search-news-list .index-news-item a {background: #f5f5f5;}
.page-search-news-list .index-news-item:nth-child(4n) {margin-right: 0;}
.page-search-products-list {display: flex;flex-wrap: wrap;}
.page-search-products-list .products-item {display: inline-block;vertical-align: top;width: 31.999%;margin-right: 2%;margin-bottom: 2%;box-sizing: border-box;}
.page-search-products-list .products-item:nth-child(3n) {margin-right: 0;}
.page-search-products-list .products-item a {position: relative;}
.page-search-cases-list {display: flex;flex-wrap: wrap;}
.page-search-cases-list .relevant-cases-item {display: inline-block;vertical-align: top;width: 32.333%;margin-right:0;margin-bottom: 2%;box-sizing: border-box;height: auto;}
.page-search-cases-list .relevant-cases-item:nth-child(3n) {margin-right: 0;}
.page-search-cases-list .relevant-cases-item a { background: #f5f5f5;}