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

/* 全局变量 */
:root{
   --max-width: 1440;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 34, 34, 34; /*#222*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 186, 3, 3; /*#ba0303*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --font-family: 'Montserrat', sans-serif;
   --white-color__rgb: 255,255,255; /*#FFFFFF*/
   --white-color: rgba(var(--white-color__rgb), 1);
   --black-color__rgb: 0,0,0; /*#000000*/
   --black-color: rgba(var(--black-color__rgb), 1);
   --main_line_height: 1.2;
   --button_height: 0.7rem;
   --font-weight__l: 100;
   --font-weight__r: 400;
   --font-weight__m: 500;
   --font-weight__sb:600;
   --font-weight__b: 700;
   --transition: 0.5s;
   --header_height:0.88rem;
   --border-shadow:0 0.1rem 0.2rem  rgba(221, 221, 221, 0.5);
   --border:1px solid rgba(var(--black-color__rgb), 0.1)
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
@media (min-width:1921px) {
   html{font-size: 100px;}
}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);width: 87.6%;margin: 0 auto;}
@media (max-width: 1920px) {
   html{font-size: calc(100 / 1920 * 100vw);}
}
@media (max-width: 1440px) {
   html{font-size: calc(100 / 1440 * 100vw);}
}
@media (max-width: 1024px) {
   html{font-size: calc(100 / 750 * 100vw);}
   .container { width: 94%; }
}
@media (max-width: 480px) {
   html{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);}
/* Start
   ========================================================================== */

header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;  transition: var(--transition);}
.light-style{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
header.up{transform:translateY(calc(var(--header_height) * -1));opacity:0;}
header .container{height: var(--header_height);}
header .logo img{height: 0.4rem;}
@media (min-width: 1025px) {
header.light-style,
header.light-style a:not(:hover){color: var(--white-color);} 
header.dark-style{background-color: var(--white-color); border-bottom: 1px solid #f0f0f0;}
/*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); background-color: var(--white-color); border-bottom: 1px solid #f0f0f0;}
.light-style{background:#fff}
}
@media (max-width: 480px) {
:root{--header_height: 0.6rem;}
header .logo img{height: 0.24rem;}

}


.main-nav li{z-index: 100;}
.main-nav li span,
.main-nav li a{display: block;}
.main-nav li a{position: relative;}
.main-nav li span a{line-height: var(--header_height);}
.main-nav li .sub{ height: 0;overflow: hidden;transition: var(--transition);}
.main-nav li .sub dl{ padding: 0.1rem 0;}
.main-nav li .sub dd{line-height: calc(30 / 16);}
.main-nav li .sub dd a{padding:calc(10 / 16 * 1em) 0.38rem;}
.main-nav li .sub dd a:after{position: absolute;right: 0.38rem; top: 50%; width: 0.13rem;height: 0.13rem;background: url(../images/more.svg) var(--background-contain); transform: translateY(-50%) translateX(-0.2rem); content: ''; opacity: 0; transition: var(--transition);}
.main-nav li .sub dd a:hover:after{transform: translateY(-50%) translateX(0); opacity: 1;}
.main-nav li .sub dd a:hover{background-color: var(--primary-color);color: var(--white-color);}
.main-nav li#m2{ position: static; }
.main-nav li#m2 dl{ padding: 0 var(--padding-margin__60); }
.main-nav li .right .flex{ flex-wrap:wrap;}
.main-nav li .right .title{ font-size:var(--font-size__18); margin:.3rem 0 .1rem;}
.main-nav li .right .item a:after{ display:none;}
.main-nav li .right .item .icon{width:.24rem;height:.24rem;background:#f2f2f2;border-radius:100%;opacity:1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} 
.main-nav li .right .item .icon:after{content:'';position:absolute;left:50%;top:50%;border: solid #333;border-width: 1px 1px 0 0;transform:translate(-50%,-50%) rotate(45deg);width: .07rem;height: .07rem;margin-left: -.005rem;}
.main-nav li .right .item a:hover{ background:none; color: var(--primary-color);}
.main-nav li .right .item a:hover .icon{background-color: var(--primary-color);}
.main-nav li .right .item a:hover .icon:after{ border-color:#fff}
.main-nav li .left .item:not(:first-child){ display:none;}
.main-nav li .left  a{ display:block;padding-left: var(--padding-margin__60);}
.main-nav li .left img{ width:100%; border-radius:.1rem; height:2.69rem; object-fit:contain; -webkit-object-fit:contain;}
@media (min-width: 1025px) {
.main-nav li:not(:last-child){margin-right: 0.6rem;}
header.dark-style .main-nav li span a:not(:hover){color: var(--black-color);}
/* .main-nav li.aon span a{color: var(--primary-color)!important;} */
.main-nav li .sub{position: absolute; top: 100%;background-color:rgba(var(--white-color__rgb), 0.95);border-radius: 0 0 0.1rem 0.1rem;width: 100%;left: 50%;transform: translateX(-50%); box-shadow: 0 0.05rem 0.05rem rgba(var(--black-color__rgb), 0.1); }
.main-nav li.show .sub{height: var(--sub_height);}
.main-nav li#m2 .sub{ width:100%;}
.main-nav li .left{ width:30%; padding:.4rem 0;}
.main-nav li .right{ width:70%; padding:.4rem .6rem;}
.main-nav li .right .flex{ display:block;column-count: 3;}
.main-nav li .right .item{ margin-right:3%; }
.main-nav li .right .item a{ padding-left:0; min-width:1.8rem; display: inline-block;}


}
@media (max-width: 1024px) {
.main-nav{position: fixed;top: var(--header_height);left: -100%;width: 3rem;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);}
.main-nav li .sub dl{border-top: 1px solid rgba(var(--black-color__rgb), 0.1);}
.main-nav li.wap-show .sub{height: var(--sub_height);}
.wap-op{position: absolute;right: 0; top:0;width: 0.4rem; height: 100%; background: url(../images/dropdown.svg) var(--background-contain); background-size: auto 10%; 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; margin-left: 0.3rem;}
.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#m2 .container{ padding: .1rem 0;  }
.main-nav li .left,
.main-nav li .right .title{ display:none;}
.main-nav li .right .item{ width:100%; margin-right:0;}
.main-nav li .right .item .icon{ display:none}
}

@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;border-radius: 0.2rem; height: 0.4rem; padding: 0 0.18rem; font-size: var(--font-size__14);background-color: #f3f3f3;}
.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); margin: 0 0.11rem 0 0;}
.lang .icon:after{width: 0.07rem;height: 0.03rem;background-image: url(../images/dropdown.svg);margin-left: 0.07rem;}
.lang-list{position: absolute;top:0.2rem;left: 50%;width: 100%;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:not(:last-child){border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);}
.lang-list li a{display: block;line-height: 2;text-align: center;}
.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{background-color: rgba(var(--white-color__rgb), 0.2);}
.light-style .lang .icon:before{background-image: url(../images/lang-white.svg);}
.light-style .lang .icon:after{background-image: url(../images/dropdown-white.svg);}
.lang.show .icon:before{background-image: url(../images/lang.svg);}
.lang.show .icon:after{background-image: url(../images/dropdown.svg);}
}

.open-search{width: 0.2rem;height: 0.2rem;background: url(../images/search.svg) var(--background-contain);display: block; margin-right: 0.3rem; 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%;left: 0;z-index: 10;background-color: var(--white-color);width: 100%;transition:var(--transition); visibility: hidden;opacity: 0; transform: translateY(0.1rem);box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.1); padding: 0.2rem 0;}
.search-show .header-search{visibility: visible;opacity: 1; transform: translateY(0);}
.header-search .container{height: auto; max-width: 1000px;}
.header-search .text{flex: 1;height: 0.5rem;line-height: 0.5rem;}
.header-search .btn{border-radius: .04rem;width: 0.5rem;height: 0.5rem;background: url(../images/search-white.svg) var(--primary-color) var(--background-contain);display: block; margin-left: 0.1rem; background-size: calc(20 / 50 * 100%) 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%;}
}

footer{background-color: #181818; padding: var(--padding-margin__110) 0 var(--padding-margin__70) 0;--max-width: 1600;}
footer,
footer a:not(:hover){color: var(--white-color);}
.becoming{padding-bottom: var(--padding-margin__70); border-bottom: 1px solid rgba(var(--white-color__rgb), 0.16); margin-bottom: var(--padding-margin__60);}
.becoming .txt{flex: 1;margin-right: var(--padding-margin__60);}
.becoming .txt h3{margin: 0;font-size: var(--font-size__30);}
.becoming .txt p{opacity: 0.5;}
.becoming .form{ border: 2px solid rgba(var(--white-color__rgb), 0.2); padding: 0.07rem 0.06rem 0.07rem 0.3rem; border-radius: 0.3rem;display: flex;justify-content: space-between;}
.becoming .form .text{flex: 1; height: 0.46rem; line-height: 0.46rem;background: none;border: 0;color: var(--white-color);}
.becoming .form .btn{display: flex;align-items: center;border-radius: 0.4rem; background-color: var(--white-color);padding: 0 0.2rem;color: var(--default-color);transition: var(--transition);}
.becoming .form .btn:hover{background-color: var(--primary-color);color: var(--white-color);}
.becoming .form .btn::after{display: block; content: '';width: 0.1rem;height: 0.1rem;background: url(../images/more-dark.svg) var(--background-contain); transform: rotate(-45deg); margin-left: 0.1rem; transition: var(--transition);}
.becoming .form .btn:hover::after{background-image: url(../images/more.svg);}
.becoming .form .text::placeholder{color: rgba(var(--white-color__rgb), 0.6);}
.f-content .logo{margin-bottom: var(--padding-margin__60);}
.f-content .logo img{height: 0.4rem;}
.f-content nav h4{font-size: var(--font-size__18);margin: 0 0 0.4rem 0;}
.f-content nav dd{line-height: calc(24 / 16);}
.f-content nav dd a:not(:hover){color: rgba(var(--white-color__rgb), 0.5);}
.f-content nav dd:not(:last-child){margin-bottom: 0.12rem;}

.follow-us{margin-bottom: var(--padding-margin__50);}
.follow-us li:not(:last-child){margin-right: 0.17rem;}
.follow-us li a{display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem;border:1px solid rgba(var(--white-color__rgb), 0.6);border-radius: 50%; transition: var(--transition);}
.follow-us li a:hover{background-color: var(--primary-color);border-color: var(--primary-color);}
.follow-us li a:before{display: block; height: 0.16rem;width: 100%;background: var(--background-contain); content: '';}
.follow-us li a.ing:before{background-image: url(../images/followus/ing.svg);}
.follow-us li a.tw:before{background-image: url(../images/followus/tw.svg);}
.follow-us li a.fb:before{background-image: url(../images/followus/facebook.svg);}
.follow-us li a.in:before{background-image: url(../images/followus/linkin.svg);}
.follow-us li a.ytb:before{background-image: url(../images/followus/youtube.svg);}

.f-contact :where(dt,dd){background: no-repeat left top;background-size: auto 0.17rem; padding-left: 0.36rem;}
.f-contact dd{color: rgba(var(--white-color__rgb), 0.8);font-weight: var(--font-weight__b);margin-bottom: 0.2rem;}
.f-contact dt{width: 100%;line-height: calc(26 / 16);color: rgba(var(--white-color__rgb), 0.5);}
.f-contact dd.hotline{background-image: url(../images/hotline.svg);}
.f-contact dd.tel{background-image: url(../images/tel.svg);}
.f-contact dt.add{background-image: url(../images/address.svg);}

.f-records {margin-top: var(--padding-margin__70);}
.f-records,
.f-records a:not(:hover){color: rgba(var(--white-color__rgb), 0.4);}
.f-records .other a:not(:last-child):after{content: '·';margin: 0 0.5em;color: rgba(var(--white-color__rgb), 0.4);}

@media (min-width: 1025px) {
.f-content .left{width: calc(410 / var(--max-width) * 100%);}
.f-content .right{width: calc(960 / var(--max-width) * 100%);}
.f-content nav .item{max-width: 2rem;}
.f-contact dd{max-width: 48%; min-width:35%;}
.becoming .form{width: 3.8rem;flex-shrink: 0;}
}
@media (max-width: 1024px) {
   .f-content nav{display: none;}
   .f-contact dl{display: block;}
   .f-records .other{margin-bottom: 0.2rem;}
   .f-records{text-align: center;}
   .f-content .logo{display: flex;justify-content: center;}
   .follow-us ul{justify-content: center;}
}


[class*=all-more] a{display: inline-flex;align-items: center;min-width: var(--padding-margin__150); justify-content:center;padding: 0 var(--padding-margin__30);line-height: calc(50 / 16);border-radius: calc(27 / 16 * 1em);border: solid 2px #d6d6d6; transition: var(--transition);position: relative; overflow: hidden;text-align: center;}
.all-more-white a{border-color: var(--white-color);color: var(--white-color);}
[class*=all-more] a::before{content: ''; position: absolute;left:50%;top: 50%;width: 100%;padding-bottom: 100%;background-color: var(--primary-color); transform: scale(0) translate(-50%,-50%); transition: var(--transition);border-radius: 50%; transform-origin: 0 0; opacity: 0;}
.url:hover + div [class*=all-more] a::before,
[class*=all-more] a:hover::before{transform: scale(1) translate(-50%,-50%); opacity: 1;}
[class*=all-more] a span{display: block;position: relative;z-index: 3;}
.url:hover + div [class*=all-more] a,
[class*=all-more] a:hover{color: var(--white-color);border-color: var(--primary-color); background-color:var(--primary-color);}

.home-ban .txt{top: calc(230 / 960 * 100%);color: var(--white-color); }
.home-ban .txt :where(.tit,.desc){font-weight: var(--font-weight__b);}
.home-ban .txt .flex__column :where(.tit,.desc){width: 100%;}
.home-ban .txt .flex__aic__column{margin-top: -5%;text-align: center;}
.home-ban :where(.tit,.desc,.all-more-white){transform: translateY(0.3rem); opacity: 0; transition: var(--transition) 0.3s;}
.home-ban .swiper-slide-active  :where(.tit,.desc,.all-more-white){transform: translateY(0); opacity: 10; }
.home-ban .tit{font-size: var(--font-size__60); margin: 0 0 var(--padding-margin__30) 0;}
.home-ban .desc{font-size: var(--font-size__30); margin-bottom: var(--padding-margin__60); transition-delay: 0.5s;}
.home-ban .all-more-white{transition-delay: 0.7s;}
.home-ban .controls-page{position: absolute; bottom:calc(62 / 960 * 100%);width: 100%;display: flex;align-items: center;z-index: 10;justify-content: center;--swiper-pagination-bullet-width:0.2rem;--swiper-pagination-bullet-height:0.05rem;--swiper-pagination-bullet-opacity:0.3;--swiper-pagination-color:var(--white-color);}
.home-ban .controls-page span{ border-radius: 0.05rem;--swiper-pagination-bullet-inactive-color:var(--white-color); position: relative; overflow: hidden;}
.home-ban .controls-page span:not(:last-child){margin-right: 0.15rem;}
.home-ban .controls-page span[class*=-active]{--swiper-pagination-color:rgba(var(--white-color__rgb),0.3); opacity: 1;width: 0.6rem;}
.home-ban .controls-page span::before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;background: var(--primary-color); transform: scaleX(0); transform-origin: 100% 50%; border-radius: 0.05rem; }
.home-ban .controls-page span[class*=-active]::before{transition: transform 4s; transform: scaleX(1); transform-origin: 0 50%;}
.home-ban .arrows a.prev{left:2%; background-image:url(../images/arrow/prev-white.svg)}
.home-ban .arrows a.next{right:2%;background-image:url(../images/arrow/next-white.svg)}
@media (max-width: 1024px) {
[class*=-ban]{margin-top: var(--header_height);}
.home-ban .whir-video__swiper .open-video{background-image: url(../images/play.svg); background-size: auto 0.8rem;}
.home-ban .tit{font-size: var(--font-size__42);}
.home-ban .desc{font-size: var(--font-size__20);}
}
@media (max-width: 480px) {
   .home-ban .tit{font-size: var(--font-size__36);}
   .home-ban .txt{top: 20%;}
}

.page-ban{position: relative;color: var(--white-color);z-index: 1; overflow: hidden;}
.page-ban .ban-name h3{margin: 0;font-size: var(--font-size__70);}
.page-ban .ban-name p{font-size: var(--font-size__20);line-height:1.8;max-width: 8rem;}
.current{font-weight: var(--font-weight__b);position: relative;z-index: 3;--top:0.32rem; margin-top: calc((var(--top) + 1.2em) * -1);color: var(--white-color); padding-bottom: var(--top); font-size: var(--font-size__14);}
.current a{ padding-right: 0.27rem; margin-right: 0.2rem;background: url(../images/arrow/next-white.svg) no-repeat right center; background-size: 0.07rem auto;}
.current a:not(:hover){color: rgba(var(--white-color__rgb), 0.5);}
.prod_current .current{--top:0.6rem}
.detail_banner{position: relative;}
.detail_banner .container{max-width:100%;}
.detail_banner .current{position: absolute;width:100%;top:1.6rem;}
.detail_banner .flex__jcfe{justify-content:flex-start}
@media (max-width: 1024px) {
   .page-ban .ban-name h3{font-size: var(--font-size__40);}
}
@media (max-width: 640px) {
   .detail_banner .current {top:0.5rem;}
}
@media (max-width: 480px) {
   .page-ban .ban-name h3{font-size: var(--font-size__32);}
   .current{--top:0.1rem}
   .prod_current .current{--top:0.4rem}
   .current a{ padding-right: 0.17rem; margin-right: 0.1rem;}
   .page-ban .ban-name p{line-height: 1.3;}
}

.space{height: var(--padding-margin__100);}

.prod-index .item{position: sticky; top: calc(var(--header_height) + 0.2rem);}
.prod-index .pic{border-radius: var(--padding-margin__30);overflow: hidden;}
.prod-index .pic a{padding-bottom: calc(510 / 1020 * 100%);display: block; }
.prod-index .txt h3{font-size: var(--font-size__50); margin: 0 0 var(--padding-margin__40) 0;}
.prod-index .txt  .desc{line-height: calc(26 / 16); color: #666; margin-bottom: var(--padding-margin__30);}
@media (min-width: 1025px) {
.prod-index .pic{width: calc(1020 / var(--max-width) * 100%);}
.prod-index .txt{background-color: var(--white-color); width: calc(310 / var(--max-width) * 100%);}
.prod-index .txt  .desc{min-height: 1.16rem;}
.prod-index .item{padding: 0.2rem 0; }
}
@media (max-width: 1024px) {
   .prod-index .item{top: calc(var(--header_height) + var(--padding-margin__50));background-color: var(--white-color);}
   .prod-index .txt{padding: var(--padding-margin__50) 0;}
}
@media (max-width: 480px) {
   .prod-index .txt h3{font-size: var(--font-size__30); }
}

.filter{margin-top: -0.3rem;background: url(../images/bg-dot.jpg) repeat 0 0; border-radius: 0.1rem;position: relative;z-index: 4;box-shadow: var(--border-shadow); padding: 0 var(--padding-margin__40) var(--padding-margin__80);}
.filter-items{padding-top: 0.22rem;}
.filter-items .item{border-bottom: var(--border);font-size: var(--font-size__18); line-height: calc(29 / 18); padding: 1em 0;}
.filter-items .label-name{font-weight: var(--font-weight__b);color: var(--black-color);display: flex;align-items: center;}
.filter-items .label-name .icon{width: calc(52 / 18 * 1em);display: flex;align-items: center;}
.filter-items .label-name .icon img{max-height: calc(29 / 18 * 1em); max-width: calc(30 / 18 * 1em);}
.filter-items .cate-list.collapsed{overflow: hidden;height: calc(29 / 18 * 1em);}
.filter-items .cate-list.has-more{position: relative;}
.filter-items .cate-list .more{position: absolute;right: 0;top: 0; font-size: var(--font-size__14);font-weight: var(--font-weight__m);color: var(--primary-color); line-height: calc(29 / 14); display: flex;align-items: center;}
.filter-items .cate-list .more:after{width: 1em;height: 1em;display: block;content: '';background: url(../images/more-red.svg) var(--background-contain); margin-left: 0.5em; transform: rotate(90deg); transition: var(--transition);}
.filter-items .cate-list .more.pu:after{transform: rotate(-90deg);}
.filter-items .cate-list dl{flex-wrap: wrap;display: flex;align-items: center; }
.filter-items .cate-list dd a.aon{color: var(--primary-color);}
.filter-search{display: flex;justify-content: center;position: relative;z-index: 5;}
.filter-search .inner{box-shadow: var(--border-shadow);border: solid 1px #e5e5e5;background-color: var(--white-color);width: 90%;max-width: 6rem;--wh:calc(48 / 16 * 1em);border-radius:calc(var(--wh) / 2); margin-top: calc(var(--wh) / -2); padding-left: 0.3rem;align-items: center;}
.filter-search .inner:before{display: block;content: '';width: 1px;height: calc(22 / 16 * 1em); background: var(--black-color);}
.filter-search .inner .text{flex: 1;background: none;border: 0; line-height: var(--wh);height: var(--wh); padding: 0 0.11rem;}
.filter-search .inner .text:not(.focus){color: #999;}
.filter-search .inner .btn{background:var(--primary-color) url(../images/search-white-p.svg) no-repeat center center;background-size: auto 50%;border-radius: calc(var(--wh) / 2); flex-shrink: 0; width:calc(var(--wh) * 1.25);height: var(--wh); cursor: pointer;}
@media (min-width:1025px) {
.filter-items .label-name{width: calc(225 / 1520 * 100%);flex-shrink: 0;}
.filter-items .cate-list{flex: 1;--itemw:calc(100% / 7);}
.filter-items .cate-list.has-more dd:nth-child(6){margin-right:5%;}
.filter-items .cate-list dd,
.filter-items .cate-list .more{width:var(--itemw);}
}
@media (max-width:1024px) {
   .filter-items .label-name{margin-bottom: var(--padding-margin__30);}
   .filter-items .cate-list dd:not(:last-child){margin-right: var(--padding-margin__40);}
   .filter-items .cate-list.has-more{padding-right: 4em;}
}

.prod-list li{--limr:var(--padding-margin__40);position: relative; margin-bottom: var(--limr);}
.prod-list li .cate-bg{z-index: -1;border-radius: 0.15rem; overflow: hidden;display: flex;justify-content: flex-end;background: #f3f3f3;}
.prod-list li .cate-bg:before{position: absolute; content: ''; left: 0;top: 0;width: 100%; height: 100%;background: #f3f3f3; transition: var(--transition);}
.prod-list li .cate-bg img{height: 100%; object-fit: cover;}
.prod-list li .pic{width: calc(455 / 700 * 100%); height: 3.5rem;display: flex;align-items: center;justify-content: flex-end;flex-shrink: 0; padding-right: 0.06rem;}
.prod-list li .txt{flex: 1;padding-left: var(--padding-margin__50);position: relative;z-index: 3;height: 2rem;}
.prod-list li .title{font-size: var(--font-size__30);font-weight: var(--font-weight__b); display: flex;flex-wrap: wrap;width: 180%; }
.prod-list li .tip{margin-top: var(--padding-margin__10);display: inline-block;padding: .05rem .1rem;font-size: var(--font-size__14);color: #f5d600;background-color: #0032a5;border-radius: .05rem;}
.prod-list li .all-more{position: absolute;bottom: 0;}
.prod-list li .fbiaoqian{color: #fff;  display: flex; position: absolute; top: 0; line-height: 24px;text-transform: uppercase;}
.prod-list li .fbiaoqian span{background: #ba0303;display: block;padding:0 12px 0 15px;border-top-left-radius: 10px;}
.prod-list li .fbiaoqian i{background: #ba0303;position: relative; margin-left: -5px; width:10px; transform: skewX(10deg);}
.prod-list li .fbiaoqian i:before,
.prod-list li .fbiaoqian i:after{content: '';position: absolute;width:3px;height: 100%;background: #ba0303;}
.prod-list li .fbiaoqian i:before{right: -10px;}
.prod-list li .fbiaoqian i:after{right: -20px;}
.prod-list li .title .hot{flex-shrink: 0;color: #ba0303;font-size: var(--font-size__16);width: 1.5em; margin-left: 0.07rem;display:none;}
.prod-list li:hover .cate-bg:before{width: 50%;}
@media (min-width:1025px) {
   .prod-list li:not(:nth-child(2n)){margin-right: var(--padding-margin__40);}
}
@media (max-width:480px) {
   .prod-list li .pic{height: 2.4rem;width: calc(400 / 700 * 100%);}
   .prod-list li .title{font-size: var(--font-size__24);}
}

[class*=floor-]{padding: var(--padding-margin__120) 0;}
.detail-name{font-weight: var(--font-weight__b);font-size: var(--font-size__50); margin-bottom: var(--padding-margin__60);}
.detail-name:not(.left){text-align: center;}
.prod-details .current a:nth-child(1){display: none;}
.prod-details .page-ban .ban-name{ top:0; height: auto; bottom: 0;align-items: flex-start; padding-top: calc(104 / 1920 * 100%);}
.prod-details .page-ban .ban-name h3{max-width: 65%;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}
.prod-details .page-ban .ban-name h5{position: relative; font-size: .24rem;  overflow: hidden;  margin-bottom: 0;  display: inline-block;  font-weight: normal; padding-right: 40px; }
.prod-details .page-ban .ban-name h5 span{display: block; z-index: 10; position: relative; padding: 0px 20px 0px 20px;text-transform: uppercase;}
.prod-details .page-ban .ban-name h5 i{ position: absolute; width: calc(100% - 30px); height: 100%; background: #ba0303; transform: skewX(10deg); left: -7px; top: 0;}
.prod-details .page-ban .ban-name h5 i:before,
.prod-details .page-ban .ban-name h5 i:after{content: '';position: absolute;width:5px;height: 100%;background: #ba0303;}
.prod-details .page-ban .ban-name h5 i:before{right: -12px;}
.prod-details .page-ban .ban-name h5 i:after{right: -24px;}
@media (max-width:1024px) {
   .detail-name{font-size: var(--font-size__32); }
   .prod-details .page-ban > img{max-width: none;width: 120%;margin-left: -10%;}
}
@media (max-width:640px) {
   .prod-details .page-ban .ban-name{top: calc(-0.60rem  + var(--header_height))}
   .prod-details .page-ban .ban-name h5{font-size: .18rem; margin-bottom:.1rem}
   .prod-details .page-ban .ban-name h3{font-size: var(--font-size__24);}
}

.fixed-cate{position: fixed; top: var(--header_height);left: 0;width: 100%;background-color: rgba(var(--black-color__rgb), 0.4);color: var(--white-color);z-index: 99;padding: 0.1rem 0;display:none;}
.fixed-cate dd{cursor: pointer;margin: 0 0.15rem;  padding: 0 0.1rem; border-radius: calc(34 / 16 * 0.5em); transition: 0.3s;}
.fixed-cate dd:hover{background-color: var(--primary-color);}
@media (min-width:1025px) {
   .fixed-cate dd{line-height: calc(34 / 16);}
}
@media (max-width:1024px) {
   .fixed-cate dd{margin: 0 0.05rem;display: flex;align-items: center;justify-content: center;height: calc(40 / 16 * 1em); text-align: center; font-size: var(--font-size__14);}
}


.floor-quote .pic figure{border-radius: var(--padding-margin__30); }
.floor-quote .form-item{margin-bottom: 0.16rem;}
.floor-quote .form-input::placeholder{color: rgba(132, 132, 132, 0.6);}
.floor-quote .form-button{display: block;width: 100%;}
@media (min-width:1025px) {
.floor-quote .pic{width: calc(800 / var(--max-width) * 100%);}
.floor-quote .form{width: calc(600 / var(--max-width) * 100%);}
.floor-quote .pic figure{height: 100%;}
}
@media (max-width:1024px) {
   .floor-quote .pic figure{padding-bottom: calc(450 / 790 * 100%);}
   .floor-quote .pic{margin-bottom: var(--padding-margin__40);}
}

.floor-relate-models{background-color: #f5f5f5;}
.floor-relate-models .swiper-main{position: relative;z-index: 10;}
.floor-relate-models .item{display: block;border-radius: 0.1rem; padding: var(--padding-margin__50) var(--padding-margin__40); background-color: var(--white-color);color: var(--default-color); transition: var(--transition);}
.floor-relate-models :where(.new,.hot) .title{position: relative; padding-right: 0.7rem;}
.floor-relate-models :where(.new,.hot) .title:after{display:none;position: absolute; right: 0;top: 0; padding: 0 1em;background-color: #f5f5f5;border-radius: 1em; font-size: var(--font-size__14); line-height: calc(30 / 14);color: var(--primary-color);}
.floor-relate-models .item.new .title:after{content: 'NEW';}
.floor-relate-models .item.hot .title:after{content: 'HOT';}
.floor-relate-models .title h3{margin: 0.2rem 0 0 0; font-size: var(--font-size__24);}
.floor-relate-models .pic{overflow: hidden;}
.floor-relate-models .pic figure{height: 3.2rem;transition:0.3s ease-in-out;} 
.floor-relate-models .item:hover .pic figure{transform: scale(1.1);}
.floor-relate-models .option dl{text-align: center;flex: 1 0 0;}
.floor-relate-models .option dl:not(:last-child){border-right: 1px solid #e6e6e6;}
.floor-relate-models .option dt{font-weight: var(--font-weight__b);font-size: var(--font-size__18);}
.floor-relate-models .option dd{color: #848484;}
@media (min-width:1025px) {
.floor-relate-models .swiper{margin-top: -0.2rem;}
.floor-relate-models .swiper-slide{padding-top: 0.2rem;}
.floor-relate-models .item:hover{transform: translateY(-0.2rem);}
}
@media (max-width:1024px) {
   .floor-relate-models .swiper-main{padding: 0 0.6rem;}
}

.arrows a{position: absolute; top: 50%;border: solid 2px #d6d6d6;width: 0.54rem;height: 0.54rem;border-radius: 50%; background: no-repeat center center; background-size: auto 0.12rem;z-index: 10; transition: var(--transition);cursor: pointer; margin-top: -0.27rem;}
.arrows a.swiper-button-disabled{cursor: default; opacity: 0.5;}
.arrows a:not(.swiper-button-disabled):hover{background-color: var(--primary-color); border-color: var(--primary-color);}
.arrows a.prev{left: -0.94rem; background-image: url(../images/arrow/prev.svg);}
.arrows a.next{right: -0.94rem; background-image: url(../images/arrow/next.svg);}
.arrows a.prev:not(.swiper-button-disabled):hover{background-image: url(../images/arrow/prev-white.svg);}
.arrows a.next:not(.swiper-button-disabled):hover{background-image: url(../images/arrow/next-white.svg);}

@media (min-width:1025px) and (max-width:1280px) {
   .arrows a.prev{left: -0.7rem;} 
   .arrows a.next{right: -0.7rem;} 
}
@media (max-width:1024px) {
   .arrows a.prev{left: 0;}
   .arrows a.next{right: 0;}
}
@media (max-width:768px){
    .home-prod .arrows{margin-top: 0;position: initial;left: 0;bottom: 0;}
    .home-prod .arrows .container{position: initial!important;margin-top: 0!important;}
    .home-prod .arrows a{position: absolute !important;top: 1rem !important}
    .home-prod .arrows a.prev{left: .1rem;}
    .home-prod .arrows a.next{right: .1rem;}
}
.edit-info{line-height: calc(26 / 16);color: #666;}

.floor-video{position: relative;z-index: 1;}
.floor-video:before{content: '';position: absolute;left: 0;top: -10%;height: 100%;width: 100%;z-index: -2;  background: url(../images/kjlz.png) no-repeat left top;background-size:calc(1539 / 1920 * 100%) auto;}
.floor-video .bg-img{position: absolute;bottom: 0;height: 50%;width: 100%;z-index: -1; background-color: var(--white-color);}
.floor-video .bg-img figure{opacity: 0.1;}
.floor-video .detail-name{margin-bottom: var(--padding-margin__40);}
.floor-video .pic img{display: block;width: 100%; border-radius: var(--padding-margin__20);}
.floor-video .video-box{position: relative; overflow: hidden;border-radius: var(--padding-margin__20);}
.floor-video .video-box figure{padding-bottom: calc(687 / 950 * 100%);}
.floor-video .video-box .btn-play{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.floor-video .video-box .btn-play i{position: relative;z-index: 10;display: block; background: url(../images/play-black.svg) no-repeat center center; width: 0.14rem; height: 0.14rem;}
.floor-video .video-box .btn-play:after,
.floor-video .video-box .btn-play:before{content: '';position:absolute;border-radius: 50%;background: var(--white-color);}
.floor-video .video-box .btn-play:before{z-index: 2;width: 0.9rem;height: 0.9rem;}
.floor-video .video-box .btn-play:after{z-index: 1;width: 1.2rem; height: 1.2rem; opacity: 0.3; animation:  playbtn 2s infinite;}
@keyframes playbtn {
      0% {transform: scale(1); opacity: 0.3;}
      100% {transform: scale(2); opacity: 0;}
}
@media (min-width:1025px) {
.floor-video .left{width: calc(341 / var(--max-width) * 100%);}
.floor-video .right{width: calc(950 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .floor-video:before{background-size: 100% auto;}
   .floor-video .left{margin: 0 0 var(--padding-margin__50) 0;flex-direction: row; align-items: flex-end;}
   .floor-video .bg-img{height: 20%;}
   .floor-video .txt{flex: 1; margin-right: 0.2rem;}
   .floor-video .pic{width: 40%;flex-shrink: 0;}
}


.floor-parameters{background: url(../images/prod-detail-bg-2.png) no-repeat center top;background-size: 100% auto;}
.floor-parameters .line-art{display: flex;flex-direction: column;align-items: center; padding-bottom: 0.2rem;}
.floor-parameters .line-art img{max-width: 8rem;width: 80%;}
.floor-parameters .line-art p{margin: 0.2rem 0 0 0;}

.floor-parameters .table{margin-bottom: var(--padding-margin__60);}
.floor-parameters table{width: 100% !important;table-layout: fixed; border:none!important;border-top: 0.06rem solid var(--primary-color)!important;box-shadow: var(--border-shadow);background-color: var(--white-color);}
.floor-parameters td{border-bottom: 1px solid #ebebeb;padding: 0.2rem 0.2rem 0.2rem var(--padding-margin__40)!important;}
.floor-parameters tr,
.floor-parameters tr td{background-color: #fff!important;width:auto !important;}
.floor-parameters tr:nth-child(2n+1),
.floor-parameters tr:nth-child(2n+1) td{background-color: #f7f7f7!important;}
.floor-parameters td:nth-child(1){width: calc(560 / var(--max-width) * 100%);border-right: 1px solid #ebebeb!important;}
.floor-parameters tr *{ font-size:var(--font-size__16)!important; color: var(--default-color)!important;}
.floor-parameters tr.bold td,.floor-parameters tr.bold td span{font-weight:bold}
@media (min-width:1025px) {
    .floor-parameters .left{ width:41.319%;}
    .floor-parameters .right{ width:56.94%;}
}
@media (max-width:1024px) {
    .floor-parameters .flex_tablet__jcsb{ flex-wrap:wrap;}
    .floor-parameters .left{ width:100%; padding:.5rem 0; text-align:center;}
    .floor-parameters .right{ width:100%;}
}
.floor-goods{background-color: #f7f7f7; padding: var(--padding-margin__80) 0;}
.floor-goods .detail-name{margin-bottom: var(--padding-margin__40);}
.floor-goods .items .box{background-color: #fff; margin: var(--padding-margin__40) 0;}
.floor-goods .items .name{font-size: var(--font-size__36);font-weight: var(--font-weight__b); margin-bottom: 0.38rem;}
.floor-goods .items .txt{padding:.5rem;}
/*.floor-goods .items .txt pre span{    font-size: .44rem;
    color: #ba0303;
    margin-right: 5px;
    line-height: 20px;
    vertical-align: middle;
    position: relative;
    top: -4px;
}*/
.pre-line {
            position: relative;
            padding-left:1.3em;
            white-space: pre-wrap;
            line-height:2;
        }
        
        .pre-line::before {
            content: "·";
            position: absolute;
            left: 0;
            color: #ba0303;
            font-size: .44rem;
            top:-.32rem;
        }
@media (min-width:1025px) {
.floor-goods .items .box:nth-child(2n){flex-direction: row-reverse;}
.floor-goods .items .pic{width: calc(780 / var(--max-width) * 100%);}
.floor-goods .items .txt{width:calc(770 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .floor-goods .items .txt{margin-bottom: var(--padding-margin__50);}
   .floor-goods .items .name{font-size: var(--font-size__28);}
}

.floor-imgs {overflow: hidden;}
.floor-imgs .edit-info{margin-bottom: var(--padding-margin__50);}
.floor-imgs .swiper{width: calc(1970 / var(--max-width) * 100%);}
.floor-imgs .swiper-slide .pic{position: relative;border-radius: var(--padding-margin__30);overflow: hidden;border:1px solid #eee}
.floor-imgs figure{padding-bottom: calc(480 / 640 * 100%);}
.floor-imgs.small figure{padding-bottom: calc(360 / 640 * 100%);}
.floor-imgs .tit{position: absolute; left: 0;bottom: 0;width: 100%;color: var(--white-color);text-align: center;font-size: var(--font-size__24); font-weight: var(--font-weight__m);z-index: 10; padding: var(--padding-margin__50) 0 var(--padding-margin__30) 0; /*background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));*/}
.floor-imgs .name{line-height: calc(26 / 16);font-weight: var(--font-weight__b); margin-top: var(--padding-margin__20); min-height: calc(26 / 16 * 2em);}
.floor-imgs .arrow{left: calc((100% - 40px) / 3 * 2);position: absolute;z-index: 10;top: 50%;margin-top: -0.3rem;width: 0.6rem;height: 0.6rem; border-radius: 50%;background-color: var(--primary-color);display: flex;justify-content: space-between;}
.floor-imgs.small .arrow{top: calc((100% - var(--padding-margin__20) - (26 / 16 * 2em)) / 2);}
.floor-imgs .arrow a{display: block;flex: 1;cursor: pointer; background-repeat: no-repeat; background-size: auto 0.12rem; opacity: 0.7;}
.floor-imgs .arrow a.prev{background-image: url(../images/arrow/prev-white.svg); background-position: right 0.04rem center;}
.floor-imgs .arrow a.next{background-image: url(../images/arrow/next-white.svg);background-position: left 0.04rem center;}
@media (max-width:1024px) {
   .floor-imgs .arrow{left: calc((100% - 20px) / 2 - 0.1rem);}
   .floor-imgs .tit{font-size: var(--font-size__20);}
}

[class*="floor-"] .edit-info{ max-width: 11.94rem;margin-left: auto; margin-right: auto;text-align:justify;}
.floor-intro{background: url(../images/prod-detail-bg-1.png) var(--background-cover);overflow: hidden;}
#floor-intro-v{/*background-image: url(../images/prod-detail-bg-1_v.jpg);*/--max-width:1600}
.floor-intro .pic{mix-blend-mode: multiply;}
.floor-intro .edit-info{  padding-bottom: var(--padding-margin__40);}
#floor-intro-v .pic-number{position: relative;z-index: 1;width: 100%;}
#floor-intro-v .pic-number dd,#floor-intro-v .pic-number li{width: 50%;list-style:none}
#floor-intro-v .pic-number .tit,#floor-intro-v .pic-number strong,#floor-intro-v .pic-number b{color:#ba0303; font-size: var(--font-size__24);}
#floor-intro-v .pic-number p{max-width: 3rem;color: #666666;line-height: calc(26 / 16);}
@media (min-width:1025px) {
#floor-intro-v .pic-number dd:nth-child(2n),#floor-intro-v .pic-number li:nth-child(2n){display: flex;justify-content: flex-end;}
#floor-intro-v .pic-number dd:nth-child(2n){padding-right:1.1rem;}
#floor-intro-v .pic-numbers dd:nth-child(2n){padding-right:0;}
#floor-intro-v .pic-number dd:nth-child(1) .inner,#floor-intro-v .pic-number li:nth-child(1) .inner{margin-left: 0.8rem;}
#floor-intro-v .pic-number dd:nth-child(3) .inner,#floor-intro-v .pic-number li:nth-child(3) .inner{margin-left: 0.24rem;}
#floor-intro-v .pic-number dd:nth-child(4) .inner,#floor-intro-v .pic-number li:nth-child(4) .inner{margin-left: 0.1rem;}
#floor-intro-v .pic-number dd:nth-child(5) .inner,#floor-intro-v .pic-number li:nth-child(5) .inner{margin-left:1.24rem;}
#floor-intro-v .pic-number dd:nth-child(6) .inner,#floor-intro-v .pic-number li:nth-child(6) .inner{margin-right: 0.6rem;}
#floor-intro-v .pic-number .pic{position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: flex;align-items: center; justify-content: center; pointer-events: none;}
#floor-intro-v .pic-number .pic img{max-height: 4.21rem;}
#floor-intro-v .pic-number dd:nth-child(2) ~ dd,#floor-intro-v .pic-number li:nth-child(2) ~ li{margin-top:var(--padding-margin__90);}
#floor-intro-v .pic-number{min-height:4rem}
}
@media (min-width:1025px) and (max-width:1440px){
    #floor-intro-v .pic-number .pic img{max-width:50%;}
    
}
@media (max-width:1024px) {
   #floor-intro-v .pic-number dl,#floor-intro-v .pic-number ul{align-items:flex-start;}
   #floor-intro-v .pic-number dd,#floor-intro-v .pic-number li{width: 48%;}
   #floor-intro-v .pic-number dd,#floor-intro-v .pic-number li{margin-bottom: var(--padding-margin__40);}
   #floor-intro-v .pic-number dl{display:none;}
}
@media (max-width:480px) {
   #floor-intro-v .pic-number .tit,#floor-intro-v .pic-number strong,#floor-intro-v .pic-number b{ font-size: var(--font-size__20);}
}

.floor-txt-img{position: relative;z-index: 1; overflow: hidden; }
.floor-txt-img .inner{max-width: 4.65rem;}
.floor-txt-img .detail-name{ margin-bottom: var(--padding-margin__50);}
.floor-txt-img .edit-info{color: var(--default-color); margin-bottom: var(--padding-margin__70);}
.floor-txt-img .awards dd{display: flex;justify-content: space-between; align-items: center;}
.floor-txt-img .awards .img{width: 1rem;flex-shrink: 0;}
.floor-txt-img .awards .img img{max-width: 67%;}
.floor-txt-img .awards h4{flex: 1; line-height: calc(26 / 16);margin: 0;}
@media (min-width:1025px) {
   .floor-txt-img{padding: 0;}
}
@media (max-width:1024px) {
   .floor-txt-img .txt{position: relative; margin-bottom: var(--padding-margin__50);}
   .floor-txt-img > img{margin-left: -50%;width: 150%;max-width: none;}
}

.floor-big-imgs{overflow: hidden; padding-bottom: 0;}
.floor-big-imgs .images-thumb{position:relative;z-index:1; margin-top: var(--padding-margin__50);}
.floor-big-imgs .detail-name{margin-bottom: var(--padding-margin__30);}
.floor-big-imgs .big-thumn img{max-height: 900px;object-fit: cover;object-position: center;}
.floor-big-imgs .small-thumn{overflow: hidden;position: absolute;z-index:10;left:0;bottom:3%;width:100%;}
.floor-big-imgs .small-thumn .swiper{max-width:6rem; width:90%}
.floor-big-imgs .small-thumn figure{padding-bottom: calc(270 / 540 * 100%); cursor: pointer; position:relative;}
.floor-big-imgs .small-thumn figure:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;z-index:10;border:0.04rem solid transparent;}
.floor-big-imgs .small-thumn .txt{position: absolute; left: 0;width: 100%;bottom: 0;z-index: 10;color: var(--white-color); padding: var(--padding-margin__50) var(--padding-margin__30) var(--padding-margin__30); line-height: calc(26 / 16); font-weight: var(--font-weight__b);background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));display:none}
.floor-big-imgs .prev,
.floor-big-imgs .next{position: absolute;z-index: 10; cursor: pointer;width: 0.5rem;height: 0.5rem;background:  var(--background-contain); top:50%;margin-top:-0.25rem;}
.floor-big-imgs .prev{left:3%;background-image:url(../images/arrow/prev-white.svg);}
.floor-big-imgs .next{right: 3%;background-image:url(../images/arrow/next-white.svg)}
.floor-big-imgs .small-prev,
.floor-big-imgs .small-next{position: absolute;z-index: 10; cursor: pointer;width: 0.3rem;height: 0.3rem;background:  var(--background-contain); background-color: var(--primary-color);
    background-size: 10px; top:50%;margin-top:-0.15rem;}
.floor-big-imgs .small-prev{left:0;background-image:url(../images/arrow/prev-white.svg);}
.floor-big-imgs .small-next{right: 0;background-image:url(../images/arrow/next-white.svg)}
.floor-big-imgs .swiper-button-disabled{opacity:0.7;filter: grayscale(100%) brightness(100%);}
.floor-big-imgs .small-thumn .swiper-slide-thumb-active figure:after{border-color:var(--white-color);}
@media (min-width:1025px) {
.floor-big-imgs .small-thumn .txt p{max-width: 80%;}
}
@media (max-width:1024px) {
   .floor-big-imgs .small-thumn .txt p{font-size: var(--font-size__14);}
}

.service-items{margin-top: var(--padding-margin__70); overflow: hidden;}
.service-items .item{padding: var(--padding-margin__30) 0;counter-increment: itemcounter;}
.service-items .pic img{border-radius: var(--padding-margin__30);}
.service-items .txt h4{font-size: var(--font-size__36); margin: var(--padding-margin__60) 0 var(--padding-margin__30) 0;}
.service-items .txt:before{content: counters(itemcounter, ".", decimal-leading-zero);color: var(--primary-color);font-size: var(--font-size__30); font-weight: var(--font-weight__b);}
@media (min-width:1025px) {
.service-items .item:nth-child(2n+1){flex-direction: row-reverse;}
.service-items .pic{flex-shrink: 0;width: calc(720 / var(--max-width) * 100%);}
.service-items .txt{flex-shrink: 0;width: calc(610 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .service-items .pic{margin-top: var(--padding-margin__50);}
}

.netword-intro{padding: var(--padding-margin__120) 0 var(--padding-margin__100) 0;--max-width: 1356;}
.netword-intro .edit-info{line-height: calc(30 / 16); margin-bottom: var(--padding-margin__100);}
.netword-intro .count-list .item{border-left: 1px solid var(--primary-color); padding-left: var(--padding-margin__30);}
.netword-intro .count-list p{margin: 0.2rem 0 0 0; color: #666; line-height: calc(20 / 16); max-width: 1.6rem;}
.netword-intro .count-list .num{font-size: var(--font-size__50);color: var(--primary-color);line-height: calc(37 / 50);display: flex;align-items: flex-start; font-weight: var(--font-weight__b);}
.netword-intro .count-list .num sup{display: block;font-size: var(--font-size__30);}
@media (min-width:1025px) {
   .netword-intro .count-list .item{max-width: 25%;}
}
@media (max-width:1024px) {
   .netword-intro .count-list .item{width: 50%;}
   .netword-intro .count-list .item:nth-child(2) ~ .item{margin-top: var(--padding-margin__80);}
}
@media (max-width:640px) {
   .floor-big-imgs .small-thumn .swiper{width:100%}
   .floor-big-imgs .small-thumn{position:static;margin-top:10px;}
}
.netword-enquiry{background-color: #f8f8f8;padding: var(--padding-margin__120) 0;}
.netword-enquiry .search{margin-bottom: var(--padding-margin__60);}
.netword-enquiry .select select{display: block;width: 100%;}
.netword-enquiry .key{display: flex;justify-content: space-between;border: solid 1px #aaaaaa; border-radius: 0.35rem;padding-left: var(--padding-margin__50);}
.netword-enquiry .key .text{flex: 1; height: 0.68rem;line-height: 0.68rem; border: 0;background: none;width: 100%;display: block;}
.netword-enquiry .key .text:not(.foucs){color: #999999;}
.netword-enquiry .key .btn{width: 0.7rem;display: block;background: url(../images/search-red.svg) no-repeat center center;background-size: auto 0.19rem; flex-shrink: 0;}
.netword-enquiry .total{margin-bottom: var(--padding-margin__40);font-size: var(--font-size__18);}
.netword-enquiry .total span{color: var(--primary-color);}
.netword-enquiry .item{background-color: var(--white-color);box-shadow: 0 0.06rem 0.36rem rgba(var(--black-color__rgb), 0.05);border-radius: 0.15rem; border: 1px solid transparent; transition: var(--transition); padding: var(--padding-margin__50) var(--padding-margin__70);}
.netword-enquiry .item:hover{border-color: var(--primary-color);}
.netword-enquiry .item h3{margin: 0 0 0.2rem 0; font-size: var(--font-size__20);}
.netword-enquiry .item:hover h3{color: var(--primary-color);}
.netword-enquiry .item dd{line-height: calc(30 / 16); padding-left: 0.47rem;background: no-repeat left 0.5em; background-size: 0.14rem auto;}
.netword-enquiry .item dd.add{background-image: url(../images/netword-ico-add.svg);}
.netword-enquiry .item dd.tel{background-image: url(../images/netword-ico-tel.svg);}
.netword-enquiry .item dd.email{background-image: url(../images/netword-ico-email.svg);background-position:left 0.6em; }
.netword-enquiry .item:hover dd.tel a{text-decoration: underline; color: var(--primary-color);}
@media (min-width:481px) {
.netword-enquiry .search :where(.select,.key){width:50%;}
.netword-enquiry .select{ max-width: 4.58rem; margin-right: var(--padding-margin__30);}
.netword-enquiry .key{max-width: 5.78rem;}
}
@media (min-width:1025px) {
.netword-enquiry .item{--limr:0.6rem;}
.netword-enquiry .item:not(:nth-child(2n)){margin-right: var(--limr);}
.netword-enquiry .item:nth-child(2) ~ .item{margin-top: var(--padding-margin__40);}
}
@media (max-width:1024px) { 
   .netword-enquiry .item:not(:last-child){margin-bottom: var(--padding-margin__40);}
}
@media (max-width:480px) { 
   .netword-enquiry .key{margin-top: var(--padding-margin__30);}
}


.channel-news .space{height: var(--padding-margin__140);}
.channel-title{margin-bottom: var(--padding-margin__60);}
.channel-title .detail-name{margin-bottom: 0;}
.channel-news .list li{--limr:var(--padding-margin__40);}
.channel-news .list li a{overflow:hidden;display: block;background-color: #f5f5f5; border-radius: var(--padding-margin__20); transition: var(--transition);}
.channel-news .list li .txt{padding: var(--padding-margin__40);}
.channel-news .list li .time{padding-bottom: var(--padding-margin__30);border-bottom: 1px solid #e1e1e1;display: flex;justify-content: space-between;align-items: center; margin-bottom: var(--padding-margin__30); color: var(--default-color);}
.channel-news .list li .time:after{display: block;opacity: 0.6; width: 0.2rem; height: 0.2rem;background: url(../images/more-gray.svg) var(--background-contain); transform: rotate(-45deg); content: '';}
.channel-news .list li h3{margin: 0; line-height: 1.5;}
.channel-news .list li a:not(:hover) h3{color: var(--black-color);}
.channel-news .list li .pic{overflow: hidden;}
.channel-news .list li .pic figure{padding-bottom: calc(254 / 453 * 100%); transition: var(--transition) ease-in-out;}
.channel-news .list li a:hover .pic figure{transform: scale(1.05);}
.channel-news .v-list ol:nth-child(1),
.channel-news .v-list ol li{position: relative; overflow: hidden;border-radius:var(--padding-margin__20);}
.channel-news .v-list ol:nth-child(1) figure{padding-bottom: calc(532 / 946 * 100%);}
.channel-news .v-list .btn-play{--btnwh:0.46rem;z-index: 20;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.channel-news .v-list .btn-play:before{display: block;content: '';width: var(--btnwh); height:var(--btnwh); background: url(../images/play-opacity80.svg) var(--background-contain);}
.channel-news .v-list ol >  .btn-play{--btnwh:0.64rem;}
.channel-news .v-list li figure{padding-bottom: calc(256 / 454 * 100%);}
.channel-news .v-list .title{display: flex;align-items: flex-end;--pd:var(--padding-margin__20); padding: 0 var(--pd) var(--pd); font-size: var(--font-size__18);color: var(--white-color); font-weight: var(--font-weight__b); background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));}
.channel-news .v-list ol >  .title{font-size: var(--font-size__24);--pd:var(--padding-margin__40);}
.channel-news .v-list figure{transition: var(--transition);}
.channel-news .v-list ol:nth-child(1):hover figure,
.channel-news .v-list ol li:hover figure{ transform: scale(1.05); }
@media (min-width:1025px) {
.channel-news .list li:not(:nth-child(3n)){margin-right: var(--limr);}
.channel-news .list li:nth-child(3) ~ li{margin-top: var(--limr);}
.channel-news .list li a:hover{transform: translateY(-0.2rem);}
.channel-news .v-list ol:nth-child(1){width: calc(946 / var(--max-width) * 100%);}
.channel-news .v-list ol:nth-child(2){width: calc(454 / var(--max-width) * 100%);}
}
@media (max-width:1024px) { 
   .channel-news .list li:not(:last-child){margin-bottom: var(--limr);}
   .channel-news .list li a{display: flex;justify-content: space-between;}
   .channel-news .list li .txt{flex: 1;}
   .channel-news .list li .pic{width: 45%;}
   .channel-news .list li .pic figure{padding-bottom: 0;height: 100%;}
   .channel-news .v-list ol:nth-child(2){flex-direction: row; margin-top: var(--padding-margin__20);}
   .channel-news .v-list ol:nth-child(2) li{width: calc((100% - var(--padding-margin__20)) / 2);}
}
@media (max-width:480px) { 
   .channel-news .v-list .title{font-size: var(--font-size__14);}
   .channel-news .v-list ol >  .title{font-size: var(--font-size__20);}
   .channel-news .v-list .btn-play{--btnwh:0.4rem;}
   .channel-news .v-list ol >  .btn-play{--btnwh:0.5rem;}
}

.video-list,
.news-list{margin-bottom: var(--padding-margin__80);}
.news-list .item:not(:last-child){margin-bottom: var(--padding-margin__60);}
.news-list .item a{border-bottom: 1px solid #e1e1e1; }
.news-list .pic figure{padding-bottom: calc(353 / 630 * 100%); border-radius: 0.16rem;}
.news-list .txt h3{margin: 0.2rem 0 0.14rem 0; font-size: var(--font-size__24); line-height: calc(32 / 24);}
.news-list .txt time{color: var(--default-color);}
.news-list a:not(:hover) .txt h3{color: var(--black-color);}
.news-list .txt p{color: #666;line-height: calc(26 / 16); margin: 0 0 var(--padding-margin__70) 0;}
.news-list .more{display: inline-flex;align-items: center;color: var(--default-color); transition: 0.3s;} 
.news-list .more:after{display: block; content: ''; margin-left: 0.14rem;width: 0.07rem; height: 0.13rem;background: url(../images/arrow-right.svg) var(--background-contain);}
.news-list a:hover .more{padding: 0 0.1rem;color: var(--white-color); background-color: var(--primary-color); line-height: 2.4; border-radius: 1.2em;}
.news-list a:hover .more:after{background-image: url(../images/arrow-right-white.svg);}
@media (min-width:1025px) {
   .news-list .item a{border-radius: 0 0 0 0.16rem;}
.news-list .pic{width: calc(630 / var(--max-width) * 100%);flex-shrink: 0;}
.news-list .txt{margin-left: var(--padding-margin__60); flex: 1;}
}
@media (max-width:1024px) { 
   .news-list .txt{margin-top: var(--padding-margin__40);}
   .news-list .item a{padding-bottom: var(--padding-margin__50);}
}

.video-list li{--limr:0.39rem;}
.video-list li a{cursor: pointer;}
.video-list li .pic{overflow: hidden;position: relative;border-radius: var(--padding-margin__20);}
.video-list li .pic figure{padding-bottom: calc(256 / 456 * 100%); transition: 0.3s ease-in-out;}
.video-list li a:hover .pic figure{transform: scale(1.1);}
.video-list li .ico{--wh:0.46rem;width: var(--wh); height: var(--wh);background: url(../images/play-opacity80.svg) var(--background-contain);position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;}
.video-list li h4{margin: var(--padding-margin__30) 0 0 0; font-size: var(--font-size__18);color: var(--black-color);}
@media (min-width:1025px) {
   .video-list li:nth-child(3) ~ li{margin-top: var(--padding-margin__60);}
   .video-list li:not(:nth-child(3n)){margin-right: var(--limr);}
}
@media (max-width:1024px) { 
   .video-list li a{display: flex;align-items: center;justify-content: space-between;}
   .video-list li .pic{width: 55%;flex-shrink: 0;}
   .video-list li .txt{margin-left: var(--padding-margin__30);flex: 1;}
   .video-list li h4{font-size: var(--font-size__24); --clamp: 4;}
   .video-list li:not(:last-child){margin-bottom: var(--padding-margin__40);}
}
@media (max-width:480px) { 
   .video-list li h4{font-size: var(--font-size__20);}
}

.news-details{margin-top: var(--header_height); padding-top: var(--padding-margin__30); padding-bottom: var(--padding-margin__100);}
.news-details .current{margin: 0 0 var(--padding-margin__90) 0;}
.news-details .current{color: #848484;}
.news-details .current a{background-image: url(../images/arrow/next.svg);}
.news-details .current a:not(:hover){color: rgba(132, 132, 132, 0.5); }
.news-details .title{text-align: center;font-size: var(--font-size__30); line-height: calc(48 / 30); color: var(--black-color);margin: 0 auto; max-width: 11.9rem;}
.news-details .option{padding: var(--padding-margin__20) 0 var(--padding-margin__30);}
.news-details .option time{margin-right: var(--padding-margin__60); font-weight: var(--font-weight__m);}
.news-details .option .share{display: flex;align-items: center;}

.edit-img-rows{margin: 3em 0;}
.edit-img-rows dd img{border-radius: 1em;display: block;width: 100%;}
@media (min-width:641px) {
.edit-img-rows dd{width: calc((100% - 0.28rem) / 2);}
.edit-img-rows dd:nth-child(2) ~ dd{margin-top: 0.28rem;}
}
@media (max-width:640px) { 
   .edit-img-rows dd:not(:last-child){margin-bottom: var(--padding-margin__30);}
}

.news-page{border-top: 1px solid #e1e1e1;margin-top: var(--padding-margin__50); padding-top: var(--padding-margin__50);}
.news-page .info a span{color: #666;}
.news-page .back{flex-shrink: 0;margin-left: 0.1rem;}
.news-page .back a{display: flex;align-items: center; background: var(--primary-color);color: var(--white-color); line-height: calc(54 / 16); padding: 0 var(--padding-margin__40);border-radius: 3em;}
.news-page .back a:before{display: block; content: '';margin-right: 0.17rem;width: 0.14rem; height: 0.14rem; background: url(../images/return.svg) var(--background-contain);}
.news-page .info p + p{margin-top: var(--padding-margin__40);}


.overseas {background-color: #f8f8f8; padding:var(--padding-margin__120) 0 var(--padding-margin__70); overflow: hidden;}
.overseas .intro{margin-bottom: var(--padding-margin__50);}
.overseas .map img{mix-blend-mode: multiply; }
.overseas .number-count dd:not(:last-child){margin-bottom: var(--padding-margin__90);}
.number-count p{margin: 0.2rem 0 0 0; color: #666;}
number-count .num{display: flex;align-items: baseline;}
.number-count .num span{color: #666;}
.number-count .count{display: flex;color: var(--primary-color); font-size: var(--font-size__50);font-weight: var(--font-weight__b);}
.number-count .count sup{font-size:0.5em;}
@media (min-width:1025px) {
 .overseas .intro .detail-name{flex-shrink: 0;}  
 .overseas .intro .edit-info{flex-shrink: 0;width: calc(526 / var(--max-width) * 100%);}
 .overseas .number-count{flex: 1; margin-right: 0.2rem;}
 .overseas .map{width: calc(1126 / var(--max-width) * 100%);flex-shrink: 0;}
 .overseas .map img{width: calc(1200 / 1126 * 100%);max-width: none;}
}
@media (max-width:1024px) {
   .overseas .number-count dl{flex-wrap: wrap;display: flex;justify-content: center;}
   .overseas .number-count dd{width: 50%;display: flex;flex-direction: column;align-items: center;}
}
@media (max-width:480px) {
.number-count .count{font-size: var(--font-size__32);}
}

.contact-touch{padding:var(--padding-margin__120) 0}
.contact-list{max-width: 6.16rem;}
.contact-list h3{margin: 0;border-bottom: solid 2px #efefef;font-size: var(--font-size__30); padding-bottom: 1em;}
.contact-touch .pic img{border-radius: var(--padding-margin__20);}
.contact-list dl{padding: 0.26rem 0;}
.contact-list .item:not(:last-child){margin-bottom: 0.18rem;}
.contact-list dd:not(:last-child){margin-bottom: 0.2rem;}
.contact-list dd{display: flex;justify-content: space-between; font-size: var(--font-size__20); align-items: center;}
.contact-list dd h5{flex: 1;margin: 0 0 0 1em;}
.contact-list dd span{display: flex;width: calc(250 / 616 * 100%); flex-shrink: 0;align-items: center;}
.contact-list dd span:before{flex-shrink: 0;content: '';display: block;width: 0.44rem;height: 0.44rem;border-radius: 50%;background: no-repeat center center var(--primary-color); background-size: auto 0.16rem; margin-right: 0.45rem;}
.contact-list dd span.tel:before{background-image: url(../images/contact-ico-tel.svg);}
.contact-list dd span.email:before{background-image: url(../images/contact-ico-email.svg);}
@media (min-width:1025px) {
.contact-touch aside.left{width: calc(670 / var(--max-width) * 100%);}
.contact-touch .pic{width: calc(561 / var(--max-width) * 100%);}
}

.contact-media{padding: var(--padding-margin__130) 0; background-color: #f8f8f8;}
.contact-media .detail-name{margin-bottom: var(--padding-margin__50);}
.contact-media .desc{text-align: center; font-size: var(--font-size__18); margin-bottom: var(--padding-margin__80);}
.media-list li{--lin:5;--limr:0.35rem;--bsc:rgba(16, 30, 67, 0.06);transition: var(--transition);}
.media-list li:not(:nth-child(5n)){margin-right: var(--limr);}
.media-list li p{text-align: center; margin: 0; color: #666;}
.media-list li h3{font-size: var(--font-size__20); margin: 0.25rem 0 0.15rem 0;}
@media (min-width:1025px) {
.media-list li{box-shadow: 0 0.06rem 0.36rem var(--bsc) ;  border-radius: 0.15rem; background-color: var(--white-color);}
.media-list li a{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center; padding: var(--padding-margin__50) var(--padding-margin__30);}
.media-list li:hover{--bsc:rgba(186, 3, 3, 0.1); transform: translateY(-0.2rem);} 
.media-list li .icon img{width: 0.75rem; height: 0.75rem;}
}
@media (max-width:1024px) {
   .media-list li{--limr:0.2rem;}
   .media-list li :where(h3,p){display: none;}
   .media-list li a{display: block;}
   .media-list li .icon{display: flex;align-items: center;justify-content: center;}
   .media-list li .icon img{width: 80%;display: block;}
}

.leave-msg{padding: var(--padding-margin__130) 0; }
.leave-msg .detail-name{ margin-bottom: var(--padding-margin__30);}
.leave-msg .tips{color: var(--primary-color);}
.leave-msg aside.left h3{margin: 0; font-size: var(--font-size__30);}
.leave-msg .tips-word{font-size: var(--font-size__18);line-height: 2; margin-bottom: var(--padding-margin__50);}
.leave-msg .form dd{margin-bottom: var(--padding-margin__20);}
.leave-msg .form-input{background:transparent;padding: 0;}
.leave-msg .form .select-base,
.leave-msg .form-input:not(:focus){border-color: #eeeeee}
.leave-msg .form .form-input,
.leave-msg .form .select-base{border-radius: 0.1rem;display: block;width: 100%; padding-left: var(--padding-margin__30); line-height: 0.6rem;height:2rem}
.leave-msg .form input.form-input,
.leave-msg .form .select-base{height: 0.6rem; }
.leave-msg .form .btn .form-button{padding: 0 var(--padding-margin__90);height: 0.68rem; font-size: var(--font-size__24);font-weight: var(--font-weight__b); border-radius: 0.34rem;}

.leave-msg .form-checkbox{display: inline-flex; align-items: center; position: relative;}
.leave-msg .form-checkbox input{position: absolute;width: 0; height: 0;opacity: 0;}
.leave-msg .form-checkbox i{margin-right:0.1rem;width: 0.16rem;height: 0.16rem;border: 1px solid rgba(var(--black-color__rgb), 0.1); border-radius: 0.03rem;display: flex;align-items: center;justify-content: center;}
.leave-msg .form-checkbox i::before{width: 70%; height: 70%;background-color: var(--primary-color); transform: scale(0);opacity: 0;display: block;content: ''; transition: 0.3s;border-radius: 0.03rem;}
.leave-msg .form-checkbox input:checked + i::before{transform: scale(1); opacity: 1;}
.leave-msg .form-checkbox a.link{margin-left:0.2em}
.leave-msg a.link{color:var(--primary-color);}

@media (min-width:641px) {
   .leave-msg .form dl[class*=flex_] dd{width: calc((100% - 0.24rem) / 2);}
}
@media (min-width:1025px) {
.leave-msg aside.left{width: calc(502 / var(--max-width) * 100%); flex-shrink: 0;display: flex;flex-direction: column;justify-content: space-between;}
.leave-msg .right{flex: 1;}
.leave-msg .left .bottom{flex: 1;display: flex;align-items: center;}
}
@media (max-width:1024px) {
   .leave-msg aside.left h3{margin: 1em 0 2em 0;}
}
@media (max-width:480px) {
   .leave-msg .form .btn .form-button{font-size: var(--font-size__20);}
}

.about-index  .edit-info{color: var(--default-color);}

.wrap-intro{padding: var(--padding-margin__160) 0 var(--padding-margin__120) 0;}
.wrap-intro .container{position: relative;z-index: 10;}
.wrap-intro .pic img{border-radius: var(--padding-margin__30);}
.wrap-intro .edit-info{margin: var(--padding-margin__50) 0 var(--padding-margin__80) 0;}
.wrap-intro .number-count dd p{max-width: 2.46rem;}
.wrap-intro .number-count dd.end{display: flex;align-items: center;}
.wrap-intro .number-count dd b{font-weight: var(--font-weight__sb);}
@media (min-width:1025px) {
.wrap-intro .right{width: calc(1000/ var(--max-width) * 100%);}
.wrap-intro .number-count dd{width: calc(76% / 2);}
.wrap-intro .number-count dd:nth-child(3n){width: 24%;}
.wrap-intro .number-count dd:nth-child(3) ~ dd{margin-top: var(--padding-margin__60);}
}
@media (max-width:1024px) {
   .wrap-intro .number-count dd{width: 50%;}
   .wrap-intro .number-count dd:nth-child(2) ~ dd{margin-top: var(--padding-margin__60);}
}

.ani-car{position: relative;z-index: 1;overflow: hidden; height:  calc(934/ 1920 * 100vw); margin-top: calc(-745/ 1920 * 100vw);}
.ani-car .car{width: calc(180/ 1920 * 100vw); height: calc(49/ 1920 * 100vw);position: absolute;z-index: 10;left: 0;top: 0; background: url(../images/bus-red.png) var(--background-contain);}
.ani-car .svg-path{width: calc(2847 / 1920 * 100vw);position: absolute;right:  calc(-180/ 1920 * 100vw);top: 0;}

.wrap-inter-opera{background: #f8f8f8 url(../images/about-bg.jpg) no-repeat center bottom;background-size: 100% auto; padding: var(--padding-margin__100) 0  var(--padding-margin__120) 0; --max-width: 1154; --mp:0.68rem}
.wrap-inter-opera .detail-name{margin-bottom: var(--padding-margin__50);}
.wrap-inter-opera .all-more{margin: var(--padding-margin__50) 0;}
.wrap-inter-opera .items-box :where(.box,.txt,.ico){transition: 0.3s;}
.wrap-inter-opera .box{--limr:var(--mp);background-color:var(--white-color);box-shadow: 0 0.05rem 0.59rem rgba(var(--black-color__rgb), 0.04);border-radius: 0.1rem; padding: var(--padding-margin__50) var(--padding-margin__30); position: relative;display: flex;justify-content: space-between;flex-direction: column;}
.wrap-inter-opera .box .tit{font-size: var(--font-size__30);font-weight: var(--font-weight__m);}
.wrap-inter-opera .box .ico{position: absolute;bottom: var(--padding-margin__40); left: var(--padding-margin__30);width: var(--padding-margin__50); height: var(--padding-margin__50);border-radius: 50%;border: 2px solid #333333;display: flex;align-items: center;justify-content: center;}
.wrap-inter-opera .box .ico::before{display: block; content: '';background: url(../images/more-gray2.svg) var(--background-contain); width: calc(18 / 50 * 100%);height: calc(18 / 50 * 100%); transform: rotate(-45deg);}
.wrap-inter-opera .box .txt{  line-height: calc(30 / 16);}
.wrap-inter-opera .box .txt p{margin: 0;}
.wrap-inter-opera .box:hover{background: linear-gradient(0deg, #d63535 0%,  #ba0303 100%);color: var(--white-color);}
.wrap-inter-opera .box:hover a{color: var(--white-color);}
.wrap-inter-opera .box a{display:block;}
@media (min-width:1025px) {
.wrap-inter-opera .items-box{padding-bottom:var(--mp);}
   .wrap-inter-opera .box{ top: var(--limr);}
.wrap-inter-opera .box:nth-child(3n+2) {top:0;}
.wrap-inter-opera .box:nth-child(3) ~ .box{margin-top: var(--limr);}
.wrap-inter-opera .box:not(:nth-child(3n)){margin-right: var(--limr);}
.wrap-inter-opera .box .txt{opacity: 0;padding-bottom: 0.3rem;}
.wrap-inter-opera .box:hover .txt{opacity: 1;}
.wrap-inter-opera .box:hover .ico{opacity: 0;}
}
@media (max-width:1024px) {
   .wrap-inter-opera .box .ico{display: none;}
   .wrap-inter-opera .box:not(:last-child){margin-bottom: var(--padding-margin__30);}
}

.wrap-social{padding: var(--padding-margin__140) 0 var(--padding-margin__80) 0;margin-bottom: var(--padding-margin__80); overflow: hidden;}
.wrap-social + .wrap-social{padding-top: 0;}
.wrap-social .detail-name{margin-bottom: var(--padding-margin__30);}
.wrap-social .style-3{width:calc(1322 / 880 * 100%);}
.wrap-social .style-4{width:calc(1935 / var(--max-width) * 100%); margin: var(--padding-margin__80) 0 var(--padding-margin__70);}
.wrap-social .swiper figure{border-radius: 0.1rem;}
.wrap-social .style-3 figure{padding-bottom: calc(286 / 430 * 100%);}
.wrap-social .style-4 figure{padding-bottom: calc(286 / 450 * 100%);}
.wrap-social .has-opacity .swiper-slide:before{position: absolute;z-index: 29;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(var(--black-color__rgb), 0.3);content: '';border-radius: 0.1rem; transition: var(--transition);}
.wrap-social .has-opacity .swiper-slide:hover:before{opacity: 0;}
.wrap-social .swiper h5{margin: 1em 0 0 0;font-size: var(--font-size__16); line-height: calc(22 / 16); width: 80%;}
.wrap-social .swiper .txt{display: flex;align-items: flex-end; padding: 0 0.2rem 0.2rem; background: linear-gradient(to bottom, rgba(var(--black-color__rgb), 0), rgba(var(--black-color__rgb), 0.6)); border-radius: 0.1rem;}
.wrap-social .swiper .txt h5{color: var(--white-color);margin: 0;}
.wrap-social .controls{display: flex;justify-content: space-between;align-items: center; margin-top: var(--padding-margin__30);}
.wrap-social .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;}
.wrap-social .controls .arrows{width: 1.24rem;display: flex;align-items: center; justify-content: space-between; margin-left: 0.2rem;}
.wrap-social .controls .arrows a{position: relative; top: auto;display: block; margin: 0;}
.wrap-social .controls .arrows a.prev{left: auto;}
.wrap-social .controls .arrows a.next{right: auto;}
@media (min-width:1025px) {
.wrap-social aside.left{width: calc(464 / var(--max-width) * 100%);display: flex;flex-direction: column;justify-content: space-between;}
.wrap-social .right{width: calc(880 / var(--max-width) * 100%);}
.wrap-social .swiper.overflow-auto{overflow: initial;}
}
@media (max-width:1024px) {
   .wrap-social .edit-info{margin: var(--padding-margin__50) 0;}
   .wrap-social .right{margin-top: var(--padding-margin__50);}
}

.wrap-honor{padding: var(--padding-margin__80) 0 var(--padding-margin__140) 0;}
.wrap-honor ul{margin-bottom: var(--padding-margin__130);}
.wrap-honor li{--limr:0.4rem;position: relative;background-color: var(--white-color);border-radius: 0.1rem; box-shadow: 0 0 0.2rem rgba(238,238,238,0.68);padding: var(--padding-margin__50) var(--padding-margin__30);  transition: 0.3s; margin-bottom:var(--padding-margin__40);}
.wrap-honor li p{margin: 0; line-height: 1.5; font-size: var(--font-size__20);}
.wrap-honor li:before,
.wrap-honor li:after{position: absolute; content: ''; transition: 0.3s;}
.wrap-honor li:before{left: 0.3rem;bottom: 0.4rem;width: 0.13rem; height: 0.1rem;background: var(--primary-color); transform: skewX(-45deg);}
.wrap-honor li:after{width: 0.5rem;background: url(../images/more-red.svg) no-repeat center center var(--white-color);background-size: auto calc(15 / 50 * 100%); height: 0.5rem;border-radius: 50%;right: 0.27rem;bottom: 0.23rem;transform: rotate(-45deg); opacity: 0;}
.wrap-honor li:hover{background-color: var(--primary-color);color: var(--white-color);}
.wrap-honor li:hover:before{opacity: 0;}
.wrap-honor li:hover:after{opacity: 1;}
@media (min-width:1025px) {
.wrap-honor li{min-height: 3.3rem;}
.wrap-honor li:not(:nth-child(4n)){margin-right: var(--limr);}
.wrap-honor li:nth-child(2n+1){top: var(--padding-margin__110);}
}
@media (max-width:1024px) {
   .wrap-honor li{--limr:0.2rem;--lin:2;}
   .wrap-honor li:not(:nth-child(2n)){margin-right: var(--limr); top: var(--padding-margin__70);}
   .wrap-honor li{padding-bottom: var(--padding-margin__150);}
}

.wrap-technolog{position: relative;z-index: 1; overflow: hidden;color: var(--white-color);}
.wrap-technolog .detail-name{margin-bottom: var(--padding-margin__50);}
.wrap-technolog .bg-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.wrap-technolog .bg-img figure{height: 100%;}
.wrap-technolog aside.left{ position: relative;z-index: 10;}
.wrap-technolog .circle-ani{border-radius: 50%;box-shadow: 0 0 100vw 100vw rgba(0, 0, 0, 0.5);position: relative; font-size: 1rem;width: 6em; height: 6em;z-index: 1;}
.wrap-technolog .circle{mask:url(../images/circle-mask.png) no-repeat center center;-webkit-mask:url(../images/circle-mask.png) no-repeat center center;mask-size:100% 100%;-webkit-mask-size:100% 100%;}
.wrap-technolog .circle svg{display: block;width: 100%;height: 100%;}
.wrap-technolog .dots li{position: absolute; display: flex;align-items: center;justify-content: center;width: 0.2em;height: 0.2em;background-color: rgba(var(--white-color__rgb),0.5); border-radius: 50%; transition: 0.3s;z-index: 20;}
.wrap-technolog .dots li:before{display: block;content: ''; width: 0.12em; height: 0.12em;border-radius: 50%; background-color: var(--white-color); transition: 0.3s;}
.wrap-technolog .dots li a{position: absolute;display: block;font-weight: var(--font-weight__m);width:11em;font-size: 0.2em;}
.wrap-technolog .dots li:nth-child(1),
.wrap-technolog .dots li:nth-child(4){left: 3em; margin-left: -0.1em;}
.wrap-technolog .dots li:nth-child(1){top: -0.08em;}
.wrap-technolog .dots li:nth-child(4){bottom:-0.08em;}
.wrap-technolog .dots li:nth-child(2){left:5.4em;top: 1.29em;}
.wrap-technolog .dots li:nth-child(3){left: 5.43em;top: 4.5em;}
.wrap-technolog .dots li:nth-child(5){left: 0.3948em;top:4.5em;}
.wrap-technolog .dots li:nth-child(6){left: 0.42em;top: 1.29em;}
.wrap-technolog .dots li.active{background-color: rgba(var(--primary-color__rgb), 0.5);}
.wrap-technolog .dots li.active:before{background-color: var(--primary-color);}
.wrap-technolog .dots li:nth-child(1) a{ bottom:calc(40 / 20 * 1em);left:calc(10 / 20 * 1em); width: max-content;}
.wrap-technolog .dots li:nth-child(2) a{ left:calc(48 / 20 * 1em); top: 0; width: max-content; line-height: 1;}
.wrap-technolog .dots li:nth-child(3) a{left: calc(37 / 20 * 1em); top: calc(5 / 20 * 1em); }
.wrap-technolog .dots li:nth-child(4) a{left:calc(-25 / 20 * 1em); top: calc(32 / 20 * 1em); width:13em;}
.wrap-technolog .dots li:nth-child(5) a{right: calc(35 / 20 * 1em); top: calc(-15 / 20 * 1em); width: 10em;}
.wrap-technolog .dots li:nth-child(6) a{right: calc(35 / 20 * 1em); top: calc(-23 / 20 * 1em); width: 12em;}
.wrap-technolog .edit-info{color: var(--white-color); font-size: var(--font-size__18); line-height: calc(30 / 18); margin-bottom:var(--padding-margin__50);}
@media (min-width:1025px) {
.wrap-technolog aside.left{width: calc(430 / var(--max-width) * 100%);}
.wrap-technolog aside.right{margin-right: 1rem;}
.wrap-technolog .container{min-height: 100vh;}
}
@media (max-width:1024px) {
   .wrap-technolog{padding-bottom: var(--padding-margin__170);}
   .wrap-technolog aside.left{padding: var(--padding-margin__100) 0 var(--padding-margin__120); pointer-events: none;}
   .wrap-technolog .circle-ani{font-size: 9vw;margin: 0 auto;}
   .wrap-technolog .all-more a{pointer-events: all;}
}
@media (max-width:480px) {
   .wrap-technolog .dots li a{width: 9em!important; font-size: 0.3em;}
   .wrap-technolog .dots li:nth-child(5) a,
   .wrap-technolog .dots li:nth-child(6) a{text-align: right;}
}

.about-intro [class*=box-intro-]{padding: var(--padding-margin__140) 0; overflow: hidden;position: relative;z-index: 1;}
.about-intro [class*=box-intro-] .title{font-size: var(--font-size__30);font-weight: var(--font-weight__b); line-height: calc(40 / 30); }
.about-intro [class*=box-intro-] .edit-info{ line-height: calc(30 / 16);}
.box-intro-1{background: url(../images/about-introbg.png) no-repeat left top 2.2rem;background-size: calc(736 / 1920 * 100%);}
.box-intro-1 .pic{margin-top: var(--padding-margin__100);}
.box-intro-1 .pic img{border-radius: var(--padding-margin__20);}

.box-intro-2 .container{position: relative;z-index: 20;}
.box-intro-2 .title{margin-bottom: var(--padding-margin__40);}

.box-intro-3 .pic figure{border-radius: var(--padding-margin__30); padding-bottom: calc(640 / 880 * 100%);}
.box-intro-3 .page-control{--swiper-pagination-bullet-width: var(--padding-margin__80);--swiper-pagination-bullet-height:2px;--swiper-pagination-bullet-inactive-color: #cccccc;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-color:var(--primary-color)}
.box-intro-3 .pager span:not(:last-child){margin-right: 0.1rem;}
.box-intro-3 .title{margin: var(--padding-margin__50) 0;}
.box-intro-3 .edit-info{color: var(--default-color);}
@media (min-width:1025px) {
.box-intro-1 .detail-name{width:6em;}
.box-intro-1 .edit-info{width: calc(816 / var(--max-width) * 100%);}
.box-intro-2{padding: var(--padding-margin__190) 0;}
.box-intro-2 .txt{max-width: 6.6rem;}
.box-intro-2 .bg-img figure{height: 100%;}
.box-intro-2 .container,
.box-intro-2 .edit-info{color: var(--white-color);}
.box-intro-3 .pic{width: calc(880 / var(--max-width) * 100%);}
.box-intro-3 .txt,
.box-intro-3 .page-control{width: calc(456 / var(--max-width) * 100%);}
.box-intro-3 .page-control{position: absolute; bottom: 0;right: 0;z-index: 10;}
}
@media (max-width:1024px) {
   .about-intro [class*=box-intro-]{padding: var(--padding-margin__100) 0;}
   .box-intro-1{background-position: left bottom;}
   .about-intro .box-intro-2{padding: 0;}
   .box-intro-2 .bg-img{position: relative; width: 150%;margin-left: -50%; margin-top: var(--padding-margin__50);}
   .box-intro-2 .bg-img figure{padding-bottom: calc(960 / 1920 * 100%);}
   .box-intro-3 .pager{display: flex;justify-content: center;align-items: center;}
   .box-intro-3 .page-control{margin-top: var(--padding-margin__40);}
   .about-intro [class*=box-intro-] .title{font-size: var(--font-size__24);}
}

.sales-network{background-color: #f5f5f5; padding: var(--padding-margin__160) 0 var(--padding-margin__120) 0;}
.sales-network .number-count{margin-top: var(--padding-margin__20);}
   .sales-network .number-count dd{padding-left: 0.32rem; border-left: 2px solid var(--primary-color);}
   .sales-network .pic{overflow: hidden;}
   .sales-network .edit-info{ margin: var(--padding-margin__60) 0 var(--padding-margin__110) 0;color:var(--default-color);line-height:calc(30 / 16)}
@media (min-width:1025px) {
   .sales-network .left-txt{width: calc(822 / var(--max-width) * 100%);flex-shrink: 0;}
   .sales-network .pic{width: calc(521 / var(--max-width) * 100%);flex-shrink: 0;}
   .sales-network .number-count p{max-width: 2.5rem;}
}
@media (max-width:1024px) {
   .sales-network{padding-top: var(--padding-margin__100);}
   .sales-network .number-count{margin-bottom: var(--padding-margin__50);}
}

.service-network .detail-name{margin-bottom: var(--padding-margin__50);}
.service-network .container{padding: var(--padding-margin__140) 0 var(--padding-margin__170) 0;--max-width: 1000;}
.service-network .item-boxs .box :where(.tit, .edit-info){text-align: center;}
.service-network .item-boxs .box .tit{font-size: var(--font-size__24); line-height: calc(32 / 24); margin: 0 0 0.38rem 0;}
.service-network .item-boxs .box .ico{height: 0.95rem;}
.service-network .item-boxs .box .ico img{max-height:0.63rem;}

.service-network .pics-swiper figure::before{position: absolute; left: 0;bottom: 0;width: 100%;height: 50%;background: linear-gradient(to bottom, transparent, rgba(var(--primary-color__rgb),0.85)); content: '';}
.service-network .pics-swiper .pager{position: absolute;z-index: 10;text-align: right;color: rgba(var(--white-color__rgb),0.5); bottom: var(--padding-margin__40);right: var(--padding-margin__40);}
.service-network .pics-swiper .pager .swiper-pagination-current{font-weight: var(--font-weight__b);color: var(--white-color); font-size: var(--font-size__24);}
@media (min-width:1025px) {
.service-network .item-boxs{width: 50%;padding: var(--padding-margin__50) 0;}
.service-network .item-boxs .box{padding: var(--padding-margin__80) 0;}
.service-network .pin-items{position: relative;display: flex;align-items: flex-start;}
.service-network .pics-swiper{position: sticky;top:0;width: 50%;}
.service-network .pics-swiper figure{height: 100vh; position: relative;}
.service-network .item-boxs .box :where(.tit, .edit-info){max-width:4.6rem;width: 90%;}
}
@media (max-width:1024px) {
   .service-network{padding-bottom: var(--padding-margin__100);}
   .service-network .container{padding: var(--padding-margin__100) 0 var(--padding-margin__70) 0;}
   .pics-swiper{position: relative;z-index: 1;}
   .pics-swiper figure{padding-bottom: 100%;}
   .service-network .item-boxs{display: flex;justify-content: space-between;flex-wrap: wrap; margin: 0 3%;}
   .service-network .item-boxs .box{width: calc(50% - var(--padding-margin__20)); margin-top: var(--padding-margin__50); padding: var(--padding-margin__30); border-radius: var(--padding-margin__20); box-shadow: var(--border-shadow);justify-content: flex-start;}
}
@media (max-width:640px) {
   .service-network .item-boxs .box{width: 100%;padding: var(--padding-margin__60); }
}

.overseas-history{padding: var(--padding-margin__140) 0;background: #f2f2f2 url(../images/gjyy-bg.jpg) var(--background-cover); overflow: hidden; position: relative; }
.overseas-history::after{position: absolute;content: '';width: 13.6rem; height: 13.6rem; background: url(../images/gjyy-circle.png) var(--background-contain); bottom: -7.39rem;left: 50%;margin-left: -6.8rem; animation: both circle 30s infinite linear;}

.overseas-history .detail-name{margin-bottom: var(--padding-margin__130);}
.overseas-history .swiper{min-height:2.94rem; margin-bottom: 1.26rem;}
.overseas-history .arrows a.prev{left: 0;}
.overseas-history .arrows a.next{right:0;}
.overseas-history .inner{width: calc(100% - 0.54rem * 2 - var(--padding-margin__40)); max-width: 7.68rem; margin: 0 auto;}
.overseas-history .inner .year{font-size: var(--font-size__50);color: var(--primary-color); margin: 0;}
.overseas-history .inner dl{ line-height: calc(30 / 16);}
.overseas-history .inner dd{position: relative;padding-left: 0.25rem;}
.overseas-history .inner dd:before{position: absolute; content: '';width: 0.06rem; height: 0.04rem;transform: skewX(-45deg);background-color: var(--primary-color); left: 0; top: 0.8em;}
.process-bar{position: relative;z-index: 1;--car:1.11rem}
.process-bar:after{display: block; content: '';background-color: #f2f2f2;border-radius: 0.5em; height: 1em; box-shadow: inset 0 0 0.1rem rgba(var(--black-color__rgb),0.3); margin-top: -1em;}
.process-bar .car{--left:var(--car);width: var(--car); height: 0.33rem;background: url(../images/car.png) var(--background-contain);position: relative; left: calc(var(--left) - var(--car)); transition:left 0.5s linear;}
.process-bar .year{display: flex;justify-content: space-between;color: #666; font-weight: var(--font-weight__b);}
.process-bar .year span{display: block;width: var(--car);text-align: center;}
@keyframes circle {
   to {transform: rotate(360deg);}
}

@media (min-width:1025px) {
.overseas-history .inner .year{width: calc(228 / 768 * 100%); flex-shrink: 0;}
.overseas-history .inner dl{flex: 1;}
}
@media (max-width:1024px) {
.overseas-history .inner .year{margin-bottom: 0.5em;}
.overseas-history .swiper{margin-bottom: var(--padding-margin__100);}
.process-bar{--car:0.8rem;}
.process-bar .car{background-position: center bottom;}
}
@media (max-width:480px) {
.overseas-history::after{width: 110vw;height: 110vw;margin-left: -55vw;bottom: -20vw;}
}

.honor-index{padding: var(--padding-margin__140) 0;background: url(../images/honor-bg.jpg) no-repeat center center;background-size: 100% 100%;}
.year-swiper{max-width: 1040px;margin: 0 auto var(--padding-margin__140); position: relative;padding: 0.05rem var(--padding-margin__60);box-shadow: 0 0.06rem var(--padding-margin__30)  rgba(var(--black-color__rgb), 0.03); border-radius:0.3rem; background-color: var(--white-color);}
.year-swiper [class*=arrow]{position: absolute; top: 0;height: 100%;width: var(--padding-margin__60);cursor: pointer;background: no-repeat center center; background-size: auto 0.12rem;}
.year-swiper [class*=arrow].swiper-button-disabled{display: none;}
.year-swiper .arrow-prev{left: 0; background-image: url(../images/arrow/prev.svg);}
.year-swiper .arrow-next{right: 0; background-image: url(../images/arrow/next.svg);}
.year-swiper .swiper-slide{text-align: center; line-height: 0.5rem;}
.year-swiper .swiper-slide a{display: block;border-radius: 0.5rem;}
.year-swiper .swiper-slide.active a{background-color: var(--primary-color);color: var(--white-color); font-weight: var(--font-weight__m);}

.honor-list li{--limr:1.23rem;position: relative;z-index: 1;--plr:0.52rem; padding: 0 var(--plr); }
.honor-list li:before,
.honor-list li:after{position: absolute; content: ''; width: var(--plr);height: 100%;background: url(../images/honor-mark.png) no-repeat center center;background-size: contain; top: 0;}
.honor-list li:before{left: 0;}
.honor-list li:after{right: 0;transform: rotateY(-180deg);}
.honor-list li .img{display: flex;justify-content: center;}
.honor-list li .img img{display: block;}
.honor-list li p{font-weight: var(--font-weight__m); margin: 0; line-height: calc(26 / 16);color: #666;}
.honor-index .Pages{margin-top: var(--padding-margin__160);}
@media (min-width:1025px) {
   .honor-list li{text-align: center;}
.honor-list li:nth-child(3) ~ li{margin-top: var(--padding-margin__180);}
.honor-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.honor-list li .img{ height: 0.84rem;}
.honor-list li .img img{ max-height: 0.64rem;}
}
@media (max-width:1024px) {
   .honor-list li{display: flex;justify-content: space-between;align-items: center;}
   .honor-list li .img{width: 30%; height: 100%; min-height: 1.2rem;align-items: center;}
   .honor-list li .img img{ max-width: 70%;}
   .honor-list li .txt{flex: 1;}
   .honor-list li:not(:last-child){margin-bottom: var(--padding-margin__50);}
}
@media (max-width:480px) {
   .honor-list li{--plr:0.4rem;}
}

.technology-index .edit-info{line-height: calc(30 / 16); color: var(--default-color);}
.technology-index section{position: relative;z-index: 1; overflow: hidden;padding: var(--padding-margin__140) 0;}
.technology-index .detail-name{margin-bottom: var(--padding-margin__40);}
@media (max-width:1024px) {
   .technology-index section{padding: var(--padding-margin__120) 0;}
}

.autonomous-driving .pic{position: relative;z-index: 1;border-radius: var(--padding-margin__30); overflow: hidden;}
.autonomous-driving .pic:before{position: absolute; content: ''; left: 0;bottom: 0;width: 100%;height: 30%;z-index: 3; background: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),0.8) 100%); }
.autonomous-driving .pic h3{margin: 0;position: absolute; left: 0;bottom: 0;color: var(--white-color);width: 100%; padding: var(--padding-margin__30);z-index: 10;text-align: center; font-size: var(--font-size__16);}
.autonomous-driving .desc{margin:0 0  var(--padding-margin__70) 0; line-height: calc(30 / 16);}
.autonomous-driving .right dl{ line-height:2;color: #666; margin-bottom: var(--padding-margin__70);}
.autonomous-driving .right dd{position: relative;padding-left: 0.26rem;}
.autonomous-driving .right dd:before{position: absolute; content: '';width: 0.06rem; height: 0.04rem;transform: skewX(-45deg);background-color: var(--primary-color); left: 0; top: 0.8em;}
@media (min-width:1025px) {
   .autonomous-driving aside.left{width: 50%;}
   .autonomous-driving .right{width: calc(536 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .autonomous-driving .container{flex-direction: column-reverse;}
   .autonomous-driving aside.left,
   .autonomous-driving .right{width: 100%;}
   .autonomous-driving .right{margin-bottom: var(--padding-margin__50);}
}

.nine-labs{background: url(../images/technology-bg.jpg) var(--background-cover);}
.nine-labs .detail-name{margin-bottom: var(--padding-margin__60);}
.nine-labs .swiper{width: 143.4375%; margin-left: -21.71875%;}
.nine-labs .swiper-slide figure{padding-bottom: calc(540 / 720 * 100%); border-radius: var(--padding-margin__30); position: relative; overflow: hidden;}
.nine-labs .swiper-slide figure:after,
.nine-labs .swiper-slide figure:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;z-index: 3; transition: var(--transition) 0.3s;}
.nine-labs .swiper-slide figure:before{background: linear-gradient(to bottom, rgba(var(--black-color__rgb),0) 50%, rgba(var(--black-color__rgb),0.6) 100%);}
.nine-labs .swiper-slide figure:after{background: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0) 40%, rgba(var(--primary-color__rgb),0.7) 100%); opacity: 0;}
.nine-labs .swiper-slide-active figure:before{opacity: 0;}
.nine-labs .swiper-slide-active figure:after{opacity: 1;}
.nine-labs .swiper-slide .tit{position: absolute; left: 0;width: 100%;z-index: 2;bottom: 0;text-align: center;color: var(--white-color); padding: 0 var(--padding-margin__20) var(--padding-margin__40); font-size: var(--font-size__24);font-weight: var(--font-weight__b);}
.nine-labs .swiper-slide .item{transform: scale(0.833); max-width: 7.2rem;margin: 0 auto; transition: transform var(--transition); will-change: transform; width: 90%;}
.nine-labs .swiper-slide-active .item{transform: scale(1);}
.nine-labs .arrows{width: calc(100% / 3);position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;z-index: 10; height: 0.54rem;}
.nine-labs .arrows a{top: 0;}
.nine-labs .arrows .prev{left: -0.54rem;}
.nine-labs .arrows .next{right: -0.54rem;}
@media (max-width:1024px) {
   .nine-labs .swiper{width: 180%; margin-left: -40%;}
   .nine-labs .swiper-slide .tit{font-size: var(--font-size__18);}
   .nine-labs .swiper-slide:not(.swiper-slide-active) .item{transform: scale(0.7);}
}

.dmd .left-txt{padding: var(--padding-margin__40) 0;}
.dmd .right img{border-radius: var(--padding-margin__30);}
.dmd .list-rows{margin-top: var(--padding-margin__80);}
.dmd li{position: relative;}
.dmd li .icon{padding-bottom: 100%;border: solid 1px #f2f2f2;position: relative;border-radius: 50%;}
.dmd li .icon figure,
.dmd li .icon figure::before{position: absolute;left: 0.15rem;top: 0.15rem;right: 0.15rem;bottom: 0.15rem;border-radius: 50%;}
.dmd li .icon figure{ background-color: #fafafa;display: flex;align-items: center;justify-content: center; transition: 0.3s;}
.dmd li .icon figure::before{content: '';background-color: #f2f2f2;z-index: 1;transition: 0.3s;}
.dmd li .icon figure img{position: relative;z-index: 4;display: block; max-height: 55%;transition: 0.3s;max-width: 50%;}
.dmd li:hover .icon{border-color: rgba(var(--primary-color__rgb), 0.05);}
.dmd li:hover .icon figure{background-color: rgba(var(--primary-color__rgb), 0.05);}
.dmd li:hover .icon figure:before{background: var(--primary-color);}
.dmd li:hover .icon figure img{filter: brightness(0) invert(1);}
.dmd li h3{text-align: center;font-size: var(--font-size__16);color: #666; margin: var(--padding-margin__30) 0;}
.dmd li:hover h3{color: var(--primary-color);} 
@media (min-width:1025px) {
.dmd .left-txt{width: calc(640 / var(--max-width) * 100%); }
.dmd .right{width: 50%;}
.dmd li{--limr:1.5rem;--lin:5;}
.dmd li:not(:nth-child(5n)){margin-right: var(--limr);}
.dmd li:not(:nth-child(5n)):after{position: absolute; content: ''; width: var(--limr);height:calc(100% -   var(--padding-margin__30) - 1em);background: url(../images/dot.svg) no-repeat center center; background-size:20% auto; left: 100%;top: 0;}
.dmd li h3{width: 130%; margin-left: -15%;}
}
@media (max-width:1024px) {
   .dmd li{--limr:1rem; --lin:2;}
   .dmd li:not(:last-child):after{position: absolute; content: ''; width: var(--limr);height:calc(100% -   var(--padding-margin__30) - 1em);background: url(../images/dot.svg) no-repeat center center; background-size:20% auto; left: 100%;top: 0;}
   .dmd li:nth-child(2) ~ li{margin-top: var(--limr);}
   .dmd li:nth-child(1){order: 1;}
   .dmd li:nth-child(2){order: 2;}
   .dmd li:nth-child(3){order: 4;}
   .dmd li:nth-child(4){order: 3;}
   .dmd li:nth-child(5){order: 5;}
   .dmd li:nth-child(1),
   .dmd li:nth-child(4){margin-right: var(--limr);}
   .dmd li:nth-child(4):after,
   .dmd li:nth-child(2):after{height: var(--limr);width: 100%;top: 100%;left: 0; background-size: auto 4%;transform: rotate(90deg);}
   .dmd li:nth-child(3):after{left: auto;right: 100%;}
   .dmd .list-rows{width: 80%;margin-left: auto;margin-right: auto;}
}

.kmp{background-color: #f5f5f5;}
.kmp .pic img{max-width: none;}
@media (min-width:1025px) {
.kmp :where(.pic,.txt){width: 50%;}
.kmp .pic{display: flex;justify-content: flex-end;}
.kmp .pic img{width: calc(960 / 720 * 100%);}
.kmp .txt{padding-left: var(--padding-margin__80);}
}
@media (max-width:1024px) {
   .kmp .pic img{position: relative;left: 50%;width: 100vw;margin-left: -50vw;}
   .kmp .txt{padding: var(--padding-margin__40);}
}

.new-energy .txt{width:46%;}
.new-energy .pic{width:50%;}
.new-energy .pic img{border-radius: var(--padding-margin__30);}
.new-energy .edit-info{max-width:9.46rem;margin: 0 auto;}
.new-energy .swiper-content{margin-top: var(--padding-margin__70); }
#banner-canvas{position: absolute; left: 0;bottom: 0;width: 100%; height: 55%;z-index: -1;}
.new-energy .swiper-content .ico{border-radius: 50%;display: flex;align-items: center;justify-content: center; width: 0.6rem;height: 0.6rem;background-color: var(--primary-color);}
.new-energy .swiper-content .ico img{filter: brightness(0) invert(1);display: block; max-width: 80%;}
.new-energy .swiper-content .left .tit{margin: var(--padding-margin__40) 0; font-size: var(--font-size__30);}
.new-energy .swiper-content .edit-info{color: #666; line-height: calc(26 / 16);}
.new-energy .swiper-content dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.new-energy .swiper-content dd{width: calc((100% - 0.1rem) / 2);}
.new-energy .swiper-content dd figure{border-radius: 0.1rem; padding-bottom: calc(190 / 410 * 100%);}
.new-energy .swiper-content dd:nth-child(2) ~ dd{margin-top: var(--padding-margin__30);}
.new-energy .swiper-content dd .tit{margin-top: 1em;}
.new-energy .swiper-thumb{position: relative;}
.new-energy .swiper-thumb:before{position: absolute; content: '';right: 0;height: 1px;background-color: #e6e6e6;left: 0; top: calc(0.1rem + 1em);}
.new-energy .swiper-thumb .swiper-slide{padding-top: 1em; cursor: pointer;}
.new-energy .swiper-thumb .dot{display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 0.2rem; height: 0.2rem;background-color: var(--white-color);box-shadow: 0 0 1em rgba(var(--black-color__rgb), 0.1); margin: 0 auto; transition: 0.3s;}
.new-energy .swiper-thumb .dot::before{display: block; content: '';width: 0.08rem; height: 0.08rem;border-radius: 50%;background-color: #cccccc;}
.new-energy .swiper-thumb p{text-align: center;margin: 0.24rem 0 0 0; font-size: var(--font-size__18);}
.new-energy .swiper-thumb .swiper-slide-thumb-active .dot{transform: scale(1.35);}
.new-energy .swiper-thumb .swiper-slide-thumb-active .dot::before{background-color: var(--primary-color);}
.new-energy .swiper-thumb .swiper-slide-thumb-active p{color: var(--primary-color);}
@media (min-width:1025px) {
   .new-energy .swiper-content .left{width: calc(464 / var(--max-width) * 100%);flex-shrink: 0;}
   .new-energy .swiper-content .right{width: calc(830 / var(--max-width) * 100%);flex-shrink: 0;}
   .new-energy .wap-position .arrows{display: none;}
   .new-energy .swiper-content{margin-bottom: var(--padding-margin__100);}
}
@media (max-width:1024px) {
   .new-energy .swiper-content .left{margin-bottom: var(--padding-margin__50);}
   .new-energy .wap-position{display: flex;flex-direction: column-reverse;}
   .new-energy .swiper-thumb{margin-top: var(--padding-margin__50); padding: 0 0.6rem;}
   .new-energy .arrows a{top: 0;margin-top: 0;}
   .new-energy .swiper-thumb:before{left: 0.6rem;right: 0.6rem;}

.new-energy .txt,
.new-energy .pic{width:100%;}
}

.technology-index .kmp,
.technology-index .intelligent-te{padding: 0;}
.intelligent-te .txt{color: var(--white-color); background-color: rgba(var(--black-color__rgb), 0.3);padding: var(--padding-margin__140) 0;}
.intelligent-te .container{height: 100%;}
.intelligent-te .txt .edit-info{max-width: 8rem;color: var(--white-color); margin: 0 auto;}
@media (max-width:1024px) {
   .intelligent-te .bg-img{width: 150%;margin-left: -25%;}
   .intelligent-te .txt{padding: var(--padding-margin__100) 0;}
}
@media (max-width:480px) {
   .intelligent-te .bg-img{width: 180%;margin-left: -40%;}
}

.intro-pics{padding: var(--padding-margin__140) 0 var(--padding-margin__140) 0; overflow: hidden; background: url(../images/driving-bg-1.jpg) no-repeat center center; background-size: 100% auto;}
.intro-pics .left-txt{ padding-bottom: var(--padding-margin__80);}
.intro-pics .swiper-slide{transition: 0.3s;}
.intro-pics .swiper-slide figure{padding-bottom: calc(500 / 680 * 100%);border-radius: var(--padding-margin__30);position: relative;overflow: hidden;}
.intro-pics .swiper-slide figure:before{background: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0) 0%, rgba(var(--primary-color__rgb),0.8) 100%); position: absolute;left: 0;width: 100%;bottom: 0;z-index: 10; height: 50%; content: ''; opacity: 0; transition: 0.3s 0.3s;}
.intro-pics .swiper-slide .tit{position: absolute; bottom: 0;width: 100%;left: 0;color: var(--white-color);font-weight: var(--font-weight__b);z-index: 10;text-align: center; padding: 0.25rem;opacity: 0; transition: 0.3s 0.5s;transform: translateY(0.2rem);}
.intro-pics .swiper-slide:not(.swiper-slide-active){margin-top: 0.7rem;}
.intro-pics .swiper-slide-active figure:before{opacity: 1;}
.intro-pics .swiper-slide-active .tit{opacity: 1;transform: translateY(0);}
.intro-pics .left-txt .desc{padding-bottom: var(--padding-margin__40);}
.intro-pics .left-txt .arrows{position: relative; width: 1.38rem; height: 0.54rem;}
.intro-pics .left-txt .arrows a.prev{left: 0;}
.intro-pics .left-txt .arrows a.next{right: 0;}
@media (min-width:1025px) {
   .intro-pics .right{width: calc(776 / var(--max-width) * 100%);}
   .intro-pics .swiper{width: calc(1450 / 776 * 100%);}
   .intro-pics .left-txt{max-width: 4rem;}
   .intro-pics .left-txt .desc{min-height: 1.6rem; }
}
@media (max-width:1024px) {
   .intro-pics .swiper{width: 150%;}
}

.step-items{background-color: #161515; color: var(--white-color); padding: var(--padding-margin__130) 0 var(--padding-margin__80) 0;}
.step-items .title{margin: 0 0 var(--padding-margin__150) 0;font-size: var(--font-size__36);line-height: calc(56 / 36);max-width: 10.7rem;}
.step-items .box:not(:last-child){margin-bottom: 0.2rem;}
.step-items .box{display: flex; --opacity:0.3}
.step-items .box .icon{width:calc(318 / var(--max-width) * 100%);margin-right: 0.3rem;flex-shrink: 0;display: flex;justify-content: flex-end; align-items: flex-start;}
.step-items .box .icon img{opacity: var(--opacity); transition: 0.3s;max-width:0.7rem; max-height: 0.7rem;}
.step-items .box .txt{flex: 1;margin-left: 0.6rem;}
.step-items .box .name h3{margin: 0; font-size: var(--font-size__24);line-height: calc(40 / 24);opacity: var(--opacity); transition: 0.3s;}
.step-items .box .line{width: 20px;position: relative;}
.step-items .box .line i{display: block;border: solid 0.04rem var(--white-color); padding-bottom: calc(100% - 0.08rem); border-radius: 50%; top: var(--height); position: relative;background-color: #161515;z-index: 4;opacity: 0.3;}
.step-items .box .line.show i{border-color: var(--primary-color); opacity: 1;}
.step-items .box .line:before,
.step-items .box .line:after{content: '';position: absolute;width: 8px;background:  repeat-y center top; background-size: 100% auto; left: 50%;margin-left: -4px; top: 26px;}
.step-items .box .line:before{background-image: url(../images/dashed.svg);height: calc(100% - 26px); opacity: 0.3;}
.step-items .box .line:after{z-index: 2; background-image: url(../images/dashedred.svg); height: calc(var(--height) - 26px);}
.step-items .box .pic{ padding-bottom: 0.57rem;}
.step-items .box .pic img{border-radius: var(--padding-margin__20);opacity: var(--opacity); transition: 0.3s;}
@media (min-width:1025px) {
   .step-items .box .txt{display: flex;justify-content: space-between;}
   .step-items .box .name{flex: 1;  }
   .step-items .box .name h3{width: 65%;}
   .step-items .box .pic{width: calc(500 / 1012 * 100%);}
}
@media(max-width:480px){
   .step-items .box .icon{width: 1rem;}
}

.driving-address{padding: var(--padding-margin__120) 0;background: url(../images/driving-bg-2.png) no-repeat right top 1.1rem; background-size:5.84rem auto;}
.driving-address .txt{ padding: var(--padding-margin__120) 0;}
.driving-address .txt dd{display: flex;align-items: center;justify-content: space-between;}
.driving-address .txt dd:before{width: 0.78rem;height: 0.78rem;background:no-repeat center center #f8f8f8;content: '';display: block;border-radius: 50%; background-size: auto calc(26 / 78 * 100%);flex-shrink: 0;}
.driving-address .txt dd.add:before{background-image: url(../images/netword-ico-add-red.svg);}
.driving-address .txt dd.award:before{background-image: url(../images/award.svg);}
.driving-address .txt dd .con{flex: 1;margin-left: 0.45rem; font-weight: var(--font-weight__b); font-size: var(--font-size__30); line-height: calc(50 / 36);}
.driving-address .txt dd .con span{color: var(--primary-color);font-size: var(--font-size__36); }
.driving-address .txt dd:not(:last-child){margin-bottom: var(--padding-margin__60);}
.driving-address .list{margin-top: var(--padding-margin__100);}
.driving-address .list li{--limr:0.29rem}
.driving-address .list li figure{padding-bottom: calc(288 / 460 * 100%); border-radius: var(--padding-margin__20); margin-bottom: var(--padding-margin__40);}
.driving-address .list li :where(h3,p){margin: 0 0 0  0.2rem;}
.driving-address .list li h3{font-size: var(--font-size__24); padding-left: 0.5rem; background: url(../images/netword-ico-add-red.svg) no-repeat left top; background-size:0.2rem auto;color: var(--black-color);}
.driving-address .list li p{font-size: var(--font-size__18);line-height: calc(30 / 18);color: #666; margin-top: 0.2rem;}
@media (min-width:1025px) {
   .driving-address .pic{width: calc(700 / var(--max-width) * 100%);}
   .driving-address .txt{width: calc(652 / var(--max-width) * 100%);}
.driving-address .list li:not(:nth-child(3n)){margin-right: var(--limr);}
.driving-address .list li:nth-child(3) ~ li{margin-top: var(--limr);}
}
@media (min-width:641px) and (max-width:1024px) {
   .driving-address .list li{--lin:2;--limr:0.2rem}
   .driving-address .list li:not(:nth-child(2n)){margin-right: var(--limr);}
   .driving-address .list li:nth-child(2) ~ li{margin-top: var(--limr);}
}
@media(max-width:640px){
   .driving-address .list li:not(:last-child){margin-bottom: var(--padding-margin__50);}
   .driving-address{background-size: 50% auto;}
}

.intelligent-index .intro{padding-top: var(--padding-margin__140);}
.intelligent-index .intro .edit-info{max-width: 11.56rem; margin:  0 auto;}
.intelligent-index .intro .detail-name{margin-bottom: var(--padding-margin__40);}
.et-boxs-item .item{padding: var(--padding-margin__100) 0; position: sticky; top: var(--header_height);background-color: var(--white-color);}
.et-boxs-item .item:nth-child(2n){background-color: #f8f8f8;}
.et-boxs-item .tit-area .tit h4{margin: 0;font-size: var(--font-size__30);}
.et-boxs-item .tit-area .tit p{margin-bottom: 0;}
.et-boxs-item .tit-area{margin-bottom: var(--padding-margin__40);}
.et-boxs-item .icon{display: flex;align-items: center;justify-content: center; border-radius: 50%;background-color: var(--primary-color);width: 0.6rem;height: 0.6rem;} 
.et-boxs-item .icon img{max-width: 70%;max-height: 70%;}
.et-boxs-item .right dl.rows2 dd{width: calc((100% - 0.1rem) / 2);}
.et-boxs-item .right dl.rows2 dd:nth-child(2) ~ dd{margin-top: 0.2rem;}
.et-boxs-item .right dl.rows2 dd:not(:nth-child(2n)){margin-right: 0.1rem;}
.et-boxs-item .right dl.rows3 dd{width: calc((100% - 0.29rem * 2) / 3);}
.et-boxs-item .right dl.rows3 dd:not(:nth-child(3n)){margin-right: 0.29rem;}
.et-boxs-item .right dd figure{padding-bottom: calc(190 / 410 * 100%);border-radius: 0.1rem;}
.et-boxs-item .right dd .pic + .tit{ margin-top: 0.1rem;}
.et-boxs-item .item-style-swxt .top-txt{ margin-bottom: var(--padding-margin__70);}
.et-boxs-item .item-style-swxt dl.rows2 dd{background-color: #f2f2f2; border-radius: 0.15rem; overflow: hidden;display: flex;align-items: center;}
.et-boxs-item .item-style-swxt dl.rows2 .pic{width: calc(410 / 700 * 100%); flex-shrink: 0;}
.et-boxs-item .item-style-swxt dl.rows2 .pic figure{padding-bottom: calc(328 / 410 * 100%);}
.et-boxs-item .item-style-swxt.pic figure{padding-bottom: calc(328 / 410 * 100%); border-radius: 0;width: 100%;}
.et-boxs-item .item-style-swxt dd .tit{padding:  0 var(--font-size__50);font-size: var(--font-size__20);}
.et-boxs-item .item-style-swxt dl.rows3 .pic figure{padding-bottom: calc(276 / 460 * 100%);border-radius: 0.15rem;}
.et-boxs-item .item-style-centertxt .tit-area{flex-direction: column;}
.et-boxs-item .item-style-centertxt .tit-area .tit{margin: var(--padding-margin__40) 0 0 0;}
.et-boxs-item .item-style-centertxt .edit-info{text-align: center;max-width: 11.23rem; margin: 0 auto;}

.img-editer{ margin-top: var(--padding-margin__60);color: var(--white-color);}
.img-editer ol{display: flex;justify-content: center;padding: 0;align-items: center;}
.img-editer ol::before,
.img-editer ol:after{content: '';height: 0.06rem;background: url(../images/et-dot.svg) var(--background-contain);display: block;}
.img-editer ul{flex: 1;display: flex;justify-content: space-between;border-radius: 0.15rem; overflow: hidden; border: 1px solid var(--primary-color);}
.img-editer ul li{flex: 1;position: relative;counter-increment: itemcounter;display: flex;align-items: center; justify-content: center;text-align: center; padding: var(--padding-margin__40) 0.1rem;}
.img-editer ul li:not(:last-child){margin-right: 1px;}
.img-editer ul li:after{content: counters(itemcounter, ".", decimal-leading-zero);position: absolute;right: 0.11rem;top: 0.14rem;font-size: var(--font-size__18);}
.img-editer ul li:nth-child(1){background-color: var(--primary-color);}
.img-editer ul li:nth-child(2){background-color: rgba(var(--primary-color__rgb),0.8);}
.img-editer ul li:nth-child(3){background-color: rgba(var(--primary-color__rgb),0.4);}
.img-editer ul li:nth-child(4){background-color: rgba(var(--primary-color__rgb),0.4);}
.img-editer ol .txt{position: relative;border-radius: 50%;background-color: var(--primary-color);width: 1.94rem; height: 1.94rem;display: flex; align-items: center; justify-content: center; font-size: var(--font-size__24);text-align: center;}
@media (min-width:1025px) {
   .img-editer{display: flex;justify-content: space-between;align-items: center;}
   .img-editer ol{width: 3.11rem;flex-shrink: 0;}
   .img-editer ol::before,
   .img-editer ol:after{flex: 1; }
   .et-boxs-item .item-style-swxt .top-txt{display: flex;justify-content: space-between;}
   .et-boxs-item .item-style-swxt .edit-info{width: calc(825 / var(--max-width) * 100%);}
   .et-boxs-item .item:not([class*=item-style]) .container{display: flex;align-items: center;justify-content: space-between;}
   .et-boxs-item .item:nth-child(2n) .container{flex-direction: row-reverse;}
   .et-boxs-item .item:not([class*=item-style]) .left{width: calc(500 / var(--max-width) * 100%);}
   .et-boxs-item .item:not([class*=item-style]) .right{width: calc(830 / var(--max-width) * 100%);}
   .et-boxs-item .tit-area{display: flex;align-items: center; }
   .et-boxs-item .tit-area .tit{margin-left: var(--padding-margin__30);}
   .et-boxs-item .item-style-swxt dl.rows2 dd{width: calc((100% - 0.34rem) / 2);}
   .et-boxs-item .item-style-swxt dl.rows2 dd:not(:nth-child(2n)){margin-right: 0.34rem;}
}
@media (max-width:1024px) {
   .img-editer ol{flex-direction: column;}
   .img-editer ol::before,
   .img-editer ol:after{width: 100%; transform: rotate(90deg);}
   .img-editer ol .txt{margin:var(--padding-margin__40) 0;}
   .et-boxs-item .item-style-swxt dl.rows2{display: block;}
   .et-boxs-item .item-style-swxt dl.rows2 dd{width: 100%;}
   .et-boxs-item .item-style-swxt dl.rows2 dd + dd{margin-top: 0.1rem;}
   .et-boxs-item .icon{margin-bottom: 0.1rem;}
   .et-boxs-item .edit-info{margin-bottom: 0.3rem;}
   .et-boxs-item .right dl.rows3 dd{width: calc((100% - 0.1rem * 2) / 3);}
   .et-boxs-item .right dl.rows3 dd:not(:nth-child(3n)){margin-right: 0.1rem;}
   .img-editer ol::before, .img-editer ol:after{width: 0.24rem;margin: 0.1rem 0;}
}
@media (max-width:480px) {
   .img-editer ul li:after{font-size: var(--font-size__14); right: 0.05rem; top: 0.05rem;}
}

.side-fixed{position: fixed;bottom: .1rem;right: 0.25rem;pointer-events: none;display: flex;align-items: flex-end;z-index: 100; height: 100%;}
.side-fixed :where(ul,.gettop){pointer-events: all;}
.side-fixed .gettop{border-radius: 50%;background: url(../images/side-icon-getop.svg) no-repeat center center var(--primary-color); background-size: 1em auto; width: 0.6rem; height: 0.6rem;box-shadow: 0 0.04rem var(--padding-margin__30) rgba(var(--black-color__rgb), 0.1);display: block;cursor: pointer; display: none;}
.side-fixed ul{background-color: var(--white-color);box-shadow: 0 0.04rem var(--padding-margin__30) rgba(var(--black-color__rgb), 0.1); border-radius: 0.3rem; margin-bottom: 0.1rem;}
.side-fixed li{position: relative;z-index: 10;}
.side-fixed li a{display: flex;align-items: center;justify-content: center;width: 0.6rem;height: 0.6rem; border-radius: 50%; transition: 0.3s;}
.side-fixed li a:before{display: block;content: '';width: 0.22rem;height: 0.22rem;background: var(--background-contain);}
.side-fixed li a:hover{background-color: var(--primary-color);}
.side-fixed li a:hover:before{filter: brightness(0) invert(1);}
.side-fixed li .code{position: absolute;right: calc(100% + 0.2rem); width: 1.5rem;padding: 0.05rem;background-color: var(--white-color);box-shadow: 0 0.04rem var(--padding-margin__30) rgba(var(--black-color__rgb), 0.1); bottom: 0; opacity: 0;visibility: hidden; transform: translateX(0.2rem); transition: 0.3s;}
.side-fixed li:hover .code{opacity: 1;visibility: visible; transform: translateX(0); }
.side-fixed li .code img{display: block;width: 100%;}
.side-fixed li .code:after{position: absolute; content: '';left: 100%; bottom: 0.2rem; border: 0.05rem solid transparent; border-left-color: var(--white-color);}
.side-fixed li.li-msg a:before{background-image: url(../images/side-icon-msg.svg);}
.side-fixed li.li-kf a:before{background-image: url(../images/side-icon-kf.svg);}
.side-fixed li.li-tel a:before{background-image: url(../images/side-icon-tel.svg);}
.side-fixed li.li-wx a:before{background-image: url(../images/side-icon-whatsapp.svg);}
.side-fixed li.li-email a:before{background-image: url(../images/side-icon-email.svg);height:  0.18rem;}
@media (max-width: 768px) {
   .side-fixed{align-items: flex-end; padding-bottom: 0.1rem;right: 0.1rem;}
   .side-fixed li a,
   .side-fixed .gettop{width: 0.4rem; height: 0.4rem;}
}

.home-tit{margin-bottom: var(--padding-margin__70);display: flex;justify-content: space-between;align-items: center;}
.home-tit h3{font-size: var(--font-size__64);margin: 0;}
@media (max-width:1024px) {
   .home-tit h3{font-size: var(--font-size__40);}
}

.home-social{position: relative;z-index: 1; overflow: hidden;}
.home-social :where(h3,h4){margin: 0;text-align: center;}
.home-social h3{font-size: var(--font-size__60);}
.home-social h4{font-size: var(--font-size__24);margin-top: 1em;}
.home-social .txt{color: var(--white-color);}
.home-social .more{display: flex;justify-content: center; margin-top: var(--padding-margin__70);}
.home-social .more a{display: flex;align-items: center;font-size: var(--font-size__18); transition: 0.3s;border-radius: var(--padding-margin__30);}
.home-social .more .ico{width: 0.5rem;display: flex;align-items: center;justify-content: center;height: 0.5rem;border: 1px solid var(--white-color);border-radius: 50%; margin-right: 1em; transition: 0.3s;}
.home-social .more .ico:before{display: block; content: '';width: 1em; height: 1em; transform: rotate(-45deg); background: url(../images/more.svg) var(--background-contain); transition: 0.3s;}
.home-social .more a:hover{background-color: var(--primary-color); color: var(--white-color); padding-right: 1em;}
.home-social .more a:hover .ico{border-color: var(--primary-color);}
.home-social .more a:hover .ico:before{ transform: rotate(0deg);}
.home-social .video{position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%;}
.home-social .video video{width: 100%; object-fit: cover;display: block; height: 100%;}
@media (max-width:1024px) {
.home-social h3{font-size: var(--font-size__40);}
.home-social h4{font-size: var(--font-size__18);}
.home-social > img{max-width: none;width: 180%;margin-left: -40%;}
}

.home-news{padding: var(--padding-margin__150) 0 var(--padding-margin__140) 0;--max-width: 1600;--height:0px;}
.home-news .boxs:not(.show){position: absolute;left: -100%;width: 100%;opacity: 0; visibility: hidden;}
.home-news .swiper{margin: 0;}
.home-news .swiper figure{position: relative; padding-bottom: calc(550 / 780 * 100%);border-radius: 0.12rem;}
.home-news .swiper-thumb figure{padding-bottom: 100%;}
.home-news a.btn-play{cursor:pointer;display:block}
.home-news a.btn-play figure:before{position:absolute; content:'';left:0;top:0;width:100%;height:100%; background:rgba(var(--black-color__rgb),0.1) url(../images/play-opacity80.svg) no-repeat center center;background-size:auto 0.5rem;}
.home-news .swiper figure span{position:absolute; color: var(--white-color);line-height: 0.4rem; border-radius: 0.4rem; background-color: var(--primary-color); font-size: var(--font-size__14); padding: 0 0.11rem; right: 0.3rem; top: 0.3rem; opacity: 0;}
.home-news .swiper-big span{opacity: 1;}
.home-news .swiper-big h5{margin: 0.4rem 0 0.2rem 0;font-size: var(--font-size__26);line-height: calc(30 / 26);}
.home-news .swiper-thumb h5{margin: 0.29rem 0 0.18rem 0;font-size: var(--font-size__18);line-height: calc(24 / 18);}
.home-news time{color: #999999; opacity: 0.7;}
.home-news .tabs-swiper{position: relative;z-index: 1;}
.home-news .tabs-control ul{display: flex;justify-content: space-between; padding: 0.45rem 0;}
.home-news .tabs-control li{position: relative;flex: 1;display: flex;justify-content: space-between;}
.home-news .tabs-control li b{line-height: calc(24 / 16);color:#999;cursor: pointer;}
.home-news .tabs-control li:before,
.home-news .tabs-control li:after{ background-color: rgba(var(--black-color__rgb),0.1); content: '';display: block; position: absolute; transition: 0.3s;}
.home-news .tabs-control li b:before{ content: ''; background-color: rgba(var(--black-color__rgb), 0.1); width: 0.15rem; height: 0.12rem;  transform: skewX(-30deg);}
.home-news .tabs-control #active-0 li:nth-child(1) b{color: var(--primary-color);}
.home-news .tabs-control #active-0 li:nth-child(1) b:before,
.home-news .tabs-control #active-0 li:nth-child(1):before{background-color: var(--primary-color);}
.home-news .tabs-control #active-1 li:nth-child(1):before,
.home-news .tabs-control #active-1 li:nth-child(1):after,
.home-news .tabs-control #active-1 li:nth-child(2):before{background-color: var(--primary-color);}
.home-news .tabs-control #active-1 li:nth-child(2) b{color: var(--primary-color);}
.home-news .tabs-control #active-2 li::before,
.home-news .tabs-control #active-2 li:after{background-color: var(--primary-color);}
.home-news .tabs-control #active-2 li:nth-child(3) b{color: var(--primary-color);}
.home-news .tabs-control #active-2 li:last-child:after{background-color: rgba(var(--black-color__rgb),0.1);}
@media (min-width:1025px) {
   .home-news .swiper-big{flex: 1; margin-right: 0.3rem;}
   .home-news .swiper-thumb{width: calc(790 / var(--max-width) * 100%);flex-shrink: 0;}
   .home-news .boxs{display: flex;justify-content: space-between; min-height: 5.24rem;}
   .home-news .pager-control{display: none;}
.home-news .tabs-control{position: absolute; left:calc(100% + 0.34rem);top: 0;bottom:calc(100% - var(--height));width: 0.06rem;}
.home-news .tabs-control ul{height: 100%;flex-direction: column;}
.home-news .tabs-control li{flex-direction: column;}
.home-news .tabs-control li b{position: absolute; left: calc(100%  - 0.12rem);top: 50%;transform: translateY(-0.1rem); padding-left: 0.24rem; }
.home-news .tabs-control li:before,
.home-news .tabs-control li:after{width: 100%; height: calc((100% - 0.55rem) / 2);left: 0;}
.home-news .tabs-control li:before{top: 0;}
.home-news .tabs-control li:after{bottom: 0;}
.home-news .tabs-control li:first-child::before{top: -0.45rem;height: calc((100% - 0.55rem) / 2 + 0.45rem); }
.home-news .tabs-control li:last-child::after{bottom: -0.45rem;height: calc((100% - 0.55rem) / 2 + 0.45rem); }
.home-news .tabs-control li b:before{position: absolute;left: 0;top: 0.3em;}
}
@media (max-width:1024px) {
   .home-news .swiper-big{display: none;}
   .home-news .pager-control{display: flex;justify-content: center;align-items: center; margin-top: var(--padding-margin__50);--swiper-pagination-bullet-width:0.2rem; --swiper-pagination-bullet-height:0.04rem; --swiper-pagination-color:var(--primary-color)}
   .home-news .pager-control span{margin: 0 0.05rem;border-radius: 0.02rem;}
   .home-news .tabs-control li b{position: relative;display: flex;flex-direction: column; align-items: center; margin: 0 auto;}
.home-news .tabs-control li:before,
.home-news .tabs-control li:after{height: 0.06rem;width:  calc((100% - 0.55rem) / 2); top: 0.06rem; display:none;}
.home-news .tabs-control li:before{left: 0;}
.home-news .tabs-control li:after{right: 0;}
.home-news .tabs-control li:last-child::after{ display:none;}
.home-news .tabs-control li b::before{margin-bottom: 0.1rem;}
}

.home-sys{--max-width: 1600;overflow: hidden; background: #f3f3f3;padding-bottom: var(--padding-margin__100);}
.home-sys .container{padding: var(--padding-margin__160) 0;}
[class*=home-]  .edit-info{line-height: calc(30 / 16);color: var(--default-color);margin:var(--padding-margin__40) 0 var(--padding-margin__70) 0;}
.home-sub-tit{margin: 0; line-height: calc(40 / 30); font-size: var(--font-size__30);}
.home-sys .home-pic [class*=circle-]{animation-direction: reverse;}
@media (min-width:1025px) {
   .home-sys .left{width: calc(575 / var(--max-width) * 100%);}
   .home-sys .right{width: calc(640 / var(--max-width) * 100%); margin-right: calc(90 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .home-sys .right{padding: 0 20%; margin-top: var(--padding-margin__100);}
}
@media (max-width:480px) {
   .home-sys .container{padding-top: 0;}
}

.home-pic{position: relative; }
.home-pic .pic-inner{padding-bottom: 100%;position: relative;z-index: 10;}
.home-pic .pic-inner img{position:absolute;right: 0;top: 0;height: 100%;max-width: none;}
.home-pic [class*=circle-]{position: absolute; background: var(--background-contain);z-index: 10; animation: zhuan infinite 20s linear both;}
.home-pic .circle-1{--wh:-0.1rem;left: var(--wh);right: var(--wh);top: var(--wh);bottom: var(--wh);background-image: url(../images/circle-inside.png);}
.home-pic .circle-2{width:calc(820 / 640 * 100%);height: calc(820 / 640 * 100%); left: calc((100% - 820 / 640 * 100%) / 2); top: calc((100% - 820 / 640 * 100%) / 2); background-image: url(../images/circle.png);}
@keyframes zhuan {
   to{transform: rotate(-360deg);}
}
.home-pic .line{border-radius: 50%;border: solid 1px #dcdcdc; width:calc(960 / 640 * 100%);height: calc(960 / 640 * 100%); left: calc((100% - 960 / 640 * 100%) / 2); top: calc((100% - 960 / 640 * 100%) / 2);position: absolute;}
/*.home-pic .line::before{position: absolute; content: '';width: 100%;height: 100%;border-radius: 50%;background-color: #dcdcdc; transform: scale(0.5); opacity: 0; animation: line 5s infinite;}
@keyframes line {
   0%{transform: scale(0.5); opacity: 0.8;}
   100%{transform: scale(1); opacity: 0;}
}*/

.home-count{--max-width:1033; position: relative;z-index: 1; overflow: hidden; padding:0 0 3rem 0;background: #f3f3f3;}
.home-count .road{position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%;height: 5.62rem; transform: translateZ(0);}
.home-count .svg-path{position: absolute;width: 25.55rem; height: 100%; bottom: 0;left: 50%;transform: translateX(-50%);}
.home-count .svg-path svg{height: 100%;}
.home-count .number-count{position: relative;z-index: 10;min-height: 2.53rem;}
.home-count .car{position: absolute;width: 0.94rem;height: 0.4rem;background: url(../images/bus-orange.png) var(--background-contain);z-index: 10;will-change: transform, opacity;animation:none!important;}
@media (min-width:1025px) {
    .home-prod .home-tit{width:45%}
   .home-count .number-count dd:nth-child(1){padding-top: 1.84rem;}
   .home-count .number-count dd:nth-child(2){padding-top: 0.8rem;}
}
@media (max-width:1024px) { 
   .home-count .number-count dl{flex-wrap: wrap;}
   .home-count .number-count dd{width: 50%; margin-bottom: var(--padding-margin__50);}
}
@media (max-width:480px) {
   .home-count{padding-bottom: calc(300 / 1200 * 100vw);}
   .home-count .road{height:calc(562 / 1300 * 100vw);}
   .home-count .svg-path{width: calc(2555 / 1200 * 100vw);}
   .home-count .car{width: 0.73rem;height: 0.2rem;}
}

.home-overhide{overflow: hidden; padding-bottom: 1.65rem;}
@media (max-width:480px) {
   .home-overhide{padding-bottom: 1rem;}
}

.home-about{--max-width:1600;padding-top: 2.65rem; position: relative;z-index: 10;}
.home-about:after{position: absolute; content: '';left: 0; bottom: -2.84rem; height:calc(2.84rem + 100%); width: 100%; background: linear-gradient(to bottom, rgba(243, 243, 243,0) 0%, rgba(243, 243, 243,1) 80%);z-index: 2;}
.home-about .right{position: relative;z-index: 10;}
.home-about .home-pic{z-index: 10;}
.home-about .home-pic .circle-2{width:calc(930 / 720 * 100%);height: calc(930 / 720 * 100%); left: calc((100% - 930 / 720 * 100%) / 2); top: calc((100% - 930 / 720 * 100%) / 2);}
.home-about .home-pic [class*=circle-]{animation-direction: reverse;}
.home-about .home-pic .line{border-color: transparent;}
.home-about  .ani-aboutcar{position: absolute; left: var(--left); top: var(--top); width: var(--leftw);height: var(--leftw);z-index: 1;}
.home-about  .ani-aboutcar .circle{position: absolute;left: calc((100% - 1400 / 720 * 100%) / 2);top:calc((100% - 1400 / 720 * 100%) / 2);width: calc(1400 / 720 * 100%);height: calc(1400 / 720 * 100%);}
.home-about  .ani-aboutcar [class*=circle-inside-]{position:absolute;width: 100%;height: 100%;}
.home-about  .ani-aboutcar .circle-inside-1{right: calc(712 / 1400 * 100%);bottom: calc(1033 / 1400 * 100%);z-index: 1;}
.home-about  .ani-aboutcar .circle-inside-2{left: 0;top: 0;z-index: 4;transform: rotate(-90deg);}
.home-about  .ani-aboutcar .circle svg{display: block;width: 100%;height: 100%;}
.home-about  .ani-aboutcar .car{position: absolute;width: 1.48rem; height: 0.6rem;background: url(../images/bus-white.png) var(--background-contain); z-index: 3; pointer-events: none;}
@media (min-width:1025px) {
   .home-about .left{width: calc(720 / var(--max-width) * 100%);margin-left: calc(60 / var(--max-width) * 100%);}
   .home-about .right{width: calc(589 / var(--max-width) * 100%);}
.home-about .home-tit{margin-bottom: 1.28rem;}
}
@media (max-width:1024px) {
   .home-about .left{padding: 0 15%; margin-bottom: var(--padding-margin__120);}
   .home-about .home-tit h3 br{display: none;}
}
@media (max-width:480px) {
   .home-about{padding-top: 1rem;}
   .home-about  .ani-aboutcar .car{width: 0.74rem; height: 0.3rem;}
}


.home-prod{padding-top: 1.26rem;--max-width: 1600; overflow: hidden; position: relative;z-index: 20;}
.home-prod .home-tit{margin-bottom: 0;}
.home-prod .swiper-tabs-box{position: relative;z-index: 1;}
.home-prod .swiper-tabs-box:after{position: absolute; content: '';width: 4rem; height: 4rem;border-radius: 50%; left: calc(100% - 1.4rem); top: calc((100% - var(--padding-margin__80) - 0.54rem) / 2);margin-top: -2rem; background-color: #f5f5f5;}
.home-prod .swiper-tabs{ margin-bottom: var(--padding-margin__140);}
.home-prod .swiper-tabs .pages{display:flex;align-items: center; }
.home-prod .swiper-tabs .pages span{color: #666;cursor: pointer;display: block;border-bottom: 2px solid transparent; padding-bottom: 1em; flex-shrink: 0;}
.home-prod .swiper-tabs .pages span:not(:last-child){margin-right: var(--padding-margin__50);}
.home-prod .swiper-tabs .pages span.active{color: var(--primary-color);font-weight: var(--font-weight__m);border-bottom-color: var(--primary-color);}
.home-prod .swiper-slide-inside{transition:transform 0.5s ease-in-out; will-change: transform;}
.home-prod .swiper-slide-inside .pic{display: flex;flex-direction: column;align-items: center;}
.home-prod .swiper-slide-inside .pic img{max-width: 8.62rem; width: 90%;}
.home-prod .swiper-slide-inside .pic p{font-weight: var(--font-weight__b);color: #666; margin: 0.25rem 0 0 0;}
.home-prod .swiper-slide-inside.swiper-slide-active .pic p{display: none;}
.home-prod .swiper-slide-inside:not(.swiper-slide-active){transform: scale(0.5104);transform-origin: 10% 50%;}
.home-prod .swiper-slide-inside:not(.swiper-slide-active)  .pic p{transform: scale(1.6);}
.home-prod .arrows{margin-top: var(--padding-margin__80);width: 100vw;}
.home-prod .arrows .container{position: relative;display: flex;justify-content: center;align-items: center; z-index:20}
.home-prod .arrows a{position: relative;left: auto;right: auto; top: -160px;margin: 0;}
.home-prod .arrows a.next{margin-left: 0.2rem;}
.home-prod .right-txt :where(h4, p,dl,.all-more){transform: translateX(0.3rem); opacity: 0; transition: 0.5s;}
.home-prod .swiper-slide-inside.swiper-slide-active .right-txt :where(h4, p,dl,.all-more){transform: translateX(0); opacity: 1;}
.home-prod .right-txt h4{margin: 0; font-size: var(--font-size__30); transition-delay: 0.3s;}
.home-prod .right-txt p{ line-height: calc(26 / 16);color: #333; margin: 0.29rem 0 var(--padding-margin__60) 0;transition-delay: 0.5s;}
.home-prod .right-txt dl{display: flex;align-items: center; max-width: calc(1.72 * 2rem); margin-bottom: var(--padding-margin__80);transition-delay: 0.7s;}
.home-prod .right-txt dd{flex: 1;}
.home-prod .right-txt dd:not(:last-child){border-right: 1px solid #e6e6e6;}
.home-prod .right-txt dd p{ font-size: var(--font-size__24); font-weight: var(--font-weight__m);margin: 0 0 0.1rem 0;}
.home-prod .right-txt dd span{color: #848484;}
.home-prod .right-txt dd:not(:first-child){display: flex;flex-direction: column;align-items: center;}
.home-prod .right-txt .all-more{transition-delay: 0.9s;}
@media (min-width:1025px) {
   .home-prod .swiper-tabs{display:flex; justify-content: flex-end;}
   .home-prod .swiper-tabs .pages{justify-content: flex-end; margin-top:calc(64 / 16 * -1em);}
   .home-prod .swiper-inside{overflow: inherit; width: calc(1510 / 1920 * 100%);margin: 0;}
   .home-prod .swiper-slide-inside{display: flex;align-items: center; justify-content: space-between; }
   .home-prod .swiper-slide-inside .pic{width: calc(1022 / 1510 * 100%);}
   .home-prod .right-txt{flex: 1;margin-left: var(--padding-margin__40);}
   .home-prod .btn-next{position:absolute;z-index:10;left:100%;width:50%;height:60%;cursor:pointer;top:5%;}
}
@media (max-width:1024px) {
   .home-prod .swiper-tabs{margin-top: var(--padding-margin__50);}
   .home-prod .right-txt{padding: 0 5%; margin-top: var(--padding-margin__60);}
   .home-prod .swiper-tabs .pages{overflow: auto;}
}
@media (max-width:480px) {
   .home-prod{padding-top: var(--padding-margin__100);}
   .home-prod .swiper-tabs-box:after{margin-top: -15vw;width: 30vw; height: 30vw; left: calc(100% - 10vw); }
}

#search-list .item a{display: block; border-radius: 0;}
#search-list .txt{margin-left: 0; padding-bottom: var(--padding-margin__30);}
#search-list .txt p{margin-bottom: var(--padding-margin__30);}

.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {transition: transform 0.6s ease;transform: scale(1);}
.Scale-img:hover img {transform: scale(1.05);}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.SubTit{text-align: center;padding-bottom: 3.5vw;}
.SubTit h2{font-size: var(--font-size__48);line-height: 1;padding: 0;margin: 0;}
.SubTit h3{font-size: var(--font-size__36);;line-height: 0.74rem;padding-bottom: 0.24rem;}
.SubTit h3 span{min-width: 0.74rem;background-color: var(--main-color);color: #fff;border-radius: 50%;display: inline-block;font-family: 'harmonyOS_Regular';}
.SubTit h3 em{color: var(--main-color);font-family: 'harmonyOS_Regular';}
.SubTit .tdesc{font-size: var(--font-size__20);;padding-top: 2.083vw;line-height: 1.65;}
.SubTit .tdesc2{font-size: var(--font-size__40);;line-height: 1.8;padding-top: 2vw;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;font-size: var(--font-size__18);line-height: 1.9;color: #000;}

.SubPage{position: relative;background: #fff;z-index: 1;height: auto !important;height: 100px;min-height: 100px;padding:6.25vw 0;clear: both;overflow: hidden;}

/* 智慧交通解决方案 */
.trafficFaPage1 {padding-bottom:0}
.trafficFaPage1 .content{background-color: #eff2f4;padding: 5.208vw 0;}
.trafficFaPage1 .content .item:not(:last-child){margin-bottom: 0.7rem;}
.trafficFaPage1 .content .item .title{position: relative;}
.trafficFaPage1 .content .item .title h3{font-size: var(--font-size__24);text-align: center;top: 50%;transform: translateY(-50%);}
.trafficFaPage1 .content .item .info{flex: 1;}
.trafficFaPage1 .content .item .imgbox{text-align: center; padding-bottom: 0.5rem;background: url(../images/shadowimgbg.png) no-repeat center bottom/contain;text-align: center;}
.trafficFaPage1 .content .item .imgbox img{ width: auto;}


.trafficFaPage2 .list{margin-left: -1.302vw;}
.trafficFaPage2 .list .item{flex: 1;margin-left: 1.302vw;background-color: #f5f7f8;font-size: var(--font-size__20);padding: 1.354vw;min-height: 1.23rem;}
.trafficFaPage2 .list .item .icon{width: 5.677vw;text-align: center;}
.trafficFaPage2 .list .item .icon img{height: 0.5rem;}
.trafficFaPage2 .list .item h3{flex: 1;}

.trafficFaPage3{}
.trafficFaPage3 .title{text-align: center;padding-bottom: 0.4rem;}
.trafficFaPage3 .title h3{display:inline-block;min-width: 0.8rem;line-height: 0.8rem;border-radius: 0.8rem;background-color: var(--primary-color);color: #fff;font-size: var(--f24);}
.trafficFaPage3 .SinglePage{line-height: 1.8;margin-bottom: 3.229vw;}
.trafficFaPage3 .photo{margin-left:-1.198vw;font-size: var(--font-size__18);padding-bottom: 0.25rem;}
.trafficFaPage3 .photo li{margin: 0 0 2.292vw 1.198vw;text-align: center;}
.trafficFaPage3 .photo .imgbox{padding-top: 66.66%;margin-bottom: 0.09rem;}
.trafficFaPage3 .photo.w5 li{width: calc(100% / 5 - 1.198vw);}
.trafficFaPage3 .photo.w6 {margin-left: -0.938vw;}
.trafficFaPage3 .photo.w6 li{width: calc(100% / 6 - 0.938vw);margin-left: 0.938vw;}
.trafficFaPage3 .photo.w6 li:nth-child(1){width: calc(100% / 1 - 0.938vw) !important;}
.trafficFaPage3 .photo.w6 li:nth-child(1) .imgbox{padding-top: 33.333%;}

.trafficFaPage3 .cloud .img{width:100%; max-width: 8.56rem; position: relative; margin: auto}
.trafficFaPage3 .cloud .img li{display: none;}
.trafficFaPage3 .cloud .img li .imgbox{padding-top: 44.44%;}
.trafficFaPage3 .cloud .tab{width:100%;padding-top: 5%; margin-left:-.08rem;margin-right:-.08rem}
.trafficFaPage3 .cloud .tab li{width: calc(100% / 3 - 0.16rem);margin:.08rem;min-height: .8rem;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0.1rem;background-color: #eff2f4;text-align: center;}
.trafficFaPage3 .cloud .tab li.on{background-color: var(--primary-color);color: #fff;}

.trafficFaPage4{background-color: #eff2f4;}
.trafficFaPage4 .slider{margin-left: -0.1rem;}
.trafficFaPage4 .slider .item{flex: 1;margin-left: 0.1rem;position: relative;transition: all 0.5s;overflow: hidden;z-index: 10;}
.trafficFaPage4 .slider .item .imgbox{padding-top: 5.4rem;opacity: 0;transition: all 0.5s;transform: scale(1.1);}
.trafficFaPage4 .slider .item .imgbox:after{left: 0;top: 0;width: 100%;height: 100%;z-index: 2;position: absolute;content: "";background-image: linear-gradient(to bottom, rgba(21,87,134,1) , rgba(21,87,134,0));opacity: 0;transition: all 0.9s;}
.trafficFaPage4 .slider .item .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background-color: #fff;padding: 1.8vw;}
.trafficFaPage4 .slider .item .info .tit{color: #ca101a;position: absolute;left:2.083vw;top: 1.8vw;font-size:var(--font-size__24)}
.trafficFaPage4 .slider .item .info .tit span{display: inline-block;position: relative;}
.trafficFaPage4 .slider .item .info .tit span:after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;content: "";background-color: var(--primary-color);transition: all 0.5s;}
.trafficFaPage4 .slider .item .info .text{font-size: var(--font-size__18);position: absolute;left: 2.083vw;top: 50%;transform: translateY(-50%);width: calc(100% - 4.167vw);color: #4c4c4c;transition: all 0.5s;cursor: pointer; line-height:.32rem}
.trafficFaPage4 .slider .item .info .more{text-align: right;color: var(--primary-color);width: 100%;display: block;}
.trafficFaPage4 .slider .item.hover {flex: 2;}
.trafficFaPage4 .slider .item.hover .info {background-color: transparent;}
.trafficFaPage4 .slider .item.hover .info .tit{color: #fff;}
.trafficFaPage4 .slider .item.hover .info .tit span:after{width: 100%;}
.trafficFaPage4 .slider .item.hover .info .text{transform: translateY(0);top: 5.5vw;color: #fff;font-size: var(--font-size__16);}
.trafficFaPage4 .slider .item.hover .info .text p{color:#fff}
.trafficFaPage4 .slider .item.hover .info .text .dot4{-webkit-line-clamp: 100;height: 3.5rem;overflow-y: auto;}
.trafficFaPage4 .slider .item.hover .info .text .more{display: none;}
.trafficFaPage4 .slider .item.hover .imgbox {opacity: 1  ;transform: scale(1);}
.trafficFaPage4 .slider .item.hover .imgbox:after {opacity: 1  ;}
.trafficFaPage4 .slider .item.hover .ellipsis__4{--clamp: 12;}
.trafficFaPage4 .m{position: absolute;width: 100%;height: 100%;bottom: -28%;left: 0;z-index: 0;}


.caseSlider .slick-list{margin: 0 -0.781vw;}
.caseSlider .item{padding: 0 0.781vw;}
.caseSlider .item .imgbox{padding-top: 66.6%;}
.caseSlider .item .tit{margin-top: 0.14rem; text-align:center}
.caseSlider .item .desc{min-height: 2.9rem;font-size: var(--font-size__20);background-color: #f2f4f6;padding: 1.771vw 1.5vw;}
.caseSlider .item .desc .scroll{max-height: 2.2rem;overflow-y: auto;}
.caseSlider .slick-prev{left: -0.8rem;}
.caseSlider .slick-next{right: -0.8rem;}

.home-news .arrows{text-align: center;position: absolute;
    bottom: .3rem;
    width: 100%;
    z-index: 5;}
.home-news .arrows a{position: static;display:inline-block;margin: 0 .2rem;}

@media(max-width:1024px){
    .home-news .arrows{display: none;}
   .trafficFaPage3 .cloud .img{width: 100%;}
   .trafficFaPage3 .cloud .tab{flex: 1;margin-top: 0.1rem;}

   .trafficFaPage4 .slider{display: block;}
   .trafficFaPage4 .slick-list{padding: 0 10%;margin: 0 -10%;}
   .trafficFaPage4 .item{flex:none;}
   .trafficFaPage4 .item:not(.slick-current){opacity: 0.3;}
   .trafficFaPage4 .slider .item .info{padding: 0.4rem;}
   .trafficFaPage4 .slider .item .info .tit{position: static;color: #fff;margin-bottom: 0.2rem;}
   .trafficFaPage4 .slider .item .info .tit span:after{width: 100%;}
   .trafficFaPage4 .slider .item .info .text{position: static;transform: translateY(0);color: #fff;width: 100%;}
   .trafficFaPage4 .slider .item .info{background-color: transparent;}
   .trafficFaPage4 .slider .item .info .dot4{-webkit-line-clamp: 100;height: 4rem;overflow-y: auto;}
   .trafficFaPage4 .slider .item .info .more{display: none;}
   .trafficFaPage4 .slider .item .imgbox,.trafficFaPage4 .slider .item .imgbox:after{opacity: 1;}
   .trafficFaPage4 .slider .slick-prev{left: -15px;}
   .trafficFaPage4 .slider .slick-next{right: -15px;}

   .caseSlider .slick-arrow{top: 35%;}
   .caseSlider .slick-prev{left: -18px;}
   .caseSlider .slick-next{right: -18px;}
}
@media(max-width:768px){
   .trafficFaPage1 .content .item .title{width: 100%;padding-bottom: 0.25rem;}
   .trafficFaPage1 .content .item .title h3{position: static;transform: translateX(0);width: auto;}
   .trafficFaPage1 .content .item .info,.trafficFaPage1 .content .item .imgbox,.trafficFaPage1 .content .item .imgbox img{width: 100%;flex: none;}

   .trafficFaPage2 .list .item .icon{width: 0.8rem;}
   .trafficFaPage2 .list .item{flex: none;width: calc(100% / 2 - 1.302vw);margin-top: 1.302vw;}
    .trafficFaPage3 .cloud .tab li{ width: calc(100% / 2 - 0.16rem);}

   .trafficFaPage3 .photo li{width: calc(100% / 2 - 1.198vw) !important;}

   .trafficFaPage4 .slider .item .imgbox{padding-top: 55vh;}
   .trafficFaPage4 .slider .item .info .dot4{height: 5.5rem;}
}

.netword-content{
    background-color:#f8f8f8;
    padding:var(--padding-margin__120) 0;
}
.netword-content .edit-info{color:#222;line-height:calc(30 / 16)}
.netword-content .con{margin-bottom:var(--padding-margin__120);}
.netword-content .pic img{border-radius:var(--padding-margin__30);}
.edit-dl{margin:0.1rem 0;}
.edit-dl dd{position:relative;padding-left: 0.26rem;}
.edit-dl dd:not(:last-child){margin-bottom:0.1rem}
.edit-dl dd:before{position: absolute; content: '';width: 0.06rem; height: 0.04rem;transform: skewX(-45deg);background-color: var(--primary-color); left: 0; top: 0.8em;}

@media (min-width:1025px) {
.netword-content .con .edit-info{width:calc(626 / var(--max-width) * 100%);}
.netword-content .con .pic{flex-shrink:0;width:calc(720 / var(--max-width) * 100%);}
}