.w1620{padding: 0 1.45rem;}
.btn-reset {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.mg60{margin-top: 0.6rem;}
.mg70{margin-top: 0.7rem;}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 隐藏 chrome、edge、safari 上下箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 火狐浏览器 */
input[type="number"] {
  -moz-appearance: textfield;
}

/* 底部开始 */
.footer{background: #141414;}
.footer .top .box{padding: 0.92rem 0 1.4rem;display: flex;justify-content: space-between;}
.footer .top .box .left{width: 3.78rem;padding-top: 0.07rem;}
.footer .top .box .left .logo{display: block;width: 2.2rem;}
.footer .top .box .left .h{max-width: 3.03rem;margin-top: 0.61rem;}
.footer .top .box .left .formbox{position: relative;margin-top: 0.43rem;}
.footer .top .box .left .formbox .cont input{width: 100%;height: 0.44rem;border-radius: 0.44rem;padding: 0 1.5rem 0 0.21rem;background: rgba(255,255,255,0.08);}


/* 自动填充全部状态 */
.footer .top .box .left .formbox .cont input:-webkit-autofill,
.footer .top .box .left .formbox .cont input:-webkit-autofill:hover,
.footer .top .box .left .formbox .cont input:-webkit-autofill:focus,
.footer .top .box .left .formbox .cont input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  /* 用内阴影盖住浏览器自带黄色背景，把#ffffff替换成你输入框实际背景色 */
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;
  box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;

  /* 自动填充文字颜色 */
  -webkit-text-fill-color: #333333 !important;
  /* 光标颜色 */
  caret-color: #333333 !important;
}

/* firefox标准伪类兼容 */
.footer .top .box .left .formbox .cont input:autofill{
  background-color: rgba(255,255,255,0.08);
  color: #333333;
}



.footer .top .box .left .formbox button{position: absolute;top: 0.04rem;right: 0.04rem;width: 1.42rem;height: 0.36rem;border-radius: 0.36rem;border: 0.5px solid rgba(255, 255, 255, 0.60);transition:all 0.5s;}
.footer .top .box .left .formbox button:hover{background:#ffffff;color:#333;}
.footer .top .box .right{display: flex;}
.footer .top .box .right .desc{width: 3.01rem;}
.footer .top .box .right .desc .set{display: flex;align-items: center;gap: 0.06rem;opacity: 0.8;margin-top: 0.26rem;}
.footer .top .box .right .desc .set:first-child{margin-top: 0;}
.footer .top .box .right .desc .set img{width: 0.2rem;}
.footer .top .box .right .desc .det{line-height: calc(26 / 18);margin-top: 0.08rem;}
.footer .top .box .right .desc .det a{display: block;width: fit-content;}
.footer .top .box .right .desc .det a:hover{text-decoration: underline;text-underline-offset: 0.25em;}
.footer .top .box .right .desc .share{margin-top: 0.28rem;}
.footer .top .box .right .desc .share .h{line-height: 177.778%;}
.footer .top .box .right .desc .share .ul{display: flex;flex-wrap: wrap;gap: 0.2rem;margin-top: 0.18rem;}
.footer .top .box .right .desc .share .ul .li{position: relative;}
.footer .top .box .right .desc .share .ul .li .icon{width: 0.3rem;aspect-ratio: 1 / 1;position: relative;border-radius: 50%;overflow: hidden;display: block;}
.footer .top .box .right .desc .share .ul .li .icon img{position: relative;z-index: 3;opacity: 0.8;transition: opacity 400ms var(--ease-standard);}
.footer .top .box .right .desc .share .ul .li .icon::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.3);transition: opacity 400ms var(--ease-standard);}
.footer .top .box .right .desc .share .ul .li .icon::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);transition: opacity 400ms var(--ease-standard);opacity: 0;}
.footer .top .box .right .desc .share .ul .li:hover .icon img{opacity: 1;}
.footer .top .box .right .desc .share .ul .li:hover .icon::before{opacity: 0;}
.footer .top .box .right .desc .share .ul .li:hover .icon::after{opacity: 1;}
.footer .top .box .right .nav{display: flex;gap: 1.4rem;margin-right: 1.17rem;}
.footer .top .box .right .nav:has(.li:nth-child(4)){gap: 0.5rem;margin-right: 0.8rem;}
.footer .top .box .right .nav .li{max-width: 2rem;}
.footer .top .box .right .nav .li .lv1 a{display: block;width: fit-content;line-height: calc(27 / 22);}
.footer .top .box .right .nav .li .lv1 a[href]:hover{text-decoration: underline;text-underline-offset: 0.25em;}
.footer .top .box .right .nav .li .lv2list{margin-top: 0.22rem;}
.footer .top .box .right .nav .li .lv2 a{display: block;width: fit-content;color: #B3B3B3;padding: 0.5em 0;}
.footer .top .box .right .nav .li .lv2 a:hover{color: #fff;text-decoration: underline;text-underline-offset: 0.25em;}
.footer .bot{border-top: 1px solid rgba(255,255,255,0.17);line-height: calc(21 / 14);color: #B3B3B3;}
.footer .bot .box{padding: 0.22rem 0 0.27rem;gap: 0.2rem;display: flex;}
.footer .bot .box .left{flex: 1;display: flex;gap: 0.2rem 0.45rem;}
.footer .bot .box .left a{color: #B3B3B3;}
.footer .bot .box .left a:hover{color: #fff;text-decoration: underline;text-underline-offset: 0.25em;}
.footer .bot .box .back{width: 0.44rem;margin-top: 0.07rem;opacity: 0.5;transition: opacity 400ms var(--ease-standard);}
.footer .bot .box .back:hover{opacity: 1;}


.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;}
.header::before{content: "";position: absolute;left: 0;width: 100%;height: 100%;background: #fff;backdrop-filter: blur(26.350000381469727px);transition: background 400ms var(--ease-standard);}
.header .w1620{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 1.19rem;height: 0.32rem;}
.header .logo img{transition: filter 400ms var(--ease-standard);}
.header .right{display: flex;align-items: center;}
.header .right .nav{display: flex;align-items: center;gap: 0.72rem;margin-right: 1.28rem;}
.header .right .nav .li .lv1 a{display: block;line-height: 0.8rem;color: #1F1F1F;}
.header .right .nav .li:has(.lv2list){position: relative;}
.header .right .nav .li .lv2list{position: absolute;top: 100%;left: -0.02rem;width: max-content;background: #fff;padding: 0.31rem 0.31rem 0.46rem;line-height: 1.25;display: none;}
.header .right .nav .li .lv2list::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: var(--linear-gradient);}
.header .right .nav .li .lv2list .lv2{margin-top: 0.3rem;}
.header .right .nav .li .lv2list .lv2:first-child{margin-top: 0;}
.header .right .nav .li .lv2list .lv2 a{display: block;width: fit-content;position: relative;}
.header .right .nav .li .lv2list .lv2 a span{transition: opacity 400ms var(--ease-standard);}
.header .right .nav .li .lv2list .lv2 a span:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.header .right .nav .li .lv2list .lv2 a:hover span:nth-child(1){opacity: 0;}
.header .right .nav .li .lv2list .lv2 a:hover span:nth-child(2){opacity: 1;}

.header .prod_lv2list{position: absolute;top: 100%;left: 0;width: 100%;height: calc(100vh - 0.8rem);display: none;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(14.199999809265137px);pointer-events: none;}
/* .header .prod_lv2list::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(14.199999809265137px);} */
.header .prod_lv2list::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.05);z-index: 3;}
.header .prod_lv2list .box{display: flex;position: relative;z-index: 2;pointer-events: all;}
.header .prod_lv2list .box .lf{width: 5.61rem;background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);height: auto;overflow-y: auto;line-height: calc(22 / 18);}
.header .prod_lv2list .box .lf .ss{padding: 0.46rem 0.4rem 0.46rem 1.45rem;border-top: 1px solid rgba(229, 229, 229, 0.80);display: flex;align-items: center;gap: 0.1rem;}
.header .prod_lv2list .box .lf .ss:first-child{border-top: none;}
.header .prod_lv2list .box .lf .ss .icon{width: 0.44rem;aspect-ratio: 1 / 1;position: relative;}
.header .prod_lv2list .box .lf .ss .icon img{transition: opacity 400ms var(--ease-standard);}
.header .prod_lv2list .box .lf .ss .icon img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.header .prod_lv2list .box .lf .ss .text{position: relative;}
.header .prod_lv2list .box .lf .ss .text span{display: block;width: fit-content;transition: opacity 400ms var(--ease-standard);}
.header .prod_lv2list .box .lf .ss .text span:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header .prod_lv2list .box .lf .ss.act .icon img:nth-child(1),
.header .prod_lv2list .box .lf .ss:hover .icon img:nth-child(1){opacity: 0;}
.header .prod_lv2list .box .lf .ss.act .icon img:nth-child(2),
.header .prod_lv2list .box .lf .ss:hover .icon img:nth-child(2){opacity: 1;}
.header .prod_lv2list .box .lf .ss.act .text span:nth-child(1),
.header .prod_lv2list .box .lf .ss:hover .text span:nth-child(1){opacity: 0;}
.header .prod_lv2list .box .lf .ss.act .text span:nth-child(2),
.header .prod_lv2list .box .lf .ss:hover .text span:nth-child(2){opacity: 1;}

.header .prod_lv2list .box .rf{flex: 1;height: auto;overflow-y: auto;padding: 0.55rem 1.45rem 0.92rem 1.06rem;background: #fff;}
.header .prod_lv2list .box .rf .item{display: none;}
.header .prod_lv2list .box .rf .item.act{display: block;}
.header .prod_lv2list .box .rf .item .tit{line-height: calc(36 / 26);}
.header .prod_lv2list .box .rf .item .list{margin-top: 0.35rem;display: flex;flex-wrap: wrap;gap: 0.3rem;}
.header .prod_lv2list .box .rf .item .list .ss{display: block;width: 3.3rem;background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);padding: 0.47rem 0.31rem 0.31rem;}
.header .prod_lv2list .box .rf .item .list .ss .pic{width: 1.67rem;aspect-ratio: 167 / 110;margin: 0 auto;}
.header .prod_lv2list .box .rf .item .list .ss .pic img{transition: transform 400ms var(--ease-pic-hover);}
.header .prod_lv2list .box .rf .item .list .ss .txt{line-height: 1.2;text-align: center;margin-top: 0.34rem;}
.header .prod_lv2list .box .rf .item .list .ss:hover .pic img{transform: scale(1.05);}

.header .right .search{margin-right: 0.3rem;width: 0.2rem;aspect-ratio: 1 / 1;}
.header .right .search img{transition: filter 400ms var(--ease-standard);}
.header .right .language{margin-right: 0.2rem;position: relative;}
.header .right .language .top{height: 0.8rem;display: flex;align-items: center;gap: 0.07rem;color: #333;line-height: 1;transition: color 400ms var(--ease-standard);}
.header .right .language .top img{transition: filter 400ms var(--ease-standard);width: 0.2rem;}
.header .right .language .bot{position: absolute;top: 100%;left: -0.02rem;width: max-content;background: #fff;padding: 0.33rem 0.33rem 0.25rem 0.16rem;display: none;}
.header .right .language .bot::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: var(--linear-gradient);}
.header .right .language .bot a{display: block;padding-left: 0.25rem;position: relative;line-height: calc(19 / 16);width: fit-content;}
.header .right .language .bot a:not(:first-child){margin-top: 0.24rem;}
.header .right .language .bot a span{transition: opacity 400ms var(--ease-standard);}
.header .right .language .bot a span:nth-child(2){position: absolute;top: 0;left: 0.25rem;opacity: 0;}

.header .right .language .bot a.act span:nth-child(1),
.header .right .language .bot a:hover span:nth-child(1){opacity: 0;}
.header .right .language .bot a.act span:nth-child(2),
.header .right .language .bot a:hover span:nth-child(2){opacity: 1;}

.header .right .language .bot a.act::before{content: "";position: absolute;left: 0;top: 0.02rem;width: 0.16rem;aspect-ratio: 1 / 1;background: url(../img/common/header_select.webp) no-repeat center;background-size: contain;}




.header .right .contact{position: relative;border-radius: 0.38rem;overflow: hidden;margin-right: 0.14rem;border:0.01px solid rgba(255, 255, 255, 0.6)}
.header .right .contact span{display: block;position: relative;z-index: 2;line-height: 0.38rem;padding: 0 0.2rem;transition: color 400ms var(--ease-standard);color: #333;}
.header .right .contact::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #F5F5F5;transition: background 400ms var(--ease-standard);}
.header .right .contact::after{content: "";position: absolute;top: 0;left: -101%;width: 100%;height: 100%;border-radius: 0.38rem;background: var(--linear-gradient);transition: left 400ms var(--ease-standard);}
.header .right .contact:hover::after{left: 0;}
.header .right .contact:hover span{color: #fff;}
.header .right .store{display: flex;align-items: center;gap: 0.02rem;padding: 0 0.18rem 0 0.17rem;border-radius: 0.38rem;overflow: hidden;line-height: 1;color: #fff;height: 0.38rem;background: var(--linear-gradient);}
.header .right .store img{width: 0.24rem;transition: filter 400ms var(--ease-standard);object-fit: contain;}

.header:not(.on, .act, :hover)::before{background: rgba(0, 0, 0, 0.16);}
.header:not(.on, .act, :hover) .right .nav .li .lv1 a{color: #fff;}
.header:not(.on, .act, :hover) .right .language .top,
.header:not(.on, .act, :hover) .right .contact span{color: #fff;}
.header:not(.on, .act, :hover) .right .contact::before{background: transparent;}

.header:not(.on, .act, :hover) .logo img,
.header:not(.on, .act, :hover) .right .search img,
.header:not(.on, .act, :hover) .right .language .top img,
.header:not(.on, .act, :hover) .right .store img{filter: var(--imgwhite);}


.webbtn{display: flex;align-items: center;gap: 0.06rem;position: relative;overflow: hidden;padding: 0.12rem 0.345rem 0.12rem 0.405rem;border-radius: 0.44rem;text-transform: capitalize;}
.webbtn span{position: relative;z-index: 3;transition: left 200ms var(--ease-button), color 200ms var(--ease-button);color: #fff;}
.webbtn span:first-child{line-height: 1.25;}
.webbtn .arr{width: 0.26rem;aspect-ratio: 1 / 1;}
.webbtn .arr img{transition: filter 200ms var(--ease-button);}
.webbtn.black{background: var(--linear-gradient);}
/* .webbtn.white::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.44rem;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);} */

.webbtn.white{background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.4);}
.webbtn.white_white{background: #fff;}
.webbtn.white_white span{color: #1C1B1A;}

/* 外层高光环，模拟玻璃表面反光，主要上半部分亮 */
/* .webbtn.white::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 1px;
  pointer-events: none;
} */

/* .webbtn::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.44rem;}
.webbtn::after{content: "";position: absolute;top: 0;left: -101%;width: 100%;height: 100%;border-radius: 0.44rem;background: var(--linear-gradient);transition: left 200ms var(--ease-button);}
.webbtn:hover::after{left: 0;} */

/* .webbtn.white span{color: #fff;}
.webbtn.white .arr img{filter: var(--imgwhite);}
.webbtn.white::before{border: 0.5px solid #fff;} */

/* .webbtn.black::before{border: 0.5px solid rgba(0, 0, 0, 0.40);}
.webbtn.black:hover span{color: #fff;}
.webbtn.black:hover span img{filter: var(--imgwhite);} */

.ind_page{background: #F8F4F0;}
.ind_page .banner .pic{height: 100vh;}
.ind_page .banner .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 1rem 1.45rem;}
.ind_page .banner .txt .h{line-height: calc(86 / 70);letter-spacing: 0.05em;}
.ind_page .banner .txt .p{line-height: 133.333%;margin-top: 0.1rem;}
.ind_page .banner .txt .m{margin-top: 0.61rem;display: flex;gap: 0.2rem;}

.ind6{min-height: 7.62rem;position: relative;padding: 2.35rem 0 0.45rem;}
.ind6 .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ind6 .w1620{position: relative;z-index: 2;width: 100%;}
.ind6 .h{line-height: calc(34 / 28);}
.ind6 .p{line-height: 1.25;max-width: 6.55rem;margin-top: 0.27rem;}
.ind6 .m{margin-top: 0.67rem;}
.ind6 .m a{width: fit-content;}

.ind5{margin-bottom: 1.6rem;}
.ind5 .top{display: flex;align-items: center;justify-content: space-between;}
.ind5 .top .h{line-height: 177.273%;}
.ind5 .ul{display: flex;gap: 0.24rem;margin-top: 0.33rem;}
.ind5 .ul .li{width: calc((100% - 0.48rem) / 3);}
.ind5 .ul .li .ss{display: block;}
.ind5 .ul .li .ss .pic{aspect-ratio: 524 / 349;overflow: hidden;border-radius: 0.16rem;transition: box-shadow 300ms var(--ease-pic-hover);}
.ind5 .ul .li .ss .pic img{transition: transform 300ms var(--ease-pic-hover);}
.ind5 .ul .li .ss:hover .pic{box-shadow: -0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.10);}
.ind5 .ul .li .ss:hover .pic img{transform: scale(1.16);}
.ind5 .ul .li .ss .txt{padding: 0.18rem 0.4rem 0 0.1rem;}
.ind5 .ul .li .ss .desc{display: flex;align-items: center;gap: 0.1rem;}
.ind5 .ul .li .ss .desc .line{height: 0.12rem;width: 1px;background: var(--text-main);}
.ind5 .ul .li .ss .h{margin-top: 0.1rem;line-height: 136.364%;}

.ind4{margin-bottom: 1.6rem;padding: 0.98rem 0 0.75rem;background: #242522;}
.ind4 .h{line-height: 139.286%;}
.ind4 .box{margin-top: 0.75rem;position: relative;}
.ind4 .box .swiper{margin: 0 auto;width: calc(1.18rem * 2 + 1.46rem * 3);}
.ind4 .box .swiper .swiper-slide{width: 1.46rem;margin: 0 0.559rem;aspect-ratio: 1 / 1;padding: 0.26rem;opacity: 0.12;filter: blur(5px);transition: padding 400ms var(--ease-standard), opacity 400ms var(--ease-standard), filter 400ms var(--ease-standard);}
.ind4 .box .swiper .swiper-slide.swiper-slide-active{opacity: 1;filter: none;padding: 0;}
.ind4 .text{display: flex;align-items: center;justify-content: center;gap: 0.3rem;margin-top: 0.78rem;}
.ind4 .text .list{width: 3.9rem;line-height: 166.667%;text-align: center;}
.ind4 .text .icon{width: 0.55rem;aspect-ratio: 1 / 1;}
.ind4 .text .icon img{filter: var(--imgwhite);}
.ind4 .text .list .txt{display: none;}
.ind4 .text .list .txt.act{display: block;}
.ind4 .pogin{display: flex;align-items: center;justify-content: center;gap: 0.05rem;margin-top: 0.51rem;}
.ind4 .pogin span{margin: 0 !important;width: 0.1rem;height: 0.03rem;background: #fff;opacity: 0.2;border-radius: 0.05rem;overflow: hidden;transition: width 400ms var(--ease-standard), opacity 400ms var(--ease-standard);position: relative;}
/* .ind4 .pogin span::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);opacity: 0;transition: opacity 400ms var(--ease-standard);border-radius: 0.05rem;} */
.ind4 .pogin span.swiper-pagination-bullet-active{width: 0.3rem;opacity: 1;}
/* .ind4 .pogin span.swiper-pagination-bullet-active::before{opacity: 1;} */
.ind4 .swpbtn button{position: absolute;top: 0.62rem;}
.ind4 .swpbtn .prev{left: 0;}
.ind4 .swpbtn .next{right: 0;}
.swpbtn button{width: 0.45rem;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 50%;background: rgba(255,255,255,0.1);}
.swpbtn button img{position: relative;z-index: 2;transition: filter 400ms var(--ease-standard);}
.swpbtn button::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.1);transition: opacity 400ms var(--ease-standard);
  background: linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 1px; /* 描边厚度，对应Figma描边粗细 */
  pointer-events: none;
  border-radius: 50%;
}
.swpbtn button::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0;transition: opacity 400ms var(--ease-standard);}
.swpbtn button:not(:hover) img{filter: var(--imgwhite);}
.swpbtn button:hover::before{opacity: 0;}
.swpbtn button:hover::after{opacity: 1;}

.ind3{overflow: hidden;background: #ECE8E3;padding: 1.11rem 0;}
.ind3 .h{line-height: 177.273%;}
.ind3 .swiper-img{margin-top: 0.4rem;}
.ind3 .swiper-img .swiper-slide{width: 10.33rem;margin-right: 0.34rem;flex-shrink: 0;}
.ind3 .swiper-img .swiper-slide .pic{aspect-ratio: 1033 / 490;border-radius: 0.16rem;overflow: hidden;}
.ind3 .swiper-txt{width: fit-content;margin: 0.61rem auto 0;line-height: calc(27 / 22);max-width: 16.2rem;}
.ind3 .swiper-txt::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgba(0, 0, 0, 0.20);}
.ind3 .swiper-txt .swiper-slide{width: fit-content;margin-right: 0.77rem;padding-bottom: 0.2rem;}
.ind3 .swiper-txt .swiper-slide:last-child{margin-right: 0;}
.ind3 .swiper-txt .swiper-slide span{display: block;transition: opacity 400ms var(--ease-standard);}
.ind3 .swiper-txt .swiper-slide span.c-lg{position: absolute;top: 0;left: 0;opacity: 0;}
.ind3 .swiper-txt .swiper-slide::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: var(--linear-gradient);opacity: 0;transition: opacity 400ms var(--ease-standard);}

.ind3 .swiper-txt .swiper-slide.act::before{opacity: 1;}
.ind3 .swiper-txt .swiper-slide.act span:nth-child(1){opacity: 0;}
.ind3 .swiper-txt .swiper-slide.act span.c-lg{opacity: 1;}

.ind3 .list{margin: 0.22rem auto 0;width: 11.78rem;}
.ind3 .list .item{display: none;position: relative;}
.ind3 .list .item.act{display: block;}
.ind3 .list .item .txt{color: #686868;text-align: center;min-height: 4.5em;}
.ind3 .list .item .webbtn{width: fit-content;margin: 0.34rem auto 0;}


.ind2{margin-bottom: 1.34rem;overflow: hidden;}
.ind2 .top{position: relative;}
.ind2 .top .swiper::before{content: "";position: absolute;top: 0;left: 0;z-index: 11;width: 10.12rem;height: 100%;background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 13.03%, rgba(0, 0, 0, 0.15) 49.42%, rgba(0, 0, 0, 0.20) 87.15%);pointer-events: none;border-radius: 0.16rem;}
.ind2 .top .swiper-img {
  container-type: inline-size;
  border-radius: 0.16rem;
}

.ind2 .top .swiper-slide {
  position: relative;
  aspect-ratio: 1620 / 618;
  opacity: 1 !important;
}

.ind2 .top .swiper-slide .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /*border-radius: 0.16rem;*/
  transition: width 800ms ease-in-out;
}

/* 图片宽度始终等于完整 Swiper 容器宽度 */
.ind2 .top .swiper-slide .pic img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100cqw;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* 下一张：固定右侧，向左展开 */
.ind2 .top .swiper-slide.swiper-slide-active .pic {
  right: 0;
  left: auto;
  width: 100%;
}

.ind2 .top .swiper-slide.swiper-slide-active .pic img {
  right: 0;
  left: auto;
}

/* 上一张：固定左侧，向右展开 */
.ind2 .top .prevEffect .swiper-slide .pic {
  right: 0;
  left: auto;
}

.ind2 .top .prevEffect .swiper-slide .pic img {
  right: 0;
  left: auto;
}

.ind2 .top .prevEffect .swiper-slide.swiper-slide-active .pic {
  right: auto;
  left: 0;
  width: 100%;
}

.ind2 .top .prevEffect .swiper-slide.swiper-slide-active .pic img {
  right: auto;
  left: 0;
}



.ind2 .top .text{position: absolute;z-index: 12;top: 1.13rem;left: 0.68rem;width: 6.96rem;}
.ind2 .top .text .txt{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity 800ms ease-in-out;}
.ind2 .top .text .txt.act{opacity: 1;z-index:5}
.ind2 .top .text .txt .h{line-height: 195%;color: #fff;}
.ind2 .top .text .txt .p{line-height: 166.667%;color: rgba(255, 255, 255, 0.80);max-width: 6.01rem;margin-top: 0.08rem;}
.ind2 .top .text .txt .m{margin-top: 0.5rem;}
.ind2 .top .text .txt .m a{width: fit-content;}

.ind2 .swpbtn button{position: absolute;top: 2.87rem;}
.ind2 .swpbtn .prev{left: -0.75rem;}
.ind2 .swpbtn .next{right: -0.75rem;}
.ind2 .swpbtn button::before{border: 1px solid #333;border-radius: 50%;}

.ind2 .bot{margin: 0.1rem -1.45rem 0;height: 2.54rem;position: relative;overflow: hidden;}
.ind2 .bot::before{content: "";position: absolute;top: 0;left: -0.44rem;width: 3.46rem;height: 2.54rem;z-index: 20;background: linear-gradient(90deg, #F8F4F0 0%, #F8F4F0 40.41%, rgba(248, 244, 240, 0.00) 100%);}
.ind2 .bot::after{content: "";position: absolute;top: 0;right: -0.72rem;width: 3.46rem;height: 2.54rem;z-index: 20;background: linear-gradient(-90deg, #F8F4F0 0%, #F8F4F0 40.41%, rgba(248, 244, 240, 0.00) 100%);}
/*.ind2 .bot .swiper{padding: 0 3.38rem 0 3.59rem;padding: 0 calc(50% - 1.98rem);}*/
/*.ind2 .bot .swiper{padding: 0;}*/
.ind2 .bot .swiper{width: 3.97rem;margin: 0 auto;overflow: visible;}

/*.ind2 .bot .swiper .swiper-wrapper{transition-timing-function:linear;}*/
.ind2 .bot .swiper .line s{position: absolute;width: 0.15rem;height: 0.15rem;background: var(--linear-gradient);opacity: 0;transition: opacity 800ms ease-in-out;}
.ind2 .bot .swiper .line s::before{content: "";position: absolute;width: 0.13rem;height: 0.13rem;background: #F8F4F0;}
.ind2 .bot .swiper .line s:nth-child(1){top: 0;left: 0;border-radius: 0.06rem 0 0 0;}
.ind2 .bot .swiper .line s:nth-child(1)::before{top: 0.02rem;left: 0.02rem;border-radius: 0.04rem 0 0 0;}
.ind2 .bot .swiper .line s:nth-child(2){top: 0;right: 0;border-radius: 0 0.06rem 0 0;}
.ind2 .bot .swiper .line s:nth-child(2)::before{top: 0.02rem;right: 0.02rem;border-radius: 0 0.04rem 0 0;}
.ind2 .bot .swiper .line s:nth-child(3){bottom: 0;left: 0;border-radius: 0 0 0 0.06rem;}
.ind2 .bot .swiper .line s:nth-child(3)::before{bottom: 0.02rem;left: 0.02rem;border-radius: 0 0 0 0.04rem;}
.ind2 .bot .swiper .line s:nth-child(4){bottom: 0;right: 0;border-radius: 0 0 0.06rem 0;}
.ind2 .bot .swiper .line s:nth-child(4)::before{bottom: 0.02rem;right: 0.02rem;border-radius: 0 0 0.04rem 0;}

.ind2 .bot .swiper .swiper-slide{cursor: pointer;}
.ind2 .bot .swiper .ss{position: relative;z-index: 2;transition: transform 800ms ease-in-out;overflow: hidden;border-radius: 0.1rem;}
.ind2 .bot .swiper .ss .pic{aspect-ratio: 397 / 223;}
.ind2 .bot .swiper .ss .txt{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 33.86%, rgba(0, 0, 0, 0.40) 89.04%);padding: 0.75rem 0.32rem 0.3rem;position: absolute;bottom: -0.05rem;left: 0;width: 100%;line-height: calc(22 / 18);color: #fff;}

.ind2 .bot .swiper .swiper-slide.swiper-slide-active .line s,
.ind2 .bot .swiper .swiper-slide-thumb-active .line s{opacity: 1;}

.ind2 .bot .swiper .swiper-slide.swiper-slide-active .ss,
.ind2 .bot .swiper .swiper-slide-thumb-active .ss{transform: scale(0.9);}

.ind2 .bot .navgin.style1 button {
  width: 0.4rem;
  height: 0.4rem;
  background: #FDFBFA;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.6s;
}
.ind2 .bot .navgin.style1 button img {
  width: 0.14rem;
  height: 0.12rem;
  transition: filter 0.6s;
}
.ind2 .bot .navgin.style1 button:hover {
  background: #1C1B1A;
}
.ind2 .bot .navgin.style1 button:hover img {
  filter: var(--imgwhite);
}
.ind2 .bot .navgin button{z-index: 21;}
.ind2 .bot .navgin .prev{position: absolute;left: 1.45rem;top: 50%;transform: translateY(-50%);}
.ind2 .bot .navgin .next{position: absolute;right: 1.45rem;top: 50%;transform: translateY(-50%);}


.ind1{background: linear-gradient(183deg, rgba(248, 244, 240, 0.00) 57.72%, #F8F4F0 83.5%);overflow: hidden;padding: 1.65rem 0 1.4rem;background: #F8F4F0 url(../img/ind1_bg3.png) no-repeat bottom center;background-size: cover;position: relative;}
.ind1 .switch{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 0.39rem;}
.ind1 .switch .ss{line-height: calc(22 / 18);padding: 0.13rem 0.4rem;border-radius: 0.78rem;border: 0.5px solid rgba(51, 51, 51, 0.50);cursor: pointer;}
.ind1 .switch .ss.act,
.ind1 .switch .ss:hover{background: var(--theme-color);border-color: var(--theme-color);color: #fff;}
.ind1 .box{margin-top: 1.12rem;display: flex;justify-content: space-between;position: relative;}
.ind1 .box:has(.center){min-height: 6.13rem;}
.ind1 .box .item,
.ind1 .box .item_lv2{display: none;}
.ind1 .box .item.act,
.ind1 .box .item_lv2.act{display: block;}


.ind1 .box .left{width: 4.86rem;padding-top: 0.43rem;position: relative;z-index: 3;}
.ind1 .box .left .text{min-height: 3.3rem;}
.ind1 .box .left .h{line-height: calc(63 / 48);}
.ind1 .box .left .p{line-height: 1.6;color: var(--text-secondary);margin-top: 0.15rem;}
.ind1 .box .left .m{margin-top: 0.49rem;}
.ind1 .box .left .m a{width: fit-content;}
.ind1 .box .left .d{line-height: 1.8;color: var(--text-secondary);margin-top: 0.84rem;}


.ind1 .box .right{margin-right: 0.2rem;width: 1.49rem;position: relative;}
.ind1 .box .right .item{position: relative;padding: 0.52rem 0;}
.ind1 .box .right .swiper{height: 5.1rem;padding-bottom:3.6rem}
.ind1 .box .right .swiper .swiper-slide{height: 1.61rem;background: #fff;border: 1px solid rgba(112, 112, 112, 0.19);border-radius: 0.04rem;position: relative;padding: 0.08rem 0.14rem 0 0.21rem;}
.ind1 .box .right .swiper .swiper-slide .pic{width: 1.12rem;aspect-ratio: 112 / 103;display: flex;align-items: center;justify-content: center;}
.ind1 .box .right .swiper .swiper-slide .pic img{max-width: 100%;max-height: 100%;object-fit: contain;}
.ind1 .box .right .swiper .swiper-slide .txt{position: absolute;bottom: 0.12rem;left: 0;width: 100%;padding: 0 0.11rem 0 0.14rem;}
.ind1 .box .right .swiper .swiper-slide .txt .h{line-height: 114.286%;color: var(--text-placeholder);text-align:center;}
.ind1 .box .right .btnbox button{position: absolute;left: 0;width: 100%;height: 0.38rem;display: flex;align-items: center;justify-content: center;border-radius: 0.04rem;background: rgba(0,0,0,0.14);transition: background 400ms var(--ease-standard);}
.ind1 .box .right .btnbox button img{width: 0.16rem;}
.ind1 .box .right .btnbox button.prev{top: 0;}
.ind1 .box .right .btnbox button.next{bottom: 0;}
.ind1 .box .right .btnbox button:hover{background: rgba(0,0,0,1);}
.ind1 .box .right .pogin{position: absolute;top: 0;right: -0.46rem;bottom: 0;display: flex;flex-direction: column;height: max-content;margin: auto;border-top: 1px solid var(--theme-color);}
.ind1 .box .right .pogin span{margin: 0 !important;width: 0.14rem;height: 0.28rem;border: none;border-bottom: 1px solid var(--theme-color);background: none;border-radius: 0;position: relative;opacity: 1;}
.ind1 .box .right .pogin span s:nth-child(1){position: absolute;left: 0;top: 0.08rem;width: 0.04rem;height: 0.1rem;border-top: 1px solid var(--theme-color);}
.ind1 .box .right .pogin span s:nth-child(2){position: absolute;left: 0;top: 0.18rem;width: 0.04rem;height: 0.1rem;border-top: 1px solid var(--theme-color);}
.ind1 .box .right .pogin span.swiper-pagination-bullet-active::before{content: "";position: absolute;left: -0.11rem;bottom: -0.025rem;width: 0.06rem;height: 0.05rem;background: var(--theme-color);}
.ind1 .box .right .pogin span.swiper-pagination-bullet-active ~ span{border-color: #86868B;}
.ind1 .box .right .pogin span.swiper-pagination-bullet-active ~ span s{border-color: #86868B;}

.ind1 .box .center{position: absolute;top: 0.18rem;left: 3.59rem;width: 9.24rem;aspect-ratio: 924 / 534;}
.ind1 .box .center .picbox{aspect-ratio: 924 / 534;position: relative;z-index: 2;transform:translateY(0.35rem);opacity:0;}
.ind1 .box .center.go .item_lv2.act .picbox{animation:ind1-center-pic-fade-up 0.6s ease-out both;}
.ind1 .box .center .picbox img{width: 100%;height: 100%;object-fit: contain;}
/* .ind1 .box .center::before{content: "";position: absolute;top: 2.23rem;left: -1.54rem;width: 12.84rem;aspect-ratio: 1284 / 664;border-radius: 1284.283px;transform: rotate(-2.088deg);opacity: 0.35;background: radial-gradient(90.38% 90.38% at 49.66% 0.86%, #FFBE45 2.52%, #FF982A 29.65%, rgba(253, 110, 0, 0.00) 77.24%);filter: blur(150px);} */
.ind1 .box .center .text{position: absolute;top: 1.45rem;left: 0;width: 100%;text-align: center;font-size: 0.9rem;line-height: 1.09rem;/* background: linear-gradient(180deg, #EBEBEB 18.18%, rgba(235, 235, 235, 0.00) 102.59%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; */color: rgba(119, 119, 119, 0.10);transform:translateY(0.35rem);opacity:0;}
.ind1 .box .center.go .item_lv2.act .text{animation:ind1-center-text-fade-up 0.9s ease-out 0.12s both;}

@keyframes ind1-center-pic-fade-up{
    from{transform:translateY(0.35rem);opacity:0;}
    to{transform:translateY(0);opacity:1;}
}

@keyframes ind1-center-text-fade-up{
    from{transform:translateY(0.35rem);opacity:0;}
    to{transform:translateY(0);opacity:1;}
}

.ind1 .mouse{position: absolute;z-index: 10;bottom: 0.59rem;left: 50%;transform: translateX(-50%);width: max-content;line-height: calc(17 / 14);color: #0B0B0B;}
.ind1 .mouse svg{width: 0.13rem;margin: 0 auto 0.21rem;display: block;}

.ind5{margin-top: 1rem;position: relative;z-index: 5;}
.ind4_n{padding: 1.36rem 0 1rem;}
.ind4_n .top{display: flex;justify-content: space-between;}
.ind4_n .top .p{line-height: 155.556%;width: 7.15rem;}
.ind4_n .box{margin-top: 0.7rem;position: relative;}
.ind4_n .box::before{content: "";position: absolute;top: 0.37rem;left: 0.63rem;width: 17.8rem;height: 4.49rem;border-radius: 17.8rem;opacity: 0.35;background: radial-gradient(90.38% 90.38% at 49.66% 0.86%, #FFBE45 2.52%, #C59159 29.65%, rgba(253, 110, 0, 0.00) 77.24%);filter: blur(150px);}
.ind4_n .box .li{display: inline-block;width: 2.67rem;aspect-ratio: 267 / 140;border-radius: 0;border-radius: 0.1rem;background: rgba(255, 255, 255, 0.40);overflow: hidden;padding:0.27rem}
.ind4_n .box .li img{mix-blend-mode: luminosity;}
.ind4_n .box .uese{overflow: hidden;position: relative;z-index: 3;}
.ind4_n .box .uese .ul{display: flex;gap: 0.18rem;overflow: hidden;}
.ind4_n .box .uese:not(:first-child){margin-top: 0.21rem;}



.news_page{padding: 1.83rem 0 2.2rem;background: #F8F4F0;}
.newsbox .top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.4rem;border-bottom: 1px solid #E2E2E2;}
.newsbox .top .tit{line-height: 181.818%;}
.newsbox .top .rf{position: relative;}
.newsbox .top .rf .rtop{cursor:pointer;width: max-content;display: flex;align-items: center;gap: 0.25rem;padding: 0.11rem 0.23rem 0.12rem;border-radius: 0.44rem;border: 0.5px solid rgba(0, 0, 0, 0.40);line-height: 1.25;color: #686868;}
.newsbox .top .rf .rtop img{width: 0.15rem;height: auto;}
.newsbox .top .rf .rbot{position: absolute;top: 100%;right: 0;min-width: 2rem;width: 100%;border-radius: 0.1rem;background: rgba(255, 255, 255, 0.49);box-shadow: 0 0.04rem 0.109rem 0 rgba(0, 0, 0, 0.06);padding: 0.12rem 0 0.15rem;display: none;}
.newsbox .top .rf .rbot a{display: block;padding: 0 0.18rem 0 0.21rem;line-height: calc(27 / 14);color: #606060;}
.newsbox .top .rf .rbot a:not(:first-child){margin-top: 0.12rem;}
.newsbox .top .rf .rbot a.act{font-weight: 500;color: #1C1B1A;}
.newsbox .top .rf .rbot a:hover{color: #1C1B1A;}


.newsbox .hot{margin-top: 0.96rem;}
.newsbox .hot .swiper{border-radius: 0.16rem;overflow: hidden;}
.newsbox .hot .swiper-slide{display: flex;height: auto;background: #FDFBFA;}
.newsbox .hot .swiper-slide .pic{width: 8.34rem;aspect-ratio: 834 / 579;overflow: hidden;}
.newsbox .hot .swiper-slide .pic img{transition: transform 400ms var(--ease-standard);}
.newsbox .hot .swiper-slide .txt{padding: 0.97rem 0.72rem 0 1.09rem;flex: 1;}
.newsbox .hot .swiper-slide .txt .time{width: fit-content;padding: 0.06rem 0.12rem;background: #ECE8E3;line-height: calc(18 / 14);border-radius: 0.3rem;}
.newsbox .hot .swiper-slide .txt .h{margin-top: 0.17rem;}
.newsbox .hot .swiper-slide .txt .p{margin-top: 0.35rem;color: #686868;}
.newsbox .hot .swiper-slide .txt .webbtn{margin-top: 0.59rem;width: fit-content;}
.newsbox .hot .pogin{margin-top: 0.49rem;display: flex;align-items: center;justify-content: center;gap: 0.2rem;}
.newsbox .hot .pogin span{width: 0.08rem;height: 0.08rem;border-radius: 0.08rem;background: rgba(0, 0, 0, 0.16);opacity: 1;overflow: hidden;margin: 0 !important;position: relative;}
.newsbox .hot .pogin span::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 0.08rem;background: #1C1B1A;}
.newsbox .hot .pogin span.swiper-pagination-bullet-active{width: 0.48rem;}
.newsbox .hot .pogin span.swiper-pagination-bullet-active::before{width: 100%;transition: width 4000ms linear;}
.newsbox .ul{margin-top: 0.93rem;}
.newsbox .ul .li:not(:last-child){padding-bottom: 0.59rem;margin-bottom: 0.59rem;border-bottom: 1px solid #E2E2E2;}
.newsbox .ul .li .ss{display: flex;align-items: center;gap: 1.84rem;}
.newsbox .ul .li .ss .pic{width: 5.24rem;aspect-ratio: 524 / 357;border-radius: 0.16rem;overflow: hidden;}
.newsbox .ul .li .ss .txt{flex: 1;padding-right: 2.66rem;position: relative;}
.newsbox .ul .li .ss .txt .time{width: fit-content;padding: 0.06rem 0.12rem;background: #ECE8E3;line-height: calc(18 / 14);border-radius: 0.3rem;}
.newsbox .ul .li .ss .txt .h{margin-top: 0.22rem;}
.newsbox .ul .li .ss .txt .p{margin-top: 0.39rem;line-height: 155.556%;color: #686868;}
.newsbox .ul .li .ss .txt .m{position: absolute;right: 0;bottom: 0;}

.mgtp152{margin-top: 1.52rem;}
.pagesbox .pages{display: flex;align-items: center;justify-content: center;gap: 0.2rem;}
.pagesbox .pages .prev,
.pagesbox .pages .next{width: 0.46rem;height: 0.46rem;background: #fff;border-radius: 50%;transition: background 400ms var(--ease-standard);}
.pagesbox .pages .prev img,
.pagesbox .pages .next img{transition: filter 400ms var(--ease-standard);}
.pagesbox .pages .prev:hover,
.pagesbox .pages .next:hover{background: #1C1B1A;}
.pagesbox .pages .prev:hover img,
.pagesbox .pages .next:hover img{filter: var(--imgwhite);}

.pagesbox .pages .num{line-height: 0.46rem;text-align: center;min-width: 0.46rem;color: #686868;}
.pagesbox .pages .num.act{color: #1C1B1A;}

.news_det_page{background: #F8F4F0;padding: 2.23rem 0 1.6rem;}
.nd1 .box{display: flex;gap: 1.84rem;flex-flow:row-reverse;}
.nd1 .right{flex: 1;}
.nd1 .right .h{line-height: 136.364%;color: #1F1F1F;}
.nd1 .right .desc{margin-top: 0.46rem;padding-bottom: 0.21rem;border-bottom: 1px solid #CCC;display: flex;align-items: center;gap: 0.1rem;}
.nd1 .right .desc .line{width: 1px;height: 0.12rem;background: #333;}
.nd1 .right .edit{margin-top: 0.5rem;line-height: 155.556%;color: #686868;}
.nd1 .left{width: 3.3rem;position: relative;}
.nd1 .left .lox{position: sticky;top: 1rem;}
.nd1 .left .lox .link{padding-left: 0.2rem;position: relative;}
.nd1 .left .lox .link::before{content: "";position: absolute;top: 0;left: 0.5px;width: 1px;height: 100%;background: #E2E2E2;}
.nd1 .left .lox .link a{line-height: 144.444%;color: #999;position: relative;}
.nd1 .left .lox .link a:not(:first-child){margin-top: 1em;}
.nd1 .left .lox .link a:hover{color: #1C1B1A;font-weight: 500;}
.nd1 .left .lox .link a:hover::before{content: "";position: absolute;left: -0.2rem;top: 0;width: 2px;height: 100%;background: #1C1B1A;}
.nd1 .left .lox .share{margin: 0.42rem 0 0 0.2rem;display: flex;flex-wrap: wrap;gap: 0.2rem;}
.nd1 .left .lox .share .ss{position: relative;width: 0.3rem;height: 0.3rem;border-radius: 50%;background: #B3B3B3;transition: background 400ms var(--ease-standard);}
.nd1 .left .lox .share .ss:hover{background: #1C1B1A;}
.social-share .social-share-icon{position: absolute;top: 0;left: 0;}

.nd2{margin-top: 0.96rem;}
.nd2 .box{padding-top: 1.3rem;border-top: 1px solid #E2E2E2;}
.nd2 .box .tit{line-height: 181.818%;}
.nd2 .box .ul{margin-top: 0.4rem;display: flex;flex-wrap: wrap;gap: 0.25rem;}
.nd2 .box .ul .li{width: calc((100% - 0.5rem) / 3);}
.nd2 .box .ul .li .ss{display: block;height: 100%;position: relative;}
.nd2 .box .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E2E2E2;pointer-events: none;}
.nd2 .box .ul .li .ss .pic{aspect-ratio: 524 / 348;overflow: hidden;position: relative;z-index: 3;}
.nd2 .box .ul .li .ss .pic img{transition: transform 400ms var(--ease-standard);}
.nd2 .box .ul .li .ss .txt{padding: 0.18rem 0.4rem 0.22rem 0.1rem;}
.nd2 .box .ul .li .ss .txt .desc{display: flex;align-items: center;gap: 0.1rem;}
.nd2 .box .ul .li .ss .txt .desc .line{width: 1px;height: 0.12rem;background: #333;}
.nd2 .box .ul .li .ss .txt .h{line-height: 136.364%;margin-top: 0.14rem;transition: color 400ms var(--ease-standard);}
.nd2 .box .ul .li .ss:hover .pic img{transform: scale(1.05);}

.coming_page{position: relative;}
.coming_page .txtbox{position: absolute;top: 2.72rem;left: 50%;transform: translateX(-50%);z-index: 2;width: 10.3rem;}
.coming_page .txtbox .h{line-height: calc(44 / 36);}
.coming_page .txtbox .p{line-height: 1.6;margin-top: 0.23rem;}

.form_mod {
  position: fixed;
  z-index: 39;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.6s;
}
.form_mod.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.form_mod.show .cont {
  transform: translate(-50%, -50%) scale(1);
}
.form_mod .bg {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.14rem);
  position: absolute;
  inset: 0;
}
.form_mod .close_btn {
  position: absolute;
  top: 0.32rem;
  right: 0.32rem;
  z-index: 2;
  width: 0.24rem;
  height: 0.24rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.form_mod .cont {
  transition: all 0.6s;
  position: absolute;
  top: calc(50% + 0.4rem);
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 15.21rem;
  max-width: 90%;
  max-height: 80%;
  overflow: auto;
  background: #fff;
  display: flex;
  align-items: flex-start;
  gap: 1.8rem;
  justify-content: space-between;
  padding: clamp(0.6rem, 6vh, 1.1rem) 0.94rem clamp(0.4rem, 4vh, 0.76rem) 0.78rem;
}
.form_mod .cont .form_box {
  flex: 1;
  min-height: 4rem;
  position: relative;
}
.form_mod .cont .form_box::before {
  content: "";
  position: absolute;
  top: 0;
  right: -0.9rem;
  width: 0.01rem;
  height: 100%;
  background: #C8CDC9;
}
.form_mod .cont .form_box .required {
  font-size: 0.16rem;
  color: #1C1B1A;
}
.form_mod .cont .form_box .row {
  display: flex;
  gap: 0.3rem;
  font-size: 0.14rem;
  color: #333;
  margin-bottom: clamp(0.1rem, 1vh, 0.2rem);
}
.form_mod .cont .form_box .row:last-child {
  margin-bottom: 0;
}
.form_mod .cont .form_box .row .item {
  flex: 1;
  position: relative;
}
.form_mod .cont .form_box .row .item label {
  display: flex;
  gap: 0.06rem;
  align-items: center;
  margin-bottom: 0.08rem;
}
.form_mod .cont .form_box .row .item.select .icon {
  position: absolute;
  right: 0.16rem;
  bottom: 0.14rem;
  width: 0.16rem;
  height: 0.16rem;
}
.form_mod .cont .form_box .row .item.select input {
  cursor: pointer;
}
.form_mod .cont .form_box .row .item.select .select_box {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  width: 100%;
  min-height: 0.4rem;
  background: #fff;
  padding: 0.1rem 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  transform: translateY(0.1rem);
}
.form_mod .cont .form_box .row .item.select .select_box.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.form_mod .cont .form_box .row .item.select .select_box .li {
  font-size: 0.14rem;
  cursor: pointer;
  display: block;
  padding: 0.1rem 0.28rem;
  color: #606060;
  transition: all 0.6s;
}
.form_mod .cont .form_box .row .item.select .select_box .li:hover {
  background: rgba(0, 0, 0, 0.03);
  color: var(--theme-color);
}
.form_mod .cont .form_box input,
.form_mod .cont .form_box select,
.form_mod .cont .form_box textarea {
  position: relative;
  width: 100%;
  height: 0.44rem;
  line-height: 0.44rem;
  font-size: 0.14rem;
  border: 0.01rem solid rgba(218, 218, 218, 0.38);
  background: rgba(236, 232, 227, 0.5);
  padding: 0 0.16rem;
  color: #333;
}
.form_mod .cont .form_box input::placeholder,
.form_mod .cont .form_box select::placeholder,
.form_mod .cont .form_box textarea::placeholder {
  color: #999;
}
.form_mod .cont .form_box textarea {
  height: 1rem;
  padding: 0.13rem 0.16rem;
}
.form_mod .cont .form_box .btn {
  margin-top: 0.2rem;
  padding: 0.12rem 0.45rem;
  border-radius: 1rem;
  border: 0.01rem solid #CACACA;
  background: #fff;
  transition: all 0.6s;
}
.form_mod .cont .form_box .btn:hover {
  background: var(--theme-color);
  color: #fff;
}

.form_mod .cont .form_box .btn.loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  background: #1C1B1A;
}
/* 旋转加载圈圈 */
.form_mod .cont .form_box .btn.loading::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  border: 2px solid #fff;
  border-top-color: #999;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}




.form_mod .cont .contact_box {
  width: 2.7rem;
}
.form_mod .cont .contact_box .item {
  padding: 0.32rem 0;
  border-bottom: 0.01rem solid #C8CDC9;
}
.form_mod .cont .contact_box .item .label {
  margin-bottom: 0.32rem;
}
.form_mod .cont .contact_box .item .icon {
  width: 0.14rem;
  height: 0.14rem;
  margin-bottom: 0.16rem;
}
.form_mod .cont .contact_box .item .value {
  margin-top: 0.16rem;
  color: #1F1F1F;
}
.form_mod .cont .contact_box .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.form_mod .cont .contact_box .item:first-child {
  padding-top: 0;
}
.success_box {
  position: fixed;
  inset: 0;
  z-index: 400;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.6s, visibility 0.6s;
}
.success_box.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.success_box.show .box {
  transform: translate(-50%, -50%) scale(1);
}
.success_box .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.14rem);
}
.success_box .box {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.92);
  transition: transform 0.6s;
  width: 6.58rem;
  max-width: calc(100% - 0.6rem);
  height: 4.95rem;
  border: 0.01rem solid #F0F0F0;
  background: #FFF;
  box-shadow: 0 0.04rem 0.673rem 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.4rem 0.3rem;
}
.success_box .close_btn {
  position: absolute;
  right: 0.26rem;
  top: 0.26rem;
  z-index: 2;
  width: 0.24rem;
  height: 0.24rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.success_box .icon {
  width: 1.09rem;
  height: 1.09rem;
  margin-bottom: 0.4rem;
}
.success_box .tit {
  margin-bottom: 0.18rem;
  color: #1C1B1A;
}
.success_box .txt {
  max-width: 4.2rem;
}

.prod_page .tab_bar .rf{display: flex;align-items: center;}
.prod_page .tab_bar .rf .contact{position: relative;border-radius: 0.38rem;overflow: hidden;margin-right: 0.14rem;border:0.01px solid rgba(255, 255, 255, 0.6)}
.prod_page .tab_bar .rf .contact span{display: block;position: relative;z-index: 2;line-height: 0.38rem;padding: 0 0.2rem;transition: color 400ms var(--ease-standard);color: #333;}
.prod_page .tab_bar .rf .contact::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #F5F5F5;transition: background 400ms var(--ease-standard);}
.prod_page .tab_bar .rf .contact::after{content: "";position: absolute;top: 0;left: -101%;width: 100%;height: 100%;border-radius: 0.38rem;background: var(--linear-gradient);transition: left 400ms var(--ease-standard);}
.prod_page .tab_bar .rf .contact:hover::after{left: 0;}
.prod_page .tab_bar .rf .contact:hover span{color: #fff;}

.footer .top .box .left .formbox .cont{position: relative;}
.footer .top .box .left .accept{margin-top: 0.16rem;position: relative;display: flex;align-items: flex-start;gap: 0.1rem;color: #fff;}
.footer .top .box .left .accept a{text-decoration: underline;text-underline-offset: 0.25em;color: #fff;}
.footer .top .box .left .accept input{width: max(0.14rem, 14px);height: max(0.14rem, 14px);border: 1px solid #fff;background: none !important;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-top: 0.25em;}
.footer .top .box .left .accept label{flex: 1;}
.footer .top .box .left .accept span{position: absolute;top: 0.25em;left: 0;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%235C5C5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");filter: var(--imgwhite);opacity: 0;width: max(0.14rem, 14px);height: max(0.14rem, 14px);pointer-events: none;}
.footer .top .box .left .accept input:checked[type=checkbox] + span{opacity: 1;}

.success_box .txt{display: none;}


.brumb{display: flex;align-items: center;gap: 0.1rem;}
.brumb .home{width: 0.24rem;aspect-ratio: 1 / 1;}
.brumb span{width: 0.14rem;aspect-ratio: 1 / 1;}
.brumb a{line-height: 1.5;color: #999999;}
.brumb a:last-child{color: #333;font-weight: 500;max-width: 3.7rem;}

.news_det_page{padding-top: 1.5rem;}
.news_det_page .brumbbox{margin-bottom: 0.62rem;}