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

/* 全局变量 */
:root{
   --max-width: 1600;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 102, 102, 102; /*#666666*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 255, 119, 15; /*#ff770f*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --font-family: 'Poppins', sans-serif;
   --font-family__en: 'Oswald', sans-serif;
   --white-color__rgb: 255,255,255; /*#FFFFFF*/
   --white-color: rgba(var(--white-color__rgb), 1);
   --black-color__rgb: 0,0,0; /*#000000*/
   --black-color: rgba(var(--black-color__rgb), 1);
   --border-color__rgb: 237, 237, 237; /*#ededed*/
   --border-color: rgba(var(--border-color__rgb), 1);
   --border:1px solid var(--border-color);
   --gray-color__rgb: 153,153,153; /*#999999*/
   --gray-color: rgba(var(--gray-color__rgb), 1);
   --color-333__rgb: 51,51,51; /*#333333*/
   --color-333: rgba(var(--color-333__rgb), 1);
   --main_line_height: 1;
   --button_height: 0.4rem;
   --font-weight__l: 100;
   --font-weight__r: 400;
   --font-weight__m: 500;
   --font-weight__b: 700;
   --transition: 0.5s;
   --header_height: 0.8rem;
   --lg-bg:linear-gradient(185deg,   rgba(223, 223, 223, 0.6) 0%,   rgba(233, 233, 233, 0.6) 100%);
   --lg-bg__100:linear-gradient(185deg,   rgba(223, 223, 223, 1) 0%,   rgba(233, 233, 233, 1) 100%);
   --lg-bg__50:linear-gradient(185deg,   rgba(223, 223, 223, 0.5) 0%,   rgba(233, 233, 233, 0.5) 100%);
   --lg-bg__30:linear-gradient(185deg,   rgba(223, 223, 223, 0.3) 0%,   rgba(233, 233, 233, 0.3) 100%);
}

/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100rem);}
@media (min-width:1600px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}*/


/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
   html:not(.view){font-size: calc(100 / 500 * 100vw);}
}

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

body.editor{line-height: calc(30/18);}

pre{text-align: left;}

.container {width: 87.6%;margin: 0 auto;}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

/* Start
   ========================================================================== */
header .wrap{position: fixed;top: 0;left: 0;width: 100%;z-index: 100; border-bottom: 1px solid transparent; transition: var(--transition);}
header .container{height: var(--header_height);}
header .logo img{height: 0.34rem;}
header.dark-style:not(.no-height){margin-bottom: var(--padding-margin__100);}
@media (min-width: 1025px) {
header.dark-style:not(.no-height){height: var(--header_height);}
header.light-style,
header.light-style a:not(:hover){color: var(--white-color);} 
header.dark-style .wrap{background-color: var(--white-color); border-bottom-color: var(--border-color);}
header.light-style .wrap{ border-bottom-color: rgba(var(--white-color__rgb), 0.1);}
header.light-style .logo img{filter: brightness(0) invert(1);}
header :where(.header-right, .logo){width: 20%; max-width: 2rem;}
header .container{width: auto;max-width: none;padding: 0 var(--padding-margin__60);}
}
@media (max-width: 1024px) {
header{height: var(--header_height);}
header .wrap{background-color: var(--white-color); border-bottom-color: var(--border-color);}
}
@media (max-width: 480px) {
   :root{--header_height: 0.6rem;}
   header .logo img{height: 0.24rem;}
}

.main-nav li .sub .inner{max-width: 1020px; margin: 0 auto;font-weight: var(--font-weight__l);}
.main-nav li .sub .inner .mid,
.main-nav li .sub .inner .right{display: flex; flex-direction: column;}
.main-nav li .sub .inner .right{align-items: flex-end;}
.main-nav li .sub .inner .mid{align-items: center;}
.main-nav li .sub .inner .mid .list{max-width: 90%;}
.main-nav li .sub .list dd{line-height: calc(42 / 16); }
.main-nav li .sub .list dd a{display: inline-block; padding-right: 0.15rem;background: no-repeat right center;background-size: auto 0.11rem;}
.main-nav li .sub .list dd a:hover{background-image: url(../images/nav-a.svg);}
.main-nav li .sub .inner .right .img{max-width: 2.65rem;width: 90%;}
.main-nav li .sub .inner .right .img figure{padding-bottom: calc(170 / 265 * 100%);}
.main-nav li span,
.main-nav li span a{display: block;}
.main-nav li span a{font-size: var(--font-size__18);}
.main-nav li span a{position: relative;line-height: var(--header_height);}
.main-nav li span a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;background-color: var(--primary-color);transform: scaleX(0);transform-origin: 100% 50%;transition: transform 0.3s;}
nav li.aon span a:after,
.main-nav li span a:hover:after{transform: scaleX(1);transform-origin: 0 50%;}
@media (min-width: 1025px) {
.main-nav li:not(:last-child){margin-right: 0.55rem;}
header.dark-style .main-nav li span a{color: var(--black-color);}
.main-nav li .sub .inner > div{width: calc(100% / 3);}
.main-nav li .sub .inner > div:not(:last-child){border-right: 1px solid #e5e5e5;}
.main-nav li .sub{position: absolute; top: 100%;background-color: #f5f5f5;left: 0;width: 100%;padding: var(--padding-margin__50) 0; left: -100%;  visibility: hidden;opacity: 0; transition: opacity var(--transition); z-index: -1;}
.main-nav li.show .sub{left: 0; visibility: visible; opacity: 1;z-index: 99;}
.column-nav dd{width: calc(265 / var(--max-width) * 100%);}
.main-nav li .sub .left dd.on a{border-bottom: 1px solid var(--primary-color);color: var(--primary-color); font-weight: var(--font-weight__r);}
.column-nav dd:not(:last-child){margin-right: calc(27 / var(--max-width) * 100%)}
.column-nav dd a{display: block;position: relative;z-index: 2;}
.column-nav dd .pic{overflow: hidden; background: var(--black-color);position: relative;z-index: 1; padding-bottom: calc(170 / 265 * 100%);}
.column-nav dd .pic figure{position: absolute; left: 0;top: 0;width: 100%;height: 100%; opacity: 0.5; transition: var(--transition);}
.column-nav dd a:hover .pic figure{transform: scale(1.1);}
.column-nav dd .name{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 2;  color: var(--white-color); display: flex;align-items: center;justify-content: center; font-size: var(--font-size__18);padding: 0 0.2rem;}
.main-nav li .sub .list:not(.on),
.main-nav li .sub .right .img:not(.on){display: none;}
.main-nav li .sub .left dd{line-height: calc(42 / 18); font-size: var(--font-size__18);}
.main-nav li .sub .left dd a{color: var(--black-color);}
}
@media (max-width: 1024px) {
.main-nav{position: fixed;top: var(--header_height);left: -100%;width: 2.4rem;z-index: 99;background-color: var(--white-color);bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(var(--black-color__rgb), 0.1); transition: var(--transition); opacity: 0;}
.menu-show .main-nav{left: 0; opacity: 1;}
.main-nav ul{overflow: auto;padding: 0 0.1rem;}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);}
.main-nav li span{position: relative; overflow: hidden;}
.main-nav li span a{color: var(--black-color);}
.wap-op{position: absolute;right: 0; top:0;width: 0.4rem; height: 100%; background: url(../images/nav-a.svg) var(--background-contain); background-size: auto 25%; transform: rotate(90deg);transition: var(--transition);}
.wap-show .wap-op{transform: rotate(-90deg);}
.open-menu{width: 0.4rem;height: 0.4rem;display: flex;justify-content: space-between;align-items: center;flex-direction: column;padding: 0.1rem 0.05rem;}
.open-menu i{display: block;width:100%;height: 2px;background-color: var(--black-color);}
.menu-show .open-menu i{opacity: 0;}
.menu-show .open-menu{background: url(../images/close-dark.svg) var(--background-contain); background-size: 50% auto;}
.main-nav li .sub .inner :where(.mid,.right){display: none!important;}
.main-nav li .sub{display: none;}
.main-nav li.wap-show .sub{display: block;}
.main-nav li .sub{padding: 0.1rem;}
.main-nav li .sub dd{font-size: var(--font-size__18); line-height: 1.2; padding: 0.4em 0;}
}

@media (min-width: 1025px) {
.header-right{position: relative;z-index: 100;height: var(--header_height);}
}

.lang{position: relative;z-index: 100;}
.lang .icon{display: flex;align-items: center;position: relative;z-index: 3;cursor: pointer;}
.lang .icon:before,
.lang .icon:after{content: '';display: block;background: var(--background-contain);}
.lang .icon:before{width: 0.2rem;height: 0.2rem;background-image: url(../images/lang.svg);}
.lang .icon:after{width: 0.09rem;height: 0.05rem;background-image: url(../images/select.svg);margin-left: 0.1rem;}
.lang-list{position: absolute;top:-0.1rem;left: 50%;width: max-content;z-index: 1;background-color: var(--white-color);transform: translateX(-50%); padding: 0.4rem 0.1rem 0.1rem;border-radius: 0.05rem;transition:var(--transition); visibility: hidden;opacity: 0; box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.1);}
.lang-list li:first-child{border-top: 1px solid rgba(var(--black-color__rgb), 0.1);}
.lang-list li a{display: block;line-height: 2;}
.lang-list li a:not(:hover){color: var(--black-color);}
.lang.show .lang-list{visibility: visible;opacity: 1;}
@media (min-width: 1025px) {
.light-style .lang .icon:before{background-image: url(../images/lang-white.svg);}
.light-style .lang .icon:after{background-image: url(../images/select-white.svg);}
.lang.show .icon:before{background-image: url(../images/lang.svg);}
.lang.show .icon:after{background-image: url(../images/select.svg);}
}

.open-search{width: 0.21rem;height: 0.21rem;background: url(../images/search.svg) var(--background-contain);display: block; margin-left: 0.39rem; cursor: pointer;}
@media (min-width: 1025px) {
.search-show .light-style .open-search{background-image: url(../images/close-blod.svg);}
.light-style .open-search{background-image: url(../images/search-white.svg);}
}
.search-show .open-search{background-image: url(../images/close-dark.svg);}
.header-search{position: absolute;top: 100%;right: 0;z-index: 10;background-color: var(--white-color);width: 5rem;display: flex;align-items: center;justify-content: space-between;transition:var(--transition); visibility: hidden;opacity: 0; transform: translateY(0.1rem);box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.1);}
.search-show .header-search{visibility: visible;opacity: 1; transform: translateY(0);}
.header-search .text{flex: 1;height: 0.4rem;line-height: 0.4rem;padding-left: 0.1rem; border: 0;background: none;color: var(--default-color);}
.header-search .btn{width: 0.4rem;height: 0.4rem;background: url(../images/search-white.svg) var(--primary-color) var(--background-contain);display: block; margin-left: 0.1rem; background-size: 0.2rem auto;cursor: pointer;}
.header-search .text.focus{color: var(--black-color);}
@media (max-width: 1024px) {
   .open-search{margin: 0 0.3rem;}
   .header-search{width: 100%;}
}

.agreement{position: fixed;bottom: -100%;left: 0;width: 100%;z-index: 999;background-color: rgba(var(--black-color__rgb), 0.5); padding: 0.3rem 0.2rem; opacity: 0; transition: opacity 0.3s;}
.agreement.show{bottom: 0; opacity: 1;}
.agreement .close{width: 0.12rem;height: 0.12rem;background: url(../images/close.svg) var(--background-contain);display: block; cursor: pointer;position: absolute;top: 0.1rem;right: 0.1rem;z-index: 10;}
.agreement .btn a{display: block;line-height: 0.41rem;text-align: center;background-color: var(--primary-color);color: var(--white-color);padding: 0 0.2rem; min-width: 1rem;cursor: pointer; text-transform:capitalize;}
.agreement .txt{color: var(--white-color);font-weight: var(--font-weight__l);}
.agreement .txt .tit{ margin-bottom: 0.2rem; font-size: var(--font-size__24); }
.agreement .txt .desc{font-size:var(--font-size__18);line-height: 0.2rem; line-height: calc(24 / 18);color: rgba(var(--white-color__rgb), 0.8);}
.agreement .txt .desc a{color: var(--primary-color);}
.agreement .btn{display: flex;align-items: center;}
   .agreement .btn a:not(:last-child){margin-right: 0.1rem;}
.agreement .btn a.reject{background-color: rgba(var(--black-color__rgb), 0.3);}
@media (min-width: 1025px) {
   .agreement .btn{flex-shrink: 0; margin-left: var(--padding-margin__50);}
}
@media (max-width: 1024px) {
   .agreement .btn{margin-top: var(--padding-margin__40); justify-content: center;}
   .agreement .btn a{width: 1rem;}
}

.right-enter{position: fixed;right: 0;bottom: 5%;z-index: 99;width: 0.5rem; margin-bottom: 0.5rem;}
.right-enter .back-top{width: 0.5rem;height: 0.5rem;background: url(../images/gettop.svg) rgba(var(--black-color__rgb), 0.3) var(--background-contain);background-size: auto 0.18rem;display: none; cursor: pointer;position: absolute;top: 100%;left: 0;}
.right-enter .back-top:hover{background-color: rgba(var(--primary-color__rgb), 0.9);}
.right-enter .to-contact{background-color: var(--primary-color);color: var(--white-color); display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
@media (min-width: 769px) {
.right-enter .to-contact{ padding: 0.15rem 0;}
.right-enter .to-contact:before{content: '';display: block;width: 0.2rem;height: 0.2rem;background: var(--background-contain);background-image: url(../images/tel.svg); margin-bottom: 0.1rem;}
.right-enter .to-contact span{ position: relative; transform: rotate(90deg);transform-origin: left top;display: block;white-space: nowrap;left: 100%; height: 5.5em; font-weight: var(--font-weight__l);}
}
@media (max-width: 768px) {
   .right-enter .to-contact{width: 0.5rem;height: 0.5rem;background: url(../images/tel.svg)  var(--primary-color) var(--background-contain);background-size: auto 0.2rem;} 
   .right-enter .to-contact span{display: none;}
}

.to-contact-popup{position: fixed;top: 0;width: 100%;height: 100%;z-index: 999;background-color: rgba(var(--black-color__rgb), 0.5); opacity: 0; transition: opacity 0.3s; left: -100%;}
.to-contact-popup.show{opacity: 1;left: 0;}
.to-contact-popup .inner{position: relative;width: 90%;max-width: 7.4rem;background-color: var(--white-color);border-right: 0.5rem solid var(--primary-color); padding:0.2rem var(--padding-margin__80);min-height: 4.7rem;}
.to-contact-popup .close{width: 0.5rem;height: 0.5rem;background: url(../images/close.svg) var(--background-contain);background-size: auto 0.24rem;display: block; cursor: pointer;position: absolute;top: 0;right: -0.5rem;z-index: 10;}
.to-contact-popup ul{width: 100%;}
.to-contact-popup li{ width: 48%;max-width: 2.4rem;}
.to-contact-popup li a{display: flex;flex-direction: column;justify-content: center;align-items: center; padding: 0.54rem 0 0.75rem 0; font-size: var(--font-size__18);color: var(--black-color);border: solid 1px rgba(153, 153, 153, 0.7); transition: var(--transition); height: 100%;text-align: center;}
.to-contact-popup li a:hover{border-color: var(--primary-color); background-color: var(--primary-color); color: var(--white-color);}
.to-contact-popup li [class*=icon-]{width: 0.58rem;height: 0.58rem;background: var(--background-contain); margin-bottom: 0.33rem; transition: var(--transition);}
.to-contact-popup li a:hover [class*=icon-]{filter: brightness(0) invert(1);}
.to-contact-popup li .icon-service{background-image: url(../images/right-contact.svg);}
.to-contact-popup li .icon-message{background-image: url(../images/right-message.svg);}

@media (max-width: 480px) {
   .to-contact-popup .inner{min-height: auto;}
   .to-contact-popup li a{padding: var(--padding-margin__60) var(--padding-margin__30);}
   .to-contact-popup li [class*=icon-]{width: 0.4rem;height: 0.4rem; margin-bottom: 0.2rem;}
}

footer{background-color: #f2f2f2;padding-top: var(--padding-margin__100);font-weight: var(--font-weight__l);}
.footer-top{padding-bottom: var(--padding-margin__120);}
.footer-top .logo img{height: 0.34rem;}
.footer-top .logo{margin-bottom: var(--padding-margin__60);}
.footer-contact{font-size: var(--font-size__14); color: var(--color-333);}
.footer-top .hotline{font-weight: var(--font-weight__m);font-size: var(--font-size__30);color: var(--primary-color); margin: 0.19rem 0;}
.footer-top .right{width: calc(1066 / var(--max-width) * 100%);}
.footer-nav-item{max-width: 2rem;}
.footer-nav-item .tit{margin-bottom: var(--padding-margin__20);font-weight: var(--font-weight__r);}
.footer-nav-item .tit a:not(:hover){color: var(--black-color);}
.footer-nav-item dd{font-size: var(--font-size__14);  line-height: calc(20 / 14); padding: calc(8 / 14 * 1em) 0;}
.copyright{line-height: calc(20 / 14);text-align: center;}
.copyright a{margin: 0 0.1rem;}
.footer-bottom{padding-bottom: var(--padding-margin__40);}
.footer-bottom .column{font-size: var(--font-size__14);}
.footer-bottom .column li:not(:last-child){margin-right: 1em;position: relative;}
.footer-bottom .column li:not(:last-child):after{content: '';display: block;width: 2px;height: 2px;position: absolute;top: 50%;left: calc(100% + 0.5em - 1px);transform: translateY(-50%);background-color: var(--default-color);}
.follow-us li a{width: 0.22rem;height: 0.22rem;display: block;position: relative;}
.follow-us li img{object-fit: contain;display: block;width: 100%;height: 100%;transition: var(--transition);}
.follow-us li img:nth-child(2){position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.follow-us li a:hover img:nth-child(2){opacity: 1;}
.follow-us li a:hover img:nth-child(1){opacity: 0;}
@media (min-width: 1025px) {
.footer-bottom .column{margin-right: 0.1rem;}
.follow-us li{margin-left: 0.25rem;}
.copyright,
footer-bottom-nav{max-width: 50%;flex-shrink: 0;}
}
@media (max-width: 1024px) {
   .footer-top .right{display: none;}
   .footer-bottom-nav,
   .footer-bottom{flex-direction: column-reverse;align-items:  center;}
   .footer-bottom .column{margin: var(--padding-margin__40) 0;}
   .footer-top .left{display: flex;flex-direction: column;align-items: center;}
   .footer-contact{text-align: center;}
   .follow-us li{margin: 0 0.2rem;}
}

[class*=all-title]{margin-bottom: var(--padding-margin__20);}
[class*=all-title] .title{font-size: var(--font-size__40);color: var(--black-color);}
.all-title-white .title{color: var(--white-color);}
@media (max-width: 480px) {
   [class*=all-title] .title{font-size: var(--font-size__26);}
}

.all-more a{display: inline-flex;align-items: center;border: solid 1px rgba(153, 153, 153, 0.7);padding: 0 0.36rem; line-height: calc(50 / 16); color: var(--black-color); transition: var(--transition);position: relative;z-index: 2;}
.all-more a span{position: relative;z-index: 2;font-weight: var(--font-weight__l);}
.all-more a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: var(--primary-color);transition:transform var(--transition); transform: scaleX(0); transform-origin: 100% 50%;}
.all-more a:hover{color: var(--white-color);border-color: var(--primary-color);}
.all-more a:hover:before{transform: scaleX(1); transform-origin: 0 50%;}
.all-more.back span{display: inline-flex;align-items: center;}
.all-more.back span:before{display: block;content: ''; width: 0.13rem; height: 0.1rem;background:url(../images/back.svg) var(--background-contain); margin-right: 0.09rem;}
.all-more.back.return span:before{background-image: url(../images/return.svg);}
.all-more.back a:hover span::before{filter: brightness(0) invert(1);}
@media (max-width: 480px) {
   .all-more a{padding: 0 1em; line-height: 2;}
}

.home-banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;color: var(--white-color);}

p[class*=ellipsis]{margin: 0;}

.controls-page:not(.swiper-pagination-lock){display: flex;align-items: center;justify-content: center;}
.controls-page span{width: 0.1rem;height: 0.1rem;background: rgba(var(--white-color__rgb), 0.5);margin: 0 0.2rem;display: block;border-radius: 50%;}
.controls-page span.active{background: var(--primary-color);}
@media (max-width: 480px) {
   .controls-page span{margin: 0 0.05rem;}
}

.btn-controls a{width: 0.5rem;height: 0.5rem;background: rgba(var(--black-color__rgb), 0.2) no-repeat center center;align-items: center;justify-content: center; background-size: auto 0.1rem; position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;transition: var(--transition);}
.btn-controls a:not(.swiper-button-disabled){cursor: pointer;display: flex;}
.btn-controls a:hover{background-color: var(--primary-color);}
.btn-controls a:before{content: '';display: block;width: 5px;height: 10px;background:url(../images/btn-prev.svg) var(--background-contain);opacity: 0.6;}
.btn-controls a:hover:before{opacity: 1;}
.btn-controls a.next:before{transform: rotate(180deg);}
.btn-controls a.prev{left: 0;}
.btn-controls a.next{right: 0;}

.home-banner{position: relative;z-index: 1;}
.home-banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;color: var(--white-color);}
.home-banner .txt .inner{width: 60%;max-width:6.5rem;}
.home-banner .txt .tit{font-size: var(--font-size__54);line-height: calc(57 / 54); font-weight: var(--font-weight__m);}
.home-banner .txt pre{font-size: var(--font-size__20);line-height: calc(32 / 20); font-weight: var(--font-weight__l); margin: 0.29rem 0 0.49rem 0;}
.home-banner .all-more a:not(:hover){border-color: rgba(var(--white-color__rgb), 0.5);color: var(--white-color);}
.home-banner .controls-page{position: absolute;bottom: calc(50 / 960 * 100%);left: 0;width: 100%;z-index: 10;}
@media (max-width:480px) {
   .home-banner .txt .tit{font-size: var(--font-size__24);}
   .home-banner .txt pre{font-size: var(--font-size__16);}
}

.home-prod{margin-bottom: 0.2rem;}
.home-prod > .all-more{margin-top: 0.1rem;}
.home-prod .list-rows{padding: 0.1rem;}
.home-prod .item-prod{--limr:0.1rem;--lin:2;background: var(--lg-bg__100);}
.home-prod .item-prod:not(:nth-child(2n)){margin-right: var(--limr);}
.home-prod .item-prod:nth-child(2) ~ .item-prod{margin-top: var(--limr);}
.home-prod .item-prod .txt{position: absolute; left: 0;z-index: 10;width: 100%;bottom: var(--padding-margin__40); text-align: center;}
.home-prod .item-prod .img figure{padding-bottom: calc(730 / 945 * 100%);}
.home-prod .mark-name{position: absolute;bottom: 0;width: 100%;overflow: hidden;white-space: nowrap;display: flex;justify-content: center;z-index: 4; font-family: var(--font-family__en);font-weight: var(--font-weight__b); font-size: 3.2rem; color: rgba(var(--black-color__rgb), 0.03); line-height: calc(264 / 320);}
.home-prod .item-prod .txt .desc{font-size: var(--font-size__24);color: var(--black-color); margin-bottom: 0.2rem; font-weight: var(--font-weight__r);}
.home-prod .item-prod .txt .tit{font-size: var(--font-size__30);}
@media (max-width:480px) {
   .home-prod .item-prod .txt{bottom: 0;}
   .home-prod .mark-name{font-size: 1rem;}
   .home-prod .item-prod .txt .desc,
   .home-prod .item-prod .txt .tit{margin-bottom: 0.5em;}
   .home-prod .item-prod .txt .desc{font-size: var(--font-size__12);}
   .home-prod .item-prod .txt .tit{font-size: var(--font-size__16);}
   .home-prod .all-more a{font-size: var(--font-size__12);}
}

.home-projects{background-color: #f7f7f7;}
.home-projects .swiper-tabs{margin-bottom: 0.2rem;position: relative;z-index: 1;}
.home-projects .tabs-nav{position: absolute;bottom: calc(50 / 880 * 100%);left: 0;width: 100%;z-index: 10;}
.home-projects .tabs-nav li{margin: 0 0.65rem;cursor: pointer;color: rgba(var(--white-color__rgb), 0.4); padding-bottom: 1em; border-bottom: solid 0.04rem rgba(var(--white-color__rgb), 0.4); position: relative;z-index: 1; }
.home-projects .tabs-nav li:after{content: '';display: block;width: 100%;height: 0.04rem;background-color:var(--white-color);left: 0;transform: scaleX(0);transform-origin: 100% 50%;transition: transform 0.3s; bottom: -0.04rem;position: absolute;left: 0;}
.home-projects .tabs-nav li.active{color: var(--white-color);}
.home-projects .tabs-nav li.active:after{transform: scaleX(1);transform-origin: 0 50%;}
.home-projects .swiper-item{position: relative;z-index: 1; overflow: hidden;}
.home-projects .swiper-item .swiper{transition:opacity var(--transition); opacity: 1;}
.home-projects .swiper-item .swiper:not(.show){position: fixed;left: -100%;width: 100%;opacity: 0;visibility: hidden;}
.home-projects .swiper-item .txt{position: absolute;bottom: calc(50 / 880 * 100% + 18 / 16 * 2em + 0.49rem);left: 0;width: 100%;height: 100%;z-index: 10;color: var(--white-color);padding: 0 5%;text-align: center;}
.home-projects .swiper-item :where(.tit,.desc){width: 90%;max-width: 8rem;}
.home-projects .swiper-item .tit{font-size: var(--font-size__40);line-height: 1.3;}
.home-projects .swiper-item .desc{font-size: var(--font-size__18);line-height: calc(28 / 18); margin-top: var(--padding-margin__20); font-weight: var(--font-weight__l); margin-bottom: 0.34rem; max-width: 4.56rem;}
.home-projects .swiper-item{background-color: var(--black-color);}
.home-projects .swiper-item .swiper-slide figure{opacity: 0.7; padding-bottom: calc(880 / 1920 * 100%);}
.home-projects .swiper-tabs .all-more a:not(:hover){border-color: rgba(var(--white-color__rgb), 0.4);color: var(--white-color);}
.home-projects .swiper-logo .swiper-wrapper{ transition-timing-function: linear!important;}
.home-projects .swiper-logo .swiper-slide{width: 3.36rem; height: 1.9rem;display: flex;align-items: center;justify-content: center;}
.home-projects .swiper-logo .swiper-slide img{max-height: 0.66rem;max-width: 70%;filter: grayscale(100%);transition: filter 0.3s; opacity: 0.5;}
.home-projects .swiper-logo .swiper-slide:hover img{filter: grayscale(0);opacity: 1;}
.home-projects .btn-controls a.prev{left: 0.2rem;}
.home-projects .btn-controls a.next{right: 0.2rem;}
@media (min-width:481px) {
   .home-projects .tabs-nav li{min-width: 2rem;font-size: var(--font-size__18);}
}
@media (max-width:480px) {
   .home-projects .swiper-item .swiper-slide figure{padding-bottom: 80%;}
   .home-projects .tabs-nav li{margin: 0 0.1rem; }
   .home-projects .swiper-item .tit{font-size: var(--font-size__28);}
   .home-projects .swiper-item .desc{font-size: var(--font-size__14); }
   .home-projects .swiper-logo .swiper-slide{height: 1.1rem; width: 2rem;}
}

.home-video{position: relative;z-index: 1;}
.home-video .all-more{position: absolute;bottom:calc(50 / 880 * 100%);left: 0;width: 100%;z-index: 10;}
.home-video .all-more a:not(:hover){border-color: rgba(var(--white-color__rgb), 0.4);color: var(--white-color);}
.home-video .video-box{position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%;background-color: var(--black-color);}
.home-video .video-box video{width: 100%;height: 100%;object-fit: cover;}

.home-service{margin: 0.1rem;}
.home-service .item{flex: 1;background: linear-gradient(0deg,  #e5e5e5 0%,  #f2f2f2 100%); padding: var(--padding-margin__40) 0 var(--padding-margin__80); overflow: hidden;}
.home-service .img figure{ padding-bottom: calc(340 / 951 * 100%);mix-blend-mode: darken;transition: var(--transition);}
.home-service .item:hover .img figure{transform: scale(1.1);}
.home-service .txt{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 0.21rem;padding: 0 0.2rem;}
.home-service .tit{font-size: var(--font-size__36);color: var(--black-color); margin-bottom: 0.08rem; line-height: calc(60 / 36);}
.home-service .desc{font-size: var(--font-size__18);font-weight: var(--font-weight__l);color:var(--color-333); line-height: calc(30 / 18); margin-bottom: 0.39rem;}
@media (min-width:641px) {
   .home-service .item:not(:nth-child(2n)){margin-right: 0.1rem;}
}
@media (max-width:640px) {
   .home-service .item:not(:last-child){margin-bottom: 0.1rem;}
}

.home-news{background: url(../images/latest-newsbg.jpg) var(--background-cover);padding: var(--padding-margin__50) 0.2rem var(--padding-margin__70);margin: 0.1rem 0;position: relative;z-index: 1;}
.home-news .item{background-color: var(--white-color);padding: var(--padding-margin__40);}
.home-news .item .img{width: calc(200 / 530 * 100%);flex-shrink: 0;}
.home-news .item .img figure{padding-bottom: calc(108 / 200 * 100%);}
.home-news .item .txt{margin-left: var(--padding-margin__20);flex: 1;font-weight: var(--font-weight__l);}
.home-news .item time{color: var(--primary-color);}
.home-news .item .desc{font-size: var(--font-size__18); line-height: calc(26 / 18); margin-top: 0.16rem;}
.home-news .controls-page{position: absolute; bottom: calc(var(--padding-margin__70) / 2);left: 0;width: 100%;z-index: 10;}

.play{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10; background:1 rgba(var(--black-color__rgb), 0.01);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.play .btn{width: 0.7rem;height: 0.7rem;background: url(../images/play.svg) rgba(var(--white-color__rgb), 0.8) no-repeat center center;background-size: auto calc(20 / 70 * 100%);display: block; border-radius: 50%;}
@media (max-width:480px) {
   .play .btn{width: 0.4rem;height: 0.4rem;}
}

.edit-info{font-size: var(--font-size__18);font-weight: var(--font-weight__l); line-height: calc(30 / 18); text-align: justify;}
.edit-info > p:nth-child(1){margin-top: 0;}

[class*=about-]{padding: var(--padding-margin__120) 0; overflow: hidden;}
[class*=about-] .edit-info{margin: var(--padding-margin__50) auto var(--padding-margin__60);max-width: 12.68rem;}
 
.about-video{padding: 0;}
.about-video .title{position: absolute;left: 0;width: 100%;bottom: calc(100 / 880 * 100%);z-index: 20;color: var(--white-color); font-size: var(--font-size__80); line-height:1.2;}
@media (max-width:1024px) {
   .about-video .title{font-size: var(--font-size__48);}
}
@media (max-width:480px) {
   .about-video .title{font-size: var(--font-size__28);}
}

.about-intro .details{margin-bottom: var(--padding-margin__120);}
.about-intro .details .since{display: flex;justify-content:flex-end;}
.about-intro .item{--limr:0.2rem; counter-increment: itemcounter;background: var(--lg-bg); padding: var(--padding-margin__50); position: relative;z-index: 1;}
.about-intro .item:before{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background: url(../images/text-hoverbg.jpg) no-repeat 0 0;background-size: 100% 100%; opacity: 0; transition: var(--transition);z-index: 1; content: '';}
.about-intro .item :where(.icon,.txt){position: relative;z-index: 3;}
.about-intro .item .icon{display: flex;justify-content: space-between; height: 0.64rem;}
.about-intro .item .icon img{max-height: 0.64rem;}
.about-intro .item .icon:after{display: block;content: counters(itemcounter, ".", decimal-leading-zero);font-size: var(--font-size__30);color: var(--black-color);opacity: 0.15;font-weight: var(--font-weight__l);}
.about-intro .item .title{font-size: var(--font-size__24); line-height: calc(34 / 24);color: var(--black-color); margin: var(--padding-margin__70) 0 0.2rem 0;}
.about-intro .item pre{font-size: var(--font-size__18); line-height: calc(30 / 18);}
.about-intro .item:hover:before{opacity: 1;}
.about-intro .item:hover .icon:after{opacity: 0.6;color: var(--white-color);}
.about-intro .item:hover .icon img{filter:brightness(0) invert(1);}
.about-intro .item:hover :where(.title, pre){color: var(--white-color);}
@media (min-width:1025px) {
.about-intro .details .left{width: calc(520 / var(--max-width) * 100%);}
.about-intro .details .right{width: calc(800 / var(--max-width) * 100%);}
.about-intro .item:not(:nth-child(3n)){margin-right: var(--limr);}
.about-intro .item:nth-child(3) ~ .item{margin-top: var(--limr);}
}
@media (max-width:1024px) {
   .about-intro .details{flex-direction: column-reverse;}
   .about-intro .details :where(.left,.right){width: 100%;}
   .about-intro .details .left{margin-top: var(--padding-margin__50);}
}
   @media (min-width:641px) and (max-width:1024px) {
   .about-intro .item{--limr:0.1rem; --lin:2}
   .about-intro .item:not(:nth-child(2n)){margin-right: var(--limr);}
   .about-intro .item:nth-child(2) ~ .item{margin-top: var(--limr);}
}
@media (max-width:640px) {
   .about-intro .item + .item{margin-top: 0.2rem;}
}

.about-culture{position: relative;z-index: 1;}
.about-culture .main{z-index: 10; position: relative;}
.about-culture .main .container{height: 100%;}
.about-culture .item{--limr:0.8rem; --lin:4;border-bottom: solid 0.04rem rgba(var(--white-color__rgb), 0.4);position: relative;z-index: 1; height: 3.04rem;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: var(--padding-margin__50);}
.about-culture .item::after{content: '';display: block;left: calc(var(--limr) * -1);right:calc(var(--limr) * -1); bottom: -0.04rem; height: 100%;position: absolute;z-index: -1; background: linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0) 0%,rgba(var(--primary-color__rgb), 0.5) 100%); clip-path: polygon(0 0, 100% 0, calc(100% - var(--limr)) 100%, var(--limr) 100%); opacity: 0; transition:var(--transition); }
.about-culture .item:hover::after{opacity: 1;}
.about-culture .item .icon{height: 0.73rem; opacity: 0.4; transition:var(--transition);}
.about-culture .item:hover .icon{opacity: 1;}
.about-culture .item .icon img{max-height: 0.46rem;}
.about-culture .item pre{display: none; color: rgba(var(--white-color__rgb), 0.8);}
.about-culture .item .title{font-size: var(--font-size__24);color:rgba(var(--white-color__rgb), 0.4); margin-bottom: 0.2rem; transition:var(--transition);}
.about-culture .item:hover .title{color:var(--white-color);}
@media (min-width:1025px) {
   .about-culture{padding: 0;}
   .about-culture .main{position: absolute; left: 0;top: calc(100 / 860 * 100%);width: 100%;bottom: calc(60 / 860 * 100%);}
 .about-culture .item:not(:nth-child(4n)){margin-right: var(--limr);}
 .about-culture .item pre{font-size: var(--font-size__18); line-height: calc(30 / 18);}
}
@media (max-width:1024px) {
   .about-culture .item{--limr:0.4rem;--lin:2;}
   .about-culture > img{position: absolute;min-height: 100%;max-width: none; left: 50%;transform: translate(-50%,-50%);top: 50%;width: auto;z-index: 1; min-width: 100%;}
 .about-culture .item:not(:nth-child(2n)){margin-right: var(--limr);}
 .about-culture .item pre{display: block!important; height: auto!important;}
 .about-culture .item pre{line-height: calc(24 / 16);}
}
@media (max-width:480px) {
   .about-culture .item{--limr:0.4rem;--lin:1;height: auto;padding: var(--padding-margin__100) var(--padding-margin__50);}
   .about-culture .item:not(:nth-child(2n)){margin-right: 0;}
}

.about-team .controls-page{margin-top: var(--padding-margin__50);}
.about-team .swiper-slide{display: flex;align-items: center; border: 0.1rem solid #e9e9e9; max-width: 3.7rem;}
.about-team .controls-page span:not(.active){background: rgba(153, 153, 153, 0.5);}

.about-strength{background:var(--lg-bg__50); overflow: hidden;}
.about-strength .swiper{overflow: initial;}
.about-strength .swiper-pics{position: relative;z-index: 1;}
.about-strength .btn-controls a{width: 0.3rem;height: 0.8rem;}
.about-strength .btn-controls a:not(:hover){background-color: rgba(var(--black-color__rgb), 0.4);}
.about-strength .btn-controls a::before{width: 8px;height: 18px;}
.about-strength .swiper-slide figure{padding-bottom: calc(526 / 790 * 100%); opacity: 0.3;transition: opacity var(--transition);}
.about-strength .swiper-slide-active figure,
.about-strength .swiper-slide-next figure{opacity: 1; }
@media (min-width:1025px) {
   .about-strength .btn-controls a.prev{right:calc(100% + 0.4rem); left: auto;}
   .about-strength .btn-controls a.next{left:calc(100% + 0.4rem);right: auto;}
}

.about-wdcenter .items-box .item{position: relative;z-index: 1; overflow: hidden;}
.about-wdcenter .items-box .tit{display: flex;align-items: flex-end;position: absolute;z-index: 10;left: 0;bottom: 0;width: 100%;min-height:calc(160 / 500 * 100%);color: var(--white-color);padding: 0 var(--padding-margin__40) var(--padding-margin__30);  background: linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0) 0%,rgba(var(--primary-color__rgb), 0.8) 100%); opacity: 0;transition: var(--transition);}
.about-wdcenter .items-box .item:hover .tit{opacity: 1;}
.about-wdcenter .items-box .tit p{padding-left: 0.28rem; background: url(../images/add.svg) no-repeat left center;background-size: 0.18rem auto; line-height: 1.2;}
.about-wdcenter .items-box .item{width: calc(520 / var(--max-width) * 100%);}
.about-wdcenter .items-box .item:nth-child(1){width: calc(1060 / var(--max-width) * 100%);}
.about-wdcenter .items-box figure{padding-bottom: calc(500 / 520 * 100%); transition: var(--transition);}
.about-wdcenter .items-box .item:hover figure{transform: scale(1.1);}
.about-wdcenter .items-box .item:nth-child(1) figure{padding-bottom: calc(500 / 1060 * 100%);}
@media (min-width:1025px) {
   .about-wdcenter .items-box .tit{font-size: var(--font-size__20);}
.about-wdcenter .items-box .item:nth-child(2)  ~ .item{margin-top: calc(20 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .about-wdcenter .items-box .item{width: 49%;}
   .about-wdcenter .items-box .item:nth-child(1){width: 100%;}
   .about-wdcenter .items-box .item:nth-child(1)  ~ .item{margin-top:2%;}
}
@media (max-width:480px) {
   .about-wdcenter .items-box .tit{font-size: var(--font-size__14);}
   .about-wdcenter .items-box .tit p{--clamp:3}
}


.about-testingCenter{background: var(--lg-bg__50);position: relative;z-index: 1;}
.about-testingCenter:before{position: absolute; height: 100%;left: 0;width: 100%;background: linear-gradient(to bottom,rgba(var(--white-color__rgb),0) 60%,rgba(var(--white-color__rgb),1) 100%);z-index: 1;bottom: 0; content: '';}
.about-testingCenter .container{position: relative;z-index: 2;}
.about-testingCenter .edit-info{margin-top: var(--padding-margin__40);}
.about-testingCenter .right .tit{position: absolute;z-index: 10;left: 0;bottom: 0;width: 100%;color: var(--white-color);font-size: var(--font-size__18); font-weight: var(--font-weight__l); line-height: calc(30 / 18); background: linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0) 0%, rgba(var(--primary-color__rgb), 0.8) 100%);display: flex;align-items: flex-end;justify-content: center;min-height: 40%;padding: var(--padding-margin__30); opacity: 0; transition: var(--transition);}
.about-testingCenter .right figure{padding-bottom: calc(486 / 341 * 100%); transition: var(--transition);}
.about-testingCenter .right .swiper-slide{overflow: hidden;}
.about-testingCenter .right .swiper-slide:hover figure{transform: scale(1.1);}
.about-testingCenter .right .swiper-slide:hover .tit{opacity: 1;}
.about-testingCenter .controls-page{margin-top: var(--padding-margin__50);}
.about-testingCenter .controls-page span:not(.active){background: rgba(153, 153, 153, 0.5);}
@media (min-width:1025px) {
.about-testingCenter .left{width: calc(466 / var(--max-width) * 100%);}
.about-testingCenter .right{width: calc(1060 / var(--max-width) * 100%);}
}

.pcolumn-name{font-size: var(--font-size__80);margin-bottom: calc(40 / 80 * 1em);color: var(--black-color);}
.page-menu{margin-bottom: var(--padding-margin__40); height: var(--height);}
.page-menu:not(.fixed) .container{width: auto;}
.page-menu.fixed{}
.page-menu .wrap{padding: 0.2rem 0;}
.page-menu.fixed .wrap{position: fixed; left: 0;top:var(--top);width: 100%;z-index: 99;background-color: #fff;}
.page-menu li{flex-shrink: 0;}
.page-menu li a{display: block; font-size: var(--font-size__18); line-height: calc(32 / 18);border-bottom: solid 2px transparent; transition: var(--transition);}
.page-menu li.aon a{border-bottom-color: var(--primary-color); color: var(--black-color);}
.page-menu li:not(:last-child){padding-right: var(--padding-margin__30);}
@media (max-width: 768px) {
   .page-menu ul{overflow: auto; flex-wrap: nowrap}
   .pcolumn-name{font-size: var(--font-size__42);}
}

.catalog-list li{position: relative;--limr:1.1rem;z-index: 1;padding: var(--padding-margin__30) 0;}
.catalog-list li:hover{z-index: 2;}
.catalog-list li:before{position: absolute; left: calc( var(--padding-margin__30) * -1);top: 0;right:calc( var(--padding-margin__30) * -1);height: 100%;background-color: #f5f5f5;transition: var(--transition); opacity: 0;z-index: 1;content: '';}
.catalog-list li:hover:before{opacity: 1;}
.catalog-list li :where(.img, .txt){position: relative;z-index: 2;}
.catalog-list li .img figure{padding-bottom: calc(629 / 460 * 100%);}
.catalog-list li .tit{font-size: var(--font-size__24); line-height: calc(36 / 24); margin-bottom:0.26rem;color: var(--black-color);}
.catalog-list li .option{font-weight: var(--font-weight__l);}
.catalog-list li .btn a{display: flex;align-items: center;}
.catalog-list li .btn a:before{content: '';display: block;width: 0.16rem;height: 0.14rem;background: var(--background-contain);margin-right: 0.08rem;}
.catalog-list li .btn a.download:before{background-image: url(../images/download.svg);}
.catalog-list li .btn a.preview:before{background-image: url(../images/preview.svg);height: 0.12rem;}
.catalog-list li .btn a:hover.download:before{background-image: url(../images/download-on.svg);}
.catalog-list li .btn a:hover.preview:before{background-image: url(../images/preview-on.svg);}
@media (min-width:1025px) {
   .catalog-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.catalog-list li .img{margin-bottom: var(--padding-margin__20);}
.catalog-list li .btn a:not(:last-child){margin-right: var(--padding-margin__40);}
}
@media (max-width:1024px){ 
   .catalog-list li{--limr:0rem;--lin:1;}
   .catalog-list li{display: flex;justify-content: space-between;}
   .catalog-list li .img{width: 45%;}
   .catalog-list li .txt{display: flex;flex-direction: column;justify-content: space-between;flex: 1;margin-left: var(--padding-margin__30); padding: var(--padding-margin__30) 0;}
   .catalog-list li .tit{font-size: var(--font-size__28);}
   .catalog-list li .tit p{--clamp: 3;}
   .catalog-list li .option{flex-direction: column; align-items: flex-start;}
   .catalog-list li .btn{justify-content: space-between;width: 100%;}
   .catalog-list li .option .list-share{display: flex;align-items: center; margin-top: var(--padding-margin__40);}
}


.list-share{position: relative;z-index: 1;}
.list-share .icon{padding-right: 0.22rem;background:url(../images/share.svg) no-repeat right center;background-size: auto 0.14rem;display: block; cursor: pointer;}
.list-share.show .icon,
.list-share .icon:hover{background-image: url(../images/share-on.svg);color: var(--primary-color);}
.list-share .hover{ background-color: var(--white-color); border-radius: 0.2rem; padding: 0.1rem 0.2rem; box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.1); }
@media (min-width:1025px) {
 .list-share .hover{position: absolute; bottom: calc(100% + 0.1rem);right: 0;width: max-content;opacity: 0; transition: var(--transition); visibility: hidden;}
.list-share.show .hover{opacity: 1; visibility: visible;}
}
@media (max-width:1024px){ 
.list-share{display: flex;align-items: center; }
.list-share .icon{margin: 0 0.1rem 0 0}
}

.share dl{display: flex;align-items: center; margin-left: 0.17rem;}
.share dd + dd{margin-left: 0.2rem;}
.share dd a{display: block;cursor: pointer; background: var(--background-contain); width: 0.22rem; height: 0.22rem;}
.share dd a.icon-in{background-image: url(../images/share/Linkedin.svg);}
.share dd a.icon-fb{background-image: url(../images/share/Facebook.svg);}
.share dd a.icon-tw{background-image: url(../images/share/Twitter.svg);}
.share dd a.icon-pr{background-image: url(../images/share/Pinterest.svg);}
.share dd a.icon-in:hover{background-image: url(../images/share/Linkedin-on.svg);}
.share dd a.icon-fb:hover{background-image: url(../images/share/Facebook-on.svg);}
.share dd a.icon-tw:hover{background-image: url(../images/share/Twitter-on.svg);}
.share dd a.icon-pr:hover{background-image: url(../images/share/Pinterest-on.svg);}

.cate-name{line-height: calc(40 / 16); font-weight: var(--font-weight__l); border: solid 1px rgba(var(--gray-color__rgb), 0.5);color: var(--gray-color);padding: 0 1em;display: inline-block}
@media (max-width: 480px) {
   .cate-name{font-size: var(--font-size__12);}
}

.url{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 20;}
.url:hover ~ .txt .all-more a{color: var(--white-color);border-color: var(--primary-color);}
.url:hover ~ .txt .all-more a:before{transform: scaleX(1); transform-origin: 0 50%;}

.projects-top{margin-bottom: var(--padding-margin__60);}
.projects-top figure{padding-bottom: calc(700 / var(--max-width) * 100%);}
.projects-top .txt{position: absolute;left: 0;width: 100%;bottom: calc(50 / 700 * 100%);z-index: 10;color: var(--white-color);padding: 0 var(--padding-margin__60);}
.projects-top .cate-name{background-color: var(--primary-color);line-height: calc(30 / 14); color:var(--white-color); font-size: var(--font-size__14); border: 0;}
.projects-top .tit{font-size: var(--font-size__40);margin:0.3rem 0 0.29rem 0;}
.projects-top .desc{font-size: var(--font-size__18);line-height: calc(28 / 18); margin-bottom: 0.34rem; font-weight: var(--font-weight__l);}
.projects-top .all-more a:not(:hover){border-color: rgba(var(--white-color__rgb), 0.5);color: var(--white-color);}
.projects-top .controls-page{justify-content: flex-end;bottom: calc(50 / 700 * 100%);position: absolute;right: var(--padding-margin__50);z-index: 10;}
@media (max-width: 480px) {
   .projects-top figure{padding-bottom:60%;}
   .projects-top .tit{font-size: var(--font-size__28);margin:0.5em 0;}
   .projects-top .desc{font-size: var(--font-size__14); margin-bottom: 0.5em;}
}

.projects-list li{--lin:2;--limr:0.3rem;}
.projects-list li:not(:nth-child(2n)){margin-right: var(--limr);}
.projects-list li:nth-child(2) ~ li{margin-top: 0.7rem;}
.projects-list li figure{padding-bottom: calc(442 / 785 * 100%);transition: var(--transition);}
.projects-list li .txt{padding: var(--padding-margin__30) 0 0 0;}
.projects-list li .txt p{font-size: var(--font-size__30); margin-bottom: 0.24rem;line-height: 1.2; transition: var(--transition);}
.projects-list li a:not(:hover) .txt p{color: var(--black-color);}
.projects-list li a:hover figure{transform: scale(1.1);}
.projects-list li .pic{overflow: hidden;}
@media (max-width: 480px) {
   .projects-list li{--limr:0.1rem;}
   .projects-list li:nth-child(2) ~ li{margin-top: 0.3rem;}
   .projects-list li .txt p{font-size: var(--font-size__18);}
}

.about-video,
.page-ban,
.info-banner{position: relative;z-index: 1; margin-top: calc(var(--padding-margin__100) * -1); overflow: hidden;}
.info-banner .controls-page{position: absolute;left: 0;bottom: calc(40 / 880 * 100%);width: 100%;z-index: 10;}
.info-banner figure{padding-bottom: calc(880 / 1920 * 100%);}
.page-ban .txt{position: absolute;left: 0;width: 100%;bottom: calc(90 / 880 * 100%);z-index: 10;color: var(--white-color);}
.page-ban .txt :where(h3, h5,p){margin: 0;}
.page-ban .txt :where(h3, h5){font-weight: var(--font-weight__r);}
.page-ban .txt h3{font-size: var(--font-size__80); line-height: 1.2; margin-bottom: var(--padding-margin__40);}
.page-ban .txt h5{font-size: var(--font-size__24);margin-bottom: 0.2rem;}
.page-ban .txt p{color: rgba(var(--white-color__rgb), 0.6); font-size: var(--font-size__18); line-height: calc(30 / 18);}
@media (min-width: 1025px) {
   .page-ban .txt :where(h3, h5,p){ max-width: 50%;}
}
@media (max-width:1024px) {
   .page-ban .txt h3{font-size: var(--font-size__40); }
   .page-ban .txt h5{font-size: var(--font-size__16);}
   .page-ban .txt p{font-size: var(--font-size__14);}
}
@media (max-width:480px) {
   .page-ban img{max-width: none;width: 150%;margin-left: -25%;}
}

.project-details{margin: var(--padding-margin__80) 0 var(--padding-margin__120) 0;}
@media (min-width:1025px) {
   .project-details .left{width: calc(500 / var(--max-width) * 100%);}
   .project-details .right{flex: 1;}
}
@media (max-width:1024px) {
   .project-details .left{margin-bottom: var(--padding-margin__50);}
}

.relate-list {margin-bottom: var(--padding-margin__120);}
.relate-list .title{font-size: var(--font-size__30); color: var(--black-color); margin-bottom: var(--padding-margin__50);}
.relate-list .item-prod .txt{text-align: center;}
.relate-list .item-prod .cate_name{font-size: var(--font-size__18); line-height: 1.2; margin-bottom: var(--padding-margin__20);}
.relate-list .item-prod .txt .tit{margin-bottom: 0;}
.relate-list .item-prod .img figure{padding-bottom: calc(378 / 785 * 100%);}
.relate-list .controls-page{margin-top: 0.1rem;}
.relate-list .controls-page span:not(.active){background: rgba(var(--black-color__rgb), 0.5);}
@media (max-width:480px) {
   .relate-list .title{font-size: var(--font-size__24); }
   .relate-list .item-prod .cate_name{font-size: var(--font-size__14);}
   .relate-list .item-prod .txt .tit{font-size: var(--font-size__18);}
}

.knowledge-list .item{background:var(--lg-bg__30);position: relative;z-index: 1;}
.knowledge-list .item:not(:last-child){margin-bottom: var(--padding-margin__60);}
.knowledge-list .item:nth-child(2){flex-direction: row-reverse;}
.knowledge-list .img{ overflow: hidden;}
.knowledge-list .txt{flex: 1;padding: 0 var(--padding-margin__100);}
.knowledge-list .img figure{padding-bottom: calc(533 / 800 * 100%);transition: var(--transition);}
.knowledge-list .txt .cate-name{line-height:2; color:var(--black-color); font-size: var(--font-size__20); border: 0;padding: 0;font-weight: var(--font-weight__r);}
.knowledge-list .tit{ font-size: var(--font-size__30); line-height: calc(40 / 30); margin: 0.13rem 0 var(--padding-margin__40) 0;color:var(--black-color); }
.knowledge-list .item:hover .tit{color:var(--primary-color);}
.knowledge-list .all-more{margin-top: var(--padding-margin__50);}
.knowledge-list .item:hover .img figure{transform: scale(1.1);}
@media (min-width: 1025px) {
   .knowledge-list .img{width: 50%; flex-shrink: 0;}
}
@media (max-width:1024px) {
   .knowledge-list .txt{padding: var(--padding-margin__50);}
}

.news-details{padding-bottom: var(--padding-margin__120);}
.news-details .container{max-width: 1280px;}
.news-details .title{font-size: var(--font-size__60); margin:0; line-height: calc(76 / 60);color: var(--black-color);font-weight: var(--font-weight__r);}
.news-details .option{margin-bottom: var(--padding-margin__50); border-bottom: var(--border);padding: var(--padding-margin__40) 0 var(--padding-margin__50) 0; font-size: var(--font-size__18); font-weight: var(--font-weight__l);}
.news-details .date{margin-right: var(--padding-margin__50);}
.news-details .share dl{margin-left: 1em;}
.news-details .edit-info{color: var(--color-333);}
@media (max-width:1024px) {
   .news-details .title{font-size: var(--font-size__28);}
}

.info-page{border-top: var(--border);padding: var(--padding-margin__50) 0;}
.info-page .to-url{width: calc(575 / 1280 * 100%); font-weight: var(--font-weight__l);}
.info-page .to-url p{ line-height: calc(30 / 18); font-size: var(--font-size__18);font-weight: var(--font-weight__r); margin-top: 0.1rem;}
.info-page .to-url a:not(:hover){color: var(--black-color);}
.info-page .to-url a[href^="#"]{cursor: default;color: rgba(var(--black-color__rgb), 0.2);}

.video-list li{ margin-bottom: var(--padding-margin__60); cursor: pointer;}
.video-list li .img{position: relative;z-index: 1; overflow: hidden;}
.video-list li figure{padding-bottom: calc(438 / 780 * 100%); transition: var(--transition);}
.video-list li .play .btn{transition: var(--transition);}
.video-list li .tit{font-size: var(--font-size__30);color: var(--black-color); margin: var(--padding-margin__40) 0 var(--padding-margin__30) 0; line-height: 1.2;}
.video-list li .txt > p{margin: 0;line-height: calc(30 / 18);font-weight: var(--font-weight__l);}
@media (min-width:1025px) {
.video-list li{--limr:0.39rem;}
.video-list li:not(:nth-child(2n)){margin-right: var(--limr);}
.video-list li .txt > p{font-size: var(--font-size__18);}
.video-list li:hover .play .btn{background-color: rgba(var(--primary-color__rgb), 0.8); background-image: url(../images/play-white.svg);}
.video-list li:hover .img figure{transform: scale(1.1);}
.video-list li:hover .tit{color: var(--primary-color);}
}
@media (max-width:1024px) {
.video-list li{display: flex;align-items: center;}
.video-list li .img{width: 45%; flex-shrink: 0;}
.video-list li .txt{flex: 1; margin-left: 0.2rem;}
.video-list li .tit{font-size: var(--font-size__20);margin: 0 0 0.5em 0;}
.video-list li .txt > p{--clamp: 2;}
}

.cards-main{padding: var(--padding-margin__100) 0;}
.cards-main .cur-title{margin-bottom: var(--padding-margin__60);}
.cards-main .cur-title .tit{font-size: var(--font-size__40);color: var(--black-color); flex-shrink: 0;}
.cards-main .cur-title .select-base{padding: 0 0.2rem; font-weight: var(--font-weight__l);flex: 1; max-width: 2.4rem;}
.cards-list li{ margin-bottom: var(--limr);background:var(--lg-bg); transition: var(--transition);}
.cards-list li .inner{ padding: var(--padding-margin__40);}
.cards-list li:hover{background: url(../images/text-hoverbg.jpg) no-repeat center center;background-size: 100% 100%;}
.cards-list li .img{
   width:27%; 
   height: 100%; 
   overflow: hidden;flex-shrink: 0;border: solid 4px var(--white-color);
   /* border-radius: 50%; */
}
.cards-list li .img img{
   width: 100%; 
   height: 100%;
    object-fit: cover;
}
.cards-list li .txt{flex: 1; margin-left:var(--padding-margin__40); font-size: var(--font-size__18); line-height: calc(34 / 18); font-weight: var(--font-weight__l);}
.cards-list li .tit{font-size: var(--font-size__28);color: var(--black-color); line-height: calc(34 / 28); margin-bottom: 0.2rem; font-weight: var(--font-weight__r);}
.cards-list li:hover .tit{color: var(--white-color);}
.cards-list li .sub-tit{color: var(--primary-color);}
.cards-list li dl{width: calc(100% + 0.1rem);}
.cards-list li pre{ line-height: calc(34 / 18);  margin-top: 1em;}
.cards-list li:hover :where(dd,pre){color: var(--white-color);}
@media (min-width: 1025px) {
   .cards-list li{--limr:0.2rem; }
   .cards-list li:not(:nth-child(3n)){margin-right: var(--limr);}
   .cards-main .cur-title .select-base{min-width: 2.4rem;}
}
@media (max-width: 1024px) {
   .cards-list li{--lin:1;margin-bottom: var(--padding-margin__30);}
   .cards-main .cur-title .tit{font-size: var(--font-size__32);}
}

.form-box{margin-bottom: var(--padding-margin__120);}
.form-box .form-tit{font-size: var(--font-size__24); color: var(--black-color); margin: var(--padding-margin__40) 0 var(--padding-margin__30) 0;}
.form-box .edit-info{max-width: 10.2rem; margin-bottom: var(--padding-margin__40);}
.form-box .form-item{width: calc((100% - 0.2rem) / 2);margin-bottom: 0.2rem;position: relative;}
.form-box .form-item.full-width{width: 100%;}
.form-label{position: absolute; left: 0.23rem;top: 0; height: 100%;display: flex;align-items: center; font-size: var(--font-size__18); font-weight: var(--font-weight__l); max-height: 0.65rem;}
.form-label .err{color: var(--primary-color);}
.form-box .form-input{padding-left: 0.23rem;}
.form-btn-groups .form-button{width: 1.8rem; height: 0.59rem;font-weight: var(--font-weight__l); }
.form-box .radio-box label{position: relative;line-height: calc(28 / 16);font-weight: var(--font-weight__l);}
.form-box .radio-box label input{position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;}
.form-box .radio-box label i{border: solid 1px rgb(153, 153, 153,0.7);width: 1em;height: 1em; margin-right: 0.14rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0; margin-top: calc(6 / 16 * 1em);}
.form-box .radio-box label i:before{content: '';display: block;width: 0.5em;height: 0.5em; }
.form-box .radio-box label input:checked + i{border-color: var(--primary-color);}
.form-box .radio-box label input:checked + i:before{background-color: var(--primary-color);}
.form-box .radio-box a{color: var(--primary-color);}
@media (max-width: 480px) {
   input.form-input{height: 0.5rem; line-height: 0.5rem;}
   .form-label{font-size: var(--font-size__14);max-height: 0.5rem;}
}

.collaboration-msg {padding-bottom: var(--padding-margin__120);}
.collaboration-msg  .form-box{ margin-bottom: 0;}
@media (min-width: 1025px) {
.collaboration-msg .all-title .title{font-size: var(--font-size__60);}
.collaboration-msg  .form-box{flex: 1; max-width: 8.56rem; padding-top: var(--padding-margin__50);} 
.collaboration-msg  .form-img{width: calc(520 / var(--max-width) * 100%); flex-shrink: 0;}
}
@media (max-width: 1024px) {
   .collaboration-msg  .form-box{margin-bottom: var(--padding-margin__50);}
}

.showroom-list .item{margin-bottom: var(--padding-margin__40);background:var(--lg-bg); position: relative;z-index: 1;}
.showroom-list .item .left{position: relative;z-index: 1;overflow: hidden;}
.showroom-list .item .left figure{padding-bottom: calc(540 / 960 * 100%); transition: var(--transition);}
.showroom-list .item .right{padding: var(--padding-margin__100) var(--padding-margin__90) var(--padding-margin__120); background: url(../images/hover-icon.svg) no-repeat left 3.94rem top 2.88rem; background-size: calc(343 / 640 * 100%) auto;}
.showroom-list .item .right .inner{height: 100%;}
.showroom-list .item .title{font-size: var(--font-size__30); color: var(--black-color); margin-bottom: 0.2rem; line-height: calc(40 / 30);}
.showroom-list .item .txt .location{font-size: var(--font-size__18); font-weight: var(--font-weight__l); padding-left: 0.22rem; background: url(../images/location.svg) no-repeat left center; background-size: 0.12rem auto;}
.showroom-list .item:hover .all-more a{color: var(--white-color);border-color: var(--primary-color);}
.showroom-list .item:hover .all-more a:before{transform: scaleX(1); transform-origin: 0 50%;}
.showroom-list .item:hover .left figure{transform: scale(1.1);}
.showroom-main .all-title{margin-bottom: var(--padding-margin__60);}
@media (min-width: 1025px) {
.showroom-list .item .left{width: calc(960 / var(--max-width) * 100%);}
.showroom-list .item .right{flex: 1;}
.showroom-main .all-title .title{font-size: var(--font-size__80);}
}
@media (max-width: 1024px) {
   .showroom-list .item .right{padding: var(--padding-margin__50);}
   .showroom-main .all-more{margin-top: var(--padding-margin__50);}
   .showroom-list .item .right{background-position: 110% 110%; background-size: 30% auto;}
}
@media (max-width: 480px) {
   .showroom-list .item .title{font-size: var(--font-size__24); }
}

.contact-main{padding-bottom: var(--padding-margin__120); margin-bottom: var(--padding-margin__70);}
.contact-main .sub-title{font-size: var(--font-size__20); margin: var(--padding-margin__40) 0 var(--padding-margin__60) 0;color: var(--color-333);}
.contact-list .item{padding: var(--padding-margin__50) 0; border-bottom: 1px solid #e1e1e1;}
.contact-list .item [class*=ico-]{width: 0.7rem;flex-shrink: 0; background: no-repeat left center; background-size: auto 100%;}
.contact-list .item .ico-date{background-image: url(../images/contact-time.png); height: 0.38rem;}
.contact-list .item .ico-wx{background-image: url(../images/contact-wx.svg); height: 0.33rem;}
.contact-list .item .ico-tel{background-image: url(../images/contact-tel.svg); height: 0.35rem;}
.contact-list .item .ico-email{background-image: url(../images/contact-email.svg); height: 0.3rem;}
.contact-list .txt{flex: 1;}
.contact-list .tit{font-size: var(--font-size__18); font-weight: var(--font-weight__l); margin-bottom: 0.1rem;}
.contact-list .item p{color: var(--black-color); font-size: var(--font-size__20);}
.contact-list .txt .code{width: 1.3rem;background-color: var(--border-color);}
@media (min-width: 1025px) {
.contact-list .item{width: calc((100% - 1.2rem) / 2); }
.contact-main .all-title .title{font-size: var(--font-size__80);}
}
@media (max-width: 1024px) {

}


.esg-list{padding: var(--padding-margin__120) 0 var(--padding-margin__140) 0;}
.esg-list .item{--limr:0.2rem; background:var(--lg-bg); padding: var(--padding-margin__50);}
.esg-list .item .icon{height: 1.47rem;}
.esg-list .item .icon img{max-height:0.58rem;}
.esg-list .item .tit{font-size: var(--font-size__30); color: var(--black-color); margin-bottom: var(--padding-margin__30);line-height: 1.2;}
.esg-list .scroll-main{font-weight: var(--font-weight__l);font-size: var(--font-size__18); line-height: calc(24 / 18);}
.esg-list .scroll-main::-webkit-scrollbar{width:.02rem;height:.02rem}
.esg-list .item dd{padding: calc(5 / 18 * 1em);position: relative; padding-left: 0.13rem;}
.esg-list .item dd:before{content: '';display: block;width: 0.04rem;height: 0.04rem;background-color:var(--default-color);border-radius: 50%;position: absolute;left: 0;top: calc(17 / 18 * 1em - 0.02rem);}
@media (min-width: 481px) {
.esg-list .item dd:nth-child(2n+1){width: 48%;}
.esg-list .item dd:nth-child(2n){flex: 1;}
}
@media (min-width: 1025px) {
.esg-list .item:not(:nth-child(2n)){margin-right: var(--limr);}
.esg-list .item:nth-child(2) ~ .item{margin-top: var(--limr);}
.esg-list .scroll-main{ overflow: auto;height: calc(34 / 18 * 3em);}
}
@media (max-width:1024px) {
   .esg-list .item + .item{margin-top: var(--padding-margin__50);}
}
@media (max-width: 480px) {
   .esg-list .item .icon{height: 0.8rem;}
   .esg-list .item .icon img{max-height:0.4rem;}
   .esg-list .item dl{display: block;}
}

.esg-img-txt{margin-bottom: var(--padding-margin__140);}
.esg-img-txt .item .label-name{background-color: var(--color-333);line-height: calc(40 / 16); font-weight: var(--font-weight__l);color: var(--white-color);padding: 0 1em;display: inline-block;}
.esg-img-txt .item .all-title{margin-top: 0.27rem; margin-bottom: var(--padding-margin__40);}
.esg-img-txt .item .all-title .title{line-height: calc(50 / 40);}

.esg-awards{margin:var(--padding-margin__140) 0 var(--padding-margin__110) 0;}
.esg-awards .title-area{position: relative;z-index: 1;}
.esg-awards .swiper{margin-top: var(--padding-margin__50);}
.esg-awards .swiper-slide{padding: 0 0.1rem;}
.esg-awards .swiper-slide figure{padding-bottom: calc(504 / 350 * 100%); position: relative;margin: 0.1rem 0;}
.esg-awards .swiper-slide figure:before{content: '';display: block;border: 0.1rem solid #e9e9e9;position: absolute;left: -0.1rem;top: -0.1rem;z-index: 1; right: -0.1rem;bottom: -0.1rem;}
.esg-awards .tit{margin-top: var(--padding-margin__30);text-align: center; line-height: calc(28 / 18); font-size: var(--font-size__18); font-weight: var(--font-weight__l);}
.esg-awards .btn-controls{display: flex;align-items: center;}
.esg-awards .btn-controls a{position: relative; top: auto;transform: none;border: solid 1px #bdbdbd;background-color: var(--white-color); transition: var(--transition);}
.esg-awards .btn-controls a:hover{background-color: var(--primary-color);border-color: var(--primary-color);}
.esg-awards .btn-controls a + a{margin-left: 0.1rem;}
.esg-awards .btn-controls a::before{width: 0.07rem; height: 0.19rem;}
.esg-awards .btn-controls a:not(:hover)::before{background-image: url(../images/btn-prev-dark.svg); }
@media (min-width: 1025px) {
.esg-awards .btn-controls{position: absolute;right: 0;bottom: 0;}
.esg-awards .edit-info{max-width: 6.24rem;width: calc(100% - 1.2rem);}

.esg-img-txt .item:nth-child(1) .txt{width: calc(740 / var(--max-width) * 100%); padding-top: var(--padding-margin__40);}
.esg-img-txt .item:nth-child(1) .img{width: calc(600 / var(--max-width) * 100%);}

.esg-img-txt .item:nth-child(2){align-items: flex-end;flex-direction: row-reverse; margin-top: -1.9rem;}
.esg-img-txt .item:nth-child(2) .img{width: calc(600 / var(--max-width) * 100%);}
.esg-img-txt .item:nth-child(2) .txt{width: calc(850 / var(--max-width) * 100%); padding-bottom: var(--padding-margin__80);}

.esg-img-txt .item:nth-child(3){margin: var(--padding-margin__170) 0 var(--padding-margin__150) 0;}
.esg-img-txt .item:nth-child(3) .txt{width: calc(620 / var(--max-width) * 100%); }
.esg-img-txt .item:nth-child(3) .img{width: calc(840 / var(--max-width) * 100%);}

.esg-img-txt .item:nth-child(4){display: block;}
.esg-img-txt .item:nth-child(4) .txt{display: flex;justify-content: space-between;margin-bottom: var(--padding-margin__60);align-items: flex-end;}
.esg-img-txt .item:nth-child(4) .txt .left{width: calc(440 / var(--max-width) * 100%);}
.esg-img-txt .item:nth-child(4) .txt .edit-info{width: calc(963 / var(--max-width) * 100%); text-align: right;}
.esg-img-txt .item:nth-child(4) .txt .all-title{margin-bottom: 0;}
}
@media (max-width: 1024px) {
   .esg-awards .btn-controls{justify-content: flex-end;}
   .esg-img-txt .item ~ .item{margin-top: var(--padding-margin__70);}
   .esg-img-txt .item .txt{margin-bottom: var(--padding-margin__50);}
}

.esg-download{margin:var(--padding-margin__110) 0 var(--padding-margin__140) 0;}
.esg-download .all-title{margin-bottom: var(--padding-margin__60);}
.esg-download .list li{background: var(--lg-bg);}
.esg-download .list li + li{margin-top: var(--padding-margin__20);}
.esg-download .list li a{height: 1rem; padding: 0 var(--padding-margin__40);}
.esg-download .list .btn{font-weight: var(--font-weight__l);display: block; padding-left: 0.24rem;background: url(../images/download.svg) no-repeat left center; background-size: 0.16rem auto; flex-shrink: 0;}
.esg-download .list .name{font-size: var(--font-size__24); line-height: 1.2; padding-left: 0.32rem; background: url(../images/files.svg) no-repeat left center; background-size: 0.2rem auto;flex: 1; margin-right: var(--padding-margin__30);}
.esg-download .list li a:not(:hover) .name{color: var(--black-color); }
.esg-download .list li a:hover .btn{background-image: url(../images/download-on.svg);}
@media (max-width: 480px) {
   .esg-download .list .name p{--clamp: 2;}
   .esg-download .list .name{font-size: var(--font-size__20); }
}

.news-list .item:first-child{border-top: var(--border);}
.news-list .item{position: relative;z-index: 1; border-bottom: var(--border); padding: var(--padding-margin__60) 0;}
.news-list .item .date{font-size: var(--font-size__20); font-weight: var(--font-weight__l); color: var(--black-color); line-height: calc(34 / 20);}
.news-list .item .txt-img{flex: 1;}
.news-list .item .img{width: calc(380 / (var(--max-width) - 240) * 100%); flex-shrink:0; overflow: hidden;}
.news-list .item .img figure{padding-bottom: calc(205 / 380 * 100%);transition: var(--transition);}
.news-list .item .txt{flex: 1;margin-left: var(--padding-margin__80);}
.news-list .title{line-height: calc(40 / 24); font-size: var(--font-size__24);color: var(--black-color); transition: var(--transition);}
.news-list .item:hover .title{text-decoration: underline;}
.news-list .item:hover .img figure{transform: scale(1.1);}
.news-list .item:hover .all-more a{color: var(--white-color);border-color: var(--primary-color);}
.news-list .item:hover .all-more a:before{transform: scaleX(1); transform-origin: 0 50%;}
@media (min-width: 1025px) {
   .news-list .item .date{width: calc(240 / var(--max-width) * 100%); flex-shrink: 0; }
   .news-list .item .date span{display: block;}
}
@media (max-width: 1024px) {
   .news-list .item .img{width: 40%;}
   .news-list .item .date{margin-bottom: 0.5em;}
   .news-list .item .date span::before{content: ',';}
   .news-list .item .txt{margin-left: var(--padding-margin__40);}
}
@media (max-width: 480px) {
   .news-list .item .date{font-size: var(--font-size__16); }
   .news-list .title{line-height:1.2; font-size: var(--font-size__18);}
}

.date-filter{ margin-bottom: var(--padding-margin__60);}
.date-filter .item:not(:last-child){margin-right:0.1rem;}
.date-filter .item select{width: 100%;padding: 0 0.2rem;}
@media (min-width: 1025px) {
   .date-filter{margin-top: calc(var(--padding-margin__60) * -1 - 0.5rem);}
   .date-filter .item{width: 2.2rem; flex-shrink: 0;}
}
@media (max-width: 1024px) {
   .date-filter .item{flex: 1;}
}

.singlePage{padding: var(--padding-margin__50) 0 var(--padding-margin__120) 0;}

.site-map .tit{font-size: var(--font-size__20);color: var(--black-color);margin: 1em 0;}
.site-map dl{display: flex;flex-wrap: wrap;}
.site-map dd{line-height: 1.3; margin: 2px 0;}
.site-map dd:not(:last-child){margin-right: 0.3rem;}

.item-prod{background: var(--lg-bg__100);position: relative;}
.item-prod .img{position: relative;z-index: 1; overflow: hidden;}
.item-prod .img figure{padding-bottom: calc(340 / 785 * 100%); transition: var(--transition);}
.item-prod .txt{padding:var(--padding-margin__40) var(--padding-margin__50);}
.item-prod .txt .tit{font-size: var(--font-size__30);color: var(--black-color);margin-bottom: 1em; line-height: 1.2;}
.item-prod .txt .desc{font-size: var(--font-size__18);line-height: calc(28 / 18); font-weight: var(--font-weight__l); margin-bottom: var(--padding-margin__40);}
.item-prod:hover .img figure{transform: scale(1.1);}
.item-prod:hover .all-more a{color: var(--white-color);border-color: var(--primary-color);}
.item-prod:hover .all-more a:before{transform: scaleX(1); transform-origin: 0 50%;}

@media (min-width: 1025px) {
.product-list .item-prod{--limr:0.3rem;margin-bottom: var(--limr);}
.product-list .item-prod:not(:nth-child(2n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
   .product-list .item-prod:not(:last-child){margin-bottom: var(--padding-margin__50);}
}

.prod-details{background: var(--lg-bg__100);margin-top: calc(var(--padding-margin__100) * -1);}
.prod-details .right figure{padding-bottom: calc(413 / 688 * 100%);}
.prod-details .edit-info{padding-bottom: var(--padding-margin__50);color: var(--color-333);}
.prod-details .big-cate{overflow: hidden; height:2.26rem;	font-family: var(--font-family__en); font-weight: var(--font-weight__b);font-size: 3.6rem;color: rgba(var(--black-color__rgb), 0.03); line-height: 0.8;}
@media (min-width: 1025px) {
.prod-details .left{width: calc(750 / var(--max-width) * 100%);}
.prod-details .right{width: calc(688 / var(--max-width) * 100%);}
.prod-details .edit-info{min-height: 2.9rem; }
}
@media (max-width:1024px) {
   .prod-details .container{flex-direction: column-reverse;}
   .prod-details .share{justify-content: flex-end;}
   .prod-details .left{padding: var(--padding-margin__80) 0;}
   .prod-details :where(.left,.right){width: 100%;}
   .prod-details .big-cate{display: none;}
}

.prod-details-tabs{--tabh:0.7rem;height: var(--tabh);border-top: 1px solid #ededed;}
.prod-details-tabs.fixed .wrap{position: fixed;top: var(--header_height);left: 0;right: 0;z-index: 99;background: var(--white-color); box-shadow: 0 0.05rem 0.15rem rgba(var(--black-color__rgb), 0.06);}
.prod-details-tabs li{cursor: pointer;font-size: var(--font-size__18);position: relative;margin: 0 var(--padding-margin__40); height: calc(66 / 18 * 1em);display: flex;align-items: center;text-align: center;}
.prod-details-tabs li.active{color: var(--black-color);}
.prod-details-tabs li.active::before{content: '';display: block;width: 100%;height: 2px;background-color: var(--primary-color);position: absolute;bottom: 0;left: 0;}
.prod-details-content .container{max-width: 1280px;}
.prod-details-content-item{padding: var(--padding-margin__100) 0;}
.prod-details-content .all-title[class*=flex]{text-align: center; line-height: 1.2;}
.prod-details-content  + .all-more{padding-bottom: var(--padding-margin__100);}

.list-editor  .editor-item{margin: var(--padding-margin__60) 0;}
.list-editor  .editor-item:last-child{margin-bottom: 0;}
.list-editor  .title{text-align: center; color: var(--black-color); font-size: var(--font-size__24); margin-bottom: 0.3rem;}

.img-change{margin-top: var(--padding-margin__50);}
.img-change .img dd{display: none;}
.img-change .img figure{padding-bottom: calc(600 / 1280 * 100%);}
.img-change .img-tab{margin-top: var(--padding-margin__30);}
.img-change .img-tab ul{justify-content:center;}
.img-change .img-tab li{position: relative;z-index: 1;display: flex; padding: 1px var(--padding-margin__20); min-width: calc(100% /  8);margin: .05rem 0;}
.img-change .img-tab li span{position: relative;display: block;z-index: 3; background-color: var(--white-color);border: 1px solid #e1e1e1;padding: 0 0.1rem;flex: 1; border-radius: 0.4rem;min-width: 1.2rem;text-align: center;line-height: calc(42 / 18); font-size: var(--font-size__18); color: var(--color-333);cursor: pointer;}
.img-change .img-tab li:after{position: absolute;content: '';width: 100%;height: 1px;background-color: #e1e1e1;top: 50%;left: 0;z-index: 1;}
.img-change .img-tab li.active span{color: var(--white-color); background-color: #f1c400; border-color: #f1c400;}
@media (min-width:481px) and (max-width:1024px) {
   .img-change .img-tab li{min-width: calc(100% /  5);}
}
@media (max-width:480px) {
   .img-change .img-tab li{min-width: calc(100% /  3);}
}

.opacity-change{display: flex;flex-direction: column;align-items: flex-end;}
.opacity-change .controls{width:100%;max-width: 3rem;position: relative;margin-bottom: var(--padding-margin__50); height: 8px;border-radius: 4px;background: #efefef;}
.opacity-change .controls aside{ height: 100%;border-radius: 4px;background-color: #f1c400; position: relative;}
.opacity-change .controls .bar{position: absolute;width: 0.5rem; line-height: 0.24rem; color: var(--white-color);background-color: #f1c400; text-align: center;border-radius: 0.12rem; top: 50%;margin-top: -0.12rem;right: 0;cursor: grab;}
.opacity-change .pic{width: 100%;position: relative;}
.opacity-change .pic .opacity{position: absolute; left: 0;top: 0;width: 100%; height: 100%; background: rgba(var(--black-color__rgb),0.8);z-index: 3;}
.opacity-change img{display: block;width: 100%;}

.prod-video .cover{position: relative;z-index: 1;}
.prod-video .cover figure{padding-bottom: calc(300 / 1280 * 100%);}
.prod-video .cover .play-btn{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;}
.prod-video .cover .play-btn .icon-play{--wh:0.7rem;width: var(--wh); height: var(--wh); background: url(../images/play-white.svg) no-repeat center center rgba(var(--white-color__rgb), 0.4); background-size: 0.14rem auto; border-radius: 50%; cursor: pointer;}
.prod-video .cover .play-btn .name{margin-top: var(--padding-margin__70); font-size: var(--font-size__20); color: #dbdbdb; padding: 0 var(--padding-margin__40);line-height: 1.2; position: absolute;top: 100%;left: 0;width: 100%;text-align: center;}
.prod-video + .prod-title{margin-bottom: var(--padding-margin__50);}
.prod-details-content-item .prod-title:last-child{margin-bottom: 0;}
.prod-title{margin-top: var(--padding-margin__30);color: var(--black-color);}
.prod-title .tit{font-size: var(--font-size__20); display: block;}
@media (min-width:1025px) {
.prod-title .tit{flex: 1;margin-right: var(--padding-margin__30);}
.prod-title .share{flex-shrink: 0;}   
}
@media (max-width:1024px) {
   .prod-title .tit{margin-bottom: var(--padding-margin__30);}
}
@media (max-width:480px) {
   .prod-video .cover .play-btn .icon-play{--wh:0.5rem;}
   .prod-video .cover .play-btn .name{font-size: var(--font-size__16);}
}

.model-list li{--limr:0.3rem;}
.model-list li a{display: block; border: 1px solid #e1e1e1;position: relative;z-index: 1; overflow: hidden;}
.model-list li figure{padding-bottom: calc(430 / 406 * 100%); transition: var(--transition);}
.model-list li .name{position: absolute;left: 0;bottom: var(--padding-margin__30);width: 100%;z-index: 2;color: var(--color-333);font-size: var(--font-size__18);line-height: 1.2;text-align: center;padding: 0 var(--padding-margin__20);}
.model-list li:hover figure{transform: scale(1.1);}
@media (min-width:1025px) {
.model-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.model-list li:nth-child(3) ~ li{margin-top: var(--limr);} 
}
@media (max-width:1024px) {
   .model-list li{--limr:0.2rem;--lin:2}  
   .model-list li:not(:nth-child(2n)){margin-right: var(--limr);}
   .model-list li:nth-child(2) ~ li{margin-top: var(--limr);} 
}

.Current{margin-top: calc(var(--padding-margin__100) * -1); padding: var(--padding-margin__40) 0; font-size: var(--font-size__14); font-weight: var(--font-weight__l);}
.Current .container{display: flex;flex-wrap: wrap;align-items: center;}
.Current a{display: block;}
.Current a:after{content: '>';margin: 0 0.5em;}

.model-details{margin-bottom: var(--padding-margin__100);}
.model-details .swiper-thumb{width: calc(100 / 740 * 100%);}
.model-details .swiper-thumb .swiper-slide{height: calc(var(--width) + 0.1rem)!important;}
.model-details .swiper-images{width: calc(620 / 740 * 100%);border: solid 1px #e1e1e1;}
.model-details .swiper figure{padding-bottom: 100%;}
.model-details .swiper-thumb figure:before{position: absolute;content: '';width: 100%;height: 100%;z-index: 1;top: 0;left: 0;border: solid 1px #e1e1e1;}
.model-details .swiper-thumb .swiper-slide-thumb-active figure:before{border-color: var(--primary-color);}
.model-details .right-detail .name h3{margin: 0 0 var(--padding-margin__30) 0;font-weight: var(--font-weight__r); font-size: var(--font-size__40);color: var(--black-color);}
.model-details .right-detail .share{flex-shrink: 0;}
.model-details .desc-more{margin-top: calc(var(--padding-margin__60) + 0.05rem);}
.model-details .desc-more .tit{color: var(--black-color);font-size: var(--font-size__18); margin-bottom: var(--padding-margin__20);}
.model-details .desc-more .content  *{margin: 0;}
.model-details .desc-more .content table{width: 100%;table-layout: fixed;}
.model-details .desc-more .content table td{font-size: var(--font-size__18); line-height: calc(24 / 18); font-weight: var(--font-weight__l); color: var(--black-color); padding: calc(4 / 18 * 1em) 0; width: auto!important;}
.model-details .desc-more .content table td:nth-child(1){width: calc(225 / 760 * 100%)!important;color: var(--default-color); padding-right: 0.1rem;}
@media (min-width:1025px) {
.model-details .left-img{width: calc(740 / var(--max-width) * 100%);}   
.model-details .right-detail{width: calc(760 / var(--max-width) * 100%);}   
.model-details .right-detail .name{margin-right: var(--padding-margin__40);}
.model-details .right-detail{padding-top: var(--padding-margin__40);}
}
@media (max-width:1024px) {
.model-details .container{flex-direction: column-reverse;}
.model-details .left-img,
.model-details .right-detail{width: 100%;}   
.model-details .right-detail,
.model-details .right-detail .name{margin-bottom: var(--padding-margin__40);}
}

.models-tabs li.active::before{top: 0;bottom: auto;}
.models-content{padding-bottom: var(--padding-margin__120); margin-top: var(--padding-margin__40);}

.accessories-list{background-color: #f7f7f7;padding:  var(--padding-margin__20) var(--padding-margin__40);}
.accessories-list li{--lin:6;text-align: center; margin: calc(var(--padding-margin__70) / 2) 0;}
.accessories-list li a{display: block;cursor: default;}
.accessories-list li .img{height: 1.36rem;display: flex;justify-content: center;align-items: center; margin-bottom: var(--padding-margin__40);}
.accessories-list li .img img{max-height:100%; max-width: 76%;}
.accessories-list li .name{font-size: var(--font-size__18); line-height: calc(30 / 18); color: var(--black-color);}
.accessories-list li p{font-weight: var(--font-weight__l);margin: 0;line-height: calc(30 / 16);}
@media (max-width:1024px) {
   .accessories-list li{--lin:3;}
}

.model-download li{background: #f7f7f7 url(../images/pdf.svg) no-repeat right 0.66rem top 0.22rem;  background-size: auto calc(140 / 130 * 100%);}
.model-download li .item{height: 100%;}
.model-download .option > a{margin-right: var(--padding-margin__40);display: flex;align-items: center;}
.model-download .option > a::before{display: block; content: '';margin-right: 0.09rem;width: 0.16rem;height: 0.14rem; background: var(--background-contain);}
.model-download .option a.download::before{background-image: url(../images/download.svg);}
.model-download .option a.preview::before{background-image: url(../images/preview.svg);}
.model-download .option a.download:hover::before{background-image: url(../images/download-on.svg);}
.model-download .option a.preview:hover::before{background-image: url(../images/preview-on.svg);}
.model-download .name{ font-size: var(--font-size__24);color: var(--black-color); line-height: 1.4;}
@media (min-width:1025px) {
.model-download li{--limr:0.3rem;height: 1.3rem; padding:0 var(--padding-margin__40);}
.model-download li:not(:nth-child(2n)){margin-right: var(--limr);}
.model-download li:nth-child(2) ~ li{margin-top: var(--limr);}
 .model-download .name{flex: 1;margin-right: var(--padding-margin__40);}
.model-download .option{flex-shrink: 0;}
}
@media (max-width:1024px) {
   .model-download li{padding: var(--padding-margin__30);}
   .model-download li:not(:last-child){margin-bottom: var(--padding-margin__40);}
   .model-download li .item{flex-direction: column; align-items: flex-start;}
   .model-download .name{width: 100%;margin-bottom: var(--padding-margin__30);}
}
@media (max-width:480px) {
   .model-download li{background-size: 1.2rem auto;}
   .model-download .option{flex-wrap: wrap}
   .model-download .list-share{width: 100%;margin-top: 0.1rem;}
}


.search-box{background: #f7f7f7 url(../images/search.svg) no-repeat left var(--padding-margin__40) center;background-size: auto 30%; padding-left: var(--padding-margin__110); margin-top: -0.2rem;}
.search-box .search-input{flex: 1; border: 0; background-color: transparent; font-size: var(--font-size__20);}
.search-box .search-btn{background-color: var(--primary-color); color: var(--white-color); padding: 0 0.2rem; font-size: var(--font-size__20);min-width: 2.5rem;display: flex;align-items: center;justify-content: center; height: 1rem;}
.search-word{padding: 0.3rem var(--padding-margin__40) 0.2rem;color: #999999;font-weight: var(--font-weight__l);}
.search-tabs{padding: var(--padding-margin__40); border-bottom: var(--border);}
.search-tabs li{font-size: var(--font-size__18);}
.search-tabs li:not(:last-child){margin-right: var(--padding-margin__60);}
.search-tabs li a{display: block;border-bottom: 2px solid transparent;padding-bottom: 0.05rem;}
.search-tabs li.active a{border-color: var(--primary-color);color: var(--black-color);}

.search-result-list{padding-bottom: var(--padding-margin__100);}
.search-result-list .list{padding:var(--padding-margin__40);}
.search-result-list .list:not(:last-child){margin-bottom: 0.2rem;border-bottom: 1px solid #ededed;}
.search-result-list .more a{color: var(--primary-color);font-weight: var(--font-weight__l);}
.search-result-list .more a:hover{text-decoration: underline;}
.search-title{font-size: var(--font-size__24); color: var(--black-color); margin-bottom: var(--padding-margin__40);}
[class*=search-list] ul{margin-bottom: var(--padding-margin__30);}
[class*=search-list] li{position: relative;z-index: 1;}
[class*=search-list] li:not(:last-child){margin-bottom: var(--padding-margin__30);}
[class*=search-list] li .url{cursor: pointer;}
[class*=search-list] li .img{position: relative;z-index: 1;width: 1.6rem;flex-shrink: 0;background-color: #e4e4e4;}
[class*=search-list] li .img figure{padding-bottom: calc(106 / 160 * 100%);}
[class*=search-list] li .txt{flex: 1;margin-left: var(--padding-margin__30);font-size: var(--font-size__14);font-weight: var(--font-weight__l);}
[class*=search-list] li .tit{color: var(--black-color); font-size: var(--font-size__18); line-height: calc(24 / 18); margin-bottom: var(--padding-margin__10); font-weight: var(--font-weight__r);}
[class*=search-list] li:hover .tit{color: var(--primary-color);}
[class*=search-list] li .txt > p{max-width: 9.55rem; line-height: 1.4; margin-bottom: var(--padding-margin__30);}
[class*=search-list] li .current{color: var(--color-333);display: flex;align-items: center;flex-wrap: wrap;}
[class*=search-list] li .current a{display: flex;align-items: center;}
[class*=search-list] li .current a:after{content: '>';margin: 0 0.5em;display: block;}
[class*=search-list] .play .btn{width: 0.32rem;height: 0.32rem;}
@media (max-width:480px) {
   .search-box .search-btn{height: 0.6rem;}
   .search-box .search-btn{min-width: auto;}
   .search-tabs li{margin-top: 5px;margin-bottom: 5px;}
   [class*=search-list] li .img{width: 1.2rem;}
   [class*=search-list] li .current {font-size: var(--font-size__12);}
}

.home-banner:hover .btn-controls{
   opacity: 1;
}
.home-banner .btn-controls{
   opacity: 0;
   transition: all .5s;
}
.home-banner .btn-controls a.prev,
.info-banner .btn-controls a.prev{left: 0.2rem;}
.home-banner .btn-controls a.next,
.info-banner .btn-controls a.next{right: 0.2rem;}

/*2025.6.27*/
.video-list li .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hdownload {
    border: solid 1px rgba(153, 153, 153, 0.7);
    color: var(--black-color);
    padding: 0 0.36rem;
    line-height: calc(50 / 16);
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: var(--transition);
}

.hdownload:hover:before {
    transform: scaleX(1);
    transform-origin: 0 50%;
}

.hdownload:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: var(--primary-color);
    transition: transform var(--transition);
    transform: scaleX(0);
    transform-origin: 100% 50%;
}
.hdownload span{
    position:relative;
    z-index2;
    z-index: 2;
    font-weight: var(--font-weight__l);
    font-size: var(--font-size__16);
	padding-left: .25rem;
    background-image: url(../images/download.svg);
    background-size: .16rem;
    background-repeat: no-repeat;
    background-position: center left;
}
.hdownload:hover {
    border-color: var(--primary-color);
}
.hdownload:hover span{
    color: var(--white-color);
	background-image: url(../images/download-on1.svg);
}
.knowledge-list .hdownload {
    margin-left: .15rem;
}
@media (max-width: 480px) {
  .hdownload{
        padding: 0 1em;
        line-height: 2;
    }

    .video-list li .hdownload {
        margin-top: .15rem;
    }
}