.btn-reset {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
[v-cloak] {
  display: none;
}
/* 选中文字样式 */
::selection {
  background: #1c509c;
  color: #fff;
}
::-moz-selection {
  background: #1c509c;
  color: #fff;
}
/* Lenis 平滑滚动官方适配 */
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}

/* 滚动容器阻止滚动穿透 */
[data-lenis-prevent],
[data-lenis-prevent-wheel] {
  overscroll-behavior: contain;
  will-change: transform;
  transform: translateZ(0);
}

/* 字重工具类 */
.fw900 { font-weight: 900; }
.fw800 { font-weight: 800; }
.fw700 { font-weight: 700; }
.fw600 { font-weight: 600; }
.fw500 { font-weight: 500; }
.fw400 { font-weight: 400; }
.fw300 { font-weight: 300; }
.fw200 { font-weight: 200; }
.fw100 { font-weight: 100; }

/* 表单元素统一清除 */
input,
textarea,
select {
  border-radius: 0;
  -webkit-border-radius: 0;
  outline: none;
  font-family: 'hm';
}

textarea,
select {
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}
textarea {
  resize: none;
  padding: 0;
  border: 0;
}

input {
  padding: 0;
  border: 0;
}
input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}

input[type=text]:focus::placeholder {
  opacity: 0;
}

/* 按钮基础清除 */
button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  font-family: 'hm';
}

/* 图片、视频通用样式 */
video{
  border: none;
  max-width: 100%;
  display: block;
  height: auto;
}
.pic100 { width: 100%; }
.pic-cover { width: 100%; height: 100%; object-fit: cover; }
.pic-contain { width: 100%; height: 100%; object-fit: contain; }
.pic-fill { width: 100%; height: 100%; object-fit: fill; }
img[src=""] { opacity: 0; }
.imgease{transition: transform 400ms ease;}
.pichover .pic img{transition: transform 400ms ease;}
.pichover:hover .pic img{transform: scale(1.05);}

/* 斜体清除 */
i {
  font-style: normal;
}

/* 富文本编辑框重置，限制作用域，避免全局污染 */
.edit :where(*:not(table):not(table *)) {
  all: revert;
}
.edit table {
  border-collapse: collapse;
}
.edit p,
.edit h1, .edit h2, .edit h3, .edit h4, .edit h5, .edit h6,
.edit ul, .edit ol,
.edit blockquote,
.edit pre,
.edit figure,
.edit hr {
  margin-block: 0;
}
.edit img,
.edit video {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* 单行/多行文本省略 */
.t-line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.t-line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.t-line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.t-line4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.t-line5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

.imgTwo {
  position: relative;
}
.imgTwo img {
  transition: opacity .4s ease;
}
.imgTwo img:nth-child(2) {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}
.imghover:hover .imgTwo img:nth-child(1) {
  opacity: 0;
}
.imghover:hover .imgTwo img:nth-child(2) {
  opacity: 1;
}
.imgTwohover:hover img:nth-child(1) {
  opacity: 0;
}
.imgTwohover:hover img:nth-child(2) {
  opacity: 1;
}

.alltime,
.alltime * {
  transition: color .4s ease,
              opacity .4s ease,
              transform .4s ease,
              border .4s ease,
              background .4s ease;
}

.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.swiper-button-lock {
  opacity: 0;
  pointer-events: none;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 16px;
}
.swal2-shown.swal2-height-auto{padding-right: 0 !important;}

/* 文字对齐、排版工具类 */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justif { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }


.w1680{padding: 0 1.185rem;}

.inner-banner{position: relative;}
.inner-banner .pic{aspect-ratio: 1920 / 760;}
.inner-banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 1.6rem 1.185rem 0;z-index: 2;}
.inner-banner .txt .h{line-height: 133.333%;color: #fff;}


.breadcrumb{line-height: calc(21 / 18);}
.breadcrumb .breadcrumb-box{padding: 0 1.185rem;}
.breadcrumb .home{display: inline-block;vertical-align: middle;width: 0.2rem;aspect-ratio: 1 / 1;background: url(../img/breadcrumb_home.webp) no-repeat center;background-size: contain;margin-right: 0.08rem;position: relative;transform: translateY(-0.02rem);}
.breadcrumb span{display: inline-block;vertical-align: middle;width: 0.16rem;aspect-ratio: 1 / 1;background: url(../img/breadcrumb_arr.webp) no-repeat center;background-size: contain;margin: 0 0.07rem;}
.breadcrumb a{display: inline;color: #999;}
.breadcrumb a:last-child{color: #333;}
.breadcrumb a:hover{color: var(--vi);}

.inner-banner .breadcrumb{position: absolute;top: 0.8rem;left: 0;width: 100%;z-index: 5;}
.inner-banner .breadcrumb .home{background: url(../img/breadcrumb_home_white.webp) no-repeat center;background-size: contain;}
.inner-banner .breadcrumb span{background: url(../img/breadcrumb_arr_white.webp) no-repeat center;background-size: contain;}
.inner-banner .breadcrumb a{color: #fff;}
.inner-banner .breadcrumb a:last-child{color: #fff;}
.inner-banner .breadcrumb a:hover{color: var(--vi);}

.title .h{line-height: calc(56 / 48);}
.title s{width: 0.5rem;height: 2px;background: var(--vi);display: block;margin: 0.24rem 0 0;}
.title.text-center s{margin: 0.24rem auto 0;}
.title .p{line-height: 2.2;max-width: 12.6rem;margin: 0.28rem auto 0;}

.mg80{margin-top: 0.8rem;}
.mg100{margin-top: 1rem;}

.about_con{padding-top: 0.88rem;}
.ab1{background: #FAFAFA url(../img/ab1_1.webp) no-repeat top center;background-size: 100% auto;padding: 1.5rem 0;}
.ab1 .ul .li{display: flex;justify-content: flex-end;position: relative;}
.ab1 .ul .li:nth-child(2n){justify-content: flex-start;}
.ab1 .ul .li .desc{width: 6.04rem;}
.ab1 .ul .li .desc .pic{border-radius: 0.1rem;overflow: hidden;aspect-ratio: 604 / 346;}
.ab1 .ul .li .desc .txt{margin-top: 0.2rem;line-height: 2.2;}
.ab1 .ul .li .year{position: absolute;left: 50%;transform: translate(-50%);top: 0;padding-top: 1.55rem;height: 100%;line-height: 1.37rem;color: var(--vi);}
.ab1 .ul .li .year::before{content: "";position: absolute;left: 0;top: 0;right: 0;width: 1px;height: 1.55rem;background: #D1D1D1;margin: 0 auto;}
.ab1 .ul .li .year::after{content: "";position: absolute;left: 0;bottom: 0;right: 0;width: 1px;height: calc(100% - 2.92rem);background: #D1D1D1;margin: 0 auto;}
.ab1 .ul .li:last-child .year::after{display: none;}
.ab1 .m button{display: flex;align-items: center;justify-content: center;gap: 0.16rem;background: var(--vi);padding: 0.145rem 0.32rem;border-radius: 0.48rem;color: #fff;margin: 0 auto;width: fit-content;white-space: nowrap;}
.ab1 .ul .li:nth-child(n + 4){display: none;}
.ab1:has(.li:nth-child(4)) .ul .li:nth-child(3) .year::after{display: none;}

.ab1.act .m button{display: none;}
.ab1.act .ul .li:nth-child(n + 4){display: flex;}
.ab1.act .ul .li:nth-child(3) .year::after{display: flex;}

.ab2{position: relative;}
.ab2 .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ab2 .pic img{position: absolute;top: 0;left: 0;transition: opacity 800ms cubic-bezier(0.22, 1, 0.36, 1);opacity: 0;}
.ab2 .pic img.act{opacity: 1;}
.ab2 .pic::after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.68);}
.ab2 .w1680{position: relative;z-index: 5;}
.ab2 .ul{display: flex;gap: 1.2rem;min-height: 9.2rem;}
.ab2 .ul .li{padding: 1rem 1.2rem 1rem 0;border-right: 1px solid rgba(255,255,255,0.5);display: flex;align-items: center;flex: 0 0 auto;transition: flex 400ms cubic-bezier(0.22, 1, 0.36, 1);}
.ab2 .ul .li:last-child{padding-right: 0;border-right: none;}
.ab2 .ul .li.act{flex: 1;}
.ab2 .ul .li .ss{width: 100%;}
.ab2 .ul .li .ss .stp{width: max-content;}
.ab2 .ul .li .icon{width: 1rem;aspect-ratio: 1 / 1;position: relative;left: 50%;transform: translateX(-50%);transition: left 400ms cubic-bezier(0.22, 1, 0.36, 1), transform 400ms cubic-bezier(0.22, 1, 0.36, 1);}
.ab2 .ul .li .h{line-height: calc(47 / 40);color: #fff;margin-top: 0.4rem;}
.ab2 .ul .li .p{line-height: 2.6;color: #fff;padding-top: 0.4rem;display: none;}
.ab2 .ul .li.act .icon{left: 0;transform: translateX(0);}

.ab3{padding: 1.3rem 0 1.5rem;overflow: hidden;background: #F4F4F4;}
.ab3 .switch{margin-top: 0.785rem;display: flex;align-items: center;justify-content: center;line-height: 1.15;gap: 0.24rem;}
.ab3 .switch .ss{border-radius: 0.57rem;border: 1px solid rgba(0, 0, 0, 0.10);padding: 0.15rem 0.31rem;transition: border 400ms ease, background 400ms var(--vi), color 400ms ease;cursor: pointer;}
.ab3 .switch .ss.act{border-color: var(--vi);background: var(--vi);color: #fff;}
.ab3 .box{margin-top: 0.57rem;position: relative;}
.ab3 .box::before{content: "";position: absolute;top: -0.3rem;left: -1.185rem;width: 2.6rem;height: calc(100% + 0.3rem);z-index: 11;background: linear-gradient(270deg, rgba(244, 244, 244, 0.00) 0%, #F4F4F4 100%);pointer-events: none;}
.ab3 .box::after{content: "";position: absolute;top: -0.3rem;right: -1.185rem;width: 2.6rem;height: calc(100% + 0.3rem);z-index: 11;background: linear-gradient(270deg, rgba(244, 244, 244, 0.00) 0%, #F4F4F4 100%);transform: scaleX(-1);pointer-events: none;}
.ab3 .box .swiper{margin: 0 -1.185rem;}
.ab3 .swiper-slide .pic{border-radius: 0.1rem;overflow: hidden;aspect-ratio: 1125 / 644;}
.ab3 .swiper-slide .txt{padding: 0.32rem 0.66rem 0;line-height: 2;text-align: center;opacity: 0;transition: opacity 600ms ease;}
.ab3 .swiper-slide.swiper-slide-active .txt{opacity: 1;}

.ab4{padding: 1.5rem 0;}
.ab4 .ul .li:not(:first-child){margin-top: 0.3rem;}
.ab4 .ul .li .ss{border-radius: 0.1rem;overflow: hidden;background: #F4F4F4;position: relative;display: flex;align-items: center;justify-content: flex-end;min-height: 3rem;transition: all .5s;cursor: pointer;}
.ab4 .ul .li.act .ss{box-shadow: 0 0.36rem 0.7rem 0 rgba(7, 90, 174, 0.10);background: #fff;}
.ab4 .ul .li .ss .pic{position: absolute;top: 0;left: 0;width: 6.1rem;height: 100%;}
.ab4 .ul .li .ss .txt{width: 10.7rem;padding: 0.6rem;}
.ab4 .ul .li .ss .txt .ltp{padding-right: 0.6rem;position: relative;line-height: calc(36 / 26);color: #4D4D4D;}
.ab4 .ul .li .ss .txt .ltp::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.36rem;aspect-ratio: 1 / 1;background: url(../img/ab4_arr.webp) no-repeat center;background-size: contain;}
.ab4 .ul .li .ss .txt .lbt{padding-top: 0.48rem;display: none;}
.ab4 .ul .li .ss .txt .lbt .it{display: flex;align-items: flex-start;gap: 0.24rem;}
.ab4 .ul .li .ss .txt .lbt .it .set{line-height: 2.2;}
.ab4 .ul .li .ss .txt .lbt .it.it_js .det{line-height: 2.2;color: #808080;flex: 1;}
.ab4 .ul .li .ss .txt .lbt .it:not(:last-child){padding-bottom: 0.28rem;margin-bottom: 0.28rem;border-bottom: 1px solid #D9D9D9;}
.ab4 .ul .li .ss .txt .lbt .it.it_td .det{line-height: 2;color: #808080;flex: 1;}
.ab4 .ul .li .ss .txt .lbt .it.it_td .det .p{padding-left: 0.4rem;position: relative;}
.ab4 .ul .li .ss .txt .lbt .it.it_td .det .p:not(:first-child){margin-top: 0.1rem;}
.ab4 .ul .li .ss .txt .lbt .it.it_td .det .p .num{width: 0.24rem;height: 0.24rem;border-radius: 50%;background: #CCCCCC;border-radius: 50%;position: absolute;top: 0.08rem;left: 0;display: flex;align-items: center;justify-content: center;color: #fff;}

.ab5{min-height: 9.2rem;padding: 1.5rem 0;}
.ab5 .title .h,
.ab5 .title .p{color: #fff;}


.ab6{padding: 1.5rem 0 1.32rem;overflow: hidden;}
.ab6 .box .swiper{overflow: visible;}
.ab6 .box .pic{aspect-ratio: 540 / 402;background: #F7F7F7;border-radius: 0.1rem;overflow: hidden;padding: 0.56rem 1.25rem;}
.ab6 .box .pic img{transition: all .5s;}
.ab6 .box .txt{margin: 0.3rem 0 0;text-align: center;line-height: 1.5;}
.ab6 .box .swpbtn:not(.swiper-button-lock){margin-top: 0.78rem;}
.ab6 .box .swiper-slide:hover .pic img{transform: scale(1.1);}
.swpbtn{display: flex;justify-content: center;gap: 0.21rem;}
.swpbtn button{width: 0.54rem;height: 0.54rem;border: 1px solid rgba(51, 51, 51, 0.12);display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: border 400ms ease, background 400ms ease;}
.swpbtn button img{transition: filter 400ms ease;width: 0.16rem;height: 0.16rem;}
.swpbtn button:hover{border-color: var(--vi);background: var(--vi);}
.swpbtn button:hover img{filter: brightness(0) invert(1);}


.products_con{background: #FAFAFA url(../img/products_bg.webp) no-repeat top center;background-size: 100% auto;}
.pdbox{padding: 1.68rem 0 1.13rem;}
.pdbox .breadcrumb .breadcrumb-box{padding: 0;}
.pdbox .title{margin-top: 0.6rem;}
.pdbox .box{margin-top: 1.2rem;display: flex;gap: 0.6rem;}
.pdbox .box .rf{flex: 1;}
.pdbox .box .lf{width: 3.54rem;}
.pdbox .lf .lox{position: sticky;top: 1.18rem;border-radius: 0.1rem;background: #fff;overflow: hidden;padding: 0 0.4rem;}
.pdbox .lf .lox .item{padding: 0.2rem 0;border-bottom: 1px solid #CCCCCC;}
.pdbox .lf .lox .item:last-child{border-bottom: none;}
.pdbox .lf .lox .item .itp{position: relative;line-height: calc(34 / 22);padding: 0.16rem 0.46rem 0.16rem 0;color: #808080;transition: color .5s;}
.pdbox .lf .lox .item .itp::before{content: "";position: absolute;right: 0;top: 0;width: 0.18rem;height: 100%;background: url(../img/pd_click.webp) no-repeat center;background-size: contain;transition: opacity .5s;}
.pdbox .lf .lox .item .itp::after{content: "";position: absolute;right: 0;top: 0;width: 0.18rem;height: 100%;background: url(../img/pd_clickon.webp) no-repeat center;background-size: contain;opacity: 0;transition: opacity .5s;}
.pdbox .lf .lox .item .ibt{padding: 0 0.2rem;display: none;}
.pdbox .lf .lox .item .ibt .ss{line-height: calc(31 / 20);color: #808080;position: relative;padding: 0.12rem 0 0.12rem 0.48rem;}
.pdbox .lf .lox .item .ibt .ss::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;border: 1px solid #D9D9D9;border-radius: 0.02rem;transition: opacity .5s;}
.pdbox .lf .lox .item .ibt .ss::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;border-radius: 0.02rem;background: #ED1818 url(../img/pd_check.webp) no-repeat center;background-size: contain;opacity: 0;transition: opacity .5s;}
.pdbox .lf .lox .item .ibt .ss.act::before{opacity: 0;}
.pdbox .lf .lox .item .ibt .ss.act::after{opacity: 1;}
.pdbox .lf .lox .item.act .itp{color: var(--vi);}
.pdbox .lf .lox .item.act .itp::before{opacity: 0;}
.pdbox .lf .lox .item.act .itp::after{opacity: 1;}
.pdbox .rf .result{line-height: 1;color: #999999;display: flex;gap: 0.12rem;margin-bottom: 0.2rem;}
.pdbox .rf .result span{font-weight: 500;color: #333;}

.products-list{display: flex;flex-wrap: wrap;gap: 0.3rem;}
.products-list .li{width: calc((100% - 0.6rem) / 3);}
.products-list .li .ss{display: flex;flex-direction: column;height: 100%;position: relative;border-radius: 0.08rem;overflow: hidden;transition: box-shadow .5s;}
.products-list .li .ss .pic{position: relative;z-index: 5;aspect-ratio: 402 / 336;overflow: hidden;width: 100%;}
.products-list .li .ss .pic img{transition: transform .5s;}
.products-list .li .ss .txt{position: relative;padding: 0.56rem 0.3rem 0.88rem;background: #F4F4F4;transition: background .5s;}
.products-list .li .ss .txt::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/pdlist_bg.webp) no-repeat center;background-size: cover;transition: opacity .5s;}
.products-list .li .ss .txt::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/pdlist_bgon.webp) no-repeat center;background-size: cover;opacity: 0;transition: opacity .5s;}
.products-list .li .ss .txt .h{position: relative;z-index: 3;line-height: calc(30 / 26);}
.products-list .li .ss .txt .p{position: relative;z-index: 3;line-height: 175%;color: #999;margin-top: 0.24rem;}
.products-list .li .ss .txt .m{position: absolute;z-index: 3;left: 0.3rem;bottom: 0.335rem;padding-right: 0.33rem;color: #808080;line-height: calc(21 / 18);transition: color .5s;}
.products-list .li .ss .txt .m::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arr.webp) no-repeat center;background-size: contain;transition: opacity .5s;}
.products-list .li .ss .txt .m::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arron.webp) no-repeat center;background-size: contain;opacity: 0;transition: opacity .5s;}
.products-list .li .ss:hover{box-shadow: 0 0.36rem 0.7rem 0 rgba(7, 90, 174, 0.10);}
.products-list .li .ss:hover .pic img{transform: scale(1.05);}
.products-list .li .ss:hover .txt{background: #fff;}
.products-list .li .ss:hover .txt::before{opacity: 0;}
.products-list .li .ss:hover .txt::after{opacity: 1;}
.products-list .li .ss:hover .txt .m{color: var(--vi);}
.products-list .li .ss:hover .txt .m::before{opacity: 0;}
.products-list .li .ss:hover .txt .m::after{opacity: 1;}


.pagesbox .pages{display: flex;align-items: center;justify-content: center;gap: 0.2rem;line-height: calc(21 / 18);}
.pagesbox .pages a{width: 0.5rem;height: 0.5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #808080;transition: background .5s, color .5s;}
.pagesbox .pages .pgbtn img{transition: filter .5s;width: 0.16rem;height: 0.16rem;}
.pagesbox .pages .prev{margin-right: 0.23rem;}
.pagesbox .pages .next{margin-left: 0.23rem;}
.pagesbox .pages a.act,
.pagesbox .pages a:hover{background: var(--vi);color: #fff;}
.pagesbox .pages .pgbtn:hover img{filter: brightness(0) invert(1);}


.pdd2{padding: 1.2rem 0 1.56rem;}
.pdd2 .box{margin-top: 0.6rem;}
.pdd2 .products-list .li{width: calc((100% - 0.9rem) / 4);}

.pdd1{padding: 1.68rem 0 0.97rem;background: #F7F7F7;}
.pdd1 .breadcrumb-box{padding: 0;}
.pdd1 .box{display: flex;align-items: flex-start;gap: 0.9rem;}
.pdd1 .lf{width: 8.06rem;}
.pdd1 .lf .top .swiper-slide{aspect-ratio: 806 / 640;}
.pdd1 .lf .bot{margin-top: 0.46rem;position: relative;}
.pdd1 .lf .bot .swiper{width: 3.9rem;margin: 0 auto;}
.pdd1 .lf .bot .swiper .swiper-slide{width: 1.14rem;aspect-ratio: 1 / 1;margin-right: 0.24rem;}
.pdd1 .lf .bot .swiper .swiper-slide:last-child{margin-right: 0;}
.pdd1 .lf .bot .swiper .swiper-slide.swiper-slide-thumb-active::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid var(--vi);z-index: 3;}
.pdd1 .lf .bot .prev{position: absolute;left: 0.63rem;top: 0;bottom: 0;margin: auto 0;}
.pdd1 .lf .bot .next{position: absolute;right: 0.63rem;top: 0;bottom: 0;margin: auto 0;}
.pdd1 .rf{flex: 1;}
.pdd1 .rf .line{height: 1px;background: rgba(0, 0, 0, 0.28);margin: 0.33rem 0;}
.pdd1 .rf .item:not(:first-child){margin-top: 0.46rem;}
.pdd1 .rf .item .set{display: flex;align-items: center;gap: 0.2rem;margin-bottom: 0.065rem;}
.pdd1 .rf .item .set .ico{width: 0.52rem;aspect-ratio: 1 / 1;border-radius: 50%;background: #fff;}
.pdd1 .rf .item .set .txt{line-height: calc(33 / 28);}
.pdd1 .rf .item .det{padding-left: 0.72rem;}
.pdd1 .rf .item .det .p{line-height: 2;opacity: 0.9;}
.pdd1 .rf .item .det .ul{display: flex;flex-wrap: wrap;gap: 0.5rem;line-height: 2;color: rgba(51,51,51,0.9);}
.pdd1 .rf .item .det .ul .li{padding-left: 0.36rem;background: url(../img/pdd1_5.webp) no-repeat left center;background-size: 0.24rem auto;}


.news_con{background: #FAFAFA url(../img/products_bg.webp) no-repeat top center;background-size: 100% auto;}
.newsbox{padding: 1.68rem 0 1.17rem;}
.newsbox .breadcrumb .breadcrumb-box{padding: 0;}
.newsbox .title{margin-top: 0.6rem;}
.new1{margin-top: 1.2rem;}
.new1 .swiper{border-radius: 0.1rem;background: #FFF;box-shadow: 0 0.36rem 0.7rem 0 rgba(7, 90, 174, 0.10);}
.new1 .swiper-slide{display: flex;}
.new1 .swiper-slide .pic{width: 7.8rem;aspect-ratio: 780 / 560;overflow: hidden;}
.new1 .swiper-slide .txt{flex: 1;padding: 0.825rem 0.6rem 0 0.7rem;position: relative;}
.new1 .swiper-slide .txt .t{line-height: calc(21 / 18);opacity: 0.4;}
.new1 .swiper-slide .txt .h{margin-top: 0.1rem;line-height: 1.5;}
.new1 .swiper-slide .txt .p{margin-top: 0.48rem;line-height: 2;opacity: 0.7;}
.new1 .swiper-slide .txt .m{position: absolute;left: 0.7rem;bottom: 0.825rem;}

.new2{margin-top: 1.1rem;}
.new2 .switch{display: flex;flex-wrap: wrap;gap: 0.24rem;line-height: 1.25;}
.new2 .switch a{padding: 0.14rem 0.3rem;border-radius: 0.51rem;border: 1px solid rgba(0, 0, 0, 0.10);text-align: center;min-width: 1.63rem;transition: background .4s, color .4s, border .4s;}
.new2 .switch a.act,
.new2 .switch a:hover{background: var(--vi);border-color: var(--vi);color: #fff;}
.new2 .ul{margin-top: 0.6rem;}
.news-list{display: flex;flex-wrap: wrap;gap: 0.6rem 0.3rem;}
.news-list .li{width: calc((100% - 0.6rem) / 3);}
.news-list .li .ss{display: block;height: 100%;border-radius: 0.1rem;position: relative;overflow: hidden;background: #fff;transition: box-shadow .5s;}
.news-list .li .ss .pic{aspect-ratio: 540 / 373;overflow: hidden;}
.news-list .li .ss .pic img{transition: transform .5s;}
.news-list .li .ss .txt{padding: 0.44rem 0.4rem 1.24rem;}
.news-list .li .ss .txt .t{line-height: calc(19 / 16);color: rgba(0, 0, 0, 0.25);}
.news-list .li .ss .txt .h{margin-top: 0.12rem;line-height: 1.4;}
.news-list .li .ss .txt .p{margin-top: 0.2rem;line-height: 1.8;color: #717171;}
.news-list .li .ss .txt .m{position: absolute;left: 0.4rem;bottom: 0.535rem;padding-right: 0.33rem;color: #808080;line-height: calc(21 / 18);transition: color .5s;}
.news-list .li .ss .txt .m::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arr.webp) no-repeat center;background-size: contain;transition: opacity .5s;}
.news-list .li .ss .txt .m::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arron.webp) no-repeat center;background-size: contain;opacity: 0;transition: opacity .5s;}
.news-list .li .ss:hover{box-shadow: 0 0.36rem 0.7rem 0 rgba(7, 90, 174, 0.10);}
.news-list .li .ss:hover .pic img{transform: scale(1.05);}
.news-list .li .ss:hover .txt .h{color: var(--vi);}
.news-list .li .ss:hover .txt .m{color: var(--vi);}
.news-list .li .ss:hover .txt .m::before{opacity: 0;}
.news-list .li .ss:hover .txt .m::after{opacity: 1;}


.newsDet_con{background: #FAFAFA url(../img/products_bg.webp) no-repeat top center;background-size: 100% auto;}
.ndtbox{padding: 1.68rem 0 1.44rem;}
.ndtbox .breadcrumb .breadcrumb-box{padding: 0;}

.ndt1{padding: 1.2rem 2rem 0;}
.ndt1 .h{line-height: calc(56 / 48);}
.ndt1 .time{line-height: 1.15;opacity: 0.4;margin-top: 0.16rem;}
.ndt1 .edit{margin-top: 0.6rem;line-height: 2.2;color: #4F4F4F;}
.ndt1 .fanye{margin-top: 0.68rem;display: flex;align-items: center;justify-content: space-between;}
.ndt1 .fanye .lf img{transform: rotate(180deg);}
.ndt1 .fanye .rf .ss{position: relative;padding-right: 0.28rem;}
.ndt1 .fanye .rf .set{line-height: calc(19 / 16);color: #808080;max-width: 5rem;}
.ndt1 .fanye .rf .ss::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arr.webp) no-repeat center;background-size: contain;transition: opacity .5s;}
.ndt1 .fanye .rf .ss::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.15rem;aspect-ratio: 1 / 1;background: url(../img/pdlist_arron.webp) no-repeat center;background-size: contain;opacity: 0;transition: opacity .5s;}
.ndt1 .fanye .rf .ss:hover .set{color: var(--vi);}
.ndt1 .fanye .rf .ss:hover::before{opacity: 0;}
.ndt1 .fanye .rf .ss:hover::after{opacity: 1;}

.ndt2{border-top: 1px solid #CCCCCC;margin-top: 1.6rem;padding-top: 1rem;}
.ndt2 .ul{margin-top: 0.6rem;}


.cases_con{background: #FAFAFA url(../img/products_bg.webp) no-repeat top center;background-size: 100% auto;}
.casesbox{padding: 1.68rem 0 0.96rem;}
.casesbox .breadcrumb .breadcrumb-box{padding: 0;}

.case1{margin-top: 0.6rem;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 3;}
.case1 .select{display: flex;align-items: center;gap: 0.32rem;}
.case1 .select .type{position: relative;}
.case1 .select .type .top{display: flex;align-items: center;justify-content: center;gap: 0.1rem;border-radius: 0.51rem;border: 1px solid rgba(0, 0, 0, 0.10);background: #FFF;}
.case1 .select .type .top::after{content: "";width: 0.2rem;aspect-ratio: 1 / 1;background: url(../img/case1_2.png) no-repeat center;background-size: contain;}
.case1 .select .type .bot{position: absolute;top: 100%;left: 0;width: 100%;background: #FFF;}

.case2{margin-top: 0.8rem;}