/* 禁止文字选中 */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* common */
.w1660{padding: 0 1.25rem;width: 100%;}

.mg80{margin-top: 0.8rem;}

.mg120{margin-top: 1.2rem;}

.footer{position: relative;z-index: 30;overflow: hidden;}

.footer .imgbg{position: absolute;top: 2rem;left: 0;width: 100%;height: 100%;}

.footer .imgbg img{height: 100%;object-fit: cover;}

.footer .con{position: relative;transform: translateY(calc(0.57rem * var(--section-progress)));padding: 0.74rem 0 0;}

.footer .con::before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: calc((100% - 1.38rem) + var(--section-progress) * 1.38rem);height: 100%;background: #fff;border-radius: 0.4rem 0.4rem calc(0.4rem - var(--section-progress) * 0.4rem) calc(0.4rem - var(--section-progress) * 0.4rem);}

.footer .con::after{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;background: url(../images/footer_line.webp) no-repeat top right 0.5rem;background-size: auto 100%;}

.footer .con .w1660{position: relative;z-index: 5;}

.footer .ftp{display: flex;justify-content: space-between;}

.footer .ftp .ul{display: flex;flex: 1;max-width: 12.5rem;justify-content: space-between;}

.footer .ftp .ul .li:not(:last-child){margin-right: 0.2rem;}

.footer .ftp .ul .li{width: max-content;max-width: 160px;}

.footer .ftp .ul .li .lv1 a{display: block;width: fit-content;line-height: calc(42 / 22);white-space: nowrap;}

.footer .ftp .ul .li .lv2list{margin-top: 0.3rem;}

.footer .ftp .ul .li .lv2list .lv2:not(:first-child){margin-top: 0.2rem;}

.footer .ftp .ul .li .lv2list .lv2 a{display: block;width: fit-content;line-height: calc(24 / 14);color: #999;}

.footer .ftp .ul .li .lv1 a:hover,
.footer .ftp .ul .li .lv2list .lv2 a:hover{color: var(--theme-color);}

.footer .ftp .rf{margin-left: 0.8rem;}

.footer .ftp .rf .r1{position: relative;}

.footer .ftp .rf .r1 .rtp{position: relative;border-radius: 0.67rem;border: 1px solid #E8E8E8;padding: 0.19rem 0.52rem 0.19rem 0.26rem;width: 3.3rem;}

.footer .ftp .rf .r1 .rtp img{position: absolute;right: 0.27rem;top: 50%;width: 0.15rem;transform: translateY(-50%);}

.footer .ftp .rf .r1:hover .rbt{display: block;}

.footer .ftp .rf .r1 .rbt{position: absolute;top: 100%;left: 0;width: 100%;padding: 0.19rem 0.26rem;border: 1px solid #E8E8E8;border-radius: 0.29rem;background: #fff;display: none;}

.footer .ftp .rf .r1 .rbt .link:not(:first-child){margin-top: 0.1rem;}

.footer .ftp .rf .r1 .rbt .link a:hover{color: var(--theme-color);}

.footer .ftp .rf .r2{margin-top: 1.7rem;display: flex;align-items: center;justify-content: flex-end;}

.footer .ftp .rf .r2 .link{position: relative;margin-left: 0.24rem;}

.footer .ftp .rf .r2 .link:first-child{margin-left: 0;}

.footer .ftp .rf .r2 .link a{display: block;width: 0.6rem;height: 0.6rem;border-radius: 50%;overflow: hidden;}

.footer .ftp .rf .r2 .link a img{aspect-ratio: 1 / 1;object-fit: contain;position: relative;z-index: 3;transition: all 0.4s var(--ease);}

.footer .ftp .rf .r2 .link a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E8E8E8;border-radius: 50%;transition: all 0.4s var(--ease);}

.footer .ftp .rf .r2 .link a::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(96deg, #FDB808 0%, #FF8E00 100%);border-radius: 50%;opacity: 0;transition: all 0.4s var(--ease);}

.footer .ftp .rf .r2 .link:hover a img{filter: var(--imgwhite);}

.footer .ftp .rf .r2 .link:hover a:before{opacity: 0;}

.footer .ftp .rf .r2 .link:hover a:after{opacity: 1;}

.footer .ftp .rf .r2 .link .code{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 0.2rem;display: none;}

.footer .ftp .rf .r2 .link .code .imgbox{width: 1.2rem;padding: 0.1rem;border-radius: 0.08rem;border: 1px solid #E8E8E8;position: relative;}

.footer .ftp .rf .r2 .link .code .imgbox::before{content: "";position: absolute;top: -0.04rem;left: 50%;width: 0.08rem;height: 0.08rem;border-top: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;transform: translateX(-50%) rotate(-45deg);background: #fff;}

.footer .ftp .rf .r2 .link:hover .code{display: block;}

.footer .fbt{margin-top: 0.82rem;border-top: 1px solid #E8E8E8;padding: 0.32rem 0 0.24rem;line-height: calc(24 / 14);color: #666;display: flex;flex-wrap: wrap;justify-content: space-between;}

.footer .fbt a{color: var(--text-color3);}

.footer .fbt a:hover{color: var(--theme-color);}

.footer .fbt .lf{display: flex;align-items: center;}

.footer .ft_logo{padding: 2.67rem 0 2.61rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 3;}

.footer .ft_logo img{width: 3.43rem;position: relative;transform: translateY(calc(-2rem * var(--section-progress)))}

.header{position: fixed;z-index: 111;top: 0;left: 0;width: 100%;background: #F1F2ED;}

.header::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #E4E4E4;pointer-events: none;}

.header>.w1660{display: flex;align-items: center;justify-content: space-between;}

.header .lf{display: flex;align-items: center;}

.header .lf .logo{width: 2.16rem;}

.header .lf .ul{display: flex;margin-left: 0.88rem;}

.header .lf .ul .li{margin-left: 0.7rem;}

.header .lf .ul .li:nth-child(n+2){display:none;}

.header .lf .ul .li:first-child{margin-left: 0;}

.header .lf .ul .li .lv1 a{display: block;line-height: 1rem;}

.header .lf .ul .li.act .lv1 a,
.header:hover .lf .ul .li:hover .lv1 a{color: var(--theme-color);}

.header .lf .ul .li .lv2xl{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: #F1F2ED;padding: 0.3rem 1.25rem 0.34rem;transition: none;}

/*.header .lf .ul .li:hover .lv2xl{display: block;}*/

.header .lf .ul .li .lv2xl .lox{display: flex;justify-content: center;flex-wrap: wrap;gap: 0.2rem 0.8rem;}

.header .lf .ul .li .lv2xl .lox a{position: relative;line-height: 1.5;color: #666;}

.header .lf .ul .li .lv2xl .lox a span{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.header .lf .ul .li .lv2xl .lox a:hover{color: rgba(102,102,102,0);}

.header .lf .ul .li .lv2xl .lox a:hover span{opacity: 1;}




.header .rf{display: flex;align-items: center;}

.header .rf .search{width: 0.18rem;}

.header .rf .contact{padding: 0.1rem 0.23rem;line-height: calc(20 / 16);border-radius: 0.4rem;background: #fff;margin-left: 0.32rem;}

.header:hover .rf .contact:hover{background: var(--theme-color);color: #fff;}

.header .rf .outlogin,
.header .rf .login{border: 1px solid rgba(17, 17, 17, 0.08);border-radius: 0.4rem;line-height: calc(17 / 14);padding: 0.1rem 0.24rem 0.11rem 0.23rem;margin-left: 0.16rem;}

.header:hover .rf .outlogin:hover,
.header:hover .rf .login:hover{border-color: var(--theme-color);background: var(--theme-color);color: #fff;}

.header .rf .language{border: 1px solid rgba(17, 17, 17, 0.08);border-radius: 0.4rem;line-height: calc(17 / 14);padding: 0.1rem 0.08rem 0.11rem 0.09rem;margin-left: 0.16rem;}

.header:hover .rf .language:hover{border-color: var(--theme-color);background: var(--theme-color);color: #fff;}

.header.header_white:not(.on, :hover){background: rgba(241, 242, 237, 0);}

.header.header_white:not(.on, :hover)::before{opacity: 0;}

.header.header_white:not(.on, :hover) .lf .logo img{filter: var(--imgwhite);}

.header.header_white:not(.on, :hover) .lf .ul .li .lv1 a{color: #fff;}

.header.header_white:not(.on, :hover) .rf .search img:nth-child(1){filter: var(--imgwhite);}

.header.header_white:not(.on, :hover) .rf .outlogin,
.header.header_white:not(.on, :hover) .rf .login{border-color: rgba(255,255,255,0.2);color: #fff;}

.header.header_white:not(.on, :hover) .rf .language{border-color: rgba(255,255,255,0.2);color: #fff;}

/* 首页 */
.in1 .imgbox{height: clamp(9rem, 100vh, 10.8rem);}

.in1 .imgbox img{height: 100%;object-fit: cover;}

.in1 .imgbox video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.in1 .imgbox a{opacity: 0;pointer-events: none;}

.in1 .txtbox{position: absolute;z-index: 5;}

.in1 .txtbox .t1{line-height: 1.5;}

.in1 .txtbox .t2{line-height: 183.333%;}

.in1 .txtbox .t3{line-height: 1.5;}

.in1 .txtbox .t4{margin-top: 0.5rem;}

.in1 .txtbox .t4 .webbtn{margin: 0 auto;}

.in1 .txtbox.black{top: calc(300 / 1080 * 100%);left: 1.25rem;width: fit-content;max-width: calc(100% - 2.5rem);}

.in1 .txtbox.black .webbtn .bg::before{background: var(--text-color3);}

.in1 .txtbox.black .t1,
.in1 .txtbox.black .t3{color: var(--text-color2);}

.in1 .txtbox.white{top: calc(184 / 1080 * 100%);left: 1.25rem;width: calc(100% - 2.5rem);}

.in1 .txtbox.white .t1,
.in1 .txtbox.white .t2,
.in1 .txtbox.white .t3{color: #fff;}

.in1 .txtbox.white .webbtn{background: #fff;}

.in1 .txtbox.white .webbtn .bg::before{background: #fff;}




.in1 .pogin{position: absolute;z-index: 10;left: 1.25rem;bottom: 0.73rem;display: flex;align-items: center;justify-content: flex-end;width: fit-content;}

.in1 .pogin span{width: 0.4rem;height: 2px;margin: 0 0.18rem 0 0;background: rgba(255,255,255,0.36);opacity: 1;position: relative;}

.in1 .pogin span::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;}

.in1 .pogin span.swiper-pagination-bullet-active::before{width: 100%;transition: all 4000ms linear;}

.in1 .mouse{position: absolute;z-index: 10;right: 1.25rem;bottom: 0.73rem;border-radius: 0.1rem;background: rgba(0, 0, 0, 0.26);backdrop-filter: blur(18.450000762939453px);display: flex;align-items: center;padding: 0.1rem 0.1rem 0.1rem 0.26rem;}

.in1 .mouse .txt{line-height: 108.333%;color: #fff;margin-right: 0.68rem;}

.in1 .mouse .arr{border-radius: 0.1rem;background: var(--linear-gradient);overflow: hidden;position: relative;width: 0.6rem;height: 0.6rem;}

.in1 .mouse .arr span{position: absolute;left: 0.23rem;width: 0.14rem;transition: all 500ms cubic-bezier(0, 0, 0, 1.08);animation-duration: 2500ms;animation-timing-function: cubic-bezier(0, 0, 0, 1.08);animation-iteration-count: infinite;}

.in1 .mouse .arr span:nth-child(1){top: -0.05rem;opacity: 0;animation-name: arrAnim1;}

.in1 .mouse .arr span:nth-child(2){top: 0.22rem;opacity: 1;animation-name: arrAnim2;}

/*.in1 .mouse .arr:hover span:nth-child(1){top: 0.22rem;opacity: 1;}*/

/*.in1 .mouse .arr:hover span:nth-child(2){top: 0.38rem;opacity: 0;}*/


@keyframes arrAnim1 {
  0% {
    top: -0.05rem;
    opacity: 0;
  }
  20% {
    top: 0.22rem;
    opacity: 1;
  }
  100% {
    top: 0.22rem;
    opacity: 1;
  }
}

@keyframes arrAnim2 {
  0% {
    top: 0.22rem;
    opacity: 1;
  }
  20% {
    top: 0.38rem;
    opacity: 0;
  }
  100% {
    top: 0.38rem;
    opacity: 0;
  }
}

/*.in1 .mouse .arr span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;animation: mouse 1500ms linear infinite;}*/

/*.in1 .mouse .arr span img{width: 0.14rem;}*/

/*@keyframes mouse {*/
/*  0%{top: -0.4rem;opacity: 1;}*/
/*  99%{top: 0.4rem;opacity: 1;}*/
/*  99.3%{top: 0.4rem;opacity: 0;}*/
/*  99.6%{top: -0.4rem;opacity: 0;}*/
/*  100%{top: -0.4rem;opacity: 1;}*/
/*}*/

.in2{position: relative;z-index: 10;--height: calc(110vh + 0.2rem + max(var(--lis) - 3, 0) * 6.1rem);min-height: var(--height);}

.in2 .con{position: sticky;top: 0;height: 100vh;overflow: hidden;transition: transform 800ms cubic-bezier(0, 0, 0, 1.05);background: #F1F2ED;}

.in2 .imgbg{position: absolute;right: 1.25rem;top: calc(477 / 1080 * 100%);width: 4.3rem;height: 2.9rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in2 .imgbg img{height: 100%;object-fit: cover;}

.in2 .txtbox{position: absolute;left: 1.25rem;top: calc(387 / 1080 * 100%);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);width: 11rem;}

.in2 .txtbox .t1{font-size: 1.5rem;line-height: 1.42rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in2 .txtbox .t2{position: absolute;top: calc(100% + 0.29rem);line-height: calc(58 / 28);color: var(--text-color2);}

.in2 .txtbox .t2 span{display: block;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in2 .txtbox .t3{position: absolute;top: calc(100% + 0.29rem);line-height: 1.8;color: var(--text-color2);opacity: 0;pointer-events: none;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);width: 6.78rem;}

.in2.act .imgbg{width: 100%;height: 100%;right: 0;top: 0;}

.in2.act .txtbox{top: calc(252 / 1080 * 100%);top: calc(200 / 1080 * 100%);}

.in2.act .txtbox .t1{font-size: 0.6rem;line-height: 0.74rem;}

.in2.act .txtbox .t2 span{font-size: 0.714em;opacity: 0;}

.in2.act .txtbox .t3{opacity: 1;}

.in2.act .number{transform: translateX(0);}

.in2 .number{position: absolute;left: 0;bottom: 0.4rem;overflow: hidden;width: 100%;padding: 0 1.25rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);transform: translateX(100vw);}

.in2 .number .ul{width: max-content;display: flex;transform: translateX(calc((1.25rem + 0.2rem + max(var(--lis) - 3, 0) * 6.1rem) * -1 * clamp(0, (var(--distance) - 0.2) * 1.25 * 1.25, 1)));}

.in2 .number .ul .li{width: 5.9rem;height: 3.2rem;border-radius: 0.14rem;background: rgba(0, 0, 0, 0.06);backdrop-filter: blur(12.699999809265137px);padding: 0.39rem 0.49rem;position: relative;margin-right: 0.2rem;overflow: hidden;}

.in2 .number .ul .li::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);opacity: 0;}

.in2 .number .ul .li:last-child{margin-right: 0;}

.in2 .number .ul .li .ltp{position: relative;z-index: 3;}

.in2 .number .ul .li .ltp span{line-height: 110%;color: #fff;}

.in2 .number .ul .li .unit{line-height: 1.3;color: #fff;margin-top: 0.06rem;}

.in2 .number .ul .li .lbt{position: absolute;left: 0;bottom: 0.25rem;padding: 0 0.49rem;width: 100%;line-height: 1.25;color: #fff;}

.in2 .number .ul .li .lbt p{padding-left: 0.21rem;position: relative;}

.in2 .number .ul .li .lbt p::before{content: "";position: absolute;left: 0;top: calc(0.625em - 0.05rem);width: 0.1rem;height: 0.1rem;border-radius: 50%;background: #fff;opacity: 0;}

.in2 .number .ul .li .lbt p::after{content: "";position: absolute;left: 0;top: calc(0.625em - 0.05rem);width: 0.1rem;height: 0.1rem;border-radius: 50%;background: var(--linear-gradient);}

.in2 .number .ul .li .ss{position: absolute;top: 0;left: 0;width: 100%;z-index: 3;height: 100%;}

.in2 .number .ul .li .ss .logo{position: absolute;top: 0.48rem;left: 0.49rem;width: 1.02rem;}

.in2 .number .ul .li .ss .text{position: absolute;left: 0.49rem;bottom: 0.22rem;display: flex;justify-content: space-between;align-items: flex-end;width: calc(100% - 0.98rem);}

.in2 .number .ul .li .ss .text .lf{line-height: calc(46 / 34);color: #fff;}

.in2 .number .ul .li .ss .text .rf{display: flex;align-items: center;line-height: 111.111%;color: #fff;margin-bottom: 0.07rem;}

.in2 .number .ul .li .ss .text .rf img{width: 0.13rem;margin-left: 0.12rem;}

.in2 .number .ul .li:hover::before{opacity: 1;}

.in2 .number .ul .li:hover .lbt p::before{opacity: 1;}

.in2 .number .ul .li:hover .lbt p::after{opacity: 0;}

.in2.act2 .con{transform: translateY(-100vh);}

.in3{position: relative;min-height: 200vh;}

.in3 .con{position: sticky;top: 0;transform: translateY(calc(-100vh + min(var(--progress) * 2, 1) * 100vh));height: 100vh;overflow: hidden;}

.in3 .con::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: calc(0.7 - (clamp(0, (var(--progress) - 0.2) * 2, 1) * 0.7));z-index: 5;pointer-events: none;}

.in3 .bgimg{position: absolute;width: 6.48rem;transition: transform 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .bgimg .imgbox{height: 3.65rem;border-radius: 0.2rem;margin-bottom: 0.8rem;overflow: hidden;transition: height 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .bgimg .imgbox:last-child{margin-bottom: 0;}

.in3 .bgimg .imgbox img{height: 100%;object-fit: cover;}

.in3 .bg_lf{top: calc(8rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 7.49rem));left: calc(-0.69rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 4.06rem));width: calc(6.48rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 2.29rem));}

.in3 .bg_rf .imgbox,
.in3 .bg_lf .imgbox{height: calc(3.65rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 1.3rem));margin-bottom: calc(0.8rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 0.3rem));}

.in3 .bg_rf{top: calc(-13.42rem + (clamp(0, (var(--progress) - 0.1) * 2, 1) * 15.24rem));right: calc(-0.69rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 4.06rem));width: calc(6.48rem - (clamp(0, (var(--progress) - 0.1) * 2, 1) * 2.29rem));}

.in3 .bg_ct{top: 50%;left: 50%;transform: translate(-50%, calc(-50% - -1.69rem));width: calc(6.48rem + (clamp(0, (var(--progress) - 0.1) * 2, 1) * 12.62rem));}

.in3 .bg_ct .imgbox{margin-bottom: 0.56rem;height: calc(3.65rem + (clamp(0, (var(--progress) - 0.1) * 2, 1) * (100vh - 3.65rem)));border-radius: calc(0.2rem - (clamp(0, (var(--progress) - 0.2) * 2, 1) * 0.2rem));position: relative;}

.in3 .bg_ct .picbox img{position: absolute;top: 0;left: 0;opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);pointer-events: none;}

.in3 .bg_ct .picbox img.act{opacity: 1;pointer-events: all;}

.in3.act .bg_lf{transform: translateY(-6.74rem);}

.in3.act .bg_rf{transform: translateY(5.81rem);}

.in3.act .bg_ct{transform: translate(-50%, -50%);}

.webbtn{padding: 0;min-width: 1.6rem;display: flex;align-items: center;justify-content: center;padding: 0.08rem 0.22rem;border-radius: 0.48rem;overflow: hidden;position: relative;width: fit-content;}

.webbtn .bg{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;border-radius: 0.48rem;overflow: hidden;padding: 1px;-webkit-mask: linear-gradient(#E8E8E8 0 0) content-box, linear-gradient(#E8E8E8 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}

.webbtn .bg::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #E8E8E8;}

.webbtn .bg::after{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--linear-gradient);}

.webbtn .btn_txt{line-height: 0.32rem;margin-right: 0.08rem;position: relative;z-index: 4;min-width: 0;}

.webbtn .btn_arr{width: 0.08rem;height: 0.08rem;border-radius: 50%;background: var(--linear-gradient);position: relative;z-index: 4;}

.webbtn .btn_arr img{opacity: 0;}

.webbtn:hover .bg::before{left: 100%;}

.webbtn:hover .bg::after{left: 0;}

.webbtn:hover{padding-right: 0.08rem;}

.webbtn:hover .btn_txt{min-width: 0.9rem;}

.webbtn:hover .btn_arr{width: 0.32rem;height: 0.32rem;}

.webbtn:hover .btn_arr img{opacity: 1;}

.webbtn_white{background: #fff;}

.webbtn_gray .bg{background: #ffffff80;}

.in3 .titbox{position: absolute;left: 50%;transform: translateX(-50%);top: calc((440 - 289 * clamp(0, (var(--progress) - 0.2) * 3.3, 1)) / 1080 * 100%);z-index: 15;opacity: calc(1 - clamp(0, (var(--progress) - 0.2) * 3.3, 1));}

.in3 .titbox .t1{font-size: 1.5rem;line-height: 1.54rem;color: #fff;transform: translateY(4.89rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .titbox .t2{line-height: 161.538%;color: #fff;max-width: calc(649 / 26 * 1em);margin: 0.38rem auto 0;transform: translateY(6.81rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .titbox .t3{display: flex;justify-content: center;margin-top: 0.38rem;transform: translateY(8.95rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .linebox{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 15;width: 2px;height: 0.64rem;overflow: hidden;background: rgba(255,255,255,0.3);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);transform: translateY(4.89rem);}

.in3 .linebox s{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: #fff;animation: linebox 2000ms linear infinite;}

@keyframes linebox {
  0%{top: -0.64rem;opacity: 1;}
  99%{top: 0.64rem;opacity: 1;}
  99.3%{top: 0.64rem;opacity: 0;}
  99.6%{top: -0.64rem;opacity: 0;}
  100%{top: -0.64rem;opacity: 1;}
}

.in3.act .titbox .t1,
.in3.act .titbox .t2,
.in3.act .titbox .t3,
.in3.act .linebox{transform: translateY(0);}

.in3.act2 .linebox{bottom: -0.64rem;}

.in3.act2 .listbox{pointer-events: all;}

.in3.act2 .listbox .txtbox{transform: translateY(0);opacity: 1;}

.in3.act2 .listbox .switch,
.in3.act2 .listbox .imgbox{transform: translateY(0);}

.in3 .listbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 20;}

.in3 .listbox .txtbox{position: absolute;left: 1.25rem;top: calc(313 / 1080 * 100%);transform: translateY(2.36rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .listbox .txtbox .item{position: absolute;top: 0;left: 0;width: fit-content;pointer-events: none;}

.in3 .listbox .txtbox .item .txt{position: relative;transform: translateX(3.4rem);opacity: 0;transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);}

.in3 .listbox .txtbox .item .more{display: none;}

.in3 .listbox .txtbox .item.act{pointer-events: all;}

.in3 .listbox .txtbox .item.act .txt{transform: translateX(0);opacity: 1;}

.in3 .listbox .txtbox .item.act .more{display: block;}

.in3 .listbox .txtbox .item.exit .txt{transform: translateX(-1.06rem);opacity: 0;}

.in3 .listbox .txtbox .item .txt .t1{line-height: 1.5;color: #fff;}

.in3 .listbox .txtbox .item .txt .t2{line-height: 1.8;height: 7.2em;color: #fff;margin-top: 0.1rem;width: calc(566 / 20 * 1em);}

.in3 .listbox .txtbox .item .more{margin-top: 0.79rem;}

.in3 .listbox .txtbox .item .more .webbtn{background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(7.650000095367432px);}
.in3 .listbox .txtbox .item .more .webbtn .bg::before{background: rgba(255,255,255,0.3);}
.in3 .listbox .txtbox .item .more .webbtn .btn_txt{color: #fff;}

.in3 .listbox .switch{position: absolute;left: 1.25rem;bottom: 0.29rem;width: fit-content;max-width: 12rem;transform: translateY(20rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);transform: translateY(3.33rem);}

.in3 .listbox .switch .swiper{border-radius: 0.14rem;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(8.5px);}

.in3 .listbox .switch .swiper .swiper-slide{width: auto;height: auto;position: relative;border-radius: 0.14rem;overflow: hidden;}

.in3 .listbox .switch .swiper .swiper-slide::before{content: "";position: absolute;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);display: none;}

.in3 .listbox .switch .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);top: anchor(top);width: anchor-size(width);height: 100%;background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;border-radius: 0.14rem;}

.in3 .listbox .switch .swiper .swiper-slide span{position: relative;z-index: 2;line-height: 0.64rem;min-width: 2rem;padding: 0 0.15rem;color: #fff;display: block;text-align: center;}

.in3 .listbox .switch .swiper .swiper-slide.act{anchor-name: --anchor-select;}

.in3 .listbox .imgbox{position: absolute;right: 1.25rem;bottom: 0.29rem;width: 3.5rem;transform: translateY(20rem);transform: translateY(5.07rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.in3 .listbox .imgbox .item{position: absolute;right: 0;bottom: 0;width: 100%;pointer-events: none;transform: translateX(1.3rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.02);}

@keyframes classimgboxAnimation {
  0%{transform: translateX(0);opacity: 1;}
  100%{transform: translateX(1.3rem);opacity: 0;}
}

.in3 .listbox .imgbox .item.act{pointer-events: all;animation: none;transform: translateX(0);opacity: 1;}

.in3 .listbox .imgbox .item .ss{display: block;height: 2.38rem;background: #fff;border-radius: 0.2rem;padding: 0.13rem 0.3rem 0.22rem;overflow: hidden;}

.in3 .listbox .imgbox .item .ss .pic{height: 1.13rem;display: flex;align-items: center;justify-content: center;}

.in3 .listbox .imgbox .item .ss .pic img{max-height: 100%;width: auto;object-fit: contain;}

.in3 .listbox .imgbox .item .ss .set{line-height: 1.3;height: 2.6em;color: var(--text-color2);margin-top: 0.13rem;text-align: center;}

.in3 .listbox .imgbox .item .ss .det{display: flex;align-items: center;justify-content: center;margin-top: 2px;line-height: calc(20 / 16);color: #999;}

.in3 .listbox .imgbox .item .ss .det span{margin-left: 0.08rem;width: 0.2rem;height: 0.2rem;border-radius: 50%;background: var(--linear-gradient);}

.in3 .listbox .imgbox .item .ss:hover .det span{margin-left: 0.16rem;}

.in4{position: relative;background: #F1F2ED;min-height: calc(100vh + (var(--lis) * 10.4rem) / 2);}
/* 3190 3*1040*/
.in4 .con{position: sticky;top: 0;height: 100vh;overflow: hidden;}

.in4 .con .titbox{position: absolute;top: calc(323 / 1080 * 100%);left: 50%;transform: translateX(-50%) scale(calc(1 - (0.46 * clamp(0, (var(--distance) - 0.25) * 5, 1))));opacity: calc(1 - clamp(0, (var(--distance) - 0.25) * 5, 1));}

.in4 .con .titbox .t1{font-size: 1.5rem;line-height: 1.54rem;width: 11rem;transform: translateY(calc(13.93rem - (13.93rem * clamp(0, var(--progress-top) * 1.25, 1))));}

.in4 .con .titbox .t2{line-height: calc(42 / 26);color: var(--text-color2);width: calc(649 / 26 * 1em);margin: 0.38rem auto 0;transform: translateY(calc(16.27rem - (16.27rem * var(--progress-top))));}

.in4 .con .titbox .t3{display: flex;align-items: center;justify-content: center;margin-top: 0.38rem;transform: translateY(calc(16.27rem - (16.27rem * var(--progress-top))));}

.in4 .con .casebox{position: absolute;top: calc(251 / 1080 * 100%);left: calc(100% - (1.25rem * var(--progress-top)));width: max-content;}

.in4 .con .casebox .ul{display: flex;position: relative;transform: translateX(calc((var(--lis) * 10.7rem - 0.3rem) * -1 * clamp(0, (var(--distance) - 0.25) * 1.5, 1)));}

.in4 .con .casebox .ul .li{width: 10.4rem;margin-right: 0.3rem;}

.in4 .con .casebox .ul .li:last-child{margin-right: 0;}

.in4 .con .casebox .ul .li .ss{display: block;position: relative;overflow: hidden;position: relative;}

.in4 .con .casebox .ul .li .ss .imgbox{height: 6.6rem;border-radius: 0.2rem;overflow: hidden;position: relative;}

.in4 .con .casebox .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.in4 .con .casebox .ul .li .ss .imgbox::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 55.38%, rgba(0, 0, 0, 0.54) 100%);}

.in4 .con .casebox .ul .li .ss .imgbox::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.38);opacity: 0;}

.in4 .con .casebox .ul .li .ss .txtbox{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;padding: 0 0.37rem 0.37rem;}

.in4 .con .casebox .ul .li .ss .txtbox .t1{line-height: 141.176%;color: #fff;text-transform: capitalize;}

.in4 .con .casebox .ul .li .ss .txtbox .t2{position: absolute;left: 0.37rem;bottom: -1rem;}

.in4 .con .casebox .ul .li .ss .txtbox .t2 .webbtn{background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(7.650000095367432px);}

.in4 .con .casebox .ul .li .ss .txtbox .t2 .webbtn .bg::before{background: rgba(255,255,255,0.3);}

.in4 .con .casebox .ul .li .ss .txtbox .t2 .webbtn .btn_txt{color: #fff;}

.in4 .con .casebox .ul .li .ss:hover .imgbox img{transform: scale(1.05);}

.in4 .con .casebox .ul .li .ss:hover .imgbox::before{opacity: 0;}

.in4 .con .casebox .ul .li .ss:hover .imgbox::after{opacity: 1;}

.in4 .con .casebox .ul .li .ss:hover .txtbox{padding-bottom: 1.04rem;}

.in4 .con .casebox .ul .li .ss:hover .txtbox .t2{bottom: 0.33rem;}

.in5{position: relative;padding-top: 5.03rem;padding-top: 3rem;}

.in5 .con{padding-bottom: 1.35rem;padding-top: 2rem;}

.in5 .con .w1660{position: relative;display: flex;justify-content: flex-end;padding-bottom: 0.25rem;}

.in5 .con .left{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.in5 .con .left .lox{position: sticky;top: 1.2rem;height: 100%;width: 100%;max-height: calc(100vh - 1.2rem);}

.in5 .con .left .lox .tit{font-size: calc(1.5rem - (0.9rem * clamp(0, (var(--progress-top) - 0.5) * 2, 1)));line-height: 1.54rem;position: absolute;top: -0.5rem;left: 1.25rem;transform: translateY(calc(-1.87rem + (1.87rem * clamp(0, (var(--progress-top) - 0.5) * 2, 1))));}

.in5 .con .left .lox .icon{position: absolute;left: -2.57rem;bottom: 0;width: 10.46rem;opacity: 0.3;}

.in5 .con .left .lox .mouse{position: absolute;left: 1.25rem;bottom: 1.56rem;border-radius: 0.1rem;background: var(--linear-gradient);overflow: hidden;width: 0.6rem;height: 0.6rem;}

/*.in5 .con .left .lox .mouse span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;animation: mouse 1500ms linear infinite;}*/

/*.in5 .con .left .lox .mouse span img{width: 0.14rem;}*/

.in5 .con .left .lox .mouse span{position: absolute;left: 0.23rem;width: 0.14rem;transition: all 500ms cubic-bezier(0, 0, 0, 1.08);animation-duration: 2500ms;
  animation-timing-function: cubic-bezier(0, 0, 0, 1.08);
  animation-iteration-count: infinite;}

.in5 .con .left .lox .mouse span:nth-child(1){top: -0.05rem;opacity: 0;animation-name: arrAnim1;}

.in5 .con .left .lox .mouse span:nth-child(2){top: 0.22rem;opacity: 1;animation-name: arrAnim2;}

/*.in5 .con .left .lox .mouse:hover span:nth-child(1){top: 0.22rem;opacity: 1;}*/

/*.in5 .con .left .lox .mouse:hover span:nth-child(2){top: 0.38rem;opacity: 0;}*/


.in5 .con .right{width: 10.41rem;margin-right: 0.44rem;z-index: 5;}

.in5 .con .right .li{margin-top: 0.8rem;}

.in5 .con .right .li:first-child{margin-top: 0;}

.in5 .con .right .li .ss{display: flex;align-items: center;justify-content: space-between;}

.in5 .con .right .li .ss .pic{width: 3.5rem;height: 2.6rem;border-radius: 0.12rem;overflow: hidden;}

.in5 .con .right .li .ss .pic img{height: 100%;object-fit: cover;}

.in5 .con .right .li .ss .txt{flex: 1;margin-left: 0.74rem;}

.in5 .con .right .li .ss .txt .top{display: flex;align-items: center;}

.in5 .con .right .li .ss .txt .top .set{line-height: 1.1;min-width: 11em;margin-right: 0.2rem;}

.in5 .con .right .li .ss .txt .top .line{height: 1px;width: 1.46rem;background: #C8C8C8;margin-right: 0.18rem;}

.in5 .con .right .li .ss .txt .top .date{line-height: 1.1;}

.in5 .con .right .li .ss .txt .bot{line-height: 153.333%;margin-top: 0.34rem;}

.in5 .con .right .li .ss:hover .pic img{transform: scale(1.05);}

.in5 .con .right .li .ss:hover .txt .bot{color: var(--theme-color);}

.in5 .con .right .more{margin-top: 0.7rem;display: flex;justify-content: center;}

.in6{padding: 0.6rem 0 1.6rem;}

.in6 .t1{line-height: 1.1;}

.in6 .t2{line-height: 2;margin: 0.22rem auto 0;max-width: calc(1014 / 20 * 1em);}

.in6 .t3{display: flex;justify-content: center;margin-top: 0.58rem;}

/* 新闻 */
.newsLayout{padding: 2rem 0 1.46rem;background: #F1F2ED;}

.title{line-height: 151.515%;}

.news1{margin-top: 0.5rem;background: rgba(255,255,255,0.5);border-radius: 0.2rem;overflow: hidden;}

.news1 .swiper-slide{padding: 0.75rem 0.81rem 0.75rem 0.62rem;height: auto;display: flex;justify-content: space-between;}

.news1 .swiper-slide .imgbox{width: 7.68rem;height: 5.7rem;border-radius: 0.12rem;overflow: hidden;}

.news1 .swiper-slide .imgbox img{height: 100%;object-fit: cover;}

.news1 .swiper-slide .txtbox{width: 5.89rem;position: relative;padding-bottom: 1.2rem;}

.news1 .txtbox .top{display: flex;align-items: center;justify-content: space-between;padding-right: 0.17rem;}

.news1 .txtbox .top .set{line-height: 1.1;text-transform: capitalize;}

.news1 .txtbox .top .date{display: flex;align-items: center;line-height: 1.1;}

.news1 .txtbox .top .date s{width: 1.46rem;height: 1px;background: #C8C8C8;margin-right: 0.18rem;}

.news1 .txtbox .t1{line-height: 153.333%;margin-top: 0.61rem;display: block;max-width: 5.32rem;}

.news1 .txtbox .t2{line-height: 211.111%;color: var(--text-color3);margin-top: 0.28rem;}

.news1 .txtbox .more{position: absolute;left: 0;bottom: 0.36rem;}

.news1 .txtbox .t1:hover{color: var(--theme-color);}

.news1 .swiper-slide .imgbox img:hover{transform: scale(1.05);}

.newshot .swiper-pagination-bullet-active{background: var(--linear-gradient);}

.news2{margin-top: 1.6rem;}

.news2 .ntp{display: flex;justify-content: space-between;align-items: flex-start;position: relative;z-index: 10;}

.news2 .ntp::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #C0C0C0;}

.news2 .ntp .swiper{max-width: 14rem;}

.news2 .ntp .swiper .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: 2px;background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;}

.news2 .ntp .swiper .swiper-slide{width: auto;margin-right: 1rem;position: relative;line-height: 1.1;color: var(--text-color3);padding-bottom: 0.24rem;}

.news2 .ntp .swiper .swiper-slide span{position: absolute;top: 0;left: 0;opacity: 0;}

.news2 .ntp .swiper .swiper-slide:last-child{margin-right: 0;}

.news2 .ntp .swiper .swiper-slide.act{anchor-name: --anchor-select;font-family: 'Montserrat-Medium';font-weight: 500;color: rgba(102, 102, 102, 0);}

.news2 .ntp .swiper .swiper-slide.act span{opacity: 1;}

/*.news2 .ntp .rf{width: 128px;}*/

/*.news2 .ntp .rf select{display: block;width: 100%;border: none;background: none;line-height: 1.1;color: var(--text-color);background: url(../images/svg/news2_select_arr.svg) no-repeat right center;appearance: none;-webkit-appearance: none;-moz-appearance: none;user-select: none;padding: 0 0 0 10px;}*/

.news2 .ntp .rf{position: relative;}

.news2 .ntp .rf .ltp{display: flex;line-height: 1.1;}

.news2 .ntp .rf .ltp img{width: 12px;margin-left: 0.45rem;}

.news2 .ntp .rf .lbt{position: absolute;top: 100%;right: 0;width: 1.62rem;padding-top: 0.18rem;transform: translateY(0.5rem);visibility: hidden;opacity: 0;pointer-events: none;}

.news2 .ntp .rf:hover .ltp img{transform: rotate(180deg);}

.news2 .ntp .rf:hover .lbt{transform: translateY(0);opacity: 1;visibility: visible;pointer-events: all;}

.news2 .ntp .rf .lbt .lox{border-radius: 0.14rem;background: #F8F8F6;box-shadow: 0 42px 85.7px 0 rgba(0, 0, 0, 0.10);padding: 0.14rem 0;text-align: center;}

.news2 .ntp .rf .lbt .lox a{display: block;padding: 0.08rem 0.1rem 0.07rem;line-height: 122.222%;color: #999;margin-top: 0.1rem;}

.news2 .ntp .rf .lbt .lox a:hover{background: #F0F0F0;color: #333;}



.news2 .nbt{margin-top: 1rem;}

.news2 .nbt .li{display: flex;justify-content: space-between;padding-right: 0.45rem;margin-top: 0.8rem;}

.news2 .nbt .li.one{margin-top: 1.4rem;}

.news2 .nbt .li:first-child{margin-top: 0;}

.news2 .nbt .li .year{line-height: 1.1;opacity: 0;pointer-events: none;}

.news2 .nbt .li.one .year{opacity: 1;pointer-events: all;}

.news2 .nbt .li .ss{display: flex;align-items: center;justify-content: space-between;width: 10.41rem;}

.news2 .nbt .li .ss .pic{width: 3.5rem;height: 2.6rem;border-radius: 0.12rem;overflow: hidden;}

.news2 .nbt .li .ss .pic img{height: 100%;object-fit: cover;}

.news2 .nbt .li .ss .txt{flex: 1;margin-left: 0.74rem;}

.news2 .nbt .li .ss .txt .top{display: flex;align-items: center;}

.news2 .nbt .li .ss .txt .top .set{line-height: 1.1;min-width: 11em;margin-right: 0.2rem;}

.news2 .nbt .li .ss .txt .top .line{height: 1px;width: 1.46rem;background: #C8C8C8;margin-right: 0.18rem;}

.news2 .nbt .li .ss .txt .top .date{line-height: 1.1;}

.news2 .nbt .li .ss .txt .bot{line-height: 153.333%;margin-top: 0.34rem;}

.news2 .nbt .li .ss:hover .pic img{transform: scale(1.05);}

.news2 .nbt .li .ss:hover .txt .bot{color: var(--theme-color);}

.page{display: flex;align-items: center;justify-content: space-between;}

.page .prev,
.page .next{width: 1.85rem;}

.page .numbox{display: flex;align-items: center;line-height: 1;color: #666;}

.page .numbox a{color: #666;margin-left: 0.42rem;cursor: default;position: relative;}

.page .numbox a[href].act,
.page .numbox a[href]:hover{cursor: pointer;color: var(--text-color);}

.page .numbox a[href].act::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.06rem;height: 0.02rem;width: 10px;background: var(--text-color);}

.page .numbox a:first-child{margin-left: 0;}

.page .numbox .go_lf{margin-left: 0.42rem;}

.page .numbox input{width: 0.5rem;height: 0.34rem;border: 1px solid #666666;margin: 0 0.12rem;background: none;border-radius: 0.05rem;text-align: center;}

.page .numbox input:focus{border-color: var(--theme-color);}

.maodian{position: relative;top: -1rem;}

.newsDetLayout{background: #F1F2ED;padding: 2.27rem 0 1.7rem;}

.nd1{display: flex;justify-content: space-between;}

.nd1 .left{width: calc(620 / 1660 * 100%);position: relative;}

.nd1 .right{width: calc(900 / 1660 * 100%);}

.nd1 .left .lox{position: sticky;top: 1.5rem;}

.nd1 .left .lox .t1{line-height: 1.1;}

.nd1 .left .lox .t2{line-height: 160.87%;margin-top: 0.8rem;}

.nd1 .left .lox .t3{margin-top: 0.7rem;border-top: 1px solid #CACACA;padding-top: 0.6rem;display: flex;align-items: center;justify-content: space-between;}

.nd1 .left .lox .t3 .date{line-height: 1;}

.nd1 .left .lox .t3 .social-share .social-share-icon{width: 0.4rem;height: 0.4rem;margin: 0 0 0 0.18rem;border: 1px solid #D2D2D2;z-index: 1;border-radius: 50%;overflow: hidden;transition: all 0.4s var(--ease);}

.nd1 .left .lox .t3 .social-share .social-share-icon:hover{background: none;border: 1px solid rgba(210, 210, 210, 0);}

.nd1 .left .lox .t3 .social-share .social-share-icon:hover::before{filter: var(--imgwhite);}

.nd1 .left .lox .t3 .social-share .social-share-icon:hover::after{opacity: 1;}

.nd1 .left .lox .t3 .social-share .social-share-icon::before{content: "";position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: calc(100% + 2px);z-index: 3;}

.nd1 .left .lox .t3 .social-share .social-share-icon::after{content: "";position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border-radius: 50%;background: var(--linear-gradient);opacity: 0;}

.nd1 .left .lox .t3 .social-share .icon-facebook:before{background: url(../images/svg/news_det_icon1.svg) no-repeat center;background-size: contain;}

.nd1 .left .lox .t3 .social-share .icon-youtube:before{background: url(../images/svg/news_det_icon2.svg) no-repeat center;background-size: contain;}

.nd1 .left .lox .t3 .social-share .icon-instagram:before{background: url(../images/svg/news_det_icon3.svg) no-repeat center;background-size: contain;}

.nd1 .left .lox .t3 .social-share .icon-tiktok:before{background: url(../images/svg/news_det_icon4.svg) no-repeat center;background-size: contain;}

.nd1 .right .edit{line-height: 222.222%;color: var(--text-color3);}

.nd2{overflow: hidden;margin-top: 2.22rem;}

.nd2 .top{display: flex;align-items: center;justify-content: space-between;}

.nd2 .top .t1{line-height: 1.1;}

.nd2 .top .swpbtn{display: flex;align-items: center;}

.nd2 .top .swpbtn a{width: 1.85rem;margin-left: 0.8rem;}

.nd2 .bot{margin-top: 0.6rem;}

.nd2 .bot .swiper{overflow: visible;}

.nd2 .bot .swiper-slide{width: 10.41rem;margin-right: 1.8rem;}

.nd2 .bot .swiper-slide:last-child{margin-right: 0;}

.nd2 .bot .ss{display: flex;align-items: center;justify-content: space-between;width: 10.41rem;}

.nd2 .bot .ss .pic{width: 3.5rem;height: 2.6rem;border-radius: 0.12rem;overflow: hidden;}

.nd2 .bot .ss .pic img{height: 100%;object-fit: cover;}

.nd2 .bot .ss .txt{flex: 1;margin-left: 0.74rem;}

.nd2 .bot .ss .txt .top{display: flex;align-items: center;}

.nd2 .bot .ss .txt .top .set{line-height: 1.1;min-width: 11em;margin-right: 0.2rem;}

.nd2 .bot .ss .txt .top .line{height: 1px;width: 1.46rem;background: #C8C8C8;margin-right: 0.18rem;}

.nd2 .bot .ss .txt .top .date{line-height: 1.1;}

.nd2 .bot .ss .txt .bot{line-height: 153.333%;margin-top: 0.34rem;}

.nd2 .bot .ss:hover .pic img{transform: scale(1.05);}

.nd2 .bot .ss:hover .txt .bot{color: var(--theme-color);}

.productLayout{padding: 1rem 0 1.64rem;background: #F1F2ED;}

.inner_switch{position: sticky;top: 0;z-index: 30;overflow: hidden;}

.inner_switch::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}

.inner_switch .w1660{position: relative;z-index: 5;background: rgba(255,255,255,0.6);}

.inner_switch .hd{height: 0;pointer-events: none;}

.inner_switch .swiper{padding-left: 1.3rem;overflow: visible;}

.inner_switch .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: 3px;background: var(--linear-gradient);transition: .4s var(--ease);pointer-events: none;opacity: 0;}

.inner_switch .swiper-slide{width: auto;height: auto;max-width: 1.85rem;margin-right: 1.6rem;padding: 0.45rem 0 0.41rem;}

.inner_switch .swiper-slide:last-child{margin-right: 0;}

.inner_switch .swiper-slide .imgbox{height: 0.8rem;display: flex;align-items: center;justify-content: center;max-width: 1.4rem;margin: 0 auto;overflow: hidden;}

.inner_switch .swiper-slide .imgbox img{max-height: 100%;}

.inner_switch .swiper-slide .txtbox{text-transform: capitalize;line-height: 155.556%;margin-top: 0.17rem;color: var(--text-color2);text-align: center;position: relative;}

.inner_switch .swiper-slide .txtbox span{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}

.inner_switch .swiper-slide.act{anchor-name: --anchor-select;}

.inner_switch .swiper-slide.act .txtbox{color: rgba(102, 102, 102, 0);font-family: 'Montserrat-Medium';font-weight: 500;}

.inner_switch .swiper-slide.act .txtbox span{opacity: 1;}

body.act .header{transform: translateY(-1rem);}

body.act .inner_switch::before{opacity: 0;}

body.act .inner_switch .w1660{background: #fff;}

body.act .inner_switch .swiper-slide{padding: 0.22rem 0;}

body.act .inner_switch .swiper-slide .imgbox{height: 0;}

body.act .inner_switch .swiper-slide .txtbox{margin-top: 0;}

body.act .inner_switch .hd{height: calc(0.42rem + 0.17rem + 0.8rem);}

body.act .inner_switch .swiper-wrapper::before{opacity: 1;}

.pdt1{margin-top: 1.2rem;}

.pdt1 .swiper{border-radius: 0.24rem;overflow: hidden;}

.pdt1 .swiper .imgbox{height: 8.4rem;}

.pdt1 .swiper .imgbox img{height: 100%;object-fit: cover;}

.pdt1 .swiper .txtbox{position: absolute;top: 0;left: 0;width: 100%;padding: 1rem;}

.pdt1 .swiper .txtbox .t1{line-height: calc(66 / 50);color: #fff;text-align: center;}

.pdt1 .swiper .txtbox .t2{margin-top: 0.36rem;display: flex;justify-content: center;}

.pdt1 .webbtn{background: rgba(0, 0, 0, 0.04);backdrop-filter: blur(7.650000095367432px);}

.pdt1 .webbtn .bg::before{background: rgba(255,255,255,0.3);}

.pdt1 .webbtn .btn_txt{color: #fff;}

.pdt1 .pogin{position: absolute;left: 0;bottom: 0.34rem;z-index: 10;width: 100%;display: flex;align-items: center;justify-content: center;}

.pdt1 .pogin span{width: 0.4rem;height: 2px;margin: 0 0.09rem;background: rgba(255,255,255,0.3);opacity: 1;position: relative;}

.pdt1 .pogin span::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;}

.pdt1 .pogin span.swiper-pagination-bullet-active::before{width: 100%;transition: all 4000ms linear;}

.pdt2{padding-top: 0.4rem;}

.pdt2 .list{margin-top: 1.2rem;}

.pdt2 .list .tit{line-height: calc(50 / 46);text-transform: capitalize;}

.pdt2 .list .ul{display: flex;flex-wrap: wrap;margin-top: 0.5rem;}

.pdt2 .list .ul .li{width: calc(50% - 0.12rem);margin: 0.24rem 0.24rem 0 0;}

.pdt2 .list .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdt2 .list .ul .li:nth-child(2n){margin-right: 0;}

.pdt2 .list .ul .li .ss{display: block;height: 100%;position: relative;padding: 0.75rem 0.63rem 0.86rem;border-radius: 0.2rem;background: rgba(255,255,255,0.5);overflow: hidden;}

.pdt2 .list .ul .li .ss .txtbox{position: relative;z-index: 5;width: 3.6rem;min-height: 2.49rem;padding-bottom: 0.72rem;}

.pdt2 .list .ul .li .ss .txtbox .t1{line-height: calc(46 / 36);}

.pdt2 .list .ul .li .ss .txtbox .t2{line-height: 1.5;margin-top: 0.2rem;text-transform: capitalize;}

.pdt2 .list .ul .li .ss .txtbox .t3{position: absolute;left: 0;bottom: 0;}

.pdt2 .list .ul .li .ss .imgbox{position: absolute;bottom: 0.5rem;right: 0.5rem;width: fit-content;height: auto;max-width: 3.67rem;max-height: 2.3rem;}

.pdt2 .list .ul .li .ss .imgbox img{width: auto;max-height: 100%;}

.pdt2 .list .ul .li .ss:hover{box-shadow: 0 0 0.662rem 0 rgba(0, 0, 0, 0.07);}

.pdt2 .list .ul .li .ss:hover .imgbox img{transform: scale(1.05);}

.pdt2 .maodian{top: -1.5rem;}

.specificationsLayout{padding: 1rem 0 1.03rem;}

.prod_switch{position: sticky;top: 1rem;z-index: 30;background: rgba(0, 0, 0, 0.66);backdrop-filter: blur(8.100000381469727px);padding: 0.15rem 0;}

.prod_switch .w1660{display: flex;align-items: center;justify-content: space-between;}

.prod_switch .left{line-height: 1.5;color: #fff;margin-right: 0.8rem;flex: 1;}

.prod_switch .right{display: flex;align-items: center;}

.prod_switch .right .link{display: flex;}

.prod_switch .right .link a{margin-left: 0.65rem;color: #fff;}

.prod_switch .right .link a:first-child{margin-left: 0;}

.prod_switch .right .link a:hover{color: var(--theme-color);}

.prod_switch .right .buy{line-height: 112.5%;padding: 0.08rem 0.25rem;border-radius: 0.34rem;background: var(--linear-gradient);color: #fff;margin-left: 0.65rem;}

.sft{margin-top: 0.8rem;}

.sft .tit{line-height: 106.061%;margin-bottom: 0.8rem;}

.sft .list:not(:last-child){margin-bottom: 1rem;}

.sft .list .set{line-height: calc(44 / 36);text-transform: capitalize;}

.sft .list .ul{margin-top: 0.5rem;line-height: 1.8;color: var(--text-color2);text-transform: capitalize;}

.sft .list .ul .li{display: flex;align-items: center;padding: 0.24rem 0;}

.sft .list .ul .li:nth-child(odd){background: rgba(255,255,255,0.5);border-radius: 0.08rem;}

.sft .list .ul .li .lf{color: var(--text-color3);padding: 0 0.3rem;width: calc(600 / 1660 * 100%);}

.sft .list .ul .li .rf{width: calc(1060 / 1660 * 100%);padding: 0 0.3rem;}

.caseLayout{padding: 2rem 0 1.03rem;background: #F1F2ED;}

.case1{display: flex;justify-content: space-between;}

.case1 .lf{width: calc(1080 / 1660 * 100%);}

.case1 .lf .swiper{border-radius: 0.24rem;overflow: hidden;}

.case1 .lf .pic{display: block;height: 6.6rem;}

.case1 .lf .pic img{height: 100%;object-fit: cover;}

.case1 .lf .pic:hover img{transform: scale(1.05);}

.case1 .rf{width: calc(550 / 1660 * 100%);background: rgba(255,255,255,0.8);border-radius: 0.24rem;overflow: hidden;}

.case1 .rf .swiper{height: 100%;}

.case1 .rf .swiper .swiper-slide{position: relative;height: auto;padding: 0.59rem 0.48rem;}

.case1 .rf .swiper .swiper-slide .number{line-height: 1;color: var(--text-color2);}

.case1 .rf .swiper .swiper-slide .number span{color: #B2B2B2;vertical-align: baseline;margin-left: 0.1rem;}

.case1 .rf .swiper .swiper-slide .t1{line-height: 166.667%;color: var(--text-color2);margin-top: 0.54rem;}

.case1 .rf .swiper .swiper-slide .t2{margin-top: 0.44rem;max-width: 396px;}

.case1 .rf .swiper .swpbtn{position: absolute;z-index: 10;left: 0.48rem;width: calc(100% - 0.96rem);bottom: 0.43rem;display: flex;align-items: center;justify-content: space-between;}

.case1 .rf .swiper .swpbtn a{width: 1.85rem;}

.case2{margin-top: 1.33rem;}

.case2 .ctp{position: relative;}

.case2 .ctp::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #C0C0C0;}

.case2 .ctp .swiper .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: 2px;background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;}

.case2 .ctp .swiper .swiper-slide{width: auto;margin-right: 1rem;position: relative;line-height: 1.1;color: var(--text-color3);padding-bottom: 0.24rem;}

.case2 .ctp .swiper .swiper-slide span{position: absolute;top: 0;left: 0;opacity: 0;}

.case2 .ctp .swiper .swiper-slide:last-child{margin-right: 0;}

.case2 .ctp .swiper .swiper-slide.act{anchor-name: --anchor-select;font-family: 'Montserrat-Medium';font-weight: 500;color: rgba(102, 102, 102, 0);}

.case2 .ctp .swiper .swiper-slide.act span{opacity: 1;}

.case2 .ul{display: flex;flex-wrap: wrap;margin-top: 0.8rem;}

.case2 .ul .li{width: calc(50% - 0.2rem);margin: 0.4rem 0.4rem 0 0;}

.case2 .ul .li:nth-child(2n){margin-right: 0;}

.case2 .ul .li:nth-child(-n + 2){margin-top: 0;}

.case2 .ul .li .ss{display: block;height: 100%;background: rgba(255,255,255,0.5);border-radius: 0.24rem;overflow: hidden;}

.case2 .ul .li .ss .imgbox{height: 4.2rem;overflow: hidden;}

.case2 .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.case2 .ul .li .ss .txtbox{position: relative;padding: 0.43rem 0.81rem 0.48rem 0.4rem;}

.case2 .ul .li .ss .txtbox .t1{line-height: 154.545%;color: var(--text-color2);height: 3.0909em;}

.case2 .ul .li .ss .txtbox .t2{margin-top: 0.36rem;}

.case2 .ul .li .ss:hover{box-shadow: 0 0 0.781rem 0 rgba(0, 0, 0, 0.10);}

.case2 .ul .li .ss:hover .imgbox img{transform: scale(1.05);}

/*.case2 .ul .li .ss:hover .webbtn .bg::before{left: 100%;}*/

/*.case2 .ul .li .ss:hover .webbtn .bg::after{left: 0;}*/

/*.case2 .ul .li .ss:hover .webbtn{padding-right: 0.08rem;}*/

/*.case2 .ul .li .ss:hover .webbtn .btn_txt{min-width: 0.9rem;}*/

/*.case2 .ul .li .ss:hover .webbtn .btn_arr{width: 0.32rem;height: 0.32rem;}*/

/*.case2 .ul .li .ss:hover .webbtn .btn_arr img{opacity: 1;}*/

.case2 .pagebox.hidden{display: none;}

.cd1 .left .add{display: flex;align-items: center;line-height: 1.3;color: #373737;}

.cd1 .left .add img{width: 0.2rem;margin-right: 0.05rem;min-width: 0.2rem;}

.cd2 .con{margin-top: 0.6rem;}

.cd2 .con .swiper-slide{height: auto;display: block;background: rgba(255,255,255,0.5);border-radius: 0.2rem;overflow: hidden;width: auto;}

.cd2 .con .imgbox{height: 4.2rem;overflow: hidden;}

.cd2 .con .imgbox img{height: 100%;object-fit: cover;}

.cd2 .con .txtbox{padding: 0.4rem;}

.cd2 .con .txtbox .t1{line-height: 1.8;height: 3.6em;}

.cd2 .con .txtbox .t2{display: flex;align-items: center;justify-content: space-between;margin-top: 0.24rem;}

.cd2 .con .txtbox .t2 .add{display: flex;align-items: center;line-height: 144.444%;color: #373737;}

.cd2 .con .txtbox .t2 .add img{width: 0.2rem;margin-right: 0.05rem;}

.cd2 .con .swiper-slide:hover .imgbox img{transform: scale(1.05);}

.cd2 .con .swiper-slide:hover .webbtn .bg::before{left: 100%;}

.cd2 .con .swiper-slide:hover .webbtn .bg::after{left: 0;}

.cd2 .con .swiper-slide:hover .webbtn{padding-right: 0.08rem;}

.cd2 .con .swiper-slide:hover .webbtn .btn_txt{min-width: 0.9rem;}

.cd2 .con .swiper-slide:hover .webbtn .btn_arr{width: 0.32rem;height: 0.32rem;}

.cd2 .con .swiper-slide:hover .webbtn .btn_arr img{opacity: 1;}

.caseDetLayout{padding: 2.27rem 0 1rem;}

.img_banner{position: relative;}

.img_banner .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;align-items: center;justify-content: center;}

.img_banner .txtbox .t1{line-height: 136.364%;color: #fff;}

.messagebox{padding: 0.8rem 0 1.14rem;position: relative;background: #F1F2ED;}

.messagebox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: calc(100% + 0.57rem);background: rgba(255, 255, 255, 0.26);}

.messagebox .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;mix-blend-mode: multiply;z-index: 2;}

.messagebox .bg::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/message_bg2.webp) no-repeat top 1.82rem center;background-size: 100% auto;}

.messagebox .bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #FFF 14.96%, rgba(255, 255, 255, 0.81) 44.88%, rgba(255, 255, 255, 0.76) 60.31%, #FFF 87.13%);backdrop-filter: blur(23.899999618530273px);}

.messagebox .w1660{position: relative;z-index: 3;}

.messagebox .tit{line-height: 136.364%;}

.messagebox .formbox{position: relative;max-width: 10.9rem;margin: 0.5rem auto 0;display: flex;flex-wrap: wrap;}

.messagebox .formbox .item{margin-top: 0.3rem;width: 100%;}

.messagebox .formbox .item.mg40{margin-top: 0.4rem;}

.messagebox .formbox .item.w50{width: calc(50% - 0.25rem);}

.messagebox .formbox .item.mr50{margin-right: 0.5rem;}

.messagebox .formbox .item .set{line-height: calc(20 / 18);}

.messagebox .formbox .item .set span{display: inline-block;line-height: 1;width: 1em;color: #FF0000;}

.messagebox .formbox .item .det{margin-top: 0.14rem;}

.messagebox .formbox .item .det input[type=text]{display: block;width: 100%;background: rgba(255, 255, 255, 0.60);border: 1px solid #E6E6E6;border-radius: 0.08rem;padding: 0 0.19rem;height: 0.7rem;}

.messagebox .formbox .item .det select{display: block;width: 100%;border: 1px solid #E6E6E6;border-radius: 0.08rem;line-height: 1.5;color: var(--text-color);background: rgba(255, 255, 255, 0.60) url(../images/svg/news2_select_arr.svg) no-repeat right 0.4rem center;appearance: none;-webkit-appearance: none;-moz-appearance: none;user-select: none;padding: 0 1rem 0 0.19rem;height: 0.7rem;}

.messagebox .formbox .item .radio{margin-top: 0.2rem;display: flex;flex-wrap: wrap;gap: 0.27rem 0.24rem;}

.messagebox .formbox .item .radio .checkbox-item{line-height: calc(24 / 18);position: relative;padding-left: 0.38rem;cursor: pointer;}

.messagebox .formbox .item .radio .checkbox-item input[type="checkbox"] {appearance: none;-webkit-appearance: none;opacity: 0;width: 0;height: 0;position: absolute;}

.messagebox .formbox .item .radio .checkbox-item::before {content: "";position: absolute;left: 0;top: 0;height: calc(24 / 18 * 1em);aspect-ratio: 1 / 1;border: 1px solid #AFAFAF;border-radius: 0.04rem;}

.messagebox .formbox .item .radio .checkbox-item input:checked ~ span::after {content: "";position: absolute;left: 0;top: 0;height: calc(24 / 18 * 1em);aspect-ratio: 1 / 1;background: url(../images/svg/message_ok2.svg) no-repeat center;background-size: contain;border-radius: 0.04rem;}

.messagebox .formbox .item.item_submit{margin-top: 0.64rem;display: flex;align-items: center;justify-content: center;}

.messagebox .formbox .item.item_submit .submit{width: 3rem;height: 0.48rem;border-radius: 0.24rem;background: var(--linear-gradient);color: #fff;}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 16px;
}

.ctt2{position: relative;z-index: 10;background: #F1F2ED;padding: 2.14rem 0 0.9rem;}

.ctt2 .ctp{display: flex;align-items: center;justify-content: space-between;}

.ctt2 .ctp .tit{line-height: calc(80 / 66);}

.ctt2 .ctp .link{max-width: calc(100% - 5rem);margin-right: -0.3rem;}

.ctt2 .ctp .link .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: anchor-size(height);background: #fff;border-radius: 0.48rem;transition: .3s ease-in-out;pointer-events: none;}

.ctt2 .ctp .link .swiper-slide{width: auto;margin-right: 0.2rem;position: relative;line-height: 1.1;color: var(--text-color2);padding: 0.12rem 0.3rem;border-radius: 0.48rem;}

.ctt2 .ctp .link .swiper-slide:last-child{margin-right: 0;}

.ctt2 .ctp .link .swiper-slide span{position: absolute;top: 0;left: 0;opacity: 0;padding: 0.12rem 0.3rem;}

.ctt2 .ctp .link .swiper-slide.act{anchor-name: --anchor-select;font-family: 'Montserrat-Medium';font-weight: 500;color: rgba(51, 51, 51, 0);}

.ctt2 .ctp .link .swiper-slide.act span{opacity: 1;}

.ctt2 .cbt{margin-top: 0.8rem;}

.ctt2 .cbt .swiper-slide{display: flex;justify-content: space-between;align-items: center;}

.ctt2 .cbt .imgbox{width: 7.7rem;height: 4.2rem;border-radius: 0.16rem;overflow: hidden;}

.ctt2 .cbt .imgbox img{height: 100%;object-fit: cover;}

.ctt2 .cbt .txtbox{width: 7.15rem;}

.ctt2 .cbt .txtbox .t1{line-height: calc(48 / 34);}

.ctt2 .cbt .txtbox .t2 .it{display: flex;}

.ctt2 .cbt .txtbox .t2 .it .set{width: 0.24rem;margin-right: 0.12rem;}

.ctt2 .cbt .txtbox .t2 .it .det{flex: 1;}

.ctt2 .cbt .txtbox .t2 .it.email{margin-top: 0.45rem;}

.ctt2 .cbt .txtbox .t2 .it.email .det{line-height: 1.2;}

.ctt2 .cbt .txtbox .t2 .it.email .det a{color: var(--text-color3);}

.ctt2 .cbt .txtbox .t2 .it.email .det a:hover{color: var(--theme-color);}

.ctt2 .cbt .txtbox .t2 .it.add{margin-top: 0.35rem;}

.ctt2 .cbt .txtbox .t2 .it.add .det{line-height: 1.5;color: var(--text-color3);text-transform: capitalize;}

.searchLayout{padding: 2.6rem 0 1rem;}

.searchLayout .title{line-height: calc(50 / 46);}

.searchLayout .formbox{width: 10.6rem;margin: 0.5rem auto 0;position: relative;border-radius: 0.6rem;overflow: hidden;}

.searchLayout .formbox input{height: 0.6rem;padding: 0 0.53rem;border: none;width: 100%;background: #fff;border-radius: 0.6rem;}

.searchLayout .formbox button{position: absolute;left: 0;top: 0;width: 0.53rem;height: 100%;display: flex;align-items: center;padding-left: 0.23rem;background: none;outline: none;border: none;cursor: pointer;}

.searchLayout .formbox button img{width: 0.17rem;}

.searchLayout .formbox button img:nth-child(2){left: 0.23rem;margin: auto 0;}

.search_switch{margin-top: 1.23rem;position: relative;display: flex;}

.search_switch::before{content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background: #C0C0C0;}

.search_switch a{margin-right: 0.87rem;position: relative;line-height: 1.1;color: var(--text-color3);padding-bottom: 0.24rem;}

.search_switch a span{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}

.search_switch a.act,
.search_switch a:hover{color: rgba(102, 102, 102, 0);}

.search_switch a.act span,
.search_switch a:hover span{opacity: 1;}

.search_switch a.act::before{content: "";position: absolute;left: 0;bottom: 0;width: calc(100% - 0.13rem);height: 2px;background: var(--linear-gradient);}

.search_switch a.act{font-family: 'Montserrat-Medium';font-weight: 500;}

.sch_prod .ul{display: flex;flex-wrap: wrap;margin-top: 1rem;}

.sch_prod .ul .li{width: calc(50% - 0.12rem);margin: 0.24rem 0.24rem 0 0;}

.sch_prod .ul .li:nth-child(-n + 2){margin-top: 0;}

.sch_prod .ul .li:nth-child(2n){margin-right: 0;}

.sch_prod .ul .li .ss{display: block;height: 100%;position: relative;padding: 0.75rem 0.63rem 0.86rem;border-radius: 0.2rem;background: rgba(255,255,255,0.5);}

.sch_prod .ul .li .ss .txtbox{position: relative;z-index: 5;width: 3.6rem;min-height: 2.49rem;padding-bottom: 0.72rem;}

.sch_prod .ul .li .ss .txtbox .t1{line-height: calc(46 / 36);}

.sch_prod .ul .li .ss .txtbox .t2{line-height: 1.5;margin-top: 0.2rem;text-transform: capitalize;}

.sch_prod .ul .li .ss .txtbox .t3{position: absolute;left: 0;bottom: 0;}

.sch_prod .ul .li .ss .imgbox{position: absolute;bottom: 0.5rem;right: 0.5rem;width: fit-content;height: auto;max-width: 3.67rem;max-height: 2.3rem;}

.sch_prod .ul .li .ss .imgbox img{width: auto;max-height: 100%;}

.sch_prod .ul .li .ss:hover{box-shadow: 0 0 0.662rem 0 rgba(0, 0, 0, 0.07);}

.sch_news .ul{margin-top: 1rem;}

.sch_news .li{display: flex;justify-content: space-between;padding-right: 0.45rem;margin-top: 0.8rem;}

.sch_news .li.one{margin-top: 1.4rem;}

.sch_news .li:first-child{margin-top: 0;}

.sch_news .li .year{line-height: 1.1;opacity: 0;pointer-events: none;}

.sch_news .li:first-child .year{opacity: 1;pointer-events: all;}

.sch_news .li .ss{display: flex;align-items: center;justify-content: space-between;width: 10.41rem;}

.sch_news .li .ss .pic{width: 3.5rem;height: 2.6rem;border-radius: 0.12rem;overflow: hidden;}

.sch_news .li .ss .pic img{height: 100%;object-fit: cover;}

.sch_news .li .ss .txt{flex: 1;margin-left: 0.74rem;}

.sch_news .li .ss .txt .top{display: flex;align-items: center;}

.sch_news .li .ss .txt .top .set{line-height: 1.1;min-width: 11em;margin-right: 0.2rem;}

.sch_news .li .ss .txt .top .line{height: 1px;width: 1.46rem;background: #C8C8C8;margin-right: 0.18rem;}

.sch_news .li .ss .txt .top .date{line-height: 1.1;}

.sch_news .li .ss .txt .bot{line-height: 153.333%;margin-top: 0.34rem;}

.sch_news .li .ss:hover .pic img{transform: scale(1.05);}

.sch_news .li .ss:hover .txt .bot{color: var(--theme-color);}

.downLayout{padding: 1.8rem 0 0.8rem;}

.downLayout .title{line-height: calc(80 / 66);}

.downLayout .box{display: flex;justify-content: space-between;margin-top: 0.8rem;}

.downLayout .left{width: 4rem;margin-right: 0.15rem;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.50);padding: 0.3rem 0.3rem 0.38rem;}

.downLayout .right{flex: 1;background: #fff;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.50);padding: 0.3rem 0.4rem 0.38rem;}

.downLayout .left .formbox{position: relative;border-radius: 0.08rem;overflow: hidden;}

.downLayout .left .formbox input{border-radius: 0.08rem;border: 1px solid #D9D9D9;height: 0.48rem;background: none;padding: 0 0.68rem 0 0.24rem;width: 100%;}

.downLayout .left .formbox button{position: absolute;right: 0;top: 0;width: 0.68rem;height: 100%;display: flex;align-items: center;justify-content: center;outline: none;border: none;background: none;}

.downLayout .left .formbox button img{width: 0.18rem;}

.downLayout .left .imgbox{margin-top: 0.3rem;width: 3.2rem;height: 2.1rem;}

.downLayout .left .imgbox img{height: 100%;object-fit: contain;}

.downLayout .left .ul{margin-top: 0.3rem;}

.downLayout .left .ul .li .ltp{padding: 0.12rem 0.12rem 0.12rem 0.2rem;display: flex;justify-content: space-between;align-items: center;}

.downLayout .left .ul .li .ltp a{line-height: calc(22 / 18);max-width: calc(100% - 0.24rem);text-transform: capitalize;}

.downLayout .left .ul .li .ltp a:hover{color: var(--theme-color);}

.downLayout .left .ul .li .ltp span{width: 0.14rem;margin-left: 0.1rem;}

.downLayout .left .ul .li .lbt{padding: 0.17rem 0.2rem 0.1rem;position: relative;display: none;}

.downLayout .left .ul .li .lbt a{display: block;line-height: calc(26 / 16);position: relative;width: fit-content;margin-top: 0.12rem;}

.downLayout .left .ul .li .lbt a:first-child{margin-top: 0;}

.downLayout .left .ul .li .lbt a.act{
  background: var(--linear-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.downLayout .left .ul .li .lbt a.act{margin-left: 0.14rem;font-family: 'Montserrat-Medium';font-weight: 500;}

.downLayout .left .ul .li .lbt a.act::before{content: "";position: absolute;left: -0.14rem;top: 50%;transform: translateY(-50%);width: 0.06rem;height: 0.06rem;border-radius: 50%;background: var(--linear-gradient);}

.downLayout .left .ul .li .lbt a:not(.act):hover{color: var(--theme-color);}

.downLayout .left .ul .li:hover .ltp,
.downLayout .left .ul .li.act .ltp{background: #fff;border-radius: 0.08rem;}

.downLayout .right .switch{position: relative;display: flex;}

.downLayout .right .switch::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: anchor-size(height);background: #fff;transition: .4s var(--ease);pointer-events: none;border-radius: 0.46rem;}

.downLayout .right .switch a{position: relative;line-height: 1.1;color: var(--text-color2);padding: 0.12rem 0.3rem;border-radius: 0.46rem;margin-right: 0.1rem;}

.downLayout .right .switch a:last-child{margin-right: 0;}

.downLayout .right .switch a span{position: absolute;left: 0;top: 0;border-radius: 0.46rem;padding: 0.12rem 0.3rem;opacity: 0;}

.downLayout .right .switch a.act{anchor-name: --anchor-select;color: rgba(51, 51, 51, 0);font-family: 'Montserrat-Medium';font-weight: 500;}

.downLayout .right .switch a.act span{opacity: 1;}

.downLayout .right .list{margin-top: 0.3rem;}

.downLayout .right .list .li .ss{padding: 0.3rem 0.2rem;border-radius: 0.16rem;display: flex;align-items: center;justify-content: space-between;position: relative;}

.downLayout .right .list .li .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;border-bottom: 1px dashed #E2E2E2;}

.downLayout .right .list .li:last-child .ss::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;border-bottom: 1px dashed #E2E2E2;}

.downLayout .right .list .li:first-child .ss::before{display: none;}

.downLayout .right .list .li .ss .txt{flex: 1;}

.downLayout .right .list .li .ss .txt .t1{width: fit-content;line-height: 1.4;}

.downLayout .right .list .li .ss .txt .t1 span{margin-left: 0.12rem;padding: 0.04rem 0.15rem;position: relative;border-radius: 0.04rem;line-height: calc(18 / 16);z-index: 3;}

.downLayout .right .list .li .ss .txt .t1 span::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.06rem;background: #fff;z-index: -2;}

.downLayout .right .list .li .ss .txt .t1 span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.06rem;background: linear-gradient(96deg, rgba(253, 184, 8, 0.05) 0%, rgba(255, 142, 0, 0.05) 100%);backdrop-filter: blur(5.550000190734863px);z-index: -1;opacity: 0;}

.downLayout .right .list .li .ss .txt .t2{display: flex;align-items: center;margin-top: 0.16rem;line-height: 1.2;color: #999;}

.downLayout .right .list .li .ss .txt .t2 .date{margin-right: 0.17rem;}

.downLayout .right .list .li .ss .btn{margin-left: 0.4rem;display: flex;align-items: center;padding: 0.13rem 0.42rem;border-radius: 0.46rem;z-index: 5;position: relative;color: rgba(255,255,255,0);line-height: calc(20 / 16);}

.downLayout .right .list .li .ss .btn img{width: 1em;margin-left: 0.06rem;}

.downLayout .right .list .li .ss .btn span{position: absolute;top: 0.13rem;left: 0.42rem;}

.downLayout .right .list .li .ss .btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.46rem;background: #fff;z-index: -2;}

.downLayout .right .list .li .ss .btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.46rem;background: var(--linear-gradient);z-index: -1;opacity: 0;}

.downLayout .right .list .li .ss:hover{background: #fff;}

.downLayout .right .list .li .ss:hover::after,
.downLayout .right .list .li .ss:hover::before{opacity: 0;}

.downLayout .right .list .li .ss:hover .t1 span::before{opacity: 0;}

.downLayout .right .list .li .ss:hover .t1 span::after{opacity: 1;}

.downLayout .right .list .li .ss:hover .btn{color: #fff;}

.downLayout .right .list .li .ss:hover .btn img{filter: var(--imgwhite);}

.downLayout .right .list .li .ss:hover .btn span{opacity: 0;}

.downLayout .right .list .li .ss:hover .btn::before{opacity: 0;}

.downLayout .right .list .li .ss:hover .btn::after{opacity: 1;}

.downLayout .right .list .li:hover + .li .ss::before{opacity: 0;}

.downLayout .right .login_null{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1.52rem 0 1.44rem;border-radius: 20px;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(10px);display: none;}

.downLayout .right .login_null.show{display: flex;}

.downLayout .right .login_null .ico{width: 3.84rem;}

.downLayout .right .login_null a{border-radius: 0.22rem;border: 1px solid #DDD;padding: 0.12rem 0.26rem;line-height: calc(20 / 16);color: var(--text-color3);}

.downLayout .right .login_null a:hover{background: var(--theme-color);border-color: var(--theme-color);color: #fff;}

.aboutLayout .h100{height: calc(100vh);}

.ab1{padding: 2.5rem 0 0;position: relative;z-index: 3;}

.ab1 .atp{display: flex;justify-content: space-between;align-items: flex-start;}

.ab1 .atp .left{width: 7.45rem;padding-top: 0.3rem;}

.ab1 .atp .left .t1{width: fit-content;line-height: calc(70 / 66);position: relative;transform: translateY(calc((-2.8rem - 56vh) * (1 - var(--progress-top))));position: relative;z-index: 3;}

.ab1 .atp .left .t1 span{position: absolute;top: calc(100% + 0.28rem);left: 0;width: max-content;transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.ab1 .atp .left .t2{margin-top: 0.34rem;line-height: 2;color: var(--text-color3);opacity: 0;transform: translateY(2.5rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.05);}

.ab1 .atp .left .t2 p:not(:first-child){margin-top: 0.16rem;}

.ab1 .atp .right{width: 8.4rem;height: 5.8rem;position: relative;}

.ab1 .atp .right span{width: calc(8.4rem + ((100vw - 8.4rem) * (1 - var(--progress-top))));height: calc(5.8rem + ((100vh - 5.8rem) * (1 - var(--progress-top))));border-radius: calc(0.4rem * (var(--progress-top)));overflow: hidden;transform: translateY(calc((-2.5rem - 100vh) * (1 - var(--progress-top))));position: absolute;top: 0;right: calc(-1.25rem * (1 - var(--progress-top)));}

.ab1 .atp .right img{height: 100%;object-fit: cover;overflow: hidden;}

.ab1.act .atp .t1 span{top: 100%;opacity: 0;}

.ab1.act .atp .t2{transform: translateY(0);opacity: 1;}

.ab1 .abt{margin-top: 0.88rem;}

.ab1 .abt .ul{display: flex;justify-content: space-between;}

.ab1 .abt .ul .li{max-width: 254px;}

.ab1 .abt .ul .li .ltp{position: relative;width: fit-content;display: flex;}

.ab1 .abt .ul .li .ltp .countUp{line-height: 1.1;}

.ab1 .abt .ul .li .ltp .txt{position: absolute;left: calc(100% + 0.12rem);bottom: 0.1rem;line-height: 122.222%;color: var(--text-color2);}

.ab1 .abt .ul .li .ltp .more{position: absolute;left: calc(100% + 0.12rem);top: 0.18rem;width: 0.19rem;}

.ab1 .abt .ul .li .ltp .unit{line-height: 1.1;}

.ab1 .abt .ul .li .lbt{line-height: 144.444%;color: var(--text-color2);text-transform: capitalize;}

.ab2{margin-top: 1.16rem;}

.ab2 .box{position: relative;}

.ab2 .imgbox{position: relative;}

.ab2 .imgbox .line{position: absolute;top: 0;right: 0.18rem;width: 5.18rem;aspect-ratio: 1 / 1;}

.ab2 .imgbox .line s:nth-child(1){position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid rgba(255,144,0,0.3);animation: round 3000ms linear 0ms infinite;}

.ab2 .imgbox .line s:nth-child(2){position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: 100%;height: 100%;border-radius: 50%;background: url(../images/svg/line_round.svg) no-repeat center;background-size: contain;opacity: 0;animation: round 3000ms linear 1500ms infinite;}


@keyframes round{
    0%{
        transform: translate(-50%, -50%) scale(0.2394);opacity: 0;
    }
    1%{
        transform: translate(-50%, -50%) scale(0.2394);opacity: 1;
    }
    90%{
        opacity: 1;
    }
    99%{
        transform: translate(-50%, -50%) scale(1.1);opacity: 0;
    }
    100%{
        transform: translate(-50%, -50%) scale(0.2394);opacity: 0;
    }
}



.ab2 .txtbox{position: absolute;left: 0;bottom: -0.15rem;}

.ab2 .txtbox span{font-size: 1.4rem;line-height: 1;}

.ab2 .txtbox .txt{position: absolute;left: calc(100% + 0.12rem);bottom: 0.14rem;line-height: 125%;color: var(--text-color2);width: max-content;}

.ab2 .txtbox .more{position: absolute;left: calc(100% + 0.12rem);top: 0.2rem;width: 0.23rem;}

.ab3{margin-top: 1.6rem;overflow: hidden;}

.ab3 .tit{line-height: 106.061%;}

.ab3 .con{margin-top: 1.1rem;}

.ab3 .con .swiper{overflow: visible;}

.ab3 .con .swiper-slide{width: 6.33rem;margin-right: 1.2rem;opacity: 0.4;}

/*.ab3 .con .swiper-slide:last-child{margin-right: 0;}*/

.ab3 .con .swiper-slide .t1{line-height: 121.429%;color: #000;}

.ab3 .con .swiper-slide .t2{margin-top: 0.2rem;line-height: 1.7;color: #333;}

.ab3 .con .swiper-slide .t2 p:not(:first-child){margin-top: 0.16rem;}

.ab3 .con .swiper-slide.swiper-slide-active{opacity: 1;}

.ab3 .con .swiper-slide.swiper-slide-active .t1{color: var(--theme-color);}

.ab3 .box{display: flex;justify-content: space-between;align-items: flex-end;position: relative;padding-left: 1.25rem;margin-top: 1.87rem;margin-top: 0.8rem;}

.ab3 .box::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #D9D9D9;}

.ab3 .box .year{font-size: 2rem;line-height: 1;}

.ab3 .box .year .date{display: none;}

.ab3 .box .year .date.act{display: block;}

.ab3 .box .swiper{width: 11.66rem;margin: 0;}

.ab3 .box .swiper .swiper-slide{width: auto;cursor: pointer;}

.ab3 .box .swiper .swiper-slide .txt{line-height: 109.091%;color: var(--text-color2);text-align: center;}

.ab3 .box .swiper .swiper-slide .line{display: flex;align-items: flex-end;margin-top: 0.2rem;}

.ab3 .box .swiper .swiper-slide .line s{width: 0.4rem;height: 0.28rem;position: relative;}

.ab3 .box .swiper .swiper-slide .line s::before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 1.5px;height: 0.16rem;background: #D9D9D9;}

.ab3 .box .swiper .swiper-slide .line s:nth-child(3)::before{height: 100%;background: #333;}

.ab3 .box .swiper .swiper-slide.swiper-slide-thumb-active .txt{color: var(--theme-color);}

.ab3 .box .swiper .swiper-slide.swiper-slide-thumb-active .line s:nth-child(3)::before{background: var(--theme-color);}

.ab4{margin-top: 1.6rem;}

.ab4 .tit .t1{line-height: 136.364%;}

.ab4 .tit .t2{margin-top: 0.24rem;line-height: 142.857%;color: var(--text-color3);display: flex;align-items: center;}

.ab4 .tit .t2 span{color: var(--text-color2);font-family: 'Montserrat-Medium';font-weight: 500;}

.ab4 .tit .t2 img{width: 0.36rem;margin: 0 0.16rem;}

.ab4 .img1{margin-top: 0.8rem;}

.ab4 .img2{margin-top: 0.4rem;}

.ab5{margin-top: 1.6rem;overflow: hidden;padding-bottom: 0.26rem;}

.ab5 .tit .t1{line-height: 136.364%;}

.ab5 .tit .t2{margin: 0.18rem auto 0;line-height: 2;color: var(--text-color3);max-width: calc(1352 / 20 * 1em);}

.ab5 .ul{margin-top: 0.47rem;display: flex;justify-content: center;}

.ab5 .ul .li{margin-right: 1.4rem;}

.ab5 .ul .li:last-child{margin-right: 0;}

.ab5 .ul .li .ltp{display: flex;align-items: baseline;width: fit-content;}

.ab5 .ul .li .ltp .jbwz{line-height: 110%;display: flex;}

.ab5 .ul .li .ltp .unit{line-height: 122.222%;color: var(--text-color2);margin-left: 0.1rem;}

.ab5 .ul .li .lbt{line-height: 144.444%;color: var(--text-color2);margin-top: 0.1rem;}

.ab5 .swiper{margin-top: 0.68rem;overflow: visible;}

.ab5 .swiper .swiper-slide{position: relative;height: 4.2rem;}

.ab5 .swiper .swiper-slide::before{content: "";position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 1.76rem;border-radius: 0 0 0.16rem 0.16rem;background: #fff;}

.ab5 .swiper .swiper-slide .imgbox{border-radius: 0.16rem 0.16rem 0 0;overflow: hidden;height: 2.44rem;}

.ab5 .swiper .swiper-slide .imgbox img{height: 100%;object-fit: cover;}

.ab5 .swiper .swiper-slide .txtbox{position: absolute;z-index: 3;left: 0;bottom: 0;width: 100%;height: 1.76rem;padding: 0.28rem 0.24rem;}

.ab5 .swiper .swiper-slide .txtbox .t1{line-height: calc(36 / 26);}

.ab5 .swiper .swiper-slide .txtbox .t2{line-height: 2;margin-top: 0.15rem;max-height: 10em;overflow-y: auto;padding-right: 0.1rem;color: var(--text-color3);opacity: 0;}

.ab5 .swiper .swiper-slide .add{position: absolute;z-index: 4;bottom: 0.2rem;left: 0.24rem;display: flex;align-items: center;line-height: calc(20 / 16);color: var(--text-color3);}

.ab5 .swiper .swiper-slide .add img{width: 0.18rem;margin-right: 0.07rem;}

.ab5 .swiper .swiper-slide:hover .imgbox img{transform: scale(1.05);}

.ab5 .swiper .swiper-slide:hover::before{bottom: -0.1rem;left: -0.1rem;border-radius: 0.16rem;width: calc(100% + 0.2rem);height: calc(100% + 0.2rem);box-shadow: 0 0 0.41rem 0 rgba(0, 0, 0, 0.08);}

.ab5 .swiper .swiper-slide:hover .txtbox{height: 100%;padding: 0.45rem 0.24rem;}

.ab5 .swiper .swiper-slide:hover .txtbox .t2{opacity: 1;}

.ab5 .swpbtn{display: flex;align-items: center;justify-content: center;}

.ab5 .swpbtn a{width: 1.85rem;margin-left: 0.8rem;}

.ab5 .swpbtn a:not(.swiper-button-lock){margin-top: 0.8rem;}

.ab6{padding-top: 1.6rem;overflow: hidden;    position: relative;
    z-index: 10;
    background: #F1F2ED;}

.ab6 .box{position: relative;}

.ab6 .swiper{overflow: visible;}

.ab6 .swiper-slide{aspect-ratio: 1660 / 840;border-radius: 0.24rem;overflow: hidden;background: #333;}

.ab6 .swiper-slide img{height: 100%;object-fit: cover;}

.ab6 .swiper-slide video{position: relative;width: 100%;height: 100%;object-fit: cover;}

.ab6 .switch{position: absolute;left: 0;bottom: 0.28rem;z-index: 10;width: 100%;display: flex;align-items: center;justify-content: center;}

.ab6 .switch .link{display: flex;border-radius: 0.14rem;background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(8.5px);position: relative;}

.ab6 .switch .link::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: anchor-size(height);background: var(--linear-gradient);transition: .4s var(--ease);pointer-events: none;border-radius: 0.14rem;}

.ab6 .switch .link a{position: relative;line-height: 111.111%;color: #fff;opacity: 0.5;padding: 0.22rem 0.51rem;z-index: 3;}

.ab6 .switch .link a.act{anchor-name: --anchor-select;opacity: 1;}

.ab7{margin-top: 1.6rem;position: relative;min-height: 400vh;
    margin-top: -100vh;}

/*.ab7:before,.ab7:after {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    z-index: 10;*/
/*    width: 100%;*/
/*    height: 1.6rem;*/
/*    content: "";*/
/*}*/

/*.ab7:before {*/
/*    top: -1.6rem;*/
/*    background: linear-gradient(180deg,#e5e9e7 0%,rgba(241,245,241,0) 100%)*/
/*}*/

/*.ab7:after {*/
/*    bottom: -1.6rem;*/
/*    background: linear-gradient(0deg,#e5e9e7 0%,rgba(241,245,241,0) 100%);*/
/*}*/

.ab7 .w1660{display: flex;justify-content: space-between;overflow: hidden;position: sticky;
    top: 0;}

.ab7 .left{width: 6.95rem;padding: 1.17rem 0 0.27rem;position: relative;}

.ab7 .left .t1{line-height: 136.364%;}

.ab7 .left .ico{position: relative;width: 10.46rem;transform: translateX(-5.18rem);opacity: 0.3;margin-top: 0.64rem;}

.ab7 .left .mouse{position: absolute;left: 0;bottom: 0.95rem;border-radius: 0.1rem;background: var(--linear-gradient);overflow: hidden;width: 0.6rem;height: 0.6rem;}

/*.ab7 .left .mouse span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;animation: mouse 1500ms linear infinite;}*/

/*.ab7 .left .mouse span img{width: 0.14rem;}*/

.ab7 .left .mouse span{position: absolute;left: 0.23rem;width: 0.14rem;transition: all 500ms cubic-bezier(0, 0, 0, 1.08);animation-duration: 2500ms;
  animation-timing-function: cubic-bezier(0, 0, 0, 1.08);
  animation-iteration-count: infinite;}

.ab7 .left .mouse span:nth-child(1){top: -0.05rem;opacity: 0;animation-name: arrAnim1;}

.ab7 .left .mouse span:nth-child(2){top: 0.22rem;opacity: 1;animation-name: arrAnim2;}

/*.ab7 .left .mouse:hover span:nth-child(1){top: 0.22rem;opacity: 1;}*/

/*.ab7 .left .mouse:hover span:nth-child(2){top: 0.38rem;opacity: 0;}*/



.ab7 .right{display: flex;justify-content: space-between;width: 8.9rem;}

.ab7 .right .uese{height: 9.8rem;width: 4.3rem;overflow: hidden;}

.ab7 .right .li{height: 5.4rem;border-radius: 0.24rem;overflow: hidden;margin-bottom: 0.3rem;position: relative;}

.ab7 .right .li .imgbox{height: 100%;}

.ab7 .right .li .imgbox img{height: 100%;object-fit: cover;}

.ab7 .right .li .txtbox{position: absolute;z-index: 1;left: 0.37rem;bottom: 0.3rem;line-height: calc(30 / 24);color: #fff;}

.ab8{padding: 1.74rem 0;
    position: relative;
    z-index: 10;
    margin-top: -100vh;
    background: #F1F2ED;
}

.ab8 .tit{line-height: 136.364%;}

.ab8 .box{position: relative;margin: 0.42rem auto 0;width: 10.63rem;}

.ab8 .li{position: absolute;z-index: 2;}

.ab8 .li .ltp{position: relative;}

.ab8 .li .ltp span{position: absolute;right: calc(100% + 0.1rem);top: 50%;transform: translateY(-50%);line-height: 144.444%;text-align: center;text-transform: capitalize;width: max-content;}

.ab8 .li:nth-child(2) .ltp span{left: calc(100% + 0.1rem);top: 30%;}

.ab8 .li:nth-child(4) .ltp span{left: calc(100% + 0.1rem);}

.ab8 .li .lbt{position: absolute;width: 3.9rem;top: 100%;left: 50%;transform: translateX(-50%) translateY(0.5rem);padding-top: 0.49rem;opacity: 0;visibility: hidden;pointer-events: none;transition: all 500ms var(--ease); }

.ab8 .li .lbt .lox{min-height: 2rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.2rem 0.2rem 0.2rem 0.25rem;border-radius: 0.16rem;background: #fff;position: relative;}

.ab8 .li .lbt .lox::before{content: "";position: absolute;left: 50%;top: -0.21rem;transform: translateX(-50%);width: 0.49rem;height: 0.23rem;background: url(../images/svg/ab8_ico3.svg) no-repeat center;}

.ab8 .li .lbt .lox .t1{display: flex;align-items: center;line-height: 1.5;text-transform: capitalize;}

.ab8 .li .lbt .lox .t1 img{width: 0.2rem;margin-right: 0.07rem;}

.ab8 .li .lbt .lox .t2{margin-top: 0.25rem;line-height: 1.4;color: #000;text-transform: capitalize;}

.ab8 .li .lbt .lox .t2 p:not(:first-child){margin-top: 0.1rem;}

.ab8 .li:hover{z-index: 10;}

.ab8 .li:hover .lbt{visibility: visible;pointer-events: all;opacity: 1;transform: translateX(-50%) translateY(0);}

.prodOneLayout{background: #0A0A0A;padding: 1rem 0 1.3rem;}

.prodOneLayout .prod_switch{position: absolute;top: 1rem;width: 100%;}

.background_black{background: #0A0A0A;}

.prod_banner{position: relative;}

.prod_banner .txtbox{position: absolute;top: 1.92rem;left: 0;width: 100%;z-index: 5;}

.prod_banner .txtbox .t1{line-height: 132%;color: #fff;}

.prod_banner .txtbox .t2{margin: 0.1rem auto 0;max-width: calc(1170 / 20 * 1em);color: #fff;padding-bottom: 0.43rem;}

.prod_banner .txtbox .t3{margin-top: 0.36rem;display: flex;align-items: center;justify-content: center;}

.prod_banner .txtbox .t3 .webbtn{background: #fff;}

.prod_banner .txtbox .t3 .webbtn .bg::after,
.prod_banner .txtbox .t3 .webbtn .bg::before{background: #fff;}

.prod_banner .txtbox .t3 .vidplay{display: flex;align-items: center;justify-content: center;border-radius: 0.48rem;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(0, 0, 0, 0.12);backdrop-filter: blur(7.650000095367432px);padding: 0.14rem 0.32rem;margin-left: 0.22rem;}

.prod_banner .txtbox .t3 .vidplay .btn_txt{line-height: 1;color: #fff;margin-right: 0.09rem;}

.prod_banner .txtbox .t3 .vidplay .btn_arr{width: 0.1rem;transform: translateY(1px);}

.prod_banner .txtbox .t3 .vidplay:not(:hover) .btn_arr img{filter: var(--imgwhite);}

.prod_banner .txtbox .t3 .vidplay:hover{background: #fff;border-color: #fff;}

.prod_banner .txtbox .t3 .vidplay:hover .btn_txt{color: var(--text-color);}

.product_switch{position: fixed;z-index: 100;top: -0.6rem;left: 0;width: 100%;background: #161616;transition: all 0.4s var(--ease);}

body.act .product_switch{top: 0;}

.product_switch a{position: relative;line-height: 0.6rem;color: rgba(255, 255, 255, 0.6);margin-right: 0.8rem;width: auto;}

.product_switch a:last-child{margin-right: 0;}

.product_switch a:hover{color: rgba(255,255,255,1);}

.product_switch a span{position: absolute;top: 0;left: 0;opacity: 0;}

.product_switch a.act{color: rgba(255, 255, 255, 0);font-family: 'Montserrat-SemiBold';font-weight: 600;}

.product_switch a.act span{opacity: 1;}

.pdd1{margin-top: 1.6rem;}

.pdd1 .tit .t1{line-height: calc(70 / 66);color: #fff;}

.pdd1 .tit .t2{line-height: 154.545%;color: rgba(255, 255, 255, 0.60);margin: 0.3rem auto 0;max-width: calc(1265 / 22 * 1em);}

.pdd1 .ul{margin-top: 0.65rem;display: flex;}

.pdd1 .ul .waterfall-col{width: calc((100% - 0.58rem) / 3);margin-right: 0.29rem;}

.pdd1 .ul .waterfall-col:nth-child(3){margin-right: 0;}

.pdd1 .ul .li{position: relative;margin-bottom: 0.25rem;}

.pdd1 .ul .li:last-child{margin-bottom: 0;}

.pdd1 .ul .li .imgbox{border-radius: 0.24rem;overflow: hidden;}

.pdd1 .ul .li .imgbox img{height: 100%;object-fit: cover;transition: all 0.4s var(--ease);}

.pdd1 .ul .li .txtbox{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;padding: 0.4rem 0.45rem;}

.pdd1 .ul .li .txtbox .t1{line-height: calc(70 / 60);color: #fff;margin-bottom: 0.03rem;text-transform: capitalize;}

.pdd1 .ul .li .txtbox .t2{line-height: calc(36 / 26);color: #fff;text-transform: capitalize;}

.pdd1 .ul .li .arr{position: absolute;right: 0.4rem;bottom: 0.4rem;border-radius: 50%;z-index: 3;overflow: hidden;width: 0.5rem;}

.pdd1 .ul .li .arr img{position: relative;z-index: 3;}

.pdd1 .ul .li .arr::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;}

.pdd1 .ul .li .arr::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);opacity: 0;}

.pdd1 .ul .li .arr:hover::before{opacity: 0;}

.pdd1 .ul .li .arr:hover::after{opacity: 1;}

.pdd1 .ul .li .arr:hover img{filter: var(--imgwhite);}

.pdd1 .ul .li:hover .imgbox img{transform: scale(1.05);}

/*.pdd2{overflow: hidden;}*/

.pdd2 .h50{height: 50vh;}

.pdd2_1{margin-top: 1.6rem;}

.prod_tit .t1{line-height: calc(70 / 66);color: #fff;}

.prod_tit .t2{line-height: 154.545%;color: rgba(255, 255, 255, 0.60);margin: 0.2rem auto 0;max-width: calc(1265 / 22 * 1em);}

.pdd2_1 .box{margin-top: 0.4rem;border-radius: 0.24rem;background: rgba(255, 255, 255, 0.05);overflow: hidden;display: flex;justify-content: space-between;}

.pdd2_1 .box .right{width: 9rem;border-radius: 0.24rem;overflow: hidden;}

.pdd2_1 .box .left{flex: 1;padding: 0.6rem 1.12rem 0.54rem 0.63rem;}

.pdd2_1 .box .left .text .item{display: none;}

.pdd2_1 .box .left .text .item.act{display: block;}

.pdd2_1 .box .left .t1{line-height: 135.294%;color: #fff;}

.pdd2_1 .box .left .t2{line-height: 211.111%;color: rgba(255, 255, 255, 0.60);margin-top: 0.14rem;}

.pdd2_1 .box .left .ul{margin-top: 1rem;position: relative;}

.pdd2_1 .box .left .ul::before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #fff;opacity: 0.6;}

.pdd2_1 .box .left .ul::after{content: "";position: absolute;position-anchor: --anchor-select;transform: translateX(-1px);left: anchor(left);top: anchor(top);width: 3px;height: anchor-size(height);background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;border-radius: 3px;}

.pdd2_1 .box .left .ul .li{padding-left: 0.25rem;width: fit-content;margin-top: 0.36rem;position: relative;}

.pdd2_1 .box .left .ul .li:first-child{margin-top: 0;}

.pdd2_1 .box .left .ul .li a{line-height: calc(24 / 18);display: block;color: rgba(255,255,255,0.3);}

.pdd2_1 .box .left .ul .li.act{anchor-name: --anchor-select;}

.pdd2_1 .box .left .ul .li:hover a,
.pdd2_1 .box .left .ul .li.act a{color: rgba(255,255,255,1);}

.pdd2_1 .box .right{position: relative;min-height: 6.4rem;}

.pdd2_1 .box .right .item{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;border-radius: 0.24rem;overflow: hidden;display: none;}

.pdd2_1 .box .right .item video{width: 100%;height: 100%;object-fit: cover;}

.pdd2_1 .box .right .item.act{display: block;}

.pdd2_1 .box .right .item .reset{position: absolute;z-index: 2;right: 0.3rem;bottom: 0.3rem;width: 0.4rem;}

.pdd2_2{margin-top: 1.6rem;}

.pdd2_2 .tit{line-height: 135.294%;color: #fff;}

.pdd2_2 .box{margin-top: 0.4rem;display: flex;align-items: center;justify-content: space-between;overflow: hidden;}

.pdd2_2 .box .left{width: 9rem;}

.pdd2_2 .box .left .swiper{border-radius: 0.24rem;overflow: hidden;}

.pdd2_2 .box .left .swiper-slide{height: 6.4rem;}

.pdd2_2 .box .left .swiper-slide img{height: 100%;}

.pdd2_2 .box .right{flex: 1;margin-left: 1.1rem;}

.pdd2_2 .box .right .item:not(:first-child){margin-top: 0.68rem;}

.pdd2_2 .box .right .item a{display: block;width: fit-content;line-height: 1.5;color: rgba(255,255,255,0.3);}

.pdd2_2 .box .right .item.act a{font-size: calc(40 / 28 * 1em);color: #fff;font-family: 'Montserrat-Medium';font-weight: 500;}

.pdd2_3{margin-top: 1.6rem;padding: 0 1.25rem;overflow: hidden;position: sticky;top: 0;}

.pdd2_3 .top{display: flex;align-items: flex-end;justify-content: space-between;}

.pdd2_3 .top .tit{width: 8.75rem;}

.pdd2_3 .top .tit .t1{line-height: 135.294%;color: #fff;}

.pdd2_3 .top .tit .t2{line-height: 211.111%;color: rgba(255, 255, 255, 0.6);margin-top: 0.14rem;}

.pdd2_3 .top .swpbtn{display: flex;align-items: center;padding-bottom: 0.13rem;}

.pdd2_3 .top .swpbtn a{width: 1.85rem;}

.pdd2_3 .top .swpbtn a img{filter: var(--imgwhite);/*opacity: 0.2;*/}

.pdd2_3 .top .swpbtn a:hover img{opacity: 1;}

.pdd2_3 .top .swpbtn a.next{margin-left: 0.34rem;}

.pdd2_3 .bot{margin-top: 0.4rem;}

.pdd2_3 .swiper{overflow: visible;}

.pdd2_3 .swiper .swiper-slide{border-radius: 0.24rem;overflow: hidden;width: 12rem;height: 6.75rem;margin-right: 0.4rem;}

.pdd2_3 .swiper .swiper-slide video{width: 100%;height: 100%;object-fit: cover;}

.pdd2_3 .swiper .swiper-slide img{height: 100%;object-fit: cover;}

.pdd2_3 .swiper .swiper-slide .reset{position: absolute;z-index: 2;right: 0.3rem;bottom: 0.3rem;width: 0.4rem;}

.pdd2_3{padding-bottom: 0.6rem;}

.pdd3{height: 200vh;position: relative;z-index: 15;pointer-events: none;}

.pdd3.act{pointer-events: all;}

.pdd3 .pox{position: sticky;top: 0;height: 100vh;overflow: hidden;transform: translateY(calc(-100vh + min(var(--progress) * 2, 1) * 100vh));background: rgba(10, 10, 10, 0); transition: background 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd3.act .pox{background: rgba(10, 10, 10, 1);}

.pdd3 .pox .tit{position: absolute;top: calc(1.25rem - (6.3rem  * clamp(0, (var(--progress-top) - 0.2) * 1.5,1)));left: 0;right: 0;margin: 0 auto;width: 12.2rem;transform: translateY(-8.2rem);transition: transform 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd3 .pox .tit .t1{line-height: 136.364%;color: #fff;}

.pdd3 .pox .tit .t2{line-height: 172.727%;color: rgba(255, 255, 255, 0.60);margin-top: 0.22rem;}

.pdd3.act .pox .tit{transform: translateY(0);}

.pdd3 .pox .vid{position: absolute;left: 50%;transform: translateX(-50%) translateY(10.4rem);bottom: calc(-4.15rem * (1 - clamp(0, (var(--progress-top) - 0.2) * 1.25,1)));width: calc(16.6rem + ((100vw - 16.6rem) * clamp(0, (var(--progress-top) - 0.2) * 1.25, 1)));height: calc(8.4rem + ((100vh - 8.4rem) * clamp(0, (var(--progress-top) - 0.2) * 1.25, 1)));transition: transform 800ms cubic-bezier(0, 0, 0, 1.04), opacity 800ms cubic-bezier(0, 0, 0, 1.04);border-radius: 0.24rem;overflow: hidden;}

.pdd3 .pox .vid video{height: 100%;width: 100%;object-fit: cover;}

.pdd3.act .pox .vid{transform: translateX(-50%) translateY(0);}

.pdd3.act3 .pox .vid{transform: translateX(-50%) translateY(0) scale(0.32);opacity: 0;}

.pdd3 .ul{position: absolute;left: 0;bottom: -1.98rem;width: 100%;display: flex;justify-content: center;gap: 1.8rem;transition: bottom 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd3.act2 .ul{bottom: 1.37rem;}

.pdd3 .ul .li .ltp span{line-height: 1;color: #fff;}

.pdd3 .ul .li .lbt{line-height: calc(32 / 22);color: #fff;margin-top: 0.21rem;}

.pdd3 .list{position: absolute;left: 100vw;bottom: 0;width: 100%;overflow: hidden;padding: 0 1.25rem;transition: left 800ms cubic-bezier(0, 0, 0.01, 1.03);clip-path: inset(0 1.25rem 0 1.25rem round 0 0 0 0);}

.pdd3.act3 .list{left: 0;clip-path: inset(0 0 0 0 round 0 0 0 0);transition: left 800ms cubic-bezier(0, 0, 0.01, 1.03), clip-path 400ms cubic-bezier(0, 0, 0.01, 1.03) 400ms;}

.pdd3 .list .swiper_img{overflow: visible;}

.pdd3 .list .swiper_img .swiper-slide{aspect-ratio: 1660 / 840;border-radius: 0.24rem;overflow: hidden;background: #333;}

.pdd3 .list .swiper_img .swiper-slide img{height: 100%;object-fit: cover;}

.pdd3 .list .swiper_img .swiper-slide video{position: relative;width: 100%;height: 100%;object-fit: cover;}

.pdd3 .list .switch{position: absolute;left: 0;bottom: 0.28rem;z-index: 10;width: 100%;display: flex;align-items: center;justify-content: center;}

.pdd3 .list .switch .link{display: flex;border-radius: 0.14rem;background: rgba(255, 255, 255, 0.20);backdrop-filter: blur(8.5px);position: relative;}

.pdd3 .list .switch .link .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: anchor-size(height);background: var(--linear-gradient);transition: .4s var(--ease);pointer-events: none;border-radius: 0.14rem;}

.pdd3 .list .switch .link a{position: relative;line-height: 111.111%;color: #fff;opacity: 0.5;padding: 0.22rem 0.51rem;z-index: 3;width: fit-content;}

.pdd3 .list .switch .link a.act{anchor-name: --anchor-select;opacity: 1;}

.pdd2pdd3 #page3{top: -90vh;}

.pdd4{position: relative;z-index: 20;pointer-events: none;}

.pdd4.act{pointer-events: all;}

.pdd4_1{position: relative;height: 200vh;}

.pdd4_1 .pox{position: sticky;top: 0;height: 100vh;overflow: hidden;transform: translateY(calc(-100vh + min(var(--progress) * 2, 1) * 100vh));background: rgba(10, 10, 10, 0); transition: background 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd4.act .pox{background: rgba(10, 10, 10, 1);}

.pdd4_1 .pox .tit{position: absolute;top: calc(2rem - (6.3rem  * clamp(0, (var(--progress-top) - 0.2) * 1.5,1)));left: 0;right: 0;margin: 0 auto;width: 12.2rem;transform: translateY(-8.2rem);transition: transform 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd4_1 .pox .tit .t1{line-height: 136.364%;color: #fff;}

.pdd4_1 .pox .tit .t2{line-height: 172.727%;color: rgba(255, 255, 255, 0.60);margin-top: 0.22rem;}

.pdd4.act .pdd4_1 .pox .tit{transform: translateY(0);}

.pdd4_1 .pox .vid{position: absolute;left: 50%;transform: translateX(-50%) translateY(10.4rem);bottom: calc(-4.15rem * (1 - clamp(0, (var(--progress-top) - 0.2) * 1.25,1)));width: calc(16.6rem + ((100vw - 16.6rem) * clamp(0, (var(--progress-top) - 0.2) * 1.25, 1)));height: calc(8.4rem + ((100vh - 8.4rem) * clamp(0, (var(--progress-top) - 0.2) * 1.25, 1)));transition: transform 800ms cubic-bezier(0, 0, 0, 1.04), opacity 800ms cubic-bezier(0, 0, 0, 1.04);border-radius: 0.24rem;overflow: hidden;}

.pdd4_1 .pox .vid video{height: 100%;width: 100%;object-fit: cover;}

.pdd4.act .pdd4_1 .pox .vid{transform: translateX(-50%) translateY(0);}

.vid_reset{position: absolute;right: 0.3rem;bottom: 0.3rem;width: 0.4rem;}

.prodOneLayout #page4{top: -90vh;}

.pdd4_2{position: relative;}

.pdd4_2 .con1{/* position: sticky;top: 0; */padding-top: 1.53rem;}

.pdd4_2 .con1 .tit{max-width: 13.25rem;margin: 0 auto;}

.pdd4_2 .con1 .tit .t1{line-height: 111.111%;color: #fff;}

.pdd4_2 .con1 .tit .t2{line-height: 211.111%;color: rgba(255, 255, 255, 0.60);margin-top: 0.3rem;}

.pdd4_2 .con1 .ul{display: flex;flex-wrap: wrap;margin-top: 0.6rem;}

.pdd4_2 .con1 .ul .li{width: calc(50% - 0.15rem);margin: 0.3rem 0.3rem 0 0;}

.pdd4_2 .con1 .ul .li:nth-child(2n){margin-right: 0;}

.pdd4_2 .con1 .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd4_2 .con1 .ul .li .ss{display: flex;flex-direction: column;justify-content: space-between;width: 100%;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.05);padding: 0.4rem 0.5rem;height: 100%;}

.pdd4_2 .con1 .ul .li .ss .icon{width: 0.64rem;aspect-ratio: 1 / 1;}

.pdd4_2 .con1 .ul .li .ss .icon img{height: 100%;object-fit: contain;}

.pdd4_2 .con1 .ul .li .ss .text{margin-top: 0.3rem;}

.pdd4_2 .con1 .ul .li .ss .text .t1{line-height: calc(34 / 24);color: #fff;}

.pdd4_2 .con1 .ul .li .ss .text .t2{line-height: 144.444%;color: rgba(255, 255, 255, 0.60);margin-top: 0.14rem;}

.pdd4_2 .con2{margin-top: 1.6rem;}

.pdd4_2 .con2 .li:not(:first-child){margin-top: 0.25rem;}

.pdd4_2 .con2 .li .ss{display: flex;align-items: center;justify-content: space-between;}

.pdd4_2 .con2 .li .ss .icon{width: 4.8rem;height: 2.66rem;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.05);}

.pdd4_2 .con2 .li .ss .icon img{max-height: 100%;object-fit: contain;}

.pdd4_2 .con2 .li .ss .text{flex: 1;padding: 0 0 0 0.6rem;}

.pdd4_2 .con2 .li .ss .text .t1{line-height: calc(32 / 24);color: #fff;}

.pdd4_2 .con2 .li .ss .text .t2{line-height: 1.5;color: rgba(255, 255, 255, 0.60);margin-top: 0.2rem;}

.pdd5{position: relative;z-index: 30;min-height: 100vh;}

.pdd5 .con{padding-top: 1.1rem;position: relative;top: 0; /*top: calc(-100vh * (1 - var(--progress-top)));transform: translateY(100vh);*/background: rgba(10, 10, 10, 0.2);transition: transform 800ms cubic-bezier(0, 0, 0, 1.04), background 800ms cubic-bezier(0, 0, 0, 1.04);pointer-events: none;}

.pdd5.act .con{transform: translateY(0);background: rgba(10, 10, 10, 1);pointer-events: all;}

.pdd5 .con .tit{max-width: 13.7rem;margin: 0 auto;}

.pdd5 .con .tit .t1{line-height: 136.364%;color: #fff;}

.pdd5 .con .tit .t2{line-height: 154.545%;color: rgba(255, 255, 255, 0.60);}

.pdd5 .con .list{margin: 0.6rem auto 0;display: flex;position: relative;max-width: 1200px;}

.pdd5 .con .list .picbox{height: 4.8rem;width: 5.3rem;position: relative;height: 3.8rem;}

.pdd5 .con .list .pic{position: absolute;top: 0;left: 0;width: max-content;height: 100%;opacity: 0;}

.pdd5 .con .list .pic.act{opacity: 1;}

.pdd5 .con .list .pic.exit{transition: all 800ms cubic-bezier(0, 0, 0, 1.04);transform: translateX(-0.69rem);opacity: 0;}

.pdd5 .con .list .pic img{height: 100%;width: auto;}

.pdd5 .con .list .txtbox{flex: 1;margin-left: 0.5rem;position: relative;}

.pdd5 .con .list .txtbox .txt{position: absolute;top: 0;left: 0;width: 110%;transform: translateX(1.36rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd5 .con .list .txtbox .txt.act{transform: translateX(0);opacity: 1;}

.pdd5 .con .list .txtbox .txt.exit{transform: translateX(-0.69rem);opacity: 0;}

.pdd5 .con .list .txtbox .txt .t1{line-height: 135.294%;color: #fff;}

.pdd5 .con .list .txtbox .ul{margin-top: 0.63rem;display: flex;flex-wrap: wrap;}

.pdd5 .con .list .txtbox .ul .li{width: 50%;margin-top: 0.5rem;}

.pdd5 .con .list .txtbox .ul .li:nth-child(odd){padding-right: 0.3rem;}

.pdd5 .con .list .txtbox .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd5 .con .list .txtbox .ul .li .ltp{width: fit-content;line-height: 1.4;}

.pdd5 .con .list .txtbox .ul .li .lbt{line-height: calc(32 / 22);color: rgba(255, 255, 255, 0.60);margin-top: 0.08rem;}

.pdd5 .con .switch{margin-top: 0.25rem;}

.pdd5 .con .switch .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: anchor-size(height);background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;border-radius: 0.14rem;}

.pdd5 .con .switch .swiper-slide{line-height: calc(28 / 18);color: #fff;padding: 0.16rem 0.4rem;width: auto;border-radius: 0.14rem;}

.pdd5 .con .switch .swiper-slide.act{anchor-name: --anchor-select;}

.pdd6{height: 300vh;}

.pdd6 .con{position: sticky;top: 0;height: 100vh;overflow: hidden;}

.pdd6_1{position: relative;}

.pdd6_1 .imgbox{height: 100vh;}

.pdd6_1 .imgbox img{height: 100%;object-fit: cover;border-radius: 0.24rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);transform: scale(calc(1246 / 1920 * 100%));}

.pdd6_1 .tit{position: absolute;top: 1.3rem;left: 0;width: 100%; z-index: 5;padding: 0 2.7rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);transform: translateY(2.2rem);opacity: 0;}

.pdd6_1 .tit .t1{line-height: 136.364%;color: #fff;}

.pdd6_1 .tit .t2{line-height: 154.545%;color: #fff;margin-top: 0.2rem;}

.pdd6_1.act .imgbox img{transform: scale(1);border-radius: 0;}

.pdd6_1.act .tit{transform: translateY(0);opacity: 1;}

.pdd6.act .pdd6_1 .tit{top: -2.8rem;opacity: 0;}

.pdd6_2{position: absolute;z-index: 10;top: 0;left: 100%;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(30.25px);overflow: hidden;padding: 1.25rem 1.25rem 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd6.act .pdd6_2{left: 0;}

.pdd6_2 .swiper{overflow: visible;}

.pdd6_2 .swiper .swiper-slide{width: 12rem;height: min(calc(675 / 1080 * 100vh), 6.75rem);border-radius: 0.24rem;overflow: hidden;margin-right: 0.32rem;}

.pdd6_2 .swiper .swiper-slide .imgbox{height: 100%;position: relative;}

.pdd6_2 .swiper .swiper-slide:last-child{margin-right: 0;}

.pdd6_2 .swiper .swiper-slide video{height: 100%;width: 100%;object-fit: cover;}

.pdd6_2 .txtbox{display: flex;align-items: flex-end;justify-content: flex-end;margin-top: 0.38rem;position: relative;min-height: 1.36rem;}

.pdd6_2 .txtbox .tbox .txt{left: 1.49rem;top: 0;width: 12rem;opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);position: absolute;}

.pdd6_2 .txtbox .tbox .txt .t1{line-height: 135.294%;color: #fff;}

.pdd6_2 .txtbox .tbox .txt .t2{line-height: 211.111%;color: #fff;margin-top: 0.14rem;max-width: 824px;}

.pdd6_2 .txtbox .tbox .txt.act{left: 0;opacity: 1;}

.pdd6_2 .txtbox .tbox .txt.exit{left: -1rem;opacity: 0;}

.pdd6_2 .txtbox .swpbtn{display: flex;align-items: center;}

.pdd6_2 .txtbox .swpbtn a{width: 1.85rem;}

.pdd6_2 .txtbox .swpbtn a img{filter: var(--imgwhite);/*opacity: 0.2;*/}

.pdd6_2 .txtbox .swpbtn a:hover img{opacity: 1;}

.pdd6_2 .txtbox .swpbtn a.next{margin-left: 0.34rem;}

.pdd7{margin-top: 1.6rem;}

.pdd7 .tit .t1{line-height: 136.364%;color: #fff;}

.pdd7 .tit .t2{line-height: 154.545%;color: rgba(255, 255, 255, 0.60);margin-top: 0.2rem;}

.pdd7 .list{display: flex;justify-content: space-between;margin-top: 0.4rem;}

.pdd7 .list .vidbox{width: 9.76rem;}

.pdd7 .list .vidbox .item{display: none;height: 6.4rem;position: relative;border-radius: 0.24rem;overflow: hidden;}

.pdd7 .list .vidbox .item video{width: 100%;height: 100%;object-fit: cover;}

.pdd7 .list .vidbox .item.act{display: block;}

.pdd7 .list .right{flex: 1;padding-left: 0.3rem;}

.pdd7 .list .right .txtbox .item{display: none;padding: 0.33rem 0.38rem 0.41rem 0.49rem;border-radius: 0.24rem;background: rgba(255, 255, 255, 0.05);}

.pdd7 .list .right .txtbox .item.act{display: block;}

.pdd7 .list .right .txtbox .item .pic{height: 1.44rem;}

.pdd7 .list .right .txtbox .item .pic img{width: auto;height: 100%;object-fit: contain;}

.pdd7 .list .right .txtbox .item .txt{margin-top: 0.22rem;}

.pdd7 .list .right .txtbox .item .txt .t1{line-height: calc(40 / 30);color: #fff;}

.pdd7 .list .right .txtbox .item .txt .t2{line-height: 188.889%;color: rgba(255, 255, 255, 0.60);margin-top: 0.14rem;}

.pdd7 .list .right .switch{display: flex;flex-wrap: wrap;}

.pdd7 .list .right .switch a{position: relative;z-index: 5;margin: 0.2rem 0.2rem 0 0;padding: 0.2rem 0.27rem;border-radius: 0.14rem;background: rgba(255, 255, 255, 0.05);line-height: 1.4;color: #fff;overflow: hidden;width: calc(50% - 0.1rem);}

.pdd7 .list .right .switch a:nth-child(2n){margin-right: 0;}

.pdd7 .list .right .switch a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--linear-gradient);opacity: 0;z-index: -1;}

.pdd7 .list .right .switch a.act{font-family: 'Montserrat-Medium';font-weight: 500;}

.pdd7 .list .right .switch a.act::before{opacity: 1;}

.pdd8{margin-top: 1.6rem;}

.pdd8 .tit .t1{line-height: 136.364%;color: #fff;}

.pdd8 .list{margin-top: 0.4rem;border-radius: 0.24rem;background: rgba(248, 248, 246, 0.05);overflow: hidden;text-align: center;}

.pdd8 .list .thead{display: flex;align-items: center;gap: 0.8rem;}

.pdd8 .list .ww{flex: 1;}

.pdd8 .list .w1{flex: none;width: 170px;}

.pdd8 .list .thead{padding: 0 0.62rem 0 0.43rem;}

.pdd8 .list .thead .ww{padding: 0.37rem 0 0.4rem;}

.pdd8 .list .thead .ww .imgbox{height: 1.82rem;margin: 0 auto;}

.pdd8 .list .thead .ww .imgbox img{height: 100%;object-fit: contain;}

.pdd8 .list .thead .ww .txtbox{margin-top: 0.14rem;line-height: calc(34 / 26);color: #fff;}

.pdd8 .list .tbody{line-height: 144.444%;color: rgba(255, 255, 255, 0.60);}

.pdd8 .list .tbody .tr{display: flex;align-items: center;padding: 0 0.62rem 0 0.43rem;gap: 0.8rem;}

.pdd8 .list .tbody .tr:nth-child(even){background: rgba(255, 255, 255, 0.035);}

.pdd8 .list .tbody .ww{padding: 0.18rem 0;}

.pdd8 .list .tbody .w1{color: #fff;width: 170px;text-align: left;}

.prodTwoLayout{background: #F1F2ED;padding: 1rem 0 1.3rem;}

.prodTwoLayout .prod_switch{position: absolute;top: 1rem;width: 100%;}

.prodTwoLayout .prod_banner .txtbox{top: 1.5rem;}

.pdd9{padding-top: 1.6rem;}

.pdd9 .li .ss{position: relative;border-radius: 0.24rem;overflow: hidden;}

.pdd9 .li .ss .imgbox img{height: 100%;object-fit: cover;}

.pdd9 .li .ss .imgbox video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;}

.pdd9 .li .ss .imgbox a{opacity: 0;z-index: 2;}

.pdd9 .li .ss .txtbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 5;padding: 0.46rem 0.38rem 0 0.44rem;}

.pdd9 .li .ss .txtbox .t1{line-height: calc(40 / 30);color: #fff;}

.pdd9 .li .ss .txtbox .t2{line-height: 1.5;color: #fff;margin-top: 0.06rem;}

.pdd9 .item .top .ul{display: flex;justify-content: space-between;}

.pdd9 .item .top .ul .li{width: calc(50% - 0.2rem);}

.pdd9 .item .top .ul .li .imgbox{height: 5rem;}

.pdd9 .ul .li:hover .txtbox{top: -0.13rem;opacity: 0;}

.pdd9 .ul .li:hover .imgbox img{transform: scale(1.05);}

.pdd9 .ul .li:hover .vid_reset,
.pdd9 .ul .li:hover video{opacity: 1;}

.pdd9 .item .bot .li{margin-top: 0.3rem;}

.pdd9 .item .bot{display: flex;}

.pdd9 .item .bot .wrap_column{width: calc((100% - 0.6rem) / 3);margin-right: 0.3rem;}

.pdd9 .item .bot .wrap_column:last-child{margin-right: 0;}

.pdd9 .item .bot .wrap_column:nth-child(1) .li:nth-child(1) .imgbox{height: 6.64rem;}

.pdd9 .item .bot .wrap_column:nth-child(1) .li:nth-child(2) .imgbox{height: 3.68rem;}

.pdd9 .item .bot .wrap_column:nth-child(2) .li:nth-child(1) .imgbox{height: 3.58rem;}

.pdd9 .item .bot .wrap_column:nth-child(2) .li:nth-child(2) .imgbox{height: 6.74rem;}

.pdd9 .item .bot .wrap_column:nth-child(3) .li:nth-child(1) .imgbox{height: 5.12rem;}

.pdd9 .item .bot .wrap_column:nth-child(3) .li:nth-child(2) .imgbox{height: 5.2rem;}

.pdd10{position: relative;min-height: calc(var(--lis) * 100vh + 100vh);}

.pdd10 .con{position: sticky;top: 0;padding-top: 1.1rem;}

.pdd10 .con .type{display: flex;justify-content: space-between;padding: 0 1.25rem;}

.pdd10 .con .type .tt{line-height: 187.5%;}

.pdd10 .con .imgbox{position: relative;}

.pdd10 .con .imgbox .ditu{width: 90%;margin: 0 auto;}

.pdd10 .con .imgbox img:not(.ditu){position: absolute;top: 0;left: 5%;width: 90%;}

.pdd10 .con .imgbox .dian{opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.03);}

.pdd10 .con .imgbox .xian{transition: all 800ms cubic-bezier(0, 0, 0, 1.03);}

.pdd10 .con .imgbox .text{transform: translateX(-1.9rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.03) 300ms;}

.pdd10 .con .imgbox .lis:nth-child(1) .xian{clip-path: inset(100% 0 0 0);}

.pdd10 .con .imgbox .lis:nth-child(1) .text{transform: translateX(-1.9rem);}

.pdd10 .con .imgbox .lis:nth-child(2) .text{transform: translateX(1.9rem);}

.pdd10 .con .imgbox .lis:nth-child(2) .xian{clip-path: inset(0 100% 0 0);}

.pdd10 .con .lis.act1 .dian{opacity: 1;}

.pdd10 .con .imgbox .lis.act2 .xian{clip-path: inset(0 0 0 0);}

.pdd10 .con .imgbox .lis.act2 .text{transform: translateX(0);opacity: 1;}

.pdd11{margin-top: 1.6rem;min-height: calc(1080 / 1920 * 100%);padding: 2.89rem 0 1rem;}

.pdd11 .ul{display: flex;flex-wrap: wrap;width: 6.72rem;}

.pdd11 .ul .li{width: calc((100% - 0.24rem) / 2);margin: 0.24rem 0.24rem 0 0;border-radius: 0.2rem;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10.300000190734863px);padding: 0.32rem 0.35rem 0.33rem 0.31rem;}

.pdd11 .ul .li:nth-child(2n){margin-right: 0;}

.pdd11 .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd11 .ul .li .icon{height: 0.5rem;}

.pdd11 .ul .li .icon img{height: 100%;width: auto;}

.pdd11 .ul .li .text{line-height: 1.3;color: #fff;margin-top: 0.25rem;}

.pdd12{position: relative;min-height: 250vh;}

.pdd12 .con{position: sticky;top: 0;overflow: hidden;}

.pdd12 .con .tit{position: absolute;z-index: 3;top: 1.05rem;left: 0;width: 100%;padding: 0 1.25rem;}

.pdd12 .con .imgbox{position: relative;}

.pdd12 .con .imgbox .ditu{position: relative;transform: translateY(calc(100vh * (1 - var(--progress-top)))) scale(calc(1 + (1.88 * (1 - var(--progress-top)))));width: 90%;margin: 0 auto;}

.pdd12 .con .imgbox .dian{position: absolute;top: 0;left: 5%;width: 90%;opacity: 0;transform: translateX(0.17rem); transition: all 800ms cubic-bezier(0, 0, 0, 1.03);}

.pdd12 .con .imgbox .xian{position: absolute;top: 0;left: 5%;width: 90%;transition: all 800ms cubic-bezier(0, 0, 0, 1.03);z-index: 3;}

.pdd12 .con .imgbox .text{position: absolute;top: 0;left: 5%;width: 90%;transform: translateX(-0.35rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.03) 300ms;}

.pdd12 .con .imgbox .lis:nth-child(1) .xian{clip-path: inset(100% 0 0 0);}

.pdd12 .con .imgbox .lis:nth-child(1) .text{transform: translateX(-0.35rem);}

.pdd12 .con .imgbox .lis:nth-child(2) .text{transform: translateX(0.35rem);}

.pdd12 .con .imgbox .lis:nth-child(2) .xian{clip-path: inset(0 100% 0 0);}

.pdd12 .con .imgbox.act1 .dian{opacity: 1;transform: translateX(0);}

.pdd12 .con .imgbox.act2 .lis .xian{clip-path: inset(0 0 0 0);}

.pdd12 .con .imgbox.act2 .lis .text{transform: translateX(0);opacity: 1;}

.pdd13{margin-top: 1.6rem;}

.pdd13 .tit .t1{line-height: 136.364%;}

.pdd13 .ul{display: flex;flex-wrap: wrap;margin-top: 1rem;}

.pdd13 .ul .li{width: calc(50% - 0.15rem);margin: 0.3rem 0.3rem 0 0;}

.pdd13 .ul .li:nth-child(2n){margin-right: 0;}

.pdd13 .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd13 .ul .li .ss{display: block;height: 100%;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.50);padding: 0.4rem 0.5rem;}

.pdd13 .ul .li .ss .icon{width: 0.64rem;}

.pdd13 .ul .li .ss .icon img{aspect-ratio: 1 / 1;object-fit: contain;}

.pdd13 .ul .li .ss .text{margin-top: 0.56rem;}

.pdd13 .ul .li .ss .text .t1{line-height: calc(34 / 24);}

.pdd13 .ul .li .ss .text .t2{line-height: 144.444%;color: var(--text-color3);margin-top: 0.14rem;}

.pdd14{position: relative;min-height: 150vh;}

.pdd14 .con{position: sticky;top: 0;overflow: hidden;}

.pdd14 .con .imgbox{transform: scale(calc(1 - (0.352 * (1 - var(--progress-top)))));border-radius: calc(0.6rem * (1 - var(--progress-top)));overflow: hidden;}

.pdd14 .con .tit{position: absolute;top: 0;left: 0;width: 100%;padding: 1.78rem 1.25rem 0;z-index: 3;transition: all 800ms cubic-bezier(0, 0, 0, 1.03);transform: translateY(1.69rem);opacity: 0;}

.pdd14 .con .tit .t1{line-height: 136.364%;color: #fff;}

.pdd14 .con .tit .t2{line-height: 154.545%;color: #fff;margin-top: 0.3rem;}

.pdd14.act .con .tit{transform: translateY(0);opacity: 1;}

.pdd15{position: relative;}

.pdd15 .con .tit{position: absolute;top: 0;left: 0;width: 100%;padding: 1.78rem 1.25rem 0;z-index: 3;}

.pdd15 .con .tit .t1{line-height: 136.364%;color: #fff;}

.pdd15 .con .tit .t2{line-height: 154.545%;color: #fff;margin-top: 0.3rem;}

.pdd16{padding-top: 1.6rem;}

.pdd16 .tit .t1{line-height: 136.364%;}

.pdd16 .box{margin-top: 0.5rem;border-radius: 0.24rem;background: #F8F8F6;padding: 0.72rem 0.69rem 0.7rem 0.68rem;}

.pdd16 .top{display: flex;align-items: center;justify-content: space-between;}

.pdd16 .top .left{flex: 1;padding-right: 0.65rem;}

.pdd16 .top .left .txt{line-height: 2;color: var(--text-color3);}

.pdd16 .top .left .ul{margin-top: 1.57rem;display: flex;flex-wrap: wrap;}

.pdd16 .top .left .ul .li{width: calc(50% - 0.3rem);margin: 0.3rem 0.3rem 0 0;}

.pdd16 .top .left .ul .li:nth-child(2n){margin-right: 0;}

.pdd16 .top .left .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd16 .top .left .ul .li .ico{height: 0.43rem;width: auto;}

.pdd16 .top .left .ul .li .ico img{height: 100%;width: auto;object-fit: contain;}

.pdd16 .top .left .ul .li .set{line-height: 154.545%;color: var(--text-color2);margin-top: 0.21rem;}

.pdd16 .top .right{width: 8.4rem;border-radius: 0.24rem;overflow: hidden;}

.pdd16 .bot{margin-top: 1.5rem;}

.pdd16 .bot .btnbox{display: flex;align-items: center;justify-content: space-between;margin-top: 0.45rem;}

.pdd16 .bot .btnbox .ss{width: 1.85rem;}

.pdd16 .bot .btnbox .txtbox{flex: 1;text-align: center;padding: 0 0.4rem;}

.pdd16 .bot .btnbox .txtbox .txt{line-height: calc(40 / 32);color: var(--text-color2);display: none;}

.pdd16 .bot .btnbox .txtbox .txt.act{display: block;}

.prodTwoLayout .maodian{top: -0.6rem;}

.pdd17{position: relative;min-height: 150vh;}

.pdd17 .con{overflow: hidden;position: sticky;top: 0;height: 100vh;}

.pdd17 .imgbox{position: relative;transform: scale(calc(0.598 + (0.402 * clamp(0, (var(--progress-top) - 0.5) * 2, 1))));/*transition: all 800ms cubic-bezier(0, 0, 0, 1.03);*/}




.pdd17 .tit{position: absolute;left: 0;top: 2.47rem;z-index: 2;width: 100%;transform: translateY(1.8rem);opacity: 0;transition: all 800ms cubic-bezier(0, 0, 0, 1.03);}

.pdd17 .tit .t1{line-height: 136.364%;color: #fff;}

.pdd17 .list{width: 100%;padding: 0 1.25rem;position: absolute;left: 0;bottom: -6rem;z-index: 2;transition: all 800ms cubic-bezier(0, 0, 0, 1.03);}

.pdd17 .list .swiper-slide{width: auto;height: auto;border-radius: 0.2rem;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(0, 0, 0, 0.14);backdrop-filter: blur(10.300000190734863px);padding: 0.68rem 0.44rem 0.24rem;}

.pdd17 .list .swiper-slide .icon{height: 0.5rem;}

.pdd17 .list .swiper-slide .icon img{height: 100%;object-fit: contain;}

.pdd17 .list .swiper-slide .text{line-height: 145.455%;color: #fff;margin-top: 0.28rem;text-align: center;}

/*.pdd17.act .imgbox{transform: scale(1);}*/

.pdd17.act .tit{transform: translateY(0);opacity: 1;}

.pdd17.act .list{bottom: 0.66rem;}

.pdd18{padding-top: 1.6rem;}

.pdd18 .tit .t1{line-height: 136.364%;}

.pdd18 .box{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 0.5rem;border-radius: 0.16rem;background: #F8F8F6;padding: 0.6rem 0.6rem 0.6rem 0.71rem;}

.pdd18 .right{width: 8rem;border-radius: 0.24rem;overflow: hidden;}

.pdd18 .right img{height: 5.4rem;object-fit: cover;}

.pdd18 .left{flex: 1;padding: 0.52rem 0.5rem 0 0;}

.pdd18 .left .txtbox{position: relative;}

.pdd18 .left .txtbox .h1{height: calc(40 / 30 * 1em);}

.pdd18 .left .txtbox .h2{height: calc(1.88889 * 4em);margin-top: 0.14rem;}

.pdd18 .left .txtbox .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;padding-right: 0.16rem;transform: translateX(0.47rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.03);opacity: 0;pointer-events: none;}

.pdd18 .left .txtbox .txt.act{transform: translateX(0);opacity: 1;pointer-events: all;}

.pdd18 .left .txtbox .txt.exit{transform: translateX(-0.36rem);opacity: 0;}

.pdd18 .left .txtbox .txt .t1{line-height: calc(40 / 30);}

.pdd18 .left .txtbox .txt .t2{line-height: 188.889%;color: var(--text-color3);margin-top: 0.14rem;}

.pdd18 .left .ul{margin-top: 0.86rem;position: relative;}

.pdd18 .left .ul::before{content: "";position: absolute;left: 0;top: calc(5 / 18 * 1em);width: 1px;height: calc(100% - (10 / 18 * 1em));background: #D9D9D9;}

.pdd18 .left .ul::after{content: "";position: absolute;position-anchor: --anchor-select;transform: translateX(-1px) translateY(calc(5 / 18 * 1em));left: anchor(left);top: anchor(top);width: 3px;height: 0.2rem;background: #FF8E00;transition: .3s ease-in-out;pointer-events: none;border-radius: 3px;}

.pdd18 .left .ul .li{padding-left: 0.28rem;width: fit-content;margin-top: 0.2rem;position: relative;}

.pdd18 .left .ul .li:first-child{margin-top: 0;}

.pdd18 .left .ul .li a{line-height: calc(28 / 18);display: block;color: #999;}

.pdd18 .left .ul .li.act{anchor-name: --anchor-select;}

.pdd18 .left .ul .li:hover a{color: var(--theme-color);}

.pdd18 .left .ul .li.act a{color: var(--theme-color);font-family: 'Montserrat-Medium';font-weight: 500;}

.pdd8.black .tit .t1{color: var(--text-color);}

.pdd8.black .list{background: #F8F8F6;}

.pdd8.black .list .thead .ww .txtbox{color: var(--text-color2);}

.pdd8.black .list .tbody .w1{color: var(--text-color2);}

.pdd8.black .list .tbody{color: var(--text-color3);}

.pdd8.black .list .tbody .tr:nth-child(even){background: #F8F8F6;}

.pdd8.black .list .tbody .tr:nth-child(odd){background: rgba(255, 255, 255, 0.7);}

.prodThreeLayout{background: #F1F2ED;padding: 1rem 0 1.3rem;}

.prodThreeLayout .prod_switch{position: absolute;top: 1rem;width: 100%;}

.prodThreeLayout .prod_banner .txtbox{top: 1.5rem;}

.prodThreeLayout .maodian{top: -0.6rem;}

.prodTwoLayout .product_switch,
.prodThreeLayout .product_switch{background: #fff;}

.prodTwoLayout .product_switch a,
.prodThreeLayout .product_switch a{color: #666;}

.prodTwoLayout .product_switch a.act,
.prodThreeLayout .product_switch a.act{color: rgba(102, 102, 102, 0);}

.pdd20{padding-top: 0.1rem;position: relative;min-height: 200vh;}

.pdd20 .con{position: sticky;top: 0;padding-top: 1.5rem;overflow: hidden;}

.pdd20 .con .text{line-height: 154.545%;color: var(--text-color3);}

.pdd20 .con .ul{position: relative;width: 30.7rem;height: 7.2rem;margin-top: 0.5rem;transform: translateX(calc(-14.05rem * clamp(0, (var(--distance) - 0.3) * 2, 1)));/* transition: transform 800ms cubic-bezier(0, 0, 0, 1.04); */}

@media screen and (max-height: 950px) {
  .pdd20{padding-top: 0.7rem;}
  .pdd20 .con{padding-top: 0.9rem;}
  .pdd20 .con .ul{margin-top: 0.3rem;}
}

.pdd20 .con .ul .li{position: absolute;border-radius: 0.24rem;overflow: hidden;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd20 .con .ul .li .imgbox{height: 100%;}

.pdd20 .con .ul .li .imgbox img{height: 100%;object-fit: cover;transition: transform 400ms var(--ease);}

.pdd20 .con .ul .li .txtbox{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;padding: 0.38rem 0.39rem 0;}

.pdd20 .con .ul .li .txtbox .t1{line-height: calc(60 / 50);color: #fff;}

.pdd20 .con .ul .li .txtbox .t2{line-height: 1.5;color: #fff;margin-top: 0.07rem;}

.pdd20 .con .ul .li:nth-child(1){left: 0;top: 0;width: 8.15rem;height: 7.2rem;}

.pdd20 .con .ul .li:nth-child(2){left: 8.45rem;bottom: 0;width: 8.15rem;height: 7.2rem;}

.pdd20 .con .ul .li:nth-child(3){left: 7.5rem;top: 0;width: 9.1rem;height: 3.45rem;}

.pdd20 .con .ul .li:nth-child(4){left: 11.25rem;bottom: 0;width: 5.35rem;height: 3.45rem;}

.pdd20 .con .ul .li:nth-child(5){left: 16.9rem;top: 0;width: 6.3rem;height: 3.45rem;}

.pdd20 .con .ul .li:nth-child(6){left: 16.9rem;bottom: 0;width: 6.3rem;height: 3.45rem;}

.pdd20 .con .ul .li:nth-child(7){left: 23.5rem;top: 0;width: 7.2rem;height: 7.2rem;}

.pdd20 .con .ul .li:not(:nth-child(-n + 2)){transform: translateX(10.82rem);}

.pdd20.act .con .ul .li:not(:nth-child(-n + 2)){transform: translateX(0);}

.pdd20.act .con .ul .li:nth-child(1){width: 7.2rem;}

.pdd20.act .con .ul .li:nth-child(2){left: 7.5rem;width: 3.45rem;height: 3.45rem;}

/* .pdd20.act2 .con .ul{transform: translateX(-14.05rem);} */

.pdd20 .con .ul .li:hover .imgbox img{transform: scale(1.05);}

.pdd21{padding-top: 1.5rem;}

.pdd21 .tit .t1{line-height: 136.364%;}

.pdd21 .tit .t2{line-height: 154.545%;color: var(--text-color3);margin: 0.2rem auto 0;max-width: 12.65rem;}

.pdd21 .ul{display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin-top: 0.5rem;gap: 0.4rem 2.72rem;}

.pdd21 .ul .li .t1{line-height: 140%;}

.pdd21 .ul .li .t2{line-height: calc(42 / 26);color: var(--text-color2);margin-top: 0.1rem;}

.pdd21 .vidbox{position: sticky;top: 0;height: 100vh;width: 100%;margin-top: 0.74rem;}

.pdd21 .vidbox .vbox{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: calc(12.68rem + ((100vw - 12.68rem) * clamp(0, (var(--progress-top) - 0.5) * 2.5,1)));height: calc(7.13rem + ((100vh - 7.13rem) * clamp(0, (var(--progress-top) - 0.5) * 2.5,1)));border-radius: calc(0.24rem * (1 - clamp(0, (var(--progress-top) - 0.5) * 2.5,1)));overflow: hidden;}

.pdd21 .vidbox .vbox video{width: 100%;height: 100%;object-fit: cover;}

.pdd21 .vidbox .vid_reset{opacity: 0;pointer-events: none;}

.pdd21 .vidbox.act .vid_reset{opacity: 1;pointer-events: all;}

.pdd21 .h50{height: 50vh;}

.pdd22{position: relative;}

.pdd22 .top{min-height: 150vh;position: relative;}

.pdd22 .con{position: sticky;top: 0;padding-top: 1.32rem;/*overflow: hidden;min-height: 100vh;*/}

.pdd22 .con .imgbox{height: 6.1rem;width: 10.8rem;margin: 0 auto;position: relative;}

.pdd22 .con .imgbox .pic{position: absolute;top: -1.32rem;left: 50%;transform: translateX(-50%);width: 100vw;height: 100vh;overflow: hidden;/*transition: all 800ms cubic-bezier(0, 0, 0, 1.04);*/}

.pdd22 .con .imgbox .pic img{height: 100%;object-fit: cover;}

.pdd22 .con .imgbox .pic::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);/*transition: all 800ms cubic-bezier(0, 0, 0, 1.04);*/}

.pdd22 .con .imgbox .pic .tit{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;width: 16.6rem;/*transition: all 800ms cubic-bezier(0, 0, 0, 1.04);*/}

.pdd22 .con .imgbox .pic .tit .t1{line-height: 136.364%;color: #fff;}

.pdd22.act .con .imgbox .pic{top: calc(-1.32rem * (1 - var(--distance)));width: calc(100vw - ((100vw - 10.8rem) * var(--distance)));height: calc(100vh - ((100vh - 6.1rem) * var(--distance)));border-radius: calc(0.24rem * var(--distance));}

.pdd22.act .con .imgbox .pic::before{opacity: calc(1 - var(--distance));}

.pdd22.act .con .imgbox .pic .tit{transform: translate(-50%, calc(-50% - (20% * var(--distance))));opacity: calc(1 - var(--distance));}

.pdd22 .list{margin: 0.3rem auto 0;max-width: 10.8rem;transform: translateY(7.69rem);transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd22.act .list{transform: translateY(0);}

.pdd22 .list .text{line-height: 154.545%;color: var(--text-color3);}

.pdd22 .list .ul{display: flex;justify-content: space-between;text-align: center;margin-top: 0.4rem;}

.pdd22 .list .ul .li .t1{line-height: 1.4;}

.pdd22 .list .ul .li .t2{line-height: calc(40 / 26);color: var(--text-color2);margin-top: 0.05rem;}

.pdd23{height: 200vh;position: relative;margin-top: 1.6rem;}

.pdd23 .con{position: sticky;top: 0;height: 100vh;overflow: hidden;}

.pdd23 .con .vidbox{position: absolute;top: 0;left: 5rem;width: 100%;height: 100%;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd23 .con .vidbox video{width: 100%;height: 100%;object-fit: cover;}

.pdd23 .con .vidbox .vid_play{position: absolute;left: 5.2rem;bottom: 0.5rem;width: 0.5rem;height: 0.5rem;border-radius: 0.5rem;background: rgba(255, 255, 255, 0.26);backdrop-filter: blur(9.25px);display: flex;align-items: center;justify-content: center;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd23 .con .vidbox .vid_play img{width: 0.22rem;}

.pdd23 .con .txtbox{position: absolute;z-index: 5;top: 0;left: 0;width: 9.6rem;height: 100%;background: #F1F2ED;padding: 2.8rem 0 0 1.25rem;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd23 .con .txtbox .txt{max-height: calc(100vh - 2.8rem - 1rem);overflow-y: auto;padding-right: 0.3rem;}

.pdd23 .con .txtbox .t1{line-height: 106.061%;}

.pdd23 .con .txtbox .t2{line-height: 154.545%;color: var(--text-color3);margin-top: 0.5rem;}

.pdd23.act .con .vidbox{left: 0;}

.pdd23.act .con .vidbox .vid_play{opacity: 0;}

.pdd23.act .con .txtbox{left: -9.6rem;}

.pdd24{padding-top: 1.6rem;}

.pdd24 .tit .t1{line-height: 106.061%;}

.pdd24 .tit .t2{line-height: 154.545%;margin-top: 0.3rem;margin-top: 0.3rem;}

.pdd24 .box{margin-top: 0.5rem;height: 200vh;position: relative;}

.pdd24 .box .con{position: sticky;top: 0;height: 100vh;overflow: hidden;}

.pdd24 .box .con .imgbox{height: 100%;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd24 .box .con .imgbox img{height: 100%;object-fit: cover;}

.pdd24 .box .con .txtbox{position: absolute;top: 0;right: -9.6rem;width: 9.6rem;height: 100%;background: #F1F2ED;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);display: flex;align-items: center;}

.pdd24 .box .con .txtbox .list{max-height: calc(100% - 2.3rem);padding: 0 1.25rem 0 1.15rem;overflow-y: auto;}

.pdd24 .box .con .txtbox .list .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.pdd24 .box .con .txtbox .list .ul .li{width: calc(320 / 715 * 100%);margin-top: 0.95rem;}

.pdd24 .box .con .txtbox .list .ul .li:nth-child(2n){width: calc(235 / 715 * 100%);}

.pdd24 .box .con .txtbox .list .ul .li:nth-child(-n + 2){margin-top: 0;}

.pdd24 .box .con .txtbox .list .ul .li .t1{line-height: 1.4;}

.pdd24 .box .con .txtbox .list .ul .li .t2{line-height: calc(40 / 26);color: var(--text-color2);margin-top: 0.05rem;}

.pdd24 .box.act .con .imgbox{transform: translateX(-6.6rem);}

.pdd24 .box.act .con .txtbox{right: 0;}

.pdd25{height: 200vh;}

.pdd25 .con{position: sticky;top: 0;height: 100vh;display: flex;flex-direction: column;padding: 1.28rem 1.25rem 0.48rem;}

.pdd25 .con .tit{display: flex;justify-content: space-between;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd25 .con .tit .t1{line-height: 106.061%;}

.pdd25 .con .tit .t2{line-height: 154.545%;color: var(--text-color3);flex: 1;padding: 0.11rem 0 0 1.37rem;}

.pdd25 .con .vidbox{margin-top: 0.44rem;position: relative;flex: 1;}

.pdd25 .con .vidbox .vbox{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 100%;height: 100%;border-radius: 0.24rem;overflow: hidden;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd25 .con .vidbox .vbox video{width: 100%;height: 100%;object-fit: cover;}

.pdd25 .con .vidbox .vbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}

.pdd25 .con .vidbox .vbox .vid_reset{opacity: 0;pointer-events: none;transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd25 .con .vidbox .txt{position: absolute;z-index: 5;bottom: 0.26rem;left: 0.35rem;width: calc(100% - 0.7rem);padding: 0.37rem 0.43rem 0.41rem;border-radius: 0.24rem;
background: rgba(255, 255, 255, 0.14);backdrop-filter: blur(28.450000762939453px);transition: all 800ms cubic-bezier(0, 0, 0, 1.04);}

.pdd25 .con .vidbox .txt .t1{line-height: calc(40 / 30);color: #fff;}

.pdd25 .con .vidbox .txt .t2{line-height: 166.667%;color: #fff;margin-top: 0.1rem;}

.pdd25.act .con .tit{transform: translateY(-4.16rem);}

.pdd25.act .con .vidbox .vbox{bottom: -0.48rem;width: 100vw;height: 100vh;border-radius: 0;}

.pdd25.act .con .vidbox .vbox .vid_reset{opacity: 1;pointer-events: all;}

.pdd25.act .con .vidbox .txt{transform: translateY(1.17rem);opacity: 0;pointer-events: none;}

.pdd26{padding-top: 1.6rem;}

.pdd26 .tit .t1{line-height: 106.061%;}

.pdd26 .tit .t2{line-height: 154.545%;color: var(--text-color3);margin: 0.3rem auto 0;max-width: 10.64rem;}

.pdd26 .list{margin-top: 0.4rem;position: relative;border-radius: 0.24rem;overflow: hidden;}

.pdd26 .list .swiper1 .swiper-slide{height: 8rem;position: relative;}

.pdd26 .list .swiper1 .swiper-slide img{height: 100%;object-fit: cover;}

.pdd26 .list .swiper1 .swiper-slide video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.pdd26 .list .swiper2{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.4rem;width: max-content;max-width: calc(100% - 2rem);z-index: 10;border-radius: 0.14rem;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(8.5px);}

.pdd26 .list .swiper2 .swiper-wrapper::before{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);top: anchor(top);width: anchor-size(width);height: 100%;background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;border-radius: 0.14rem;}

.pdd26 .list .swiper2 .swiper-slide{width: auto;position: relative;z-index: 2;line-height: 111.111%;color: rgba(255,255,255,0.5);padding: 0.22rem 0.5rem;border-radius: 0.14rem;}

.pdd26 .list .swiper2 .swiper-slide.swiper-slide-thumb-active{anchor-name: --anchor-select;color: #fff;font-family: 'Montserrat-Medium';font-weight: 500;}

.pdd26 .txtbox .txt{margin: 0.4rem auto 0;display: none;max-width: 10.6rem;line-height: 188.889%;color: var(--text-color3);}

.pdd26 .txtbox .txt.act{display: block;}

.pdd27{padding-top: 1.6rem;}

.pdd27 .tit .t1{line-height: 106.061%;}

.pdd27 .tit .t2{line-height: 154.545%;color: var(--text-color3);margin: 0.32rem auto 0;max-width: 10.64rem;}

.pdd27 .con{margin-top: 0.5rem;border-radius: 0.24rem;overflow: hidden;min-height: 8.4rem;display: flex;align-items: flex-end;padding: 0 0.77rem 0.46rem 0.53rem;}

.pdd27 .con .swiper{width: 100%;}

.pdd27 .con .swiper .swiper-slide{height: auto;border-radius: 0.2rem;border: 1px solid rgba(255,255,255,0);background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(14.350000381469727px);padding: 0.53rem 0.34rem 0.13rem;}

.pdd27 .con .swiper .swiper-slide:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(243deg, #FFF -9.72%, rgba(255, 255, 255, 0.00) 34.03%, rgba(255, 255, 255, 0.00) 69.34%, #FFF 106.03%);border-radius: 0.2rem;
    /* 核心：只保留四周1px，中间挖空 */
  -webkit-mask:
    linear-gradient(#000, #000) padding-box,
    linear-gradient(#000, #000) content-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  /* 内缩 1px 形成边框 */
  padding: 1px;
}

.pdd27 .con .swiper .swiper-slide .icon{height: 0.43rem;}

.pdd27 .con .swiper .swiper-slide .icon img{width: auto;height: 100%;}

.pdd27 .con .swiper .swiper-slide .text .t1{line-height: 1.5;color: #fff;margin-top: 0.27rem;}

.pdd27 .con .swiper .swiper-slide .text .t2{line-height: 185.714%;color: #fff;margin-top: 0.14rem;}

.pdd28{margin-top: 1.6rem;min-height: 10.8rem;padding: 1.7rem 0 1rem;}

.pdd28 .tit .t1{line-height: 136.364%;color: #fff;}

.pdd28 .ul{display: flex;flex-wrap: wrap;width: 7.74rem;margin-top: 1.56rem;}

.pdd28 .ul .li{width: calc((100% - 0.24rem) / 3);margin: 0.12rem 0.12rem 0 0;position: relative;padding: 0.31rem 0.27rem 1.47rem;border-radius: 0.18rem;background: rgba(255,255,255,0.9);}

.pdd28 .ul .li .txt{line-height: 1.2;color: var(--text-color2);min-height: 3.6em;}

.pdd28 .ul .li .pic{position: absolute;right: 0.21rem;bottom: 0.17rem;height: 0.94rem;width: calc(100% - 0.42rem);display: flex;align-items: center;justify-content: flex-end;}

.pdd28 .ul .li .pic img{width: auto;height: 100%;object-fit: contain;}

.pdd28 .ul .li:nth-child(3n){margin-right: 0;}

.pdd28 .ul .li:nth-child(-n + 3){margin-top: 0;}

.header::after{content: "";position: absolute;position-anchor: --anchor-select;left: anchor(left);bottom: anchor(bottom);width: anchor-size(width);height: 3px;background: var(--linear-gradient);transition: .3s ease-in-out;pointer-events: none;}

.header .lf .ul .li.act,
.header .lf .ul .li:hover{anchor-name: --anchor-select;}

.header .lv2list{position: absolute;top: 100%;left: 0;width: 100%;height: calc(100vh - 1rem);overflow: hidden;transition: none;display: none;}

/*.header .lf .ul .li:hover .lv2list{display: block;}*/

.header .lv2list::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.69);backdrop-filter: blur(27.75px);}

.header .lv2list .con{position: relative;z-index: 2;background: #F1F2ED;max-height: calc(100vh - 1rem);overflow-y: auto;overflow-x: hidden;}

.header .lv2list .w1660{display: flex;padding: 0;}

.header .lv2list .left{width: 4.35rem;padding: 0.64rem 0 1.04rem 1.25rem;}

.header .lv2list .left .lv2:not(:first-child){margin-top: 0.3rem;}

.header .lv2list .left .lv2 a{display: block;width: fit-content;position: relative;color: var(--text-color2);}

.header .lv2list .left .lv2 a span{position: absolute;left: 0;top: 0;opacity: 0;}

.header .lv2list .left .lv2.act a{color: rgba(51,51,51,0);font-family: 'Montserrat-Medium';font-weight: 500;}

.header .lv2list .left .lv2.act a span{opacity: 1;}

.header .lv2list .left .mess{background: rgba(255,255,255,1);border-radius: 0.1rem;margin-top: 1.15rem; position: relative;padding: 0.21rem 0.28rem 0.23rem;}

.header .lv2list .left .mess .t1{line-height: 136.364%;}

.header .lv2list .left .mess .t2{line-height: 144.444%;color: var(--text-color3);margin-top: 0.12rem;}

.header .lv2list .left .mess .t2 a{display: block;width: fit-content;color: var(--theme-color);text-decoration: underline !important;text-underline-offset: 4px;}

.header .lv2list .left .mess .arr{position: absolute;opacity: 1;width: 0.56rem;left: -0.22rem;bottom: -0.16rem;}

.header .lv2list .left .mess .ico{position: absolute;left: -1.2rem;bottom: -1.04rem;width: 1.49rem;mix-blend-mode: multiply;}

.header .lv2list .center{width: 6.9rem;margin-left: 0.57rem;padding: 0.64rem 0 0.88rem;}

.header .lv2list .center .lv2item{/*display: none;*/visibility: hidden; position: absolute;top: 0.64rem;pointer-events: none;transform: translateX(1rem);opacity: 0;}

.header .lv2list .center .lv2item.act{/*display: block;*/visibility: visible;position: static;pointer-events: all;opacity: 1;transform: translateX(0);transition: all 500ms cubic-bezier(0, 0, 0, 1.08);}

.header .lv2list .center .lv2item .tit{line-height: 1.5;margin-top: -0.25em;}

.header .lv2list .center .lv2item .link{display: flex;flex-wrap: wrap;margin-top: 0.33rem;}

.header .lv2list .center .lv2item .link a{width: calc(50% - 0.15rem);margin: 0.3rem 0.3rem 0 0;border-radius: 0.2rem;background: rgba(255,255,255,0.6);padding: 0.47rem 0.3rem 0.25rem;}

.header .lv2list .center .lv2item .link a:nth-child(2n){margin-right: 0;}

.header .lv2list .center .lv2item .link a:nth-child(-n + 2){margin-top: 0;}

.header .lv2list .center .lv2item .link .ss .pic{height: 1.1rem;}

.header .lv2list .center .lv2item .link .ss .pic img{height: 100%;object-fit: contain;}

.header .lv2list .center .lv2item .link .ss .txt{line-height: 1.5;margin-top: 0.27rem;text-align: center;}

.header .lv2list .center .lv2item .link .ss:hover .pic img{transform: scale(1.05);}

.header .lv2list .center .lv2item .link .ss:hover .txt{color: var(--theme-color);}

.header .lv2list .right{flex: 1;padding: 0.64rem 1.25rem 0.88rem 0.65rem;margin-left: 0.65rem;background: rgba(255,255,255,0.4);}

.header .lv2list .right .lv2item{/*display: none;*/visibility: hidden; position: absolute;top: 0.64rem;pointer-events: none;transform: translateX(1rem);opacity: 0;}

.header .lv2list .right .lv2item.act{/*display: block;*/visibility: visible;position: static;pointer-events: all;opacity: 1;transform: translateX(0);transition: all 500ms cubic-bezier(0, 0, 0, 1.08);}

.header .lv2list .right .lv3item{/*display: none;*/visibility: hidden; position: absolute;top: 0.64rem;pointer-events: none;transform: translateX(1rem);opacity: 0;}

.header .lv2list .right .lv3item.act{/*display: block;*/visibility: visible;position: static;pointer-events: all;opacity: 1;transform: translateX(0);transition: all 500ms cubic-bezier(0, 0, 0, 1.08);}

.header .lv2list .right .lv3item .tit{line-height: 1.5;}

.header .lv2list .right .lv3item .vid{height: 2.7rem;border-radius: 0.16rem;margin-top: 0.33rem;overflow: hidden;}

.header .lv2list .right .lv3item .vid video{width: 100%;height: 100%;object-fit: cover;}

.header .lv2list .right .lv3item .text{display: flex;flex-wrap: wrap;margin-top: 0.5rem;}

.header .lv2list .right .lv3item .text .txt{width: 2.15rem;margin: 0.46rem 0.25rem 0 0;}

.header .lv2list .right .lv3item .text .txt:nth-child(2n){margin-right: 0;}

.header .lv2list .right .lv3item .text .txt:nth-child(-n + 2){margin-top: 0;}

.header .lv2list .right .lv3item .text .txt .t1{line-height: 106.667%;}

.header .lv2list .right .lv3item .text .txt .t2{line-height: 137.5%;color: #929292;margin-top: 0.12rem;}








.login_modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 200;display: none;}

.login_modal .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}

.login_modal .box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 5.8rem;max-height: calc(100vh - 1.3rem);overflow: hidden;border-radius: 0.2rem;background: #F1F2ED;height: fit-content;display: none;}

.login_modal .box.act{display: block;}

.login_modal .box .con{overflow-y: auto;padding: 0.6rem 0.5rem;max-height: calc(100vh - 1.3rem);position: relative;}

.login_modal .box .con .close{position: absolute;top: 0.2rem;right: 0.38rem;width: 0.24rem;}

.login_modal .box .con .tit .t1{line-height: calc(37 / 30);}

.login_modal .box .con .tit .t2{line-height: calc(22 / 18);color: var(--text-color3);margin-top: 0.16rem;}

.login_modal .box .con .formbox{display: block;width: 100%;margin-top: 0.48rem;}

.login_modal .box .con .formbox .item_password{margin-top: 0.3rem;}

.login_modal .box .con .formbox .item .set{line-height: 111.111%;}

.login_modal .box .con .formbox .item .set span{line-height: 1;color: #F00;margin-right: 0.1rem;}

.login_modal .box .con .formbox .item .det{border-radius: 0.08rem;border: 1px solid #E6E6E6;background: rgba(255,255,255,0.6);margin-top: 0.16rem;position: relative;}

.login_modal .box .con .formbox .item .det input{display: block;width: 100%;height: 0.58rem;border: none;background: none;padding: 0 0.18rem;}

.login_modal .box .con .formbox .item .det .eye_on{position: absolute;right: 0.18rem;top: 0.18rem;width: 0.24rem;}

.login_modal .box .con .formbox .item .det .eye_off{position: absolute;right: 0.18rem;top: 0.18rem;width: 0.24rem;display: none;}

.login_modal .box .con .formbox .item .det.act .eye_on{display: none;}

.login_modal .box .con .formbox .item .det.act .eye_off{display: block;}

.login_modal .box .con .formbox .item.item_link{margin-top: 0.16rem;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.08rem;}

.login_modal .box .con .formbox .item.item_link .reset_password{display: flex;align-items: center;}

.login_modal .box .con .formbox .item.item_link .reset_password img{width: 0.18rem;margin-right: 0.06rem;}

.login_modal .box .con .formbox .item.item_link .reset_password a{line-height: calc(20 / 16);color: #999;text-decoration: underline !important;text-underline-offset: 2px;}

.login_modal .box .con .formbox .item.item_link .reset_password a:hover{color: var(--theme-color);}

.login_modal .box .con .formbox .item.item_link .reset_register{line-height: calc(20 / 16);color: #999;text-decoration: underline !important;text-underline-offset: 2px;}

.login_modal .box .con .formbox .item.item_link .reset_register:hover{color: var(--theme-color);}

.login_modal .box .con .formbox .item.item_submit{margin-top: 0.48rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}

.login_modal .box .con .formbox .item.item_submit .submit{width: 3rem;height: 0.48rem;border-radius: 0.24rem;background: var(--linear-gradient);color: #fff;border: none;}

.login_modal .box .con .formbox .item.item_code{margin-top: 0.3rem;}

.login_modal .box .con .formbox .item.item_code .det{display: flex;align-items: center;}

.login_modal .box .con .formbox .item.item_code .det input{flex: 1;}

.login_modal .box .con .formbox .item.item_code .det .obtain{position: relative;padding: 0 .2rem;line-height: 0.36rem;border-left: 1px solid #E6E6E6;color: var(--theme-color);}

.login_modal .box .con .formbox .item.item_code .det .obtain span{position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: var(--text-color3);opacity: 0;}

.login_modal .box .con .formbox .item.item_code .det .obtain.act{pointer-events: none;color: rgba(255, 142, 0, 0);}

.login_modal .box .con .formbox .item.item_code .det .obtain.act span{opacity: 1;}

.login_modal .box .con .formbox .item.item_submit .return{display: block;width: fit-content;margin: 0.16rem auto 0;line-height: calc(22 / 16);color: var(--theme-color);}


body.top.act .header{transform: translateY(0);}
body.top.act .product_switch{top: 1rem;}


/*CSS 锚点定位向下兼容*/
@supports not (anchor-name: --anchor-select) {
  .pdd5 .con .switch .swiper-slide.act,
  .pdd26 .list .swiper2 .swiper-slide.swiper-slide-thumb-active,
  .ab6 .switch .link a.act,
  .in3 .listbox .switch .swiper .swiper-slide.act{background: var(--linear-gradient);}
  
  .news2 .ntp .swiper .swiper-slide.act::before,
  .case2 .ctp .swiper .swiper-slide.act::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: var(--linear-gradient);pointer-events: none;}
  
  .ctt2 .ctp .link .swiper-slide.act{background: #fff;}
  
  .pdd18 .left .ul .li.act::after{content: "";position: absolute;transform: translateX(-1px) translateY(calc(5 / 18 * 1em));left: 0;top: 0;width: 3px;height: 0.2rem;background: #FF8E00;pointer-events: none;border-radius: 3px;}
  
  .pdd2_1 .box .left .ul .li.act::after{content: "";position: absolute;transform: translateX(-1px);left: 0;top: 0;width: 3px;height: 100%;background: var(--linear-gradient);pointer-events: none;border-radius: 3px;}

}

@media screen and (max-width: 1440px) {
  .header .lf .ul .li{margin-left: 0.4rem;}

  .ab1 .abt .ul .li .ltp .more{top: 0.1rem;}
}