:root {
  --head: 5.208vw;
  --color: #26A08F;
  --color2: #E6C79C;
  --color-bub: #269d8d;
}

a:hover {
  color: var(--color);
}

body {
  color: #3E3A39;
}

.C-wrap {
  width: 75vw;
  margin: 0 auto;
}

/* ============ 头部 ============ */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  padding: 0.52vw;
  transition: all ease 0.6s;
}

.head-inner {
  width: 100%;
  height: 4.166vw;
  padding: 0 4.166vw;
  border-radius: 0.52vw;
  flex-wrap: nowrap;
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  background: rgba(255, 255, 255, 0.05);
  transition: all ease 0.4s;
}

.head-inner:hover {
  background: #40403c;
  border-radius: 5.208vw;
}

.isback .head1 {
  transform: translateY(-100%);
}

.scroll .head-inner {
  background: rgba(30, 30, 30, 0.75);
}

.head1 .logo {
  display: block;
  width: 10.416vw;
}

.head1 .logo img {
  width: 100%;
  display: block;
}

.head1 .menu {
  flex: 1;
  justify-content: center;
  flex-wrap: nowrap;
}

.head1 .menu .link {
  position: relative;
  height: 4.166vw;
  z-index: 1;
}

.head1 .menu .link>a {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 4.166vw;
  padding: 0 2.083vw;
  color: #fff;
  transition: color ease 0.3s;
}

.head1 .menu .link>a:hover,
.head1 .menu .link.on>a,
.head1 .menu .link:hover>a {
  color: var(--color);
}

/* ============ 通用下拉(导航/语言) ============ */
.has-down {
  position: relative;
}

.has-down .down {
  position: absolute;
  left: 50%;
  top: 0;
  min-width: calc(100% + 1.041vw);
  padding: 4.166vw 0.625vw 1.458vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.041vw;
  background: rgba(62, 58, 57, 0.9);
  border-radius: 0.833vw;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-0.416vw);
  transition: opacity ease 0.3s, transform ease 0.3s, visibility ease 0.3s;
}

.has-down .down .down-arrow {
  display: block;
  width: 0.625vw;
  height: 0.364vw;
  background: url('/img/home/head-i2.svg') center/contain no-repeat;
}

.has-down .down .sub {
  display: block;
  width: 100%;
  min-width: 5.729vw;
  padding: 0 0.416vw;
  text-align: center;
  font-size: 0.833vw;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  transition: color ease 0.3s;
}

.has-down .down .sub:hover,
.has-down .down .sub.on {
  color: var(--color);
  opacity: 1;
}

.has-down:hover .down {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.head1 .right {
  gap: 0.833vw;
}

.head1 .lang {
  height: 4.166vw;
  display: flex;
  align-items: center;
}

.head1 .lang .lang-cur {
  position: relative;
  z-index: 2;
  width: 2.083vw;
  height: 2.083vw;
  cursor: pointer;
}

.head1 .lang .lang-cur img {
  width: 1.25vw;
  height: 1.25vw;
  display: block;
}

.head1 .lang .lang-down {
  min-width: 4.166vw;
}

/* ============ C-title 标题组件 ============ */
.C-title {
  display: inline-flex;
  flex-direction: column;
  gap: 0.833vw;
}

.C-title .en {
  position: relative;
  padding-right: 0.52vw;
  display: inline-flex;
  align-items: center;
  width: max-content;
}

.C-title .en .txt {
  font-family: var(--family-en);
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.35;
  color: var(--color);
  letter-spacing: 0.037vw;
  white-space: nowrap;
}

.C-title .en .ys {
  position: absolute;
  right: 0;
  top: 0.26vw;
  width: 0.312vw;
  height: 0.468vw;
}

.C-title .cn {
  font-size: 1.875vw;
  font-weight: 500;
  line-height: 1.3;
  color: #3E3A39;
  white-space: nowrap;
}

.C-title.row .en-cn {
  display: flex;
  align-items: flex-end;
  gap: 0.833vw;
}

.C-title.center {
  align-items: center;
  text-align: center;
}

.C-title.white .en .txt,
.C-title.white .cn {
  color: #fff;
}

/* ============ C-btn1 按钮组件 (气泡 hover) ============ */
.C-btn1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
  height: 2.916vw;
  padding: 0 2.083vw;
  border-radius: 5.208vw;
  background: linear-gradient(90deg, #5a5352 0%, #3e3a39 100%);
  color: #faf3eb;
  font-size: 0.833vw;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
  transition: color ease 0.4s;
}

.C-btn1 .txt {
  position: relative;
  z-index: 2;
}

.C-btn1 .icon {
  position: relative;
}

.C-btn1 .dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: block;
  width: 0.312vw;
  height: 0.312vw;
  border-radius: 50%;
  background: var(--color2);
  transition: all ease .8s;
}

.C-btn1 .arr {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.625vw;
  height: 0.625vw;
  opacity: 0;
  transform: scale(0.5);
  transition: all ease .6s;
}

.C-btn1 .arr img {
  width: 100%;
  height: auto;
}

.C-btn1 .bub {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background: linear-gradient(270deg, #1E8072 0%, #26A08F 100%);
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  transition: transform .6s ease, border-radius .6s ease;
}

.C-btn1:hover {
  color: #fff;
}

.C-btn1:hover .bub {
  transform: translate(-50%, -50%) scale(18);
  border-radius: 50%;
}

.C-btn1:hover .dot {
  opacity: 0;
  transform: skewX(2);
}

.C-btn1:hover .arr {
  opacity: 1;
  transform: scale(1) translateX(50%);
}

.C-btn1.theme-white {
  background: #fff;
  color: #3E3A39;
}

/* ============ C-btn2 / C-btn3 通用按钮组件 (图标 + 气泡 hover) ============ */
.C-btn2,
.C-btn3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
  height: 2.916vw;
  padding: 0 1.666vw;
  border-radius: 5.208vw;
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
  transition: color ease 0.4s, border-color ease 0.4s;
}

.C-btn3 {
  background: linear-gradient(90deg, #5a5352 0%, #3e3a39 100%);
  color: #fff;
}

.C-btn2 {
  background: transparent;
  border: 0.104vw solid #3E3A39;
  color: #3E3A39;
}

.C-btn2 .txt,
.C-btn3 .txt,
.C-btn2 .icon,
.C-btn3 .icon {
  position: relative;
  z-index: 2;
}

.C-btn2 .icon,
.C-btn3 .icon {
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color ease 0.4s;
}

.icon-download {
  -webkit-mask-image: url('/img/product/pd5-i1.svg');
  mask-image: url('/img/product/pd5-i1.svg');
}

.icon-pen {
  -webkit-mask-image: url('/img/product/pd5-i2.svg');
  mask-image: url('/img/product/pd5-i2.svg');
}

.icon-tube {
  -webkit-mask-image: url('/img/product/pd5-i3.svg');
  mask-image: url('/img/product/pd5-i3.svg');
}

.C-btn2 .bub,
.C-btn3 .bub {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background: linear-gradient(270deg, #1E8072 0%, #26A08F 100%);
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  transition: transform .6s ease, border-radius .6s ease;
}

.C-btn2:hover,
.C-btn3:hover {
  color: #fff;
  border-color: transparent;
}

.C-btn2:hover .bub,
.C-btn3:hover .bub {
  transform: translate(-50%, -50%) scale(18);
  border-radius: 50%;
}

/* ============ C-btn-group 分类标签按钮组（可复用） ============ */
.C-btn-group {
  display: inline-flex;
  align-items: center;
  gap: 1.041vw;
}

.C-btn-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.916vw;
  padding: 0 2.083vw;
  border-radius: 5.208vw;
  color: #777574;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  transition: color ease 0.3s, background ease 0.3s;
}

.C-btn-tab:hover {
  color: #3E3A39;
}

.C-btn-tab.on {
  color: #FAF3EB;
  background: linear-gradient(90deg, #5A5352 0%, #3E3A39 100%);
}

/* ============ C-pages 分页组件（纯静态，可复用） ============ */
.C-pages {
  gap: 0.52vw;
}

.C-pages .pages {
  margin: 0 2.083vw;
  gap: 0.52vw;
}

.C-pages .page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.916vw;
  height: 2.916vw;
  border-radius: 3.125vw;
  cursor: pointer;
  transition: color ease 0.3s, background ease 0.3s, opacity ease 0.3s;
}

.C-pages .page-num {
  color: #777574;
  line-height: 1.4;
}

.C-pages .page-num:hover {
  color: var(--color);
}

.C-pages .page-num.on {
  color: #FFFFFF;
  background: linear-gradient(270deg, #1E8072 0%, #26A08F 100%);
}

.C-pages .page-arrow img {
  width: 1.666vw;
  height: 1.666vw;
  display: block;
  transition: opacity ease 0.3s;
}

.C-pages .page-arrow.next img,
.C-pages .page-arrow.last img {
  transform: rotate(180deg);
}

.C-pages .page-arrow.disabled {
  opacity: 0.55;
  cursor: no-drop;
}

.C-pages .page-arrow:hover img {
  opacity: 0.55;
}

/* ============ share-item (mask + 颜色填充) ============ */
.foot1 .share li {
  list-style-type: none;
}

.share-item {
  position: relative;
  display: block;
  width: 2.916vw;
  height: 2.916vw;
  border-radius: 0.833vw;
  border: 0.052vw solid rgba(184, 159, 124, 0.2);
  color: var(--color2);
  transition: all ease 0.3s;
}

.share-item::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.666vw;
  height: 1.666vw;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color ease 0.3s;
}

.share-item-1::before {
  -webkit-mask-image: url('/img/home/share-item-01.svg');
  mask-image: url('/img/home/share-item-01.svg');
}

.share-item-2::before {
  -webkit-mask-image: url('/img/home/share-item-02.svg');
  mask-image: url('/img/home/share-item-02.svg');
}

.share-item-3::before {
  -webkit-mask-image: url('/img/home/share-item-03.svg');
  mask-image: url('/img/home/share-item-03.svg');
}

.share-item-4::before {
  -webkit-mask-image: url('/img/home/share-item-04.svg');
  mask-image: url('/img/home/share-item-04.svg');
}

.share-item:hover {
  color: #67bcb0;
  border-color: rgba(103, 188, 176, 0.4);
}

/* ============ 全局 ============ */
.section-pd {
  padding: 8.333vw 0;
}

img {
  -webkit-user-drag: none;
}

/* ============ home1 首屏轮播 ============ */
.home1 {
  position: relative;
  height: 46.875vw;
  overflow: hidden;
}

.home1 .swiper-bg {
  position: absolute;
  inset: 0;
  border-bottom-right-radius: 33.333vw;
  overflow: hidden;
}

.home1 .swiper-bg .swiper-slide {
  position: relative;
  overflow: hidden;
}

.home1 .swiper-bg .swiper-slide .bg {
  width: 100%;
  height: 100%;
}

.home1 .swiper-bg .swiper-slide .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home1 .text-box {
  position: absolute;
  left: 12.5vw;
  top: 18.177vw;
  z-index: 3;
  color: #fff;
}

.home1 .text-box .t1 {
  font-size: 3.75vw;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 2.083vw;
}

.home1 .text-box .t2 {
  font-size: 1.875vw;
  font-weight: 300;
  line-height: 1.5;
}

.home1 .control {
  position: absolute;
  right: 4.166vw;
  bottom: 3.125vw;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.52vw;
}

.home1 .progress-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5.208vw;
  height: 5.208vw;
}

.home1 .progress-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.home1 .progress-ring .track {
  fill: none;
  stroke: #EBEBEB;
  stroke-width: 1;
}

.home1 .progress-ring .bar {
  fill: none;
  stroke: var(--color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}

.home1 .control .bar-line {
  display: flex;
  align-items: center;
  gap: 0.833vw;
}

.home1 .control .swiper-button {
  width: 0.52vw;
  margin: 0 1.041vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

.home1 .control .swiper-button.prev:hover {
  transform: translateX(-0.26vw);
}

.home1 .control .swiper-button.next:hover {
  transform: translateX(0.26vw);
}

.home1 .control .swiper-button img {
  width: 100%;
}

.home1 .control .page {
  font-family: var(--family-en);
  font-weight: 600;
  font-size: 1.041vw;
  letter-spacing: -0.031vw;
  color: #D8D7D7;
}

.home1 .control .page .cur {
  color: #1E8072;
}

.home1 .control .page .sep {
  margin: 0 0.208vw;
}

/* ============ home2 关于 ============ */
.home2 {
  position: relative;
  padding: 8.333vw 0;
  overflow: hidden;
}

.home2 .C-wrap {
  display: flex;
  gap: 8.333vw;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

.home2 .zuo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4.166vw;
  padding: 2.708vw 0;
}

.home2 .intr {
  width: 100%;
}

.home2 .intr p {
  font-size: 0.937vw;
  font-weight: 400;
  line-height: 1.7;
  color: #3E3A39;
}

.home2 .intr p+p {
  margin-top: 1.562vw;
}

.home2 .you {
  width: 31.25vw;
  height: 31.25vw;
  border-radius: 2.083vw;
  overflow: hidden;
  flex-shrink: 0;
}

.home2 .you img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home2 .deco {
  position: absolute;
  opacity: 0.15;
  pointer-events: none;
  z-index: 1;
}

.home2 .deco-l {
  left: 0;
  top: 20.625vw;
}

.home2 .deco-r {
  right: 0;
  top: -18.958vw;
}

.home2 .deco img {
  display: block;
}

/* ============ home3 数字 ============ */
.home3 {
  height: 17.708vw;
  padding-top: 0;
}

.home3 .list {
  width: 75vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.083vw;
}

.home3 .item {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.home3 .item .num-line {
  display: flex;
  align-items: flex-end;
  gap: 0.416vw;
  padding-bottom: 0.52vw;
  border-bottom: 0.052vw solid #EBEBEB;
}

.home3 .item .num {
  font-family: var(--family-en);
  font-weight: 600;
  font-size: 3.75vw;
  line-height: 1;
  color: #3E3A39;
}

.home3 .item .plus {
  font-family: var(--family-en);
  font-weight: 500;
  font-size: 5vw;
  line-height: 1.15;
  color: var(--color);
}

.home3 .item .desc {
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.4;
  color: #777574;
}

/* ============ home4 滚动堆叠卡片 ============ */
.home4 {
  position: relative;
  --home4-card-h: 33.333vw;
}

.home4 .home4-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25vw;
  z-index: 0;
  pointer-events: none;
}

.home4 .home4-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home4 .wrapper {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: flex;
}

.home4 .nums {
  position: relative;
  padding: 2vw 0 2vw 4.166vw;
  top: 20vh;
  height: max-content;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  transition: all ease .6s;
}

.home4 .nums .num {
  width: 3.333vw;
  height: 3.333vw;
  border-radius: 5.208vw;
  border: 0.104vw solid #B89F7C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--family-en);
  font-weight: 500;
  font-size: 1.25vw;
  color: #B89F7C;
  opacity: 0.4;
  transition: all ease 0.5s;
}

.home4 .nums .num.on {
  opacity: 1;
}

.home4 .stack {
  width: calc(100% - 12.5vw);
  margin-left: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

.home4 .stack .item {
  position: sticky;
  right: 0;
  top: 0;
  height: var(--home4-card-h);
  background: #fff;
  border-top-left-radius: 29.166vw;
  overflow: hidden;
  will-change: transform;
  transform-origin: center bottom;
}

.home4.is-stack-ready .stack {
  display: block;
  height: var(--home4-card-h);
  overflow: hidden;
}

.home4.is-stack-ready .stack .item {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  margin-bottom: 0;
}

.home4.is-stack-ready .stack .item:nth-child(1) {
  z-index: 1;
}

.home4.is-stack-ready .stack .item:nth-child(2) {
  z-index: 2;
}

.home4.is-stack-ready .stack .item:nth-child(3) {
  z-index: 3;
}

.home4.is-stack-ready .stack .item:nth-child(4) {
  z-index: 4;
}

.home4.is-stack-ready .stack .item:nth-child(5) {
  z-index: 5;
}

.home4.is-stack-ready .stack .item:nth-child(6) {
  z-index: 6;
}

.home4.is-stack-ready .stack .item.is-covered {
  pointer-events: none;
}

.home4 .stack .item .pic {
  position: absolute;
  inset: 0;
}

.home4 .stack .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home4 .stack .item .info {
  position: absolute;
  left: 15.625vw;
  bottom: 5.625vw;
  width: 25vw;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  align-items: flex-start;
}

.home4 .stack .item .info .C-title .cn {
  font-size: 2.5vw;
  line-height: 1.25;
}

.home4 .stack .item .info .desc {
  font-size: 0.937vw;
  font-weight: 350;
  line-height: 1.7;
  color: #3E3A39;
}

@media (max-width: 768px) {
  .home4 {
    --home4-card-h: auto;
  }

  .home4 .stack {
    width: 100%;
    margin-left: 0;
    padding: 0 4vw;
    gap: 4vw;
  }

  .home4 .stack .item {
    position: relative;
    top: auto;
    height: auto;
    min-height: 72vw;
    border-top-left-radius: 16vw;
  }

  .home4.is-stack-ready .stack {
    height: auto;
  }

  .home4.is-stack-ready .stack .item {
    position: relative;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto;
  }

  .home4 .stack .item .info {
    left: 6vw;
    bottom: 6vw;
    width: calc(100% - 12vw);
  }

  .home4 .stack .item .info .C-title .cn {
    font-size: 5.6vw;
  }

  .home4 .nums {
    display: none;
  }
}

/* ============ home5 核心优势 ============ */
.home5 {
  position: relative;
  padding: 8.333vw 4.166vw;
  overflow: hidden;
}

.home5 .C-wrap {
  position: relative;
  z-index: 2;
}

.home5 .top {
  display: flex;
  justify-content: center;
  margin-bottom: 4.166vw;
}

.home5 .list {
  display: flex;
  gap: 0.416vw;
  border-radius: 1.041vw;
  border-bottom-right-radius: 10.416vw;
  overflow: hidden;
}

.home5 .list .item {
  position: relative;
  flex: 1;
  height: 33.333vw;
  overflow: hidden;
  cursor: pointer;
}

.home5 .list .item .pic {
  position: absolute;
  inset: 0;
  transition: opacity ease 0.6s;
}

.home5 .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home5 .list .item .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.083vw;
  color: #fff;
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  background: rgba(255, 255, 255, 0.01);
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  z-index: 2;
}

.home5 .list .item .info .t1 {
  font-size: 1.458vw;
  font-weight: 500;
  line-height: 1.3;
}

.home5 .list .item .info .t2 {
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.4;
}

.bg-render-ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bg-render-ul img {
  position: absolute;
  opacity: 0;
  max-width: none;
  object-fit: cover;
  transition: all ease .8s;
}

.bg-render-ul img.on {
  opacity: 1;
  transition: all ease .8s .4s;
}

.home5 .item:nth-child(1) .bg-render-ul img {
  transform-origin: left center;
  top: 0;
  left: 0;
}

.home5 .item:nth-child(2) .bg-render-ul img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.home5 .item:nth-child(3) .bg-render-ul img {
  transform-origin: right center;
  top: 0;
  right: 0;
}

.home5 .item:nth-child(1) .pic img {
  object-position: left center;
}

.home5 .item:nth-child(3) .pic img {
  object-position: right center;
}

/* ============ home6 最新动态 ============ */
.home6 {
  background: #FAFAFA;
  padding: 8.333vw 0;
  overflow: hidden;
}

.home6 .C-wrap {
  display: flex;
  flex-direction: column;
  gap: 4.166vw;
}

.home6 .head-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.333vw;
}

.featured .pic {
  height: 20.156vw;
  border-radius: 1.041vw;
  overflow: hidden;
  transition: border-radius ease 0.6s;
}

.featured .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform ease 0.6s;
}

.featured:hover .pic img {
  transform: scale(1);
}

.featured:hover .pic {
  border-radius: 3.125vw 1.041vw;
}

.featured .info {
  display: flex;
  flex-direction: column;
  padding-top: 1.041vw;
  gap: 1.25vw;
}

.featured .info .title {
  font-size: 1.666vw;
  font-weight: 500;
  line-height: 1.7;
  color: #3E3A39;
  transition: color ease 0.3s;
}

.featured:hover .info .title {
  color: var(--color);
}

.featured .info .desc {
  font-size: 0.937vw;
  font-weight: 350;
  line-height: 1.7;
  color: #777574;
}

.home6 .meta {
  display: flex;
  gap: 0.416vw;
  align-items: center;
  font-size: 0.729vw;
  line-height: 1.6;
  color: #777574;
}

.home6 .meta .sep {
  color: #D8D7D7;
}

.home6 .news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5vw;
}

.home6 .news-list .item {
  cursor: pointer;
}

.home6 .news-list .item .pic {
  width: 100%;
  aspect-ratio: 646 / 363;
  border-radius: 1.041vw;
  overflow: hidden;
  transition: border-radius ease 0.6s;
}

.home6 .news-list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform ease 0.6s;
}

.home6 .news-list .item:hover .pic img {
  transform: scale(1);
}

.home6 .news-list .item:hover .pic {
  border-radius: 3.125vw 1.041vw;
}

.home6 .news-list .item .info {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  padding: 1.041vw 0;
}

.home6 .news-list .item .info .title {
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.7;
  color: #3E3A39;
  min-height: 3.229vw;
  transition: color ease 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home6 .news-list .item:hover .info .title {
  color: var(--color);
}

/* ============ home7 合作伙伴 ============ */
.home7 {
  position: relative;
  padding: 6.25vw 0;
  overflow: hidden;
}

.home7 .bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.home7 .bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #B89F7C 0%, #26A08F 100%);
}

.home7 .bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
  opacity: 0.5;
  mix-blend-mode: overlay;
}

.home7 .inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.166vw;
}

.home7 .logos {
  width: 100%;
  overflow: hidden;
}

.home7 .loopLogos-warpper {
  display: flex;
  gap: 3.125vw;
  padding: 0 4.166vw;
  align-items: center;
}

.home7 .loopLogos-warpper .item {
  width: 10.416vw;
  height: 10.416vw;
  flex-shrink: 0;
  border-radius: 2.083vw;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background ease 0.3s;
}

.home7 .loopLogos-warpper .item img {
  width: 100%;
  height: auto;
  transition: filter ease 0.3s;
}

.home7 .loopLogos-warpper .item:hover img {
  filter: brightness(0) invert(1);
}

/* ============ footer ============ */
footer {
  display: block;
}

.foot-wrap {
  position: relative;
  background: linear-gradient(90deg, #0f4039 0%, #0b302a 100%);
  color: #fff;
  overflow: hidden;
}

.foot1 {
  padding: 6.25vw 4.166vw 8.333vw;
}

.foot-inner {
  width: 100%;
}

.foot-wrap .zuo {
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
  width: 23.437vw;
}

.foot-wrap .contact {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.foot-wrap .contact p {
  color: var(--color2);
  line-height: 1.6;
}

.foot-wrap .share {
  display: flex;
  gap: 0.416vw;
}

.foot-wrap .you {
  width: 27.5vw;
}

.foot-wrap .foot-nav {
  gap: 1.666vw;
}

.foot-wrap .foot-nav a {
  color: #67bcb0;
  font-weight: 500;
  line-height: 1.45;
  transition: all ease 0.3s;
}

.foot-wrap .foot-nav a:hover {
  color: #fff;
}

.foot-wrap .back-top-wrap {
  margin-top: 4.166vw;
}

.back-top {
  width: 2.916vw;
  height: 2.916vw;
  flex-direction: column;
  border-radius: 3.125vw;
  gap: 0.312vw;
  cursor: pointer;
  transition: all ease 0.3s;
  position: relative;
}

.back-top::before {
  content: '';
  display: block;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(82, 71, 55, 0) 0%, #B89F7C 100%);
  transition: all .6s;
}

.back-top:hover::before {
  transform: rotate(180deg);
}

.back-top img {
  width: 1.25vw;
  transition: all .6s;
}

.back-top:hover img:nth-child(2) {
  transform: translateY(-0.104vw);
}

.foot2 {
  position: relative;
  background: #0b302a;
  border-top-right-radius: 11.458vw;
}

.foot2-inner {
  position: relative;
  padding: 0 4.166vw;
  height: 8.333vw;
}

.foot2 .big-logo {
  position: absolute;
  left: 4.166vw;
  top: -3.125vw;
  pointer-events: none;
  overflow: hidden;
  width: 60.312vw;
  line-height: 1;
}

.foot2 .big-logo .ff1 {
  display: block;
  font-size: 14.583vw;
  font-weight: 700;
  letter-spacing: -0.416vw;
  background: linear-gradient(180deg, #26A08F 0%, rgba(38, 160, 143, 0.05) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}

.foot2 .copyright {
  position: absolute;
  right: 4.166vw;
  bottom: 0.937vw;
  display: flex;
  gap: 0.416vw;
  color: #1E8072;
  z-index: 2;
}

/* ============ C-banner 通用页面顶部 banner ============ */
.C-banner {
  position: relative;
  height: 21.875vw;
  padding-top: var(--head);
  flex-direction: column;
  overflow: hidden;
  border-radius: 0 0 4.166vw 0;
}

.C-banner.theme2 {
  height: 29.166vw;
}

.C-banner .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.C-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.C-banner .text-box {
  position: relative;
  z-index: 3;
  align-items: center;
  gap: 0.729vw;
  color: #fff;
  text-align: center;
}

.C-banner .text-box .en {
  position: relative;
  padding-right: 0.52vw;
}

.C-banner .text-box .en .txt {
  letter-spacing: 0.034vw;
  line-height: 1.35;
  color: #fff;
}

.C-banner .text-box .en .ys {
  position: absolute;
  right: 0;
  top: 0.208vw;
  width: 0.312vw;
  height: 0.468vw;
  filter: brightness(0) invert(1);
}

.C-banner .text-box .cn {
  line-height: 1.25;
  letter-spacing: 0.104vw;
}

/* ============ about2 公司简介 ============ */
.about2 {
  position: relative;
  padding: 8.333vw 0;
  overflow: hidden;
}

.about2 .C-wrap {
  gap: 8.333vw;
  flex-wrap: nowrap;
}

.about2 .zuo {
  flex: 1;
  min-width: 0;
  gap: 3.125vw;
}

.about2 .intr {
  width: 100%;
}

.about2 .intr p {
  line-height: 1.7;
  color: #3E3A39;
}

.about2 .intr p+p {
  margin-top: 1.25vw;
}

.about2 .you {
  width: 31.25vw;
  height: 31.25vw;
  border-radius: 2.083vw;
  overflow: hidden;
  flex-shrink: 0;
}

.about2 .you img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ about3 关键数据 ============ */
.about3 {
  position: relative;
  padding: 1.041vw 0 6.25vw;
}

.about3 .deco {
  position: absolute;
  left: 0;
  bottom: -5.208vw;
  width: 12.5vw;
  pointer-events: none;
  z-index: 1;
}

.about3 .deco img {
  width: 100%;
  display: block;
}

.about3 .C-wrap {
  position: relative;
  z-index: 2;
}

.about3 .list {
  align-items: flex-end;
  gap: 2.083vw;
  flex-wrap: nowrap;
}

.about3 .item {
  gap: 1.041vw;
}

.about3 .item .num-line {
  gap: 0.416vw;
  padding-bottom: 0.52vw;
  border-bottom: 0.052vw solid #EBEBEB;
}

.about3 .item .num {
  line-height: 1;
  color: #3E3A39;
}

.about3 .item .plus {
  font-size: 5vw;
  line-height: 1;
  color: var(--color);
}

.about3 .item .desc {
  line-height: 1.4;
  color: #777574;
}

/* ============ about6 首席科学家 ============ */
.about6 {
  position: relative;
  padding: 12.812vw 0 10.416vw;
  overflow: hidden;
}

.about6 .main {
  align-items: flex-end;
  gap: 7.604vw;
  flex-wrap: nowrap;
}

.about6 .zuo {
  position: relative;
  width: 49.375vw;
}

.about6 .zuo .bg {
  width: 100%;
  border-radius: 0 16.666vw 0.416vw 13.833vw;
  overflow: hidden;
  z-index: 1;
}

.about6 .zuo .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.about6 .zuo .ren {
  position: absolute;
  left: 12.5vw;
  bottom: 0;
  width: 23.958vw;
  height: 30.364vw;
  z-index: 2;
}

.about6 .zuo .ren img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.about6 .zuo .info {
  position: absolute;
  right: 0;
  bottom: 1.562vw;
  z-index: 3;
  align-items: flex-end;
  gap: 0.416vw;
  padding: 1.25vw 2.083vw;
}

.about6 .zuo .info .role {
  color: #777574;
  line-height: 1.6;
}

.about6 .zuo .info .name {
  line-height: 1.35;
  color: #3E3A39;
}

.about6 .you {
  flex: 1;
  min-width: 0;
  gap: 1.041vw;
  padding-bottom: 1.041vw;
}

.about6 .you .title {
  line-height: 1.35;
  color: var(--color);
}

.about6 .you .quote {
  line-height: 1.55;
  color: #3E3A39;
  margin-bottom: 0.416vw;
}

.about6 .you .group+.group {
  margin-top: 0.937vw;
}

.about6 .you .group p {
  line-height: 1.7;
  color: #3E3A39;
}

/* ============ about4 Mission & Vision ============ */
.about4 {
  padding: 0 1.25vw 1.25vw;
}

.about4 .list {
  gap: 0.416vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-wrap: nowrap;
}

.about4 .list .item {
  position: relative;
  flex: 1;
  height: 26.458vw;
  overflow: hidden;
  cursor: pointer;
  border-radius: 1.041vw;
  transition: flex 1s cubic-bezier(0.32, 0.72, 0.36, 0.96);
}

.about4 .list:hover .item {
  flex: 0.48;
}

.about4 .list:hover .item:hover {
  flex: 0.52;
}

.about4 .list .item .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: transform 1.2s ease;
}

.about4 .list .item .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about4 .list .item:hover .bg {
  transform: scale(1.05);
}

.about4 .list .item .inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
  padding: 2.083vw 4.166vw;
  text-align: center;
}

.about4 .list .item .title {
  align-items: baseline;
  gap: 0.833vw;
  white-space: nowrap;
}

.about4 .list .item .title .en {
  line-height: 1.15;
}

.about4 .list .item .title .cn {
  line-height: 1.3;
}

.about4 .list .item .desc {
  line-height: 1.7;
}

.about4 .list .item.theme-dark .title,
.about4 .list .item.theme-dark .desc {
  color: #fff;
}

.about4 .list .item.theme-light .title,
.about4 .list .item.theme-light .desc {
  color: #3E3A39;
}

/* ============ about5 发展历程 ============ */
.about5 {
  position: relative;
  padding: 6.25vw 0;
  background: linear-gradient(120deg, #FAFAFA 50%, #DDE6E5 100%);
  border-radius: 0 0 29.166vw 0;
}

.about5 .C-wrap {
  gap: 7.708vw;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.about5 .zuo {
  flex: 1;
  min-width: 0;
}

.about5 .zuo .list .item {
  position: relative;
  gap: 2.083vw;
  padding: 1.875vw 0;
  border-bottom: 0.052vw solid #EBEBEB;
  cursor: pointer;
  transition: padding 0.6s ease;
}

.about5 .zuo .list .item .year {
  flex-shrink: 0;
  line-height: 1.25;
  color: #3E3A39;
  transition: all 0.6s ease;
}

.about5 .zuo .list .item .desc {
  flex: 1;
  line-height: 1.7;
  color: #777574;
  transition: all 0.6s ease;
}

.about5 .zuo .list .item.on {
  padding: 3.645vw 0;
}

.about5 .zuo .list .item.on .year {
  background: linear-gradient(78deg, #26A08F 28%, #E6C79C 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 5vw;
}

.about5 .zuo .list .item.on .desc {
  color: #3E3A39;
  font-size: 1.25vw;
}

.about5 .you {
  position: sticky;
  top: 6.25vw;
  width: 30.468vw;
  flex-shrink: 0;
  gap: 2.083vw;
}

.about5 .you .pic {
  position: relative;
  width: 22.916vw;
  height: 17.187vw;
  border-radius: 1.041vw;
  overflow: hidden;
  background: #E5E5E5;
}

.about5 .you .pic .bg-render-ul {
  position: absolute;
  inset: 0;
}

.about5 .you .pic .bg-render-ul img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.about5 .you .pic .bg-render-ul img.on {
  opacity: 1;
}

/* ============ about7 生产与质控 ============ */
.about7 {
  position: relative;
  padding: 6.25vw 0;
  overflow: hidden;
}

.about7 .bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.about7 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about7 .bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}

.about7 .C-wrap {
  position: relative;
  z-index: 2;
  gap: 6.25vw;
}

.about7 .head {
  gap: 1.25vw;
  color: #fff;
}

.about7 .head .desc {
  line-height: 1.7;
  color: #fff;
  max-width: 45.937vw;
}

.about7 .list {
  gap: 0.833vw;
  align-items: flex-end;
}

.about7 .list .item {
  position: relative;
  flex: 1;
  min-width: 0;
  border-radius: 1.041vw;
  overflow: hidden;
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  cursor: pointer;
  transition: background 0.6s ease;
}

.about7 .list .item-1 {
  background: rgba(38, 160, 143, 0.5);
}

.about7 .list .item-2 {
  background: rgba(184, 159, 124, 0.6);
}

.about7 .list .item-3 {
  background: rgba(30, 128, 114, 0.5);
}

.about7 .list .item-4 {
  background: rgba(238, 196, 130, 0.6);
}

.about7 .list .item-1:hover {
  background: #288a7c;
}

.about7 .list .item-2:hover {
  background: #9d896d;
}

.about7 .list .item-3:hover {
  background: #1e8072;
}

.about7 .list .item-4:hover {
  background: #c9a772;
}

.about7 .list .item .num {
  position: absolute;
  top: -1.562vw;
  left: -1.562vw;
  font-size: 5vw;
  z-index: 2;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
  transform-origin: bottom right;
  transition: transform 0.6s ease, color 0.4s ease;
}

.about7 .list .item:hover .num {
  transform: scale(0.5);
  color: #fff;
}

.about7 .list .item .inner {
  padding: 1.25vw;
  gap: 0.833vw;
  color: #fff;
}

.about7 .list .item .inner .icon {
  width: 5.208vw;
  height: 5.208vw;
  align-self: flex-end;
}

.about7 .list .item .inner .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.about7 .list .item .inner .info {
  gap: 0.52vw;
}

.about7 .list .item .inner .info .t1 {
  line-height: 1.35;
}

.about7 .list .item .inner .info .t2 {
  line-height: 1.6;
}

.about7 .list .item:nth-of-type(2n) .inner {
  flex-direction: column-reverse;
}

.about7 .list .item:nth-of-type(2n) .num {
  transform-origin: top right;
  top: auto;
  bottom: -1.562vw;
}

/* ============ about8 资质认证 ============ */
.about8 {
  padding: 6.25vw 0 8.333vw;
}

.about8 .C-wrap {
  gap: 3.125vw;
}

.about8 .list {
  gap: 2.083vw;
}

.about8 .list .item {
  align-items: center;
  cursor: pointer;
}

.about8 .list .item .card {
  position: relative;
  width: 100%;
  height: 18.02vw;
  background: #FAFAFA;
  border-radius: 1.041vw;
  overflow: hidden;
  transition: background 0.4s ease;
}

.about8 .list .item:hover .card {
  background: #F2F4F3;
}

.about8 .list .item .card .pic {
  position: absolute;
  width: 7.812vw;
  height: 11.041vw;
  border-radius: 0.416vw;
  overflow: hidden;
  box-shadow: 0 0.416vw 1.25vw rgba(0, 0, 0, 0.08);
  transition: transform 0.6s cubic-bezier(.32, .72, 0, 1);
}

.about8 .list .item .card .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about8 .list .item .card .pic-back {
  left: 3.906vw;
  top: 3.489vw;
}

.about8 .list .item .card .pic-front {
  left: 5.468vw;
  top: 4.791vw;
}

.about8 .list .item:hover .card .pic-back {
  transform: rotate(-10deg) translate(-0.625vw, -0.208vw);
}

.about8 .list .item:hover .card .pic-front {
  transform: rotate(8deg) translate(0.625vw, 0.208vw);
}

.about8 .list .item .card .plus {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 4.218vw;
  height: 4.166vw;
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(.32, .72, 0, 1);
}

.about8 .list .item:hover .card .plus {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.about8 .list .item .card .plus img {
  width: 100%;
  height: 100%;
}

.about8 .list .item .title {
  margin-top: 1.562vw;
  line-height: 1.35;
  color: #3E3A39;
  transition: color 0.3s ease;
}

.about8 .list .item:hover .title {
  color: var(--color);
}

/* ============ about8 弹窗 ============ */
.about8-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.about8-popup.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.about8-popup .mask {
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.65);
  backdrop-filter: blur(0.52vw);
  -webkit-backdrop-filter: blur(0.52vw);
}

.about8-popup .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 86%;
  padding: 4.166vw 4.166vw 2.083vw 4.166vw;
  background: linear-gradient(180deg, #EBEBEB 0%, #FFF 100%);
  max-width: 75vw;
  max-height: 88vh;
  border-radius: 1.041vw;
  transform: translate(-50%, -45%);
  opacity: 0;
  transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
}

.about8-popup.open .popup-inner {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.about8-popup .popup-close {
  position: absolute;
  right: 1.041vw;
  top: 1.041vw;
  z-index: 10;
  width: 2.083vw;
  height: 2.083vw;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.about8-popup .popup-close:hover {
  transform: rotate(90deg);
}

.about8-popup .popup-close img {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}

.about8-popup .popup-close:hover img {
  opacity: 1;
}

.about8-popup .tabs {
  gap: 0.625vw;
  margin-bottom: 2.083vw;
}

.about8-popup .tabs .tab {
  gap: 0.312vw;
  padding: 0.729vw 1.875vw;
  border-radius: 5.208vw;
  cursor: pointer;
  color: #777574;
  transition: all 0.4s ease;
}

.about8-popup .tabs .tab.on {
  background: linear-gradient(135deg, #5a5352 0%, #3e3a39 100%);
  color: #faf3eb;
}

.about8-popup .panels {
  position: relative;
  width: 100%;
}

.about8-popup .panel {
  display: none;
}

.about8-popup .panel.on {
  display: block;
}

.about8-popup .popup-swiper {
  width: 100%;
}

.about8-popup .swiper-slide {
  align-items: center;
  gap: 1.25vw;
  background: #fff;
  border-radius: 1.041vw;
  padding: 1.25vw;
  height: auto;
}

.about8-popup .swiper-slide .pic {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 0.625vw;
  overflow: hidden;
  background: #F5F5F5;
}

.about8-popup .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about8-popup .swiper-slide .cap {
  line-height: 1.5;
  color: #3E3A39;
  text-align: center;
}

.about8-popup .popup-ctrl {
  gap: 0.833vw;
  margin-top: 1.562vw;
}

.popup-button {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 50%;
  border: 0.104vw solid #D8D7D7;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
}

.popup-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

.popup-button img {
  width: 0.52vw;
  height: 0.833vw;
  transition: opacity 0.3s ease;
}

.popup-button:hover img {
  opacity: 1;
}

.popup-button.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* ============ pd2 产品列表 ============ */
.pd2 {
  padding: 4.166vw 0 4.166vw;
}

.pd2 .item {
  position: relative;
  padding: 4.166vw 0;
  overflow: hidden;
}

.pd2 .item .deco {
  position: absolute;
  right: 0;
  top: 0;
  width: 20.833vw;
  height: 20.833vw;
  pointer-events: none;
  z-index: 5;
}

.pd2 .item .deco img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd2 .item .C-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.083vw;
  padding: 0 2.083vw;
}

.pd2 .item .zuo {
  width: 31.25vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  align-items: flex-start;
}

.pd2 .item .zuo .inci-list {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pd2 .item .zuo .inci {
  font-size: 0.833vw;
  font-weight: 500;
  line-height: 1.45;
  color: #3E3A39;
}

.pd2 .item .zuo .desc {
  font-size: 0.833vw;
  line-height: 1.6;
  color: #777574;
}

.pd2 .item .you {
  display: flex;
  align-items: center;
  height: 20.833vw;
  flex-shrink: 0;
}

.pd2 .item .bottle {
  width: 15.364vw;
  height: 20.833vw;
  flex-shrink: 0;
}

.pd2 .item .bottle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd2 .item:nth-child(odd) .bottle img {
  transform: scaleX(-1);
}

.pd2 .item .hex {
  width: 15.625vw;
  height: 12.656vw;
  flex-shrink: 0;
}

.pd2 .item .hex img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ============ pd3 sticky 卡片堆叠 ============ */
.pd3 {
  padding: 4.166vw;
}

.pd3 .list {
  position: relative;
}

.pd3 .item {
  position: sticky;
  top: var(--diff);
  height: 39.27vw;
  border-radius: 2.083vw;
  overflow: hidden;
  margin-bottom: 2.916vw;
  will-change: transform;
}

.pd3 .item:last-child {
  margin-bottom: 0;
}

.pd3 .item .pic {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.pd3 .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd3 .item .pic::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.25) 100%);
}

.pd3 .item .text-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 4.166vw 4.166vw 6.25vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1.041vw;
}

.pd3 .item .num {
  font-family: var(--family-en);
  font-size: 3.333vw;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
}

.pd3 .item .info {
  width: 33.333vw;
  padding: 4.166vw;
  border-radius: 1.041vw;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.pd3 .item .info .title {
  font-size: 1.458vw;
  font-weight: 500;
  line-height: 1.3;
  color: #3E3A39;
}

.pd3 .item .info .desc {
  font-size: 0.833vw;
  line-height: 1.6;
  color: #5A5352;
}

/* ============ pd4 产品优势 ============ */
.pd4 {
  padding: 8.333vw 0;
}

.pd4 .C-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.166vw;
}

.pd4 .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.75vw;
  width: 100%;
}

.pd4 .item {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  /* cursor: pointer; */
}

.pd4 .item .pic {
  width: 100%;
  aspect-ratio: 640 / 360;
  border-radius: 4.166vw 0.416vw 4.166vw 0.416vw;
  overflow: hidden;
  transition: border-radius ease 0.6s;
}

.pd4 .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform ease 0.6s;
}

.pd4 .item:hover .pic img {
  transform: scale(1);
}

.pd4 .item:hover .pic {
  border-radius: 0.416vw 4.166vw 0.416vw 4.166vw;
}

.pd4 .item .info {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.pd4 .item .info .t1 {
  font-size: 1.145vw;
  font-weight: 500;
  line-height: 1.35;
  color: #3E3A39;
  transition: color ease 0.3s;
}

.pd4 .item:hover .info .t1 {
  color: var(--color);
}

.pd4 .item .info .t2 {
  font-size: 0.833vw;
  line-height: 1.6;
  color: #777574;
}

.pd4 .item .info .t2 .more {
  color: #777574;
  text-decoration: underline;
  transition: color ease 0.3s;
}

.pd4 .item .info .t2 .more:hover {
  color: var(--color);
}

/* ============ pd5 底部 CTA ============ */
.pd5 {
  position: relative;
  padding: 4.166vw 0;
  overflow: hidden;
}

.pd5 .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.pd5 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd5 .C-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.083vw;
}

.pd5 .zuo {
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
}

.pd5 .zuo .t1 {
  font-size: 1.458vw;
  font-weight: 500;
  line-height: 1.3;
  color: #3E3A39;
}

.pd5 .zuo .t2 {
  font-size: 0.937vw;
  line-height: 1.7;
  color: #777574;
}

.pd5 .you {
  display: flex;
  gap: 2.083vw;
  align-items: center;
}

/* ============ pd7 产品类型 tab 切换 ============ */
.pd7 {
  padding: 1.041vw 0.52vw;
}

.pd7 .tabs {
  gap: 1.041vw;
}

.pd7 .tabs .tab {
  height: 2.916vw;
  padding: 0 2.083vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.208vw;
  color: #777574;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.pd7 .tabs .tab:hover {
  color: #3E3A39;
}

.pd7 .tabs .tab.on {
  background: linear-gradient(90deg, #5a5352 0%, #3e3a39 100%);
  color: #FAF3EB;
}

/* ============ pd8 产品详情主区 ============ */
.pd8 {
  background: #FAFAFA;
  padding: 5vw 4.166vw 6.25vw;
  border-radius: 0 4.166vw 0 0;
}

.pd8 .C-wrap {
  align-items: flex-start;
  gap: 4.166vw;
  flex-wrap: nowrap;
}

.pd8 .zuo {
  width: 35.416vw;
  flex-shrink: 0;
  align-self: stretch;
}

.pd8 .zuo .sticky-box {
  position: sticky;
  top: 6.25vw;
  gap: 2.083vw;
  align-items: center;
}

.pd8 .pd8-swiper {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 1.041vw;
  overflow: hidden;
  background: radial-gradient(circle at center, #FFFFFF 0%, #EBEBEB 100%);
}

.pd8 .pd8-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pd8 .pd8-swiper .pic {
  width: 100%;
  height: 100%;
}

.pd8 .pd8-swiper .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd8 .zuo .popup-ctrl {
  gap: 2.083vw;
  padding: 0.52vw;
}

.pd8 .you {
  width: 35.416vw;
  flex-shrink: 0;
  background: #FFF;
  border-radius: 1.041vw;
  padding: 4.166vw;
  gap: 4.166vw;
}

.pd8 .you .head {
  gap: 1.041vw;
  align-items: flex-start;
}

.pd8 .you .head .C-title.green .en .txt {
  color: #26A08F;
  line-height: 1.4;
}

.pd8 .you .head .C-title .en .ys {
  top: 0.26vw;
  width: 0.312vw;
  height: 0.468vw;
}

.pd8 .you .head .C-title .cn {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.25;
  color: #3E3A39;
}

.pd8 .you .head .sub {
  color: #B89F7C;
  line-height: 1.7;
}

.pd8 .you .desc {
  color: #777574;
  line-height: 1.6;
}

.pd8 .you .group {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.pd8 .you .group .g-title {
  color: #3E3A39;
  line-height: 1.4;
}

.pd8 .you .group .table {
  display: flex;
  flex-direction: column;
}

.pd8 .you .group .table .row {
  gap: 1.041vw;
  padding: 0.416vw 0;
  border-top: 0.052vw solid #E5E5E5;
}

.pd8 .you .group .table .row:last-child {
  border-bottom: 0.052vw solid #E5E5E5;
}

.pd8 .you .group .table .row .k {
  color: #3E3A39;
  line-height: 1.6;
  flex-shrink: 0;
}

.pd8 .you .group .table .row .v {
  color: #3E3A39;
  line-height: 1.6;
  text-align: right;
}

/* ============ pd9 功效机理 ============ */
.pd9 {
  position: relative;
  padding: 6.25vw 4.166vw;
  overflow: hidden;
}

.pd9 .deco {
  position: absolute;
  left: 50%;
  top: 4.166vw;
  width: 20.833vw;
  height: 20.833vw;
  transform: translateX(-50%);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}

.pd9 .deco img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd9 .C-wrap {
  position: relative;
  z-index: 2;
  gap: 4.166vw;
}

.pd9 .list {
  gap: 1.25vw;
  width: 100%;
}

.pd9 .item {
  cursor: pointer;
}

.pd9 .item .inner {
  height: 100%;
  background: #FAFAFA;
  border-radius: 1.041vw;
  padding: 2.083vw;
  gap: 2.083vw;
  transition: background 0.4s ease;
}

.pd9 .item:hover .inner {
  background: #F1F9F8;
}

.pd9 .item .info {
  gap: 0.833vw;
  align-items: flex-start;
}

.pd9 .item .info .t1 {
  color: #3E3A39;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.pd9 .item:hover .info .t1 {
  color: #1E8072;
}

.pd9 .item .info .t2 {
  color: #777574;
  line-height: 1.6;
  min-height: 4.166vw;
  transition: color 0.3s ease;
}

.pd9 .item:hover .info .t2 {
  color: #26A08F;
}

.pd9 .item .more {
  align-self: flex-end;
  gap: 0.416vw;
  color: #3E3A39;
  transition: color 0.3s ease;
}

.pd9 .item:hover .more {
  color: #67BCB0;
}

.pd9 .item .more .ico {
  display: inline-block;
  width: 0.833vw;
  height: 0.833vw;
  background-color: #D8D7D7;
  -webkit-mask: url('/img/product/pd9-i1.svg') center/contain no-repeat;
  mask: url('/img/product/pd9-i1.svg') center/contain no-repeat;
  transition: background-color 0.3s ease;
}

.pd9 .item:hover .more .ico {
  background-color: #67BCB0;
}

/* ============ pd9 报告详情弹窗 ============ */
.pd9-popup {
  position: fixed;
  inset: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.pd9-popup.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.pd9-popup .mask {
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.65);
  backdrop-filter: blur(0.52vw);
  -webkit-backdrop-filter: blur(0.52vw);
}

.pd9-popup .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 53.333vw;
  max-width: 90%;
  height: 46.875vw;
  max-height: 86vh;
  background: #FFF;
  border-radius: 1.041vw;
  padding: 4.166vw;
  transform: translate(-50%, -45%);
  opacity: 0;
  transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.pd9-popup.open .popup-inner {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.pd9-popup .popup-close {
  position: absolute;
  right: 2.083vw;
  top: 2.083vw;
  z-index: 10;
  width: 2.083vw;
  height: 2.083vw;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.pd9-popup .popup-close:hover {
  transform: rotate(90deg);
}

.pd9-popup .popup-close img {
  width: 100%;
  height: 100%;
}

.pd9-popup .head {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.pd9-popup .head .t1 {
  color: #3E3A39;
  line-height: 1.3;
  padding-right: 3.125vw;
}

.pd9-popup .head .meta {
  gap: 1.041vw;
  flex-wrap: wrap;
  padding-bottom: 0.52vw;
  color: #777574;
  border-bottom: 0.052vw solid #D8D7D7;
}

.pd9-popup .head .meta span {
  line-height: 1.6;
}

.pd9-popup .body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  padding-right: 0.416vw;
}

.pd9-popup .body .p {
  color: #5A5352;
  line-height: 1.7;
}

.pd9-popup .body .p p {
  line-height: 1.7;
}

.pd9-popup .body .block {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.pd9-popup .body .block .lab {
  color: #5A5352;
  line-height: 1.7;
}

.pd9-popup .body .block img {
  width: 31.25vw;
  height: auto !important;
  display: block;
  border-radius: 0.416vw;
}

.pd9-popup .body .block .pic img {
  width: 100%;
  height: auto;
}

.pd9-popup .body::-webkit-scrollbar {
  width: 0.312vw;
}

.pd9-popup .body::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 0.156vw;
}

.pd9-popup .body::-webkit-scrollbar-thumb {
  background: #D8D7D7;
  border-radius: 0.156vw;
}

/* ============ pd10 终端应用领域 ============ */
.pd10 {
  background: #FCF9F5;
  padding: 8.333vw 0;
}

.pd10 .C-wrap {
  gap: 4.166vw;
}

.pd10 .head {
  gap: 1.041vw;
}

.pd10 .head .sub {
  color: #B89F7C;
  line-height: 1.7;
  text-align: center;
}

.pd10 .list {
  display: grid;
  grid-template-columns: 1fr 24.114vw;
  gap: 0.833vw;
  width: 100%;
  height: 34.166vw;
  border-radius: 0 0 12.5vw 0;
  overflow: hidden;
}

.pd10 .left-area {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0.833vw;
}

.pd10 .row {
  display: grid;
  gap: 0.833vw;
}

.pd10 .row-1 {
  grid-template-columns: 400fr 264fr 264fr;
}

.pd10 .row-2 {
  grid-template-columns: 1fr 1fr;
}

.pd10 .item {
  position: relative;
  overflow: hidden;
  border-radius: 1.041vw;
}

.pd10 .item .pic {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.pd10 .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.pd10 .item:hover .pic img {
  transform: scale(1.06);
}

.pd10 .item-1 {
  background: #F1F9F8;
}

.pd10 .item-1 .text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 2.083vw;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.52vw;
}

.pd10 .item-1 .text .cn {
  color: #fff;
  line-height: 1.7;
}

.pd10 .item-1 .text .big {
  color: #fff;
  line-height: 1.3;
  font-weight: 500;
}

.pd10 .item .label {
  position: absolute;
  left: 1.041vw;
  top: 1.041vw;
  z-index: 2;
  color: #FFF;
  line-height: 1.35;
  text-shadow: 0 0.104vw 0.312vw rgba(0, 0, 0, 0.25);
}

.pd10 .item-2 .label,
.pd10 .item-3 .label,
.pd10 .item-6 .label {
  top: auto;
  bottom: 1.041vw;
}

.pd10 .item-4 {
  grid-column: 2;
  height: 34.166vw;
}

.pd10 .item-4 .label {
  top: 1.041vw;
  bottom: auto;
}

/* ============ pd11 市场应用案例 ============ */
.pd11 {
  position: relative;
  padding: 8.333vw 0;
  overflow: hidden;
}

.pd11 .deco {
  position: absolute;
  right: 0;
  top: -1.041vw;
  width: 34.01vw;
  height: 12.5vw;
  pointer-events: none;
  z-index: 1;
}

.pd11 .deco img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd11 .head {
  width: 100%;
  gap: 2.083vw;
}

.pd11 .head .ctrl {
  gap: 2.083vw;
  padding: 0.52vw;
}

.pd11 .head .ctrl .page {
  color: #777574;
  line-height: 1.35;
}

.pd11-swiper {
  width: 100%;
  overflow: visible;
  margin-top: 4.166vw;
}

.pd11-swiper .case {
  align-items: stretch;
  gap: 4.166vw;
  flex-wrap: nowrap;
}

.pd11-swiper .case .pic {
  width: 25vw;
  height: 25vw;
  border-radius: 1.041vw;
  overflow: hidden;
  flex-shrink: 0;
}

.pd11-swiper .bigSlide {
  width: 62.5vw;
}

.pd11-swiper .case .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.pd11-swiper .case .pic:hover img {
  transform: scale(1.04);
}

.pd11-swiper .case .info {
  flex: 1;
  min-width: 0;
  justify-content: space-between;
  gap: 2.083vw;
}

.pd11-swiper .case .info .top {
  gap: 1.041vw;
}

.pd11-swiper .case .info .title {
  color: #3E3A39;
  line-height: 1.3;
}

.pd11-swiper .case .info .intro {
  color: #777574;
  line-height: 1.7;
}

.pd11-swiper .case .info .intro .hi {
  color: #3E3A39;
  line-height: 1.4;
}

.pd11-swiper .case .info .bottom {
  gap: 2.083vw;
}

.pd11-swiper .case .info .tag {
  color: #B89F7C;
  line-height: 1.4;
}

.pd11-swiper .review-box {
  height: 12.5vw;
  background: #FCF9F5;
  border-radius: 1.041vw;
  padding: 3.125vw 4.166vw 1.041vw;
  position: relative;
}

.pd11-swiper .review-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pd11-swiper .review-box::before {
  content: '';
  position: absolute;
  left: 2.916vw;
  top: 2.083vw;
  width: 1.25vw;
  height: 1.041vw;
  background: url('/img/product/pd11-i1.svg') no-repeat center/contain;
}

.pd11-swiper .review-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  height: auto;
}

.pd11-swiper .review-swiper .quote {
  color: #5C4F3E;
  line-height: 1.6;
  width: 100%;
}

.pd11-swiper .review-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.041vw;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.416vw;
}

.pd11-swiper .review-pagination .swiper-pagination-bullet {
  width: 0.416vw;
  height: 0.416vw;
  border-radius: 50%;
  background: #D8D7D7;
  opacity: 1;
  margin: 0;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.pd11-swiper .review-pagination .swiper-pagination-bullet-active {
  background: #E6C79C;
  transform: scale(1.2);
}

.core1 {
  position: relative;
  height: 46.875vw;
  padding: 6.25vw 0;
  overflow: hidden;
  border-bottom-right-radius: 33.333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.core1 .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.core1 .bg::after {
  /* content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%); */
}

.core1 .C-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6.25vw;
}

.core1 .head {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
  width: 25vw;
  color: #fff;
}

.core1 .head .title {
  line-height: 1.15;
}

.core1 .head .sub {
  line-height: 1.35;
}

.core1 .head .desc {
  line-height: 1.6;
  opacity: 0.9;
}

.core1 .list {
  gap: 0.833vw;
  flex-wrap: nowrap;
}

.core1 .list .item {
  position: relative;
  width: 8.333vw;
  height: 8.333vw;
  padding: 0 0.52vw;
  border-radius: 5.208vw;
  background: rgba(38, 160, 143, 0.5);
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  gap: 0.52vw;
  align-items: center;
  text-align: center;
  transition: background ease 0.4s, transform ease 0.4s;
}

.core1 .list .item:hover {
  background: rgba(38, 160, 143, 0.75);
  transform: translateY(-0.312vw);
}

.core1 .list .item .icon {
  width: 2.604vw;
  height: 2.604vw;
}

.core1 .list .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.core1 .list .item .cap {
  color: #fff;
  line-height: 1.4;
}

.core1 .list .item .arrow {
  position: absolute;
  top: 0.52vw;
  right: 0.52vw;
  width: 1.666vw;
  height: 1.666vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.core1 .list .item .arrow img {
  width: 100%;
  height: 100%;
}

.core1 .list .item.down .arrow img {
  transform: scaleY(-1);
}

.core2 {
  background: #fff;
  padding: 8.333vw 0;
}

.core2 .C-wrap {
  gap: 4.166vw;
  flex-wrap: nowrap;
  align-items: stretch;
}

.core2 .zuo {
  flex: 1;
  border-radius: 1.041vw;
  overflow: hidden;
}

.core2 .zuo .pic {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.core2 .zuo .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.core2 .you {
  flex: 1;
  gap: 2.083vw;
  justify-content: center;
}

.core2 .you .C-title .en .txt {
  line-height: 1.35;
}

.core2 .you .C-title .cn {
  line-height: 1.3;
  white-space: normal;
}

.core2 .you .chips {
  gap: 0.833vw;
  margin: 2.083vw 0;
}

.core2 .you .chips .chip {
  width: 11.25vw;
  height: 3.281vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.833vw 1.25vw;
  border-radius: 4.166vw;
  background: #F1F1F1;
  color: #3E3A39;
  line-height: 1.7;
  text-align: center;
  transition: background ease 0.3s, color ease 0.3s;
}

.core2 .you .desc {
  line-height: 1.6;
  color: #3E3A39;
}

.core3 {
  background: #FAFAFA;
  padding: 8.333vw 0;
}

.core3 .C-wrap {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}

.core3 .head {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.core3 .head .title {
  line-height: 1.3;
  color: #3E3A39;
}

.core3 .head .desc {
  color: #777574;
}

.core3 .head .desc p {
  line-height: 1.6;
}

.core3 .news-list {
  gap: 0.833vw;
  flex-wrap: nowrap;
}

.core3 .news-list .item {
  position: relative;
  flex: 1;
  height: 24.166vw;
  border-radius: 1.041vw;
  overflow: hidden;
  /* cursor: pointer; */
  transition: border-radius ease 0.6s;
}

.core3 .news-list .item .pic {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.core3 .news-list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  transition: transform ease 0.6s;
}

.core3 .news-list .item:hover .pic img {
  transform: scale(1);
}

.core3 .news-list .item:hover {
  border-radius: 3.125vw 1.041vw;
}

.core3 .news-list .item .info-top,
.core3 .news-list .item .info-bot {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 2.083vw 1.041vw;
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(1.041vw);
  -webkit-backdrop-filter: blur(1.041vw);
  color: #fff;
}

.core3 .news-list .item .info-top {
  top: 0;
}

.core3 .news-list .item .info-bot {
  bottom: 0;
}

.core3 .news-list .item .info-top .title {
  line-height: 1.35;
}

.core3 .news-list .item .info-bot .desc {
  line-height: 1.6;
}

.core4 {
  padding: 8.333vw 0;
  overflow: hidden;
}

.core4 .C-wrap {
  display: flex;
  flex-direction: column;
  gap: 4.166vw;
}

.core4 .head {
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 2.083vw;
}

.core4 .head .left {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.core4 .head .title-row {
  gap: 0.833vw;
}

.core4 .head .title-row .cn {
  color: #3E3A39;
  line-height: 1.3;
}

.core4 .head .title-row .en {
  position: relative;
  padding-right: 0.52vw;
  display: inline-flex;
  align-items: center;
}

.core4 .head .title-row .en .txt {
  color: var(--color);
  letter-spacing: 0.037vw;
  line-height: 1.35;
}

.core4 .head .title-row .en .ys {
  position: absolute;
  right: 0;
  top: 0.26vw;
  width: 0.312vw;
  height: 0.468vw;
}

.core4 .head .desc {
  color: #777574;
}

.core4 .head .desc p {
  line-height: 1.6;
}

.core4 .head .popup-ctrl {
  gap: 2.083vw;
  padding: 0.52vw;
}

.core4 .head .popup-button {
  width: 2.916vw;
  height: 2.916vw;
}

.core4-swiper {
  width: 100%;
  overflow: visible;
}

.core4-swiper .swiper-slide {
  width: 15.625vw;
  height: 20.833vw;
  border-radius: 1.041vw;
  background: #F1F1F1;
  overflow: hidden;
}

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

/* ============ support-apply / apply2 应用方案 ============ */
.apply2 {
  padding: 8.333vw 0;
}

.apply2 .C-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.166vw;
}

.apply2 .head {
  gap: 1.041vw;
}

.apply2 .head .desc {
  color: #777574;
  line-height: 1.6;
  text-align: center;
}

.apply2 .list {
  width: 100%;
  gap: 0.833vw;
}

.apply2 .list .item {
  display: flex;
  flex-direction: column;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply2 .list .item .pic {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply2 .list .item .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform ease 0.6s;
}

.apply2 .list .item:hover .pic img {
  transform: scale(1.04);
}

.apply2 .list .item .info {
  padding: 1.25vw;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.apply2 .list .item .info .title {
  color: #3E3A39;
  line-height: 1.35;
}

.apply2 .list .item .info .desc {
  color: #3E3A39;
  line-height: 1.6;
}
.apply3 .list .item .info .desc {
  color: #3E3A39;
  line-height: 1.6;
  margin-top: 1.0417vw;
}
/* ============ apply3 我们的产品 ============ */
.apply3 {
  position: relative;
  padding: 8.333vw 0 10.416vw;
  background: #FAFAFA;
  overflow: hidden;
}

.apply3 .leaf-bg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 34.01vw;
  height: 11.666vw;
  pointer-events: none;
  z-index: 0;
}

.apply3 .leaf-bg img {
  width: 100%;
  height: 100%;
  display: block;
}

.apply3 .C-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4.166vw;
}

.apply3 .head {
  gap: 4.166vw;
  flex-wrap: nowrap;
}

.apply3 .head .C-title.row .en-cn {
  align-items: center;
}

.apply3 .head .C-title.row .cn {
  color: #3E3A39;
  line-height: 1.3;
}

.apply3 .head .C-btn-group {
  flex: 1;
  justify-content: flex-end;
}

.apply3 .list {
  gap: 4.166vw 4.166vw;
}

.apply3 .list .item.is-hide {
  display: none;
}

.apply3 .list .item {
  display: flex;
  flex-direction: column;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply3 .list .item .pic {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply3 .list .item .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform ease 0.6s;
}

.apply3 .list .item:hover .pic img {
  transform: scale(1.04);
}

.apply3 .list .item:hover .title {
  color: var(--color);
}

.apply3 .list .item .info {
  padding: 1.25vw;
}

.apply3 .list .item .title {
  color: #3E3A39;
  line-height: 1.35;
  transition: color ease 0.3s;
}
.apply3 .list .item .title p {
  margin-top: .5208vw;
}
.apply3 .C-pages {
  margin-top: 6.458vw;
}

/* ============ apply4 配方开发支持 ============ */
.apply4 {
  padding: 8.333vw 0;
}

.apply4 .C-wrap {
  gap: 4.166vw;
  align-items: stretch;
  flex-wrap: nowrap;
}

.apply4 .zuo {
  flex: 1;
  justify-content: space-between;
  gap: 2.083vw;
}

.apply4 .zuo .top {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
}

.apply4 .zuo .top .C-title .cn {
  color: #3E3A39;
  line-height: 1.3;
}

.apply4 .zuo .top .desc {
  color: #777574;
  line-height: 1.6;
}

.apply4 .zuo .rows {
  display: flex;
  flex-direction: column;
}

.apply4 .zuo .rows .row {
  padding: 0.833vw 0;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  border-bottom: 0.052vw solid #F1F1F1;
}

.apply4 .zuo .rows .row .t {
  color: #3E3A39;
  line-height: 1.35;
}

.apply4 .zuo .rows .row .p {
  color: #3E3A39;
  line-height: 1.7;
}

.apply4 .you {
  flex: 1;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply4 .you .pic {
  width: 100%;
  height: 100%;
}

.apply4 .you .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 100%;
}

/* ============ apply5 北京研发实验室 无缝循环 swiper ============ */
.apply5 {
  padding: 8.333vw 0;
  background: #FAFAFA;
  overflow: hidden;
}

.apply5 .head {
  width: 75vw;
  margin: 0 auto 4.166vw;
  gap: 1.041vw;
}

.apply5 .head .desc {
  color: #777574;
  line-height: 1.6;
  text-align: center;
}

.apply5-swiper {
  width: 100%;
  overflow: hidden;
}

.apply5-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.apply5-swiper .swiper-slide {
  width: auto;
  height: 23.437vw;
  flex-shrink: 0;
  border-radius: 1.041vw;
  overflow: hidden;
}

.apply5-swiper .swiper-slide img {
  width: auto;
  height: 100%;
  display: block;
}

/* ============ news2 新闻列表区块 ============ */
.news2 {
  position: relative;
  padding: 6.25vw 0 10.416vw;
  overflow: hidden;
}

.news2 .leaf-bg {
  position: absolute;
  right: 8.854vw;
  bottom: 0;
  width: 34.01vw;
  height: 11.666vw;
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
  transform: rotate(180deg);
}

.news2 .leaf-bg img {
  width: 100%;
  height: 100%;
  display: block;
}

.news2 .C-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 6.25vw;
}

.news2 .C-btn-group {
  align-self: flex-start;
}

.news2 .meta {
  display: flex;
  gap: 0.416vw;
  align-items: center;
  line-height: 1.6;
  color: #777574;
}

.news2 .meta .sep {
  color: #D8D7D7;
}

.news2 .news-list {
  display: flex;
  flex-direction: column;
  border-top: 0.104vw solid #D8D7D7;
  border-bottom: 0.052vw solid #D8D7D7;
}

.news2 .news-list .item {
  display: flex;
  align-items: center;
  height: 5.208vw;
  padding: 0 2.083vw;
  border-bottom: 0.052vw solid #EBEBEB;
  transition: background ease 0.3s;
}

.news2 .news-list .item:last-child {
  border-bottom: none;
}

.news2 .news-list .item .date {
  width: 7.812vw;
  flex-shrink: 0;
  color: #777574;
  line-height: 1.6;
}

.news2 .news-list .item .title {
  flex: 1;
  min-width: 0;
  padding: 0 4.166vw;
  color: #3E3A39;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color ease 0.3s;
}

.news2 .news-list .item:hover .title {
  color: var(--color);
}

.news2 .news-list .item .arr {
  width: 2.083vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news2 .news-list .item .arr img {
  width: 1.25vw;
  height: 1.25vw;
  display: block;
  transition: transform ease 0.3s;
}

.news2 .news-list .item:hover .arr img {
  transform: translateX(0.208vw);
}

.news2 .C-pages {
  margin-top: 2.083vw;
}


/* ============ news5 文章详情顶部 banner ============ */
.news5 {
  position: relative;
  height: 21.875vw;
  padding-top: var(--head);
  overflow: hidden;
  border-radius: 0 0 4.166vw 0;
  color: #fff;
}

.news5 .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.news5 .bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.news5 .mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0.5;
  background: linear-gradient(60.22deg, #26A08F 28.68%, #E6C79C 95.51%);
}

.news5 .C-wrap {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news5 .info {
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.news5 .title {
  line-height: 1.25;
  color: #fff;
}

.news5 .meta {
  gap: 0.312vw;
  line-height: 1.6;
  color: #fff;
}

.news5 .meta .sep {
  color: rgba(255, 255, 255, 0.5);
}

.news5 .meta .date {
  margin-left: 1.25vw;
}


/* ============ news6 文章正文 + 上下篇导航 ============ */
.news6 {
  padding: 8.333vw 0;
}

.news6 .inner {
  width: 56.25vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6.25vw;
}

.news6 .empty {
  line-height: 1.75;
  color: #3E3A39;
}

.news6 .empty * {
  white-space: normal !important;
}

.news6 .empty img {
  margin: 1.041vw auto;
  max-width: 100%;
  height: auto !important;
  display: block;
}

.news6 .nav-group {
  border-top: 0.052vw solid #EBEBEB;
}

.news6 .nav-item {
  gap: 1.25vw;
  padding: 1.25vw;
  border-bottom: 0.052vw solid #EBEBEB;
  color: #3E3A39;
  transition: color ease 0.3s;
}

.news6 .nav-item .label {
  flex-shrink: 0;
  line-height: 1.7;
}

.news6 .nav-item .ico {
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news6 .nav-item .ico img {
  width: 100%;
  display: block;
  transition: transform ease 0.3s;
}

.news6 .nav-item .title {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
}

.news6 .nav-item:hover {
  color: var(--color);
}

.news6 .nav-item:hover .ico img {
  transform: translateY(-0.156vw);
}

.news6 .nav-item:last-child:hover .ico img {
  transform: translateY(0.156vw);
}


/* ============ C-Alert 弹窗提示组件 ============ */
.C-Alert {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: alertFadeIn .3s ease both;
}

.C-Alert .alertPop {
  position: relative;
  width: 25vw;
  padding: 3.125vw 2.083vw 2.083vw;
  border-radius: 1.041vw;
  background: #fff;
  text-align: center;
  animation: alertPopIn .35s cubic-bezier(.2, .9, .3, 1.1) both;
}

.C-Alert .close {
  position: absolute;
  right: 0.833vw;
  top: 0.833vw;
  width: 1.666vw;
  height: 1.666vw;
  cursor: pointer;
  border-radius: 50%;
  transition: background .3s ease, transform .3s ease;
}

.C-Alert .close::before,
.C-Alert .close::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.833vw;
  height: 0.078vw;
  background: #3E3A39;
  transform-origin: center;
}

.C-Alert .close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.C-Alert .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.C-Alert .close:hover {
  background: #f1f1f1;
  transform: rotate(90deg);
}

.C-Alert .tips {
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.6;
  color: #3E3A39;
}

.C-Alert .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.666vw;
  min-width: 8.333vw;
  height: 2.5vw;
  padding: 0 1.666vw;
  border-radius: 5.208vw;
  background: linear-gradient(90deg, #26A08F 0%, #1E8072 100%);
  color: #fff;
  font-size: 0.833vw;
  font-weight: 500;
  cursor: pointer;
  transition: opacity .3s ease, transform .3s ease;
}

.C-Alert .btn.hide {
  display: none;
}

.C-Alert .btn:hover {
  opacity: .9;
  transform: translateY(-0.104vw);
}

@keyframes alertFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes alertPopIn {
  from {
    opacity: 0;
    transform: translateY(1.041vw) scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}


/* ============ lightTips 轻提示组件 ============ */
.lightTips {
  position: fixed;
  left: 50%;
  top: 4.166vw;
  z-index: 9999;
  min-width: 10.416vw;
  max-width: 80vw;
  padding: 0.729vw 1.458vw;
  border-radius: 2.604vw;
  background: rgba(30, 30, 30, 0.92);
  color: #fff;
  font-size: 0.781vw;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 1;
  transition: opacity .35s ease, transform .35s ease;
}

.lightTips.unTips {
  opacity: 0;
  transform: translateX(-50%) translateY(-0.625vw);
  pointer-events: none;
}


/* ============ ct2 留言表单 ============ */
.ct2 {
  padding: 8.333vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.166vw;
}

.ct2 .ct2-desc {
  font-size: 0.937vw;
  line-height: 1.4;
  color: #3E3A39;
}

.ct2 .B-form {
  width: 75vw;
  padding: 4.166vw;
  border-radius: 1.041vw;
  background: #F1F1F1;
}

.ct2 .B-form .form-inner {
  display: flex;
  gap: 4.166vw;
  align-items: flex-start;
}

.ct2 .B-form .zuo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.ct2 .B-form .you {
  width: 26.041vw;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 2.083vw;
}

.ct2 .B-form .row-inputs {
  display: flex;
  gap: 1.041vw;
  width: 100%;
}

.ct2 .B-form .type-input {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.ct2 .B-form .label {
  font-size: 0.937vw;
  line-height: 1.7;
  color: #3E3A39;
}

.ct2 .B-form .label .req {
  color: #F02828;
  margin-left: 0.104vw;
}

.ct2 .B-form input[type="text"],
.ct2 .B-form input[type="email"],
.ct2 .B-form input[type="tel"] {
  width: 100%;
  height: 2.916vw;
  padding: 0 1.25vw;
  border-radius: 2.604vw;
  background: #fff;
  border: 0.052vw solid transparent;
  font-size: 0.833vw;
  color: #3E3A39;
  transition: border-color .3s ease;
}

.ct2 .B-form input::placeholder,
.ct2 .B-form textarea::placeholder {
  color: #C0C4CC;
}

.ct2 .B-form input:focus,
.ct2 .B-form textarea:focus {
  border-color: var(--color);
  outline: none;
}

.ct2 .B-form .type-textarea {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.ct2 .B-form textarea {
  width: 100%;
  height: 15.677vw;
  padding: 1.041vw 1.25vw;
  border-radius: 1.041vw;
  background: #fff;
  border: 0.052vw solid transparent;
  font-size: 0.833vw;
  line-height: 1.6;
  color: #3E3A39;
  resize: none;
  transition: border-color .3s ease;
  font-family: inherit;
}

.ct2 .B-form .type-checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
  width: 100%;
}

.ct2 .B-form .type-checkbox .title {
  font-size: 0.937vw;
  font-weight: 500;
  line-height: 1.4;
  color: #3E3A39;
}

.ct2 .B-form .check-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw 2.083vw;
}

.ct2 .B-form .check-item {
  display: inline-flex;
  align-items: center;
  gap: 0.52vw;
  cursor: pointer;
  user-select: none;
  font-size: 0.937vw;
  line-height: 1.7;
  color: #3E3A39;
}

.ct2 .B-form .check-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.ct2 .B-form .check-item .box {
  width: 0.937vw;
  height: 0.937vw;
  border: 0.078vw solid #888;
  border-radius: 0.156vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease;
  flex-shrink: 0;
}

.ct2 .B-form .check-item .box::after {
  content: '';
  width: 0.52vw;
  height: 0.312vw;
  border-left: 0.104vw solid #fff;
  border-bottom: 0.104vw solid #fff;
  transform: rotate(-45deg) translate(0.052vw, -0.052vw) scale(0);
  transition: transform .25s ease;
}

.ct2 .B-form .check-item input:checked+.box {
  background: var(--color);
  border-color: var(--color);
}

.ct2 .B-form .check-item input:checked+.box::after {
  transform: rotate(-45deg) translate(0.052vw, -0.052vw) scale(1);
}

.ct2 .B-form .check-item:hover .box {
  border-color: var(--color);
}

.ct2 .B-form .btn-row {
  display: flex;
  justify-content: flex-end;
}

.ct2 .B-form button.C-btn1 {
  border: none;
  font-family: inherit;
}


/* ============ ct3 联系方式 + 地图 ============ */
.ct3 {
  padding: 8.333vw 0;
  background: #FAFAFA;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ct3 .inner {
  width: 75vw;
  display: flex;
  flex-direction: column;
  gap: 0.833vw;
}

.ct3 .infolist {
  display: flex;
  gap: 0.833vw;
}

.ct3 .infoitem {
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 2.083vw;
  border-radius: 1.041vw;
  overflow: hidden;
  background: linear-gradient(90deg, #26A08F 0%, #B89F7C 84.6%);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  min-height: 13.437vw;
  transition: all ease .6s;
}

.ct3 .infoitem::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #26A08F 0%, #1E8072 100%);
  z-index: 1;
  opacity: 0;
  transition: all ease .6s;
}

.ct3 .infoitem.on::after {
  opacity: 1;
}

.ct3 .infoitem * {
  z-index: 5;
}

.ct3 .infoitem.on {
  border-radius: 1.041vw 1.041vw 4.166vw 1.041vw;
}

.ct3 .infoitem:nth-child(3) {
  background: linear-gradient(90deg, #B89F7C 0%, #777574 100%);
}

.ct3 .infoitem:hover {
  transform: translateY(-0.208vw);
  box-shadow: 0 1.041vw 2.083vw rgba(0, 0, 0, 0.08);
}

.ct3 .infoitem .name {
  font-size: 1.145vw;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

.ct3 .infoitem .info-rows {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.ct3 .infoitem .info-rows p {
  font-size: 0.833vw;
  line-height: 1.6;
  color: #fff;
}

.ct3 .infoitem .info-rows a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.156vw;
  transition: opacity .3s ease;
}

.ct3 .infoitem .info-rows a:hover {
  opacity: .85;
}

.ct3 .infoitem .ico {
  position: absolute;
  right: 2.083vw;
  top: 2.083vw;
  width: 2.916vw;
  height: 2.916vw;
  opacity: 0;
  transition: all ease .6s;
}

.ct3 .infoitem.on .ico {
  opacity: 1;
}

.ct3 .infoitem .ico img {
  width: 100%;
  height: 100%;
  display: block;
}

.ct3 .maplist {
  height: 20.833vw;
  border-radius: 1.041vw;
  overflow: hidden;
  background: #EBEBEB;
}

.ct3 .maplist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.ct3 .maplist img.on {
  display: block;
  animation: fadeIn 1s ease forwards;
}