@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: 102, 102, 102; /*#666*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --default-color_333__rgb: 51,51,51; /*#333*/
   --default-color_333: rgba(var(--default-color_333__rgb), 1);
   --primary-color__rgb: 0,104,183; /*#0068b7*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --f-family: 'pp', 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.64rem;
   --font-weight__l: 100;
   --font-weight__r: 400;
   --font-weight__m: 500;
   --font-weight__sb: 600;
   --font-weight__b: 700;
   --transition: 0.3s;
   --header-height:1rem;
}

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

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

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

main{overflow-x: hidden;}

/* Start
   ========================================================================== */
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100; padding: var(--pm__30) 0; --max-width:1600;}
header .logo img{max-height: 0.68rem;}
@media (max-width:480px) {
   header .logo img{max-height: 0.36rem;}
}
.h-nav .a-url{color: var(--white-color); font-weight: var(--font-weight__l);display: block;}
.h-media{margin: 0 var(--pm__40);}
.h-media li + li{margin-left:var(--pm__30);}
.h-media li img{width: 0.18rem; height: 0.18rem; object-fit: contain;display: block;}
.h-nav .Externallink a:hover{color: #e60012;}
.h-nav .a-sub{ position: relative;margin-right:0.15rem;}
.h-nav .a-sub a{ color: var(--white-color);display: inline-block;}
.h-nav .a-sub a:hover,
.h-nav .a-sub:hover span a{color: #e60012;}
@media (min-width:1025px) {
.h-nav{position: relative;z-index: 60;}
   .h-nav{margin-bottom: 0.25rem;}
}

 .nav-sub{ border-radius: 0 0 0.06rem 0.06rem;transition: 0.5s;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0); font-size: var(--font-size__16); line-height: calc(24 / 16 * 1em);}
.main-nav li a{font-weight: var(--font-weight__l);}
.main-nav li a:not(:hover){color: var(--white-color);}
.main-nav li#m38{display: none;}
.main-nav li a:hover,
.main-nav li.aon span a{color: #e60012;}
.main-nav li .nav-sub a{ padding: .3em .5em;display: block;}
.main-nav li .nav-sub a:hover{background:#fff;color:var(--primary-color);}
@media (min-width: 1025px) {
 .main-nav li{position: relative;z-index: 50;margin-left: 0.45rem;}
 .nav-sub{position: absolute; width: max-content;min-width: 100%;max-width: 3.2rem;top: 100%;left: 50%;transform: translateX(-50%);padding:0.15rem 0;}
 .show .nav-sub{opacity: 1;clip-path: none;}
 .nav-sub dl{background-color: rgba(var(--primary-color__rgb),0.9); padding: .1rem 0;  }
 .nav-sub dd{text-align: center;position: relative;padding:0 0.1rem;}
 .nav-sub dl dd .two{background-color: rgb(44 144 221 / 90%);position: absolute;top:-0.1rem;left:100%;width: max-content;min-width: 90%;max-width: 1.5rem;padding:0;display: none;}
 .nav-sub dl dd:hover .two{display:block;}
 .nav-sub dl dd .two b{text-align:left;padding: 0rem 0.1rem;display: block;}
 .nav-sub dl dd .two b a{padding:0.04rem 0.2rem;}
 .nav-sub dl dd .two b:first-child{padding-top:0.1rem;}
 .nav-sub dl dd .two b:last-child{padding-bottom:0.1rem;}
 .nav-sub dl dd .two a:hover{}
 }

@media (max-width: 1024px) {
    .h-nav .a-sub  .nav-sub{ display: none;}
    .nav-sub dl dd .two{display: none;}
   .main-nav{position: absolute; top: calc(100% - var(--pm__30)); right: 3%; clip-path: polygon(0 0,100% 0,100% 0,0 0); opacity: 0; visibility: hidden; transition: 0.5s ease-in-out;padding: 10px 0 0 0;}
   .menu-show .main-nav{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%); visibility: visible;}
   .main-nav ul{position: relative;background-color: rgba(var(--primary-color__rgb),0.9);padding: 1em 0;}
   .main-nav ul:before{position: absolute; content: '';border: 5px solid transparent; border-bottom-color: rgba(var(--primary-color__rgb), 0.9); bottom: 100%; right: calc(0.18rem - 5px);}
   .main-nav li a{display: block; line-height: 2.4;padding: 0 1em;}
   .main-nav li span{ position: relative;}
   .wap-op{position: absolute;z-index: 10;right: 0;top: 0;width: 0.4rem;height: 100%;display: flex;align-items: center;justify-content: center;}
   .wap-op:after{display: block;content: ''; width: 0.1rem;height: 0.1rem;background: url(../images/select.svg) var(--background-contain); transition: 0.3s;}
   .wap-show .wap-op:after{transform: rotate(180deg);}
   .nav-sub{visibility: hidden; height: 0;overflow: hidden; padding:0 0 0 2em;border-top: 1px solid rgba(var(--black-color__rgb), 0.06);}
   .wap-show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);visibility: visible; height: auto;}
   .main-nav li .nav-sub a{padding:0.3em 0.5em;}
}

 .open-search{width: 0.18rem; height: 0.18rem;display: block;background: url(../images/search.svg) var(--background-contain);cursor: pointer;  filter: brightness(0) invert(1);}
 .search-show .open-search{background-image: url(../images/close.svg);}
 .top-search{position: absolute; transition: 0.5s;opacity: 0; z-index: 99; }
.search-show .top-search{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.top-search .form-input{line-height: 2; padding-left: 0.2rem;padding-right: 0.8rem;}
.top-search .btn{position: absolute;right: 0;top: 0;width: 0.7rem;height: 100%; background: url(../images/search.svg) var(--background-contain); background-size: auto 40%;cursor: pointer;}

@media (min-width:1025px) {
.top-search{width: 4rem;top:50%;transform: translateY(-50%);right: 0.3rem;clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);padding-right: 0.1rem;}
.top-search:after{position: absolute; content: '';right:1px;border: 0.05rem solid transparent; border-left-color: var(--white-color); top: 50%;margin-top: -0.05rem;}
}
@media (max-width:1024px) {
   .top-search{left: 3%;top: 100%;clip-path: polygon(0 0,100% 0,100% 0,0 0);width: 94%;}
   .open-menu{width: 0.36rem; height: 0.36rem;display: flex;flex-direction: column;justify-content: space-between; align-items: center;padding: 0.08rem 0; margin-left: 0.1rem;}
   .open-menu i{height: 2px;background-color: var(--white-color);width: 80%;display: block;}
}
@media (max-width:480px) {
   .open-search{width: 0.36rem; height: 0.36rem; background-size: auto 50%;}
}

.page-ban{overflow: hidden;}
.page-ban .name{color: var(--white-color); font-weight: var(--font-weight__m); font-size: var(--font-size__72);margin: 0;}
.page-ban img{display: block;width: 100%;height: auto;object-fit: cover; animation: breathe 8s ease-in-out infinite alternate; transform-origin: center center;}
@keyframes breathe {
   0% {
      transform: scale(1); /* 初始尺寸 */
   }
   100% {
      transform: scale(1.15); /* 放大10%，可调整数值 */
   }
}
@media(max-width:1024px){
   .page-ban .name{font-size: var(--font-size__48);}
}
@media (max-width:480px) {
   .page-ban{ overflow: hidden;}
   .page-ban img{width: 140%;margin-left: -20%;max-width: none;}
   .page-ban .name{font-size: var(--font-size__32);}
}

.Current{bottom: var(--pm__50);}
.Current,
.Current a:not(:hover){color: var(--white-color);}
.Current a:hover{color: #e60012;}
.Current .container:before{display: block; content: '';width: 1em; height: 1em; margin-right: 0.1rem;background: url(../images/home.svg) var(--background-contain);}
.Current a{display: flex;align-items: center;}
.Current a:after{display: block; content: '·'; margin: 0 0.5em;color: var(--white-color);}
@media (max-width:480px) {
.Current{display:none;}
}

[data-bg]{background-color: #f7f8fa;}

.page-nav{box-shadow: 0 0.01rem 0.35rem rgba(var(--black-color__rgb), 0.078); position: relative;z-index: 1;}
.page-nav .nav{display: inline-flex;align-items: center; padding-right: 0.75rem;}
.page-nav .nav a{display: block; line-height: 0.9rem; position: relative;white-space: nowrap;}
.page-nav .nav a:after{position: absolute; content: '';bottom: 0; height: 2px;background: var(--primary-color); left: 0;transition: 0.3s;width: 0;}
.page-nav .swiper-slide{width: calc(var(--width) * 1px);}
.page-nav .nav.active a{color: var(--primary-color);}
.page-nav .nav.active a:after{width: 100%; }
.page-nav:not(.end) .container:after{position: absolute;right: 0.3rem;top: 0;height: 100%; width: var(--pm__90);background: linear-gradient(to right, rgba(var(--white-color__rgb), 0) 0%, rgba(var(--white-color__rgb), 1) 40%, rgba(var(--white-color__rgb), 1) 100%); content: '';z-index: 3; pointer-events: none;}

@media (min-width:1025px) {
.prod-nav .container{padding: 0 var(--pm__90);}
.prod-nav .page-nav .nav{padding-right: 0.96rem;}   
}
@media (max-width:1024px) {
   .page-nav .container{padding: 0 0.5rem;}
   .page-nav .nav{padding-right: 0.3rem;}
}

[data-arrows]{--wh:0.42rem;	width: var(--wh);height: var(--wh);border: solid 0.01rem var(--primary-color); align-items: center; justify-content: center; border-radius: 50%;}
[data-arrows]:not([class*=-lock]){display: flex;}
[data-arrows]:before{display: block; content: '';width: 0.04rem; height: 0.1rem;background: url(../images/btn.svg) var(--background-contain);}
[data-arrows].next:before{transform: rotateY(180deg);}
[data-arrows]:not([class*=-disabled]){cursor: pointer;}
[data-arrows]:not([class*=-disabled]){background-color: var(--primary-color);}
[data-arrows]:not([class*=-disabled]):before{filter: brightness(0) invert(1);}
[data-arrows*="pa"]{position: absolute; z-index: 10;}
[data-arrows="pa-center"]{top: 50%;margin-top: calc(var(--wh) / -2);}
[data-arrows="pa-center"].prev{left: 0;}
[data-arrows="pa-center"].next{right: 0;}

.column-name{text-align: center; margin-bottom: var(--pm__50);}
.column-name :where(h3,p){margin: 0;}
.column-name h3{font-size: var(--font-size__40);color: var(--black-color);}
.column-name p{font-size: var(--font-size__18);margin-top: 1em;}
@media (max-width:480px) {
   .column-name h3{font-size: var(--font-size__28);}
   .column-name p{font-size: var(--font-size__14);}
}


/*
 .Menu002252 为demo编号
 */
.Menu002252{padding:0.5rem 0 0; text-align:center; overflow:hidden;}
.Menu002252 a{display:inline-block;line-height: 0.5rem;padding: 0 0.2rem;min-width: 1.5rem;border-radius: 0.5rem;background: #fff;color: #333;border: 1px solid #e8e8e8;margin:0 0.08rem; margin-bottom: 0.05rem;}
.Menu002252 a.aon,.Menu002252 a:hover{color:#fff;background-color: var(--primary-color);}

@media(max-width:768px){
.Menu002252 ul{margin:0;padding:0;}
}


.same-form{max-width: 6.8rem;margin: 0 auto;}
.same-form .form-item{background-color: var(--white-color); margin-bottom: 0.2rem; padding-left: var(--pm__30); padding-right: 0.1rem;position: relative;}
.same-form .f-name{color: var(--default-color_333);flex-shrink: 0;line-height: 0.34rem;padding: 0.15rem 0;}
.same-form .err{color: #e60012;}
.same-form .form-select,
.same-form .upload-area,
.same-form .form-text{flex:1;margin-left: 0.1rem;padding: 0.15rem 0;}
.same-form .form-text .text{width: 100%; line-height: 0.34rem; border: 0;}
.same-form .form-text input .text{height: 0.34rem;}
.same-form .form-select .option-list{position: absolute;right: 0;top: 100%;z-index: 10; background-color: var(--white-color);box-shadow: 0 0.05rem 0.05rem rgba(var(--black-color__rgb), 0.1); width: 100%;text-align: right;padding: 0.1rem 0; border-top: 1px solid #f7f8fa;opacity: 0; visibility: hidden;transform: translateY(0.2rem); transition: 0.3s;}
.same-form .active{z-index: 10;}
.same-form .active .form-select .option-list{opacity: 1;visibility: visible; transform: translateY(0);}
.same-form .form-select .option-list ul{overflow: auto;line-height: 2; max-height: 10em;}
.same-form .form-select .option-list li{cursor: pointer;padding: 0 0.33rem 0 0.1rem;}
.same-form .form-select .option-list li:hover{background-color: rgba(var(--black-color__rgb), 0.05);}
.same-form .form-select .cur-option{display: flex;height: 0.34rem;align-items: center;justify-content: flex-end;color: #cccccc;cursor: pointer;}
.same-form .form-select .cur-option p{flex: 1;margin-right: 0.1rem; text-align: right; word-break: break-all;}
.same-form .form-select .cur-option.is-selected{color: var(--default-color_333);}
.same-form .form-select .cur-option:after{display: block; content: '';width: 0.13rem;height: 0.06rem; margin-left: 0.1rem;background: url(../images/select.svg) var(--background-contain); transition: 0.3s;}
.same-form .active  .form-select .cur-option:after{transform: rotate(-180deg);}
.same-form .form-btn{margin-top: var(--pm__60);}
.same-form .form-btn input[type="button"]{ cursor: pointer;}
.same-form .form-btn .btn{display: block;height: 0.64rem;font-size: var(--font-size__18); font-weight: var(--font-weight__sb); background: var(--primary-color); border: 0;padding: 0;width: 100%;color: var(--white-color);}
.same-form .form-btn[data-hasico] input[type="button"]{opacity: 0;}
.same-form .form-btn[data-hasico] .btn{display: flex;align-items: center;justify-content: center;}
.same-form .form-btn[data-hasico] .btn::before,
.same-form .form-btn[data-hasico] .btn:after{display:block; content: '';background: var(--background-contain);}
.same-form .form-btn[data-hasico='right'] .btn:after{width: 0.17rem; height: 0.16rem; margin-left: 0.2rem;background-image: url(../images/send.svg);} 

.same-form .tips{color: #ccc;}
.same-form .queueList{margin: 0; border-width: 1px;}
.same-form .placeholder {
   min-height: 1.3rem;
   padding-top: 0.2rem;
   font-size: initial;
}
.same-form .placeholder .webuploader-pick{font-size: var(--font-size__18); background-color: var(--primary-color); border-radius: 0.03rem; line-height: normal;height: 0.44rem; padding: 0 0.3rem;display: inline-flex;align-items: center;} .same-form .placeholder .webuploader-pick:before{display: block; content: '';width: 1em; height: 1em; background: url(../images/upload.svg) var(--background-contain); margin-right: 1em;filter: brightness(0) invert(1);}
.same-form .wu-example p{font-size: var(--font-size__14);}
.same-form .wu-example p + div{display: none;}
.same-form .statusBar .btns .uploadBtn,.statusBar .btns .uploadBtn:hover{background: var(--primary-color);}

.news-list li{margin-bottom: var(--pm__80);}
.news-list li .left{border-bottom: 0.04rem solid #f3f3f3; padding-bottom: var(--pm__40);}
.news-list li .figure{padding-bottom: calc(342 / 600 * 100%);border-radius: 1em;}
.news-list li .title{font-size: var(--font-size__24); font-weight: var(--font-weight__sb); line-height: calc(40 / 24); margin-bottom: 0.15rem;}
.news-list li .option span{display: flex;align-items: center;color: var(--default-color);}
.news-list li .option span + span{margin-left: var(--pm__40);}
.news-list li .option span::before{display: block; content: ''; margin-right: 0.1rem; background: var(--background-contain);}
.news-list li .option span.add::before{background-image: url(../images/address.svg); width: 0.16rem; height: 0.2rem;}
.news-list li .option span.date::before{background-image: url(../images/time.svg); width: 0.17rem; height: 0.16rem;}
.news-list li a:not(:hover){color: var(--black-color); }
@media (min-width:481px) { 
   .news-list li .left{width: calc(760 / var(--max-width) * 100%); }
   .news-list li .right{width: calc(600 / var(--max-width) * 100%);}
}
@media (max-width:480px) {
   .news-list li a{flex-direction: column-reverse;}
   .news-list li .txt{padding: 0.2rem 0;}
}
.same-item:hover .figure .img{transform: scale(1.15);}

.news-list dd{margin-bottom: var(--pm__80);}
.same-item .txt{border-bottom: 0.04rem solid #f3f3f3; margin-right: 0.16rem; position: relative; padding-bottom: var(--pm__30);}
.same-item .txt:before,
.same-item .txt:after{position: absolute; content: '';width: 0.04rem; height: 0.04rem; background-color: #f3f3f3; bottom: -0.04rem;}
.same-item .txt:after{right: -0.12rem;}
.same-item .txt:before{right: -0.06rem;}
.same-item .txt > div{margin-right: -0.16rem;}
.same-item .pic{position: relative;z-index: 1; margin-bottom: var(--pm__40);}
.same-item .figure{padding-bottom: calc(258 / 452 * 100%);border-radius: 0.16rem;}
.same-item .date{position: absolute; left: 0;bottom: 0;background-color: var(--white-color);z-index: 10; padding: 0.15rem 0.15rem 0 0;border-radius: 0 0.1rem 0 0;color:var(--default-color);}
.same-item .title{font-size: var(--font-size__24);font-weight: var(--font-weight__sb); line-height: calc(40 / 24); min-height: calc(40 / 24 * 2em);}
.same-item:not(:hover) .title{color: var(--black-color);}
.news-list dd .title{ margin-bottom: var(--pm__100);}
@media (min-width: 1025px) {
.news-list dd{--limr:0.42rem;--lin:3;}
.news-list dd:not(:nth-child(3n)){margin-right: var(--limr);}
}
@media  (min-width: 481px)  and (max-width:1024px) {
   .news-list dd{--limr:0.2rem;--lin:2;}
   .news-list dd:not(:nth-child(2n)){margin-right: var(--limr);}
}
@media  (max-width: 480px){
   .same-item{display: flex;align-items: center;}
   .same-item .pic{width: 50%;flex-shrink: 0;}
   .same-item .txt{flex: 1;margin-left: 0.2rem;}
   .same-item .title{font-size: var(--font-size__18);}
   .news-list dd .title{margin-bottom: 0.2rem; }
}

.new-label{display: inline-block;color: var(--white-color);padding:0 0.09rem;line-height: calc(20 / 14);background-color: #e60012;border-radius: 0.1rem; font-size: var(--font-size__14); margin-left: 0.1rem;vertical-align: middle; font-weight: var(--font-weight__l);}

.all-more .a{display: inline-flex;align-items: center; font-size: var(--font-size__14);color: var(--white-color); line-height: calc(26 / 14); padding: 0 1em; overflow: hidden;transition: 0.3s;position: relative;z-index: 1;}
.all-more .a span:before{position: absolute; content: '';right: calc(100% - 2.9em - 0.1rem);background-color: var(--primary-color); height: 100%;top: 0;width: 100%;z-index: -1; transition: 0.3s;}
.all-more .a  span i{color: var(--black-color);}
.all-more .a:after{display: block; content: ''; width:1em; height: 0.07rem; margin-left: 0.1rem; background: url(../images/more.svg) var(--background-contain);}
.all-more .a:hover span:before{right:0;}
.all-more .a:hover span i{color: var(--white-color);}
.all-more .a:hover:after{background-image: url(../images/more-white.svg);}

a:hover .all-more .a span:before{right:0;}
a:hover .all-more .a span i{color: var(--white-color);}
a:hover .all-more .a:after{background-image: url(../images/more-white.svg);}

footer{background-color: #001f36; padding-top: var(--pm__80);}
footer,
footer a:not(:hover){color: var(--white-color);}
.f-bottom{border-top: 1px solid rgba(var(--white-color__rgb), 0.1); padding: var(--pm__30) 0;line-height: 1.5;}
.f-bottom,
.f-bottom a:not(:hover){color: rgba(var(--white-color__rgb), 0.2)}
.fb-nav{text-transform: uppercase;display: flex;align-items: center;flex-wrap: wrap;}
.fb-nav a{display: inline-block; }
.fb-nav a:not(:last-child):after{display: inline-block; content: '·';margin: 0 0.3em;color: rgba(var(--white-color__rgb), 0.2)}
.f-top{padding-bottom: var(--pm__60);}
.f-top .slogan{font-size: var(--font-size__30);line-height: calc(46 / 30); margin-bottom: 1em;}
.f-nav{ margin-bottom: var(--pm__50);font-weight: var(--font-weight__m);}
.f-contact .tit{opacity: 0.2;font-size: var(--font-size__14);}
.f-contact li{padding-bottom: 0.2rem;}
.f-contact li p{margin: 1em 0 0 0; line-height: 1.2;}
.f-media li a{display: flex;align-items: center;justify-content: center;border: 1px solid rgba(var(--white-color__rgb), 0.1);width: 0.5rem;height: 0.5rem; transition: 0.3s;}
.f-media li img{max-width: 0.2rem; max-height: 0.2rem;}
.f-media li a:hover{background-color: rgba(var(--white-color__rgb), 0.1);}
@media (min-width:1025px) {
   .f-top .f-left{width: calc(600 / var(--max-width) * 100%); max-width: 5.3rem;}
   .f-top .f-right{width: calc(687 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .f-top .f-left{margin-bottom: var(--pm__80);}
   .f-nav{display: none;}
   .f-media ul{justify-content: center;}
}
   @media (max-width:480px) {
   .f-contact ul{flex-direction: column; align-items: center;text-align: center;}
   .f-top .slogan{text-align: center;font-size: var(--font-size__24);}
}

[data-popup="alert"]{opacity: 0; visibility: hidden; left: -100%; transition:opacity 0.5s;}
[data-popup="alert"].show{opacity: 1; visibility: visible; left: 0;}
.form-popup .inner{width: 90%;max-width: 10rem;background: url(../images/popup-bg.jpg) no-repeat center bottom #f7f8fa;background-size: 100% auto; padding: calc(100 / 960 * 100vh) 0;}
.form-popup .tit{text-align: center;font-size: var(--font-size__40);color: var(--black-color); margin: 0 0 calc(60 / 960 * 100vh) 0;}
.form-popup .same-form{max-width: 7.38rem; width: 90%;}
.form-popup .same-form .form-item{margin-bottom: 0.16rem;}
.form-popup .same-form .form-select,
.form-popup .same-form .form-text{padding: 0.14rem 0;}
.form-popup .same-form .form-btn{margin-top: 0.16rem;}
@media (max-width:480px) {
   .form-popup .inner{padding: 0.5rem 0;}
   .form-popup .tit{margin-bottom: 0.3rem;}
   .same-form .form-item{display: block; padding-bottom: 0.1rem;}
 .same-form .f-name{padding-bottom: 0.1rem; line-height: 1.3;}
 .same-form .form-select,
 .same-form .upload-area,
 .same-form .form-text{padding: 0;margin: 0;}
 .same-form .form-select .cur-option p{text-align: left;}
 .same-form .form-text .text{background: rgba(var(--black-color__rgb), 0.02);padding: 0 0.15rem;}
 .same-form .form-select{border: 1px solid rgba(var(--black-color__rgb), 0.1); padding:0 0.15rem;}
 .form-popup .same-form .form-text{padding: 0;}
 .form-popup .same-form .form-select{padding: 0 0.15rem;}
}

.same-form .option-list .item{flex: 1; text-align: left;color: var(--default-color_333); padding: 0.2rem 0;}
.same-form .option-list h3{margin: 0 0 0.3rem 0;font-size: var(--font-size__18);padding-left: var(--pm__30);}
.same-form .item + .item{margin-left: var(--pm__30);}
.same-form .item .scroll-list{font-size: var(--font-size__18);}
.same-form .item .scroll-list{ line-height:0.2rem; overflow: auto; max-height: calc(0.4 * 9rem - 0.1rem);}
.same-form .item .scroll-list dl{padding-right: 0.2rem;}
.same-form .item dd{padding: 0.1rem var(--pm__30); cursor: pointer; transition: 0.3s; word-break: break-word;}
.same-form .item dd.cur,
.same-form .item dd:hover{background-color: var(--primary-color);color: var(--white-color);}
.same-form .option-list .close{right: 0; width: var(--pm__70); height: var(--pm__70);top: 0;background: url(../images/close.svg) no-repeat center center; background-size: auto calc(14 / 70 * 100%);z-index: 10; position: absolute;}

#news-details .title h1{max-width: 10.72rem;margin: 0 auto var(--pm__40); font-size: var(--font-size__40); line-height: calc(58 / 40);color: var(--black-color);text-align: center;}
#news-details .title{border-bottom: 0.04rem solid #f3f3f3; padding-bottom: var(--pm__50);}
#news-details .time time:before{display: block; content: '';width: 0.17rem; height: 0.17rem; background: url(../images/date.svg) var(--background-contain); margin-right: 0.14rem;}
#news-details .time span{display: flex;align-items: center; margin-left: 0.2rem;}
#news-details .time span::before{margin-right: 0.2rem; display: block; content: '';width: 1px;height: 0.12rem; background: rgba(var(--black-color__rgb), 0.1);}
#news-details .hits{margin-left: var(--pm__120);}
#news-details .details{ line-height: calc(33 / 16);text-align: justify;hyphens: auto; margin: var(--pm__60) 0;}
@media (max-width:480px) {
   #news-details .title h1{font-size: var(--font-size__32);}
}

.edit-info-ul{margin: 2em 0;}
.edit-info-ul li{--limr:0.2rem;--lin:2;}
.edit-info-ul li:not(:nth-child(2n)){margin-right: var(--limr);}

.page-info .back a{display: flex;align-items: center;justify-content: center; padding: 0 var(--pm__50); font-weight: var(--font-weight__sb); line-height: calc(64 / 16); background-color: var(--primary-color);color: var(--white-color); transition: 0.3s; will-change: transform;}
.page-info .back a:before{display: block; content: '';width: 0.24rem; height: 0.24rem; margin-right: 0.2rem; background: url(../images/return.svg) var(--background-contain);}
.page-info .back a.book:before{background-image: url(../images/book.png);height: 0.21rem;}
.page-info .back a:hover{transform: translateY(-0.1rem);}

.prods-list li{margin-bottom: var(--pm__80);}
.prods-list .left{width: calc(394 / var(--max-width) * 100%);}
.prods-list .right{flex: 1; margin-left: var(--pm__70); border-bottom: 0.04rem solid #f3f3f3;}
.prods-list .left{/*background: linear-gradient(0deg,  #f9f9f9 6%,  #f6f6f6 70%,  #f3f3f3 100%); min-height: 4.3rem;*/ display: flex;align-items: center;justify-content: center; overflow: hidden;}
/* .prods-list .left img{max-height: 3.2rem;max-width:75%;} */
.prods-list .left img{ transition: all 0.5s;}
.prods-list .title:after{display: block;content: '';	width: 0.3rem;height: 0.03rem;background-color: #e60012;  margin-top: 0.2rem;}
.prods-list .name{font-size: var(--font-size__24);font-weight: var(--font-weight__sb);}
.prods-list a:not(:hover) .name{color: var(--black-color);}
.prods-list .new-label{border: 1px solid var(--primary-color);color: var(--primary-color);background: none;}
.prods-list .desc{line-height: calc(33 / 16); margin: var(--pm__50) 0 var(--pm__70) 0;color: var(--default-color);}
.prods-list a:hover .left img{transform: scale(1.1);}
@media (max-width:480px) {
   .prods-list .left{width: 50%;min-height: 3rem; }
   .prods-list .desc{display: none;}
   .prods-list .title{margin-bottom: 0.4rem;}
   .prods-list .left img{max-height: 2.4rem;}
}

.edit-info{line-height: calc(33 / 16); text-align: justify;}

#prod-details .intro{background: url(../images/prod-bg.jpg) no-repeat center bottom;background-size: cover; padding: var(--pm__120) 0 var(--pm__40) var(--pm__100);}
#prod-details .intro .right{display: flex;justify-content: center;}
#prod-details .intro .right img{max-width:calc(515 / 709 * 100%); max-height: 5.4rem;}
#prod-details .intro .title{margin-bottom: var(--pm__40);}
#prod-details .intro .title h1{margin: 0; color: var(--black-color); font-size: var(--font-size__40);}
#prod-details .intro .type{color: var(--default-color_333); font-size: var(--font-size__20); margin-top: 0.5em;}
#prod-details .intro .title:after{	width: 0.7rem;height: 0.04rem;background-color: #e60012;display: block; content: ''; margin-top: 0.32rem;}
#prod-details .info-section{margin-top: var(--pm__110);}
#prod-details .info-title{display: flex; border-bottom: 0.04rem solid #f3f3f3; margin-bottom: var(--pm__50);}
#prod-details .info-title b{display: block;border-bottom: 0.04rem solid #e60012; font-size: var(--font-size__40); padding-bottom: 0.7em;color: var(--black-color); margin-bottom: -0.04rem;}
@media (min-width:1025px) {
   #prod-details .intro .left{flex: 1;}
   #prod-details .intro .right{width: calc(709 / 1340 * 100%); flex-shrink: 0;}
}
@media (max-width:1024px) {
   #prod-details .intro{padding: var(--pm__60);}
}
@media (max-width:480px) {
   #prod-details .intro .title h1{font-size:var(--font-size__32);}
   #prod-details .info-title b{font-size: var(--font-size__30);}
}

.edit-features li .tit{color: var(--black-color); font-size: var(--font-size__24); font-weight: var(--font-weight__sb);display: flex;align-items: center;}
.edit-features li .tit:before{color: var(--white-color); display: flex;align-items: center;justify-content: center;width: 0.29rem; height: 0.3rem; background: url(../images/num-bg.svg) var(--background-contain); margin-right: 0.2rem; content: attr(data-text);font-weight: var(--font-weight__r); font-size: var(--font-size__16);}

.edit-table table{width: 100%;table-layout: fixed;}
.edit-table th,
.edit-table td{border-right: 2px solid var(--white-color);text-align: center; padding: 0 var(--pm__10); height: 0.68rem;}
.edit-table th{background-color: var(--primary-color); color: var(--white-color); font-size: var(--font-size__18); font-weight: var(--font-weight__sb);}
.edit-table th:nth-child(1),
.edit-table td:nth-child(1){text-align:left; padding-left: var(--pm__40);}
.edit-table td{color: var(--default-color_333);}
.edit-table .bg-light{background-color: var(--white-color);}
.edit-table .bg-dark{background-color: #eff1f4;}
.edit-table .left{padding-left: var(--pm__30);text-align: left;}
.edit-table td:nth-child(1) .left{padding-left: 0;}
.edit-table th:nth-child(1){width: 5rem;}
.edit-table td[rowspan] +  td{border-bottom: 1px solid #e7eaee;}
@media (max-width:480px) {
   .edit-table{overflow: auto; padding-bottom: 0.1rem;}
   .edit-table table{width: 10rem;}
}

.event-list li{margin-bottom: var(--pm__80);}
.event-list li .right{border-bottom: 0.04rem solid #f3f3f3;}
.event-list li .figure{padding-bottom: calc(338 / 600 * 100%);}
.event-list li .option{padding: 0.13rem 0;color: var(--default-color);}
.event-list li .option span{display: flex;align-items: center;}
.event-list li .date:before{display: block; content: '';	width: 0.17rem; height: 0.16rem; background: url(../images/time.svg) var(--background-contain); margin-right: 0.14rem;}
.event-list li .lable::before{display: block; content: '';width: 1px;height: 0.12rem; background: rgba(var(--black-color__rgb), 0.1);margin: 0 0.2rem;}
.event-list li .title{font-size: var(--font-size__24); line-height: calc(40 / 24) ;font-weight: var(--font-weight__sb);}
.event-list li a:not(:hover) .title{color: var(--black-color);}
.event-list li .desc{line-height: calc(33 / 16); margin-top: 0.12rem; margin-bottom: var(--pm__50);color: var(--default-color);}
.event-list li a:hover .figure .img{transform: scale(1.2);}
@media (min-width:641px) {
   .event-list li .left{width: calc(600 / var(--max-width) * 100%);}
   .event-list li .right{flex: 1; margin-left: var(--pm__70); }
}
@media (max-width:640px) {
   .event-list li .right{padding: 0.2rem 0;}
}

#factory-form .container{padding:var(--pm__100) var(--pm__60) var(--pm__60);}
#factory-form .same-form{max-width: none;}
#factory-form .same-form .item .scroll-list{max-height: calc(0.4 * 6rem - 0.1rem);}
#factory-form .form-btn{max-width: 2.8rem;margin: 0.4rem auto 0;}
@media (min-width:1025px) {
   #factory-form  .same-form [data-listrows] .form-item{--lin:2;--limr:0.2rem}
   #factory-form  .same-form [data-listrows] .form-item:not(:nth-child(2n)){margin-right: var(--limr);}
}
@media (max-width:480px) {
   #factory-form .same-form .form-select#ccr-belongs .option-list{top: auto; bottom: 100%;}
}

.services-item .item{margin-bottom: 0.2rem;}
.services-item .tit-option{ padding: var(--pm__20) var(--pm__30) var(--pm__20) var(--pm__40);background-color: #f7f8fa; cursor: pointer; color: var(--black-color);}
.services-item .tit-option:after{display: block; content: '';	width: 0.16rem; height: 0.08rem; background: url(../images/select2.svg) var(--background-contain); flex-shrink: 0; transition: 0.3s;}
.services-item .tit-option.cur:after{filter: brightness(0) invert(1); transform: rotate(180deg);}
.services-item .tit-option p{font-size: var(--font-size__20); flex: 1; margin-right: var(--pm__30); line-height: 2;}
.services-item .tit-option.cur{background-color: var(--primary-color);color: var(--white-color);}
.services-item .con{padding: var(--pm__30) 0; display: none;}
.services-item .con .figure{padding-bottom: calc(480 / 720 * 100%);}
.services-item .name{font-weight: var(--font-weight__sb);font-size: var(--font-size__32);color: var(--black-color); margin-bottom: 1em;}
@media (min-width:769px) {
   .services-item .con .pic{width: calc(720 / var(--max-width) * 100%);flex-shrink: 0; margin-right: var(--pm__60);}
   .services-item .con .info{flex: 1;}
}
@media (max-width:768px) {
   .services-item .con .pic{margin-bottom: 0.3rem;}
}

.about-main{background: url(../images/about-bg.jpg) var(--background-cover);}

.about-intro .txt-area{border-bottom: 0.04rem solid #f3f3f3;}
.column-title{font-weight: var(--font-weight__b);font-size: var(--font-size__40);color: var(--black-color); margin-bottom: var(--pm__70);}
.column-title:after{display: block; content: '';	width: 0.3rem;height: 0.03rem;background-color: #e60012; margin-top: var(--pm__30);}
@media (min-width:1025px) {
 .about-intro .txt-area{width: calc(752 / var(--max-width) * 100%); }
.about-intro .pic{width: calc(700 / var(--max-width) * 100%); margin-right: calc(-80 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .about-intro .pic{max-width: 7rem;margin: 0.4rem auto 0; width: 90%;}
}
@media (max-width:480px) {
   .column-title{font-size: var(--font-size__32);}
}

.customers-main{background: url(../images/d.png) no-repeat left top; background-size: auto 100%;}
.customers-main .swiper-inner{width:90%;max-width: 10.6rem; background: linear-gradient(90deg,  #ffffff 0%, #e5f4ff 100%);padding: 0.65rem;}
.customers-main .swiper-slide{padding: 0.15rem;}
.customers-main .swiper .pic{background-color: var(--white-color);box-shadow: 0 0.06rem 0.12rem  rgba(var(--black-color__rgb), 0.1);height: 1.2rem;}
.customers-main .swiper .pic img{max-width: 85%;max-height: 70%;}
.customers-main  [data-arrows]{margin-top: var(--pm__50); margin-left: 0.2rem;}
.customers-main .swiper-grid-column > .swiper-wrapper{flex-direction: row;}
@media (max-width:480px) {
   .customers-main .swiper-inner{padding: 0.2rem;}  
   .customers-main .swiper .pic{height: 0.6rem;}
   .customers-main .swiper-slide{padding: 0.05rem;}
}

.border-arrows [data-arrows]{border-color:rgba(var(--black-color__rgb), 0.06); border-width: 0.02rem; --wh:0.6rem; background: none;}
.border-arrows [data-arrows]:before{width: 0.06rem; height: 0.13rem; background-image: url(../images/arrows.svg);filter: none;}
.border-arrows [data-arrows].prev:before{transform: rotate(180deg);}
.border-arrows [data-arrows].next:before{transform: rotate(0deg);}
.border-arrows [data-arrows]:not([class*=-disabled]){position: relative;}
.border-arrows [data-arrows]:not([class*=-disabled]):after{position: absolute; left: -0.02rem;top:-0.02rem;right: -0.02rem;bottom:-0.02rem;background: url(../images/arrows-on.svg) var(--background-contain); content: ''; animation: zhuan 2s infinite linear;}
.border-arrows [data-arrows].prev:after{animation-direction: reverse;}
@keyframes zhuan {
   0%{transform: rotate(0deg);}
   100%{transform: rotate(360deg);}
}

.joinUs .intro{margin-bottom: var(--pm__80);}
.joinUs .list{margin-bottom: var(--pm__80);}
.joinUs .list-item{margin-bottom: var(--pm__30);}
.joinUs .list-item .type{box-shadow: 0 0.05rem 0.2rem rgba(var(--black-color__rgb), 0.08);padding:var(--pm__20) var(--pm__30); cursor: pointer;}
.joinUs .list-item .type:after{display: block; content: '';width: 0.12rem; height: 0.06rem; background: url(../images/select3.svg) var(--background-contain);flex-shrink: 0; transition: 0.3s;}
.joinUs .list-item .type.cur:after{transform: rotate(180deg);}
.joinUs .list-item .type li:not(:last-child){margin-right: calc(80 / 1920 * 100vw);}
.joinUs .list-item .type h3{font-size: var(--font-size__20);color: var(--black-color); margin: 0;}
.joinUs .list-item .type.cur h3,
.joinUs .list-item .type:hover h3{color: var(--primary-color);}
.joinUs .cons{box-shadow: 0 0.05rem 0.2rem rgba(var(--black-color__rgb), 0.08); background-color: var(--white-color);padding: var(--pm__50) var(--pm__30);display: none;}
.joinUs .con:not(:last-child){margin-bottom: var(--pm__50);}
.joinUs .con .c-name{ font-size: var(--font-size__18); flex-shrink: 0;}
.joinUs .con .c-name h4{margin: 0;font-weight: var(--font-weight__sb);line-height: calc(30 / 18); color: var(--black-color);font-size:1em;}
.joinUs .con .edit-info{line-height: calc(30 / 16); flex: 1;}
.joinUs .con .edit-info p{margin-top: 0;}
.joinUs .con .edit-info p:last-child{margin-bottom: 0;}
.joinUs .btn-apply{width: 2.2rem;flex-shrink: 0;}
.joinUs .btn-apply a{height: 0.64rem;background: var(--primary-color);color: var(--white-color);font-weight: var(--font-weight__sb); font-size: var(--font-size__18); transition: 0.5s; will-change: transform;}
.joinUs .btn-apply a:hover{transform: translateY(-0.1rem);}
.joinUs .btn-apply a:after{display: block; content: '';width: 0.17rem; height: 0.16rem; margin-left: 0.2rem; background: url(../images/send.svg) var(--background-contain);}
.joinUs .tips{max-width: 5.1rem;}
.joinUs .mail,
.joinUs .mail a{color: var(--primary-color);}
.joinUs .mail a:hover{text-decoration: underline;}
@media (min-width:1025px) {
   .joinUs .intro .column-title{margin-bottom: 0;}
   .joinUs .intro .edit-info{width: calc(800 / var(--max-width) * 100%);}
   .joinUs .list-item .type{ min-height: 0.8rem; }
   .joinUs .list-item .type ul{flex: 1;}
   .joinUs .list-item .type .name{flex-shrink: 0; width: calc(608 / 1380 * 100%);}
   .joinUs .con .c-name{width:calc(244 / 18 * 1em);}
}
@media (max-width:1024px) {
   .joinUs .btn-apply{margin-top: 0.3rem;}
}
@media (max-width:768px) {
   .joinUs .list-item .type{flex-direction: column;align-items: flex-start;position: relative;z-index: 1;}
   .joinUs .list-item .type:after{position: absolute;right: 0.1rem; top: 50%;margin-top: -0.03rem;}
   .joinUs .list-item .type .name{margin-bottom: 0.1rem;}
}

.green-ban{overflow: hidden;}
.green-ban .txt{color: var(--white-color);font-weight: var(--font-weight__m);}
.green-ban .sub-tit{font-size: var(--font-size__32); }
.green-ban .tit{font-size: 1.8rem;}
.green-ban .edit-info{line-height: calc(40 / 24); font-size: var(--font-size__24);text-align: center; max-width: 8.1rem;}
@media (max-width:1024px) {
.green-ban .tit{font-size: 1.2rem;}
.green-ban .txt .container{transform: scale(0.6);}
}
@media (max-width:480px) {
   .green-ban > img{max-width: none;width: 140%;margin-left: -20%;}
}

.green-intro .pic{width: 50%;max-width: 2.8rem; margin-bottom: var(--pm__90);}
.green-intro .edit-info{color: #222; line-height: calc(44 / 24); font-size: var(--font-size__24);text-align-last: center;}

[class*=green-] .column-name h3{font-weight: var(--font-weight__m); font-size: var(--font-size__80);}
@media (min-width:1025px) {
   [class*=green-] .column-name{margin: 0;}
}
@media (max-width:480px) {
   [class*=green-] .column-name h3{font-size: var(--font-size__42);}
}

.green-concept{position: relative;z-index: 1; padding: var(--pm__140) 0 var(--pm__130) 0;}
.green-concept::before{position: absolute; left: 50%;width: 100vw;margin-left: -50vw; top: 0; height: 100%;z-index: -1;background-color: #edf3f7; content: '';}
.green-concept .edit-info{color: var(--black-color); font-size: var(--font-size__24); line-height: calc(40 / 24); }
.green-concept .pics{margin-top: var(--pm__60);}
.green-concept .pics li{--lin:3;--limr:var(--pm__60);}
.green-concept .pics li:not(:nth-child(3n)){margin-right: var(--limr);}
.green-concept .pics li:nth-child(3) ~ li{margin-top: var(--limr);}
.green-concept .pics li .figure{padding-bottom: calc(500 / 440 * 100%);}
@media (min-width:1025px) {
   .green-concept .edit-info{width: calc(780 / var(--max-width) * 100%);flex-shrink: 0;}
}
@media (max-width:480px) {
   .green-intro .edit-info,
   .green-concept .edit-info{font-size: var(--font-size__20);}
}

.green-swiper{padding: var(--pm__140) 0 var(--pm__40) 0;}
.green-swiper .swiper{margin-top: var(--pm__80); }
.green-swiper .swiper-slide{padding-bottom: var(--pm__190); padding-top: 0.2rem;}
.green-swiper .name{position: absolute; top: calc(100% + var(--pm__50)); left: 0;width: 100%;text-align: center;color: rgba(var(--black-color__rgb), 0.99); font-weight: var(--font-weight__b);font-size: var(--font-size__24); line-height: calc(40 / 24); opacity: 0; transition: 0.3s;}
.green-swiper .pic{max-width: 6rem; margin: 0 auto; transition: 0.5s; will-change:transform;}
.green-swiper .pic .figure{padding-bottom: calc(400 / 600 * 100%);box-shadow: 0 0.05rem 0.2rem rgba(var(--black-color__rgb), 0.08);}
.green-swiper .swiper-slide-active .name{opacity: 1; transition-delay: 0.3s;}
@media (max-width:1024px) {
   .green-swiper .name{font-size: var(--font-size__16); line-height: 1.2;top: calc(100% + var(--pm__30));}  
}
@media (max-width:480px) {
   .green-swiper{padding-bottom: 0;}
   .green-swiper .name{font-size: var(--font-size__14);}
}

[data-homebtn]{display: inline-flex;align-items: center;justify-content: center;width: 0.6rem; height: 0.6rem;position: relative;border-radius: 50%;border: solid 0.03rem rgba(var(--white-color__rgb), 0.2);}
[data-homebtn]::before,
[data-homebtn]:after{ content: '';}
[data-homebtn]::before{width: 0.06rem; height: 0.13rem; filter: brightness(0) invert(1); display: block; background: url(../images/arrows.svg) var(--background-contain);}
[data-homebtn]:after{position: absolute; left: -0.03rem;top: -0.03rem;right: -0.03rem;bottom: -0.03rem;background: url(../images/arrows-on.svg) var(--background-contain); animation: zhuan 2s infinite linear;}

.home-ban .txt{color: var(--white-color);}
.home-ban .tit{font-size:0.88rem;font-weight: var(--font-weight__b);}
.home-ban .sub-tit{font-size:var(--font-size__36);font-weight: var(--font-weight__l); transition-delay: 0.3s;}
.home-ban [data-homebtn]{margin-top: var(--pm__80);transition-delay: 0.6s;}
.home-ban :where(.tit,.sub-tit,[data-homebtn]){transform: translateX(0.5rem); transition: 0.5s; opacity: 0;}
.home-ban .swiper-slide-active :where(.tit,.sub-tit,[data-homebtn]){transform: translateX(0);opacity: 1;}
.home-ban img{width: 100%;object-fit: cover;animation: homebreathe 8s ease-in-out infinite alternate; transform-origin: center center; }
@keyframes homebreathe {
   0% {
      transform: scale(1); /* 初始尺寸 */
   }
   100% {
      transform: scale(1.15); /* 放大10%，可调整数值 */
   }
}
@media (max-width:480px) {
   .home-ban .tit{font-size:var(--font-size__32);}
   .home-ban .sub-tit{font-size:var(--font-size__20);}
}

.controls .inner{width: 4.8rem; height: 1.26rem;color: var(--black-color); background: var(--white-color); padding-left: 0.1rem;}
.controls .pause{width: 0.11rem; height: 0.15rem;background: url(../images/pause-color.svg) var(--background-contain);display: block; cursor: pointer;}
.controls .pause.play{background-image: url(../images/arrows-full.svg);}
.controls .bar{margin-left: var(--pm__30);}
.controls .controls-page{width: 1.7rem;height: 0.02rem;position: relative;}
.controls .arrows{width: 0.06rem; height: 0.08rem;opacity: 0.3;display: block; background: url(../images/arrows-full.svg) var(--background-contain); margin: 0 0.1rem; cursor: pointer;}
.controls .arrows:hover{opacity: 1;}
.controls .arrows.prev{transform: rotateY(180deg);}
.controls .cur{opacity: 0.3;}
.controls :where(.cur,.total){min-width: 1em; line-height: 1;}
.controls  .controls-page{background: rgba(var(--primary-color__rgb), 0.16);margin: 0 0.2rem;}
.controls  .controls-page .swiper-pagination-progressbar-fill{background: var(--primary-color);}
@media (max-width:1024px) {
   .controls .inner{width: auto; height: auto; padding: 0.1rem;}
   .controls .controls-page{width: 0.7rem;}
   .controls .pause,
   .controls .arrows{width: 0.2rem; height: 0.2rem;}
}

[class*=home-] .container{--max-width:1600}
[class*=home-] .column-name h3{font-size: var(--font-size__48);}

.home-ban  .controls .inner{background: rgba(var(--primary-color__rgb), 0.8);color: var(--white-color);}
.home-ban  .controls .pause{filter: brightness(0) invert(1);}
.home-ban .controls .controls-page{background: rgba(var(--white-color__rgb), 0.16); }
.home-ban .controls .controls-page .swiper-pagination-progressbar-fill{background: var(--white-color);}
.home-ban  .controls :where(.cur,.total){font-weight: var(--font-weight__sb);}
.home-ban  .controls .arrows{filter: brightness(0) invert(1);}

.home-have{padding: var(--pm__110) 0 var(--pm__120) 0;}
.home-have .swiper-slide a{background: linear-gradient(0deg,  #f9f9f9 6%,#f6f6f6 70%,#f3f3f3 100%);display: block;}
.home-have .pic{position: relative;}
.home-have .pic:after{position: absolute; z-index: 1;background: linear-gradient(0deg,#f8f8f8 0%, #e9e9e9 100%); left: 0;width: 100%;bottom: 0; height: calc(120 / 504 * 100%); content: '';}
.home-have .pic .figure{padding-bottom: calc(504 / 511 * 100%); z-index: 2;}
.home-have .txt{padding: var(--pm__40);}
.home-have .lable-area .new-label{margin: 0 0.1rem 0 0; background: none; border: 1px solid var(--primary-color); color: var(--primary-color);}
.home-have .title h3{font-size: var(--font-size__20);margin: 0; font-weight: var(--font-weight__sb); line-height: 1.6; min-height: 3.2em;}
.home-have .title{margin-top: 0.1rem;}
.home-have .title:after{display: block; content:'';width: 0.3rem; height: 0.03rem; background-color: #e60012; margin-top: 0.2rem;}
.home-have .swiper-slide a:not(:hover)  .title h3{color: var(--black-color);}
.home-have .swiper-slide a:hover .figure .img{transform: scale(1.1);}
@media (max-width:1024px) {
   .home-have .swiper-slide a{display: flex;align-items: center;}
   .home-have .pic{width: 50%;flex-shrink: 0;}
   .home-have .title h3{--clamp: 4;}
}

.home-choose{position: relative;z-index: 1; overflow: hidden;}
.home-choose .column-name{text-align: left; margin-bottom: var(--pm__80);}
.home-choose .column-name h3{color: var(--white-color);}
.home-choose .left{position: relative;z-index: 1; padding: var(--pm__120) 0 var(--pm__170) 0;color: var(--white-color);}
.home-choose .left:before{position: absolute;right: 0; bottom: 0; height: 100%;width: 100%; content: ''; background: url(../images/home-bg3.jpg) var(--background-cover);z-index: -1;}
.home-choose .right .figure{padding-bottom: calc(958 / 1100 * 100%); transform: scale(1.2); transition: 0.5s;}
.home-choose .swiper-slide-active  .figure{transform: scale(1);}
.home-choose .num{font-size: var(--font-size__72); font-weight: var(--font-weight__sb);color: rgba(var(--white-color__rgb), 0.06);}
.home-choose .title{ font-weight: var(--font-weight__sb);font-size: var(--font-size__40); margin-top: var(--pm__30);}
.home-choose pre{line-height: calc(30 / 16); font-weight: var(--font-weight__l); margin: var(--pm__60) 0 0 0; max-width: 5.2rem; min-height: calc(30 / 16 * 5em); text-align: left;}
.home-choose .all-more{margin-top: var(--pm__30);}
.home-choose .all-more .a span i{color: var(--white-color);}
.home-choose .all-more .a span:before{background-color: #e60012;}
.home-choose .all-more .a:after{background-image: url(../images/more-white.svg);}
.home-choose :where(.num,.title,pre,.all-more){transform: translateY(0.3rem); opacity: 0; transition: 0.5s;}
.home-choose .swiper-slide-active :where(.num,.title,pre,.all-more){transform: translateY(0);opacity: 1;}
.home-choose .swiper-slide-active .title{transition-delay: 0.2s;}
.home-choose .swiper-slide-active pre{transition-delay: 0.4s;}
.home-choose .swiper-slide-active .all-more{transition-delay: 0.6s;}
@media (min-width:1025px) {
.home-choose .left{ width: calc(658 / var(--max-width) * 100%);}
.home-choose .right{ width: calc(942 / var(--max-width) * 100%);}
.home-choose .right .swiper{width: calc(1100 / 942 * 100%);}
.home-choose .left:before{width: calc(820 / 658 * 100%); }
}
@media (max-width:1024px) {
   .home-choose .left{padding: var(--pm__40);} 
}

.home-news{padding: var(--pm__120) 0 var(--pm__200) 0; background: url(../images/home-bg2.png) no-repeat right bottom; background-size: 50% auto; overflow: hidden;}
.home-news .main a{display: block; transition: 0.3s;}
.home-news .desc{margin-top: var(--pm__20); line-height: calc(33 / 16);color: var(--default-color);}
.home-news .swiper-slide-active .desc{display: block;}
.home-news .pic .figure{padding-bottom: calc(332 / 590 * 100%); border-radius: 0;}
.home-news .swiper-slide-prev a,
.home-news .swiper-slide-next + .swiper-slide + .swiper-slide a{opacity: 0;}
.home-news .all-more{margin-top: var(--pm__40);}
.home-news .swiper-slide-active .txt{border-bottom-color: var(--primary-color);}
.home-news .swiper-slide-active .txt:before,
.home-news .swiper-slide-active .txt:after{background-color: var(--primary-color);}
.home-news .control-arrow a + a{margin-left: 0.2rem;}
@media (min-width:1025px) {
.home-news .swiper{width: var(--mainW);margin: 0; overflow: initial;}
.home-news .main .swiper-slide{height: 6.46rem; transition: 0.3s;}
.home-news .desc{display: none; }
.home-news .control-arrow a{margin-top: calc(var(--wh) * -1);position: relative;z-index: 10;}
.home-news .main a{margin-right: 0.53rem;}
}
@media (max-width:1024px) {
   .home-news .control-arrow{margin-top: 0.3rem; justify-content: center;}
}
@media (min-width:481px) and (max-width:1024px)  {
   .home-news .main a{display: flex;}
   .home-news .same-item .pic{width: 50%; margin: 0;}
   .home-news .same-item .pic .figure{height: 100%;padding: 0;}
   .home-news .same-item .txt{flex: 1; margin-left: 0.3rem;}
}
@media (max-width:480px) {
   .home-news .main a{margin: 0 0.2rem;}
   .home-news .same-item .title{font-size: var(--font-size__24);}
   .home-news .same-item .pic{width: 100%;}
   .home-news .same-item .txt{margin: 0;}
}

.home-contact{background: url(../images/home-bg4.jpg)no-repeat right center;background-size: calc(1487 / 1920 * 100%) 100%; padding-bottom: var(--pm__120);}
.home-contact .column-name{text-align: left;}
.home-contact .inner{max-width:7.38rem;margin: 0 auto;}
.home-contact .same-form{max-width: none;width: 100%;}
.home-contact .form-btn{margin: 0;}
@media (min-width: 1025px) {
.home-contact .left{width: calc(660 / var(--max-width) * 100%);}
.home-contact .right{flex: 1;}
.home-contact .left img{ margin-top: calc(var(--pm__80) * -1);}
.home-contact .same-form .form-item{--lin:2;--limr:0.18rem; margin-bottom: 0.18rem;}
.home-contact .same-form [data-listrows] .form-item:not(:nth-child(2n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
   .home-contact{background-size: cover; padding-top: var(--pm__120);}
   .home-contact .left{margin-bottom: 0.3rem;}
   .home-contact .left img{width: 100%;display: block;border-radius: 0.1rem;}
   .home-contact .right{background: rgba(var(--white-color__rgb), 0.8); border-radius: 0.1rem;padding: 0.3rem; margin: -57vh 0.1rem 0; position: relative;z-index: 1;}
}

.home-contact ~ footer{--max-width:1600;}

.list-search{margin-bottom: var(--pm__80);}
.list-search li{margin-bottom: 0.2rem;}
.list-search li a{ height: 0.6rem; border-radius: 0.1rem; box-shadow: 0 0.01rem 0.05rem rgba(var(--black-color__rgb),0.05); padding: 0 1em;}
.list-search li time{flex-shrink: 0;}
.list-search li .tit{flex: 1; margin-right: 3em;}
.list-search li h3{margin: 0; font-size: var(--font-size__20);}
.list-search li a:not(:hover) h3{color: var(--black-color);}

.list-links li{--lin:5;--limr:0.2rem}
.list-links li:not(:nth-child(5n)){margin-right: var(--limr);}
.list-links li:nth-child(5) ~ li{margin-top: var(--limr);}
.list-links li .pic{border: 1px solid rgba(var(--black-color__rgb),0.05); height: 1rem; background-color: var(--white-color); box-shadow: 0 0.01rem 0.1rem rgba(var(--black-color__rgb),0.05);}
.list-links li .pic img{max-width: 80%;max-height: 70%;}
.list-links li p{text-align: center; margin-top: 1em;}


.Cookie{position: fixed;width: 100%;bottom: 0;right: 0;box-shadow: 0 0 0.25rem rgba(0,0,0,0.15);background:#fff;padding:1.5vw 0;border-radius: 6px 6px 0 0;z-index: 100}
.Cookie .con{display: flex;flex-flow: wrap;-webkit-box-pack: center;justify-content: center;width:100%;align-items: center;}
.Cookie .con .txt{width: 75%;margin-bottom: 0;}
.Cookie .con .txt h2{color:#000;font-size:0.22rem; margin:10px 0;}
.Cookie .con .txt p{color:#333;margin:0.05rem 0;line-height: 1.8}
.Cookie .con .txt p a{text-decoration: underline;color:var(--primary-color);}
.Cookie .con .btn{width: 25%;display: flex;flex-flow: wrap;justify-content: flex-end;}
.Cookie .con .btn a{display: inline-block;background:#000;color:#fff;padding: 0.1rem 0.2rem;margin-left:0.15rem;border-radius: 0.05rem}
.Cookie .con .btn a.btn1{background:var(--primary-color);}
.Cookie .con .btn a.btn2{background:none;border:1px solid #e8e8e8; color:#333;}
.Cookie .con .btn a.btn2:hover{color:var(--primary-color);border:1px solid var(--primary-color);}
@media(max-width:768px){
.Cookie{width:100%;right:0;bottom:0}    
.Cookie .con{display: flex;}
.Cookie .con .txt{width:100%;}
.Cookie .con .btn{width:100%;display: block;}
.Cookie .con .btn a{margin-left:0;margin-right:0.15rem;}
}