.banner {
  padding-top: calc(var(--rpx) * 324);
}
.banner .title {
  font-weight: 700;
  font-size: calc(var(--rpx) * 48);
  line-height: 1.17;
  margin-bottom: calc(var(--rpx) * 24);
}
.banner .sub-title {
  font-weight: 700;
  font-size: calc(var(--rpx) * 32);
  line-height: 1.25;
  margin-bottom: calc(var(--rpx) * 12);
}
.banner .desc {
  font-weight: 400;
  font-size: calc(var(--rpx) * 24);
  line-height: 1.17;
}
.banner .global-button-text {
  margin-top: calc(var(--rpx) * 80);
}
.left-part {
  flex: 1;
}
.left-part .sub-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 24);
  line-height: 1.17;
  margin-bottom: calc(var(--rpx) * 12);
}
.left-part .desc {
  font-weight: 400;
  font-size: calc(var(--rpx) * 16);
  line-height: 1.25;
}
.right-part {
  flex-shrink: 0;
}
.right-part .progress-container {
  width: calc(var(--rpx) * 324);
  height: calc(var(--rpx) * 2);
  background: rgba(0, 0, 0, 0.1);
  margin-right: calc(var(--rpx) * 60);
}
.right-part .progress-container .progress-bar {
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  width: 100%;
}
.right-part .control-buttons {
  gap: calc(var(--rpx) * 12);
}
.right-part .control-buttons .prev-button {
  width: calc(var(--rpx) * 44);
  height: calc(var(--rpx) * 44);
  cursor: pointer;
}
.right-part .control-buttons .next-button {
  width: calc(var(--rpx) * 44);
  height: calc(var(--rpx) * 44);
  cursor: pointer;
}
.grid-1 {
  background: linear-gradient(180deg, rgba(244, 240, 235, 0) 0%, #F4F0EB 100%);
  padding-top: calc(var(--rpx) * 120);
  padding-bottom: calc(var(--rpx) * 160);
}
.grid-1 .grid-inner {
  width: calc(var(--rpx) * 1200);
}
.grid-1 .grid-inner .title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.2;
  margin-bottom: calc(var(--rpx) * 24);
}
.grid-1 .grid-inner .swiper {
  margin-top: calc(var(--rpx) * 64);
}
.grid-1 .grid-inner .swiper .swiper-slide {
  width: calc(var(--rpx) * 1200);
  height: calc(var(--rpx) * 600);
  margin-right: 1px;
}
.grid-1 .grid-inner .title-2 {
  margin-top: calc(var(--rpx) * 80);
  margin-bottom: calc(var(--rpx) * 40);
  font-size: calc(var(--rpx) * 32);
  font-weight: 400;
  line-height: 1.5;
}
.grid-1 .grid-inner .product-card {
  width: calc(var(--rpx) * 580);
}
.grid-1 .grid-inner .product-card .card-img {
  width: 100%;
  height: calc(var(--rpx) * 580);
}
.grid-1 .grid-inner .product-card .card-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.17;
  margin-top: calc(var(--rpx) * 40);
}
.grid-1 .grid-inner .product-row-2 {
  margin-top: calc(var(--rpx) * 64);
}
.grid-2 {
  background: #fff;
  padding-top: calc(var(--rpx) * 160);
  padding-bottom: calc(var(--rpx) * 140);
}
.grid-2 .grid-inner {
  width: calc(var(--rpx) * 1200);
}
.grid-2 .grid-inner .title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.2;
  margin-bottom: calc(var(--rpx) * 24);
}
.grid-2 .grid-inner .swiper {
  margin-top: calc(var(--rpx) * 64);
}
.grid-2 .grid-inner .swiper .swiper-slide {
  width: calc(var(--rpx) * 1200);
  height: calc(var(--rpx) * 600);
  margin-right: 1px;
}
.grid-2 .grid-inner .product-row-1 {
  margin-top: calc(var(--rpx) * 64);
}
.grid-2 .grid-inner .product-card {
  width: calc(var(--rpx) * 580);
}
.grid-2 .grid-inner .product-card .card-img {
  width: 100%;
  height: calc(var(--rpx) * 580);
}
.grid-2 .grid-inner .product-card .card-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 20);
  line-height: 1.17;
  margin-top: calc(var(--rpx) * 40);
}
.grid-2 .grid-inner .product-card .card-title-1 {
  letter-spacing: -0.04em;
}
.grid-2 .grid-inner .product-row-2 {
  margin-top: calc(var(--rpx) * 64);
}
.grid-2 .grid-inner .product-row-2 .product-card {
  width: 100%;
}
.grid-2 .grid-inner .product-row-2 .card-img-left,
.grid-2 .grid-inner .product-row-2 .card-img-right {
  width: calc(var(--rpx) * 600);
  height: calc(var(--rpx) * 580);
}
.grid-2 .grid-inner .note {
  font-weight: 400;
  color: #666666;
  font-size: calc(var(--rpx) * 14);
  line-height: 1.43;
  margin-top: calc(var(--rpx) * 64);
  letter-spacing: -0.02em;
}
.grid-3 {
  height: calc(var(--rpx) * 1196);
  padding-top: calc(var(--rpx) * 160);
}
.grid-3 .data-inner {
  width: calc(var(--rpx) * 1200);
}
.grid-3 .data-inner .title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.2;
  margin-bottom: calc(var(--rpx) * 24);
  color: #fff;
}
.grid-3 .data-inner .sub-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 24);
  line-height: 1.17;
  margin-bottom: calc(var(--rpx) * 8);
  color: rgba(255, 255, 255, 0.85);
}
.grid-3 .data-inner .desc {
  font-size: calc(var(--rpx) * 16);
  line-height: 1.25;
  margin-bottom: calc(var(--rpx) * 28);
  color: rgba(255, 255, 255, 0.85);
}
.grid-3 .data-inner .row-1 {
  width: calc(var(--rpx) * 1176);
}
.grid-3 .data-inner .row-1 .row-card {
  width: calc(var(--rpx) * 360);
  height: calc(var(--rpx) * 300);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  border: 1px solid #fff;
  border-radius: calc(var(--rpx) * 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: calc(var(--rpx) * 30);
  padding-right: calc(var(--rpx) * 30);
}
.grid-3 .data-inner .row-1 .row-card:nth-child(1),
.grid-3 .data-inner .row-1 .row-card:nth-child(2),
.grid-3 .data-inner .row-1 .row-card:nth-child(3) {
  margin-bottom: calc(var(--rpx) * 32);
}
.grid-3 .data-inner .row-1 .row-card .card-title {
  font-size: calc(var(--rpx) * 18);
  line-height: 1;
  margin-top: calc(var(--rpx) * 24);
  margin-bottom: calc(var(--rpx) * 16);
}
.grid-3 .data-inner .row-1 .row-card .card-desc {
  font-weight: 400;
  font-size: calc(var(--rpx) * 14);
  line-height: 1.2;
  color: #666666;
}
.grid-3 .data-inner .row-1 .row-card .icon-1 {
  width: calc(var(--rpx) * 38.75);
  height: calc(var(--rpx) * 37.3);
  margin-top: calc(var(--rpx) * 56);
}
.grid-3 .data-inner .row-1 .row-card .icon-2 {
  width: calc(var(--rpx) * 39);
  height: calc(var(--rpx) * 31.92);
  margin-top: calc(var(--rpx) * 60);
}
.grid-3 .data-inner .row-1 .row-card .icon-3 {
  width: calc(var(--rpx) * 36);
  height: calc(var(--rpx) * 33.47);
  margin-top: calc(var(--rpx) * 61.93);
}
.grid-3 .data-inner .row-1 .row-card .icon-4 {
  width: calc(var(--rpx) * 42);
  height: calc(var(--rpx) * 42);
  margin-top: calc(var(--rpx) * 47);
}
.grid-3 .data-inner .row-1 .row-card .icon-5 {
  width: calc(var(--rpx) * 46);
  height: calc(var(--rpx) * 46);
  margin-top: calc(var(--rpx) * 48);
}
.grid-3 .data-inner .row-1 .row-card .icon-6 {
  width: calc(var(--rpx) * 47);
  height: calc(var(--rpx) * 36);
  margin-top: calc(var(--rpx) * 59);
}
.grid-4 {
  height: calc(var(--rpx) * 1989);
  padding-top: calc(var(--rpx) * 160);
}
.grid-4 .data-inner {
  width: calc(var(--rpx) * 1200);
}
.grid-4 .data-inner .title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.2;
  margin-bottom: calc(var(--rpx) * 24);
}
.grid-4 .data-inner .sub-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 24);
  line-height: 1.17;
  margin-bottom: calc(var(--rpx) * 12);
}
.grid-4 .data-inner .desc {
  font-size: calc(var(--rpx) * 16);
  line-height: 1.25;
  margin-bottom: calc(var(--rpx) * 32);
}
.grid-4 .data-inner .row-1,
.grid-4 .data-inner .row-3 {
  width: calc(var(--rpx) * 1176);
  flex-wrap: wrap;
}
.grid-4 .data-inner .row-1 .row-card,
.grid-4 .data-inner .row-3 .row-card {
  width: calc(var(--rpx) * 360);
  margin-bottom: calc(var(--rpx) * 32);
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  border: 1px solid #fff;
  border-radius: calc(var(--rpx) * 16);
  padding: calc(var(--rpx) * 40);
}
.grid-4 .data-inner .row-1 .row-card .card-title,
.grid-4 .data-inner .row-3 .row-card .card-title {
  font-size: calc(var(--rpx) * 18);
  line-height: 1;
  margin-bottom: calc(var(--rpx) * 24);
}
.grid-4 .data-inner .row-1 .row-card .card-desc,
.grid-4 .data-inner .row-3 .row-card .card-desc {
  color: #666666;
  font-weight: 400;
  font-size: calc(var(--rpx) * 14);
  line-height: 1.2;
}
.grid-4 .data-inner .row-3 .row-card {
  width: calc(var(--rpx) * 768);
  margin-bottom: 0;
}
.grid-4 .bottom-text {
  bottom: calc(var(--rpx) * 160);
  width: calc(var(--rpx) * 650);
  text-align: center;
  font-weight: 400;
  line-height: 1.18;
  font-size: calc(var(--rpx) * 24);
}
.grid-5 {
  height: calc(var(--rpx) * 1043);
  padding-top: calc(var(--rpx) * 143);
  padding-bottom: calc(var(--rpx) * 72);
}
.grid-5 .text-top {
  width: calc(var(--rpx) * 1068);
  color: #fff;
}
.grid-5 .text-top .title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 40);
  line-height: 1.2;
  margin-bottom: calc(var(--rpx) * 24);
}
.grid-5 .text-top .sub-title {
  font-weight: 400;
  font-size: calc(var(--rpx) * 32);
  line-height: 1.25;
  margin-bottom: calc(var(--rpx) * 12);
}
.grid-5 .text-top .desc {
  font-weight: 400;
  font-size: calc(var(--rpx) * 24);
  line-height: 1.17;
}
@media (max-width: 800px) {
  .banner {
    padding-top: calc(var(--rpx) * 126);
  }
  .banner .title {
    font-size: calc(var(--rpx) * 18);
    line-height: 1.33;
    margin-bottom: calc(var(--rpx) * 4);
  }
  .banner .sub-title {
    font-size: calc(var(--rpx) * 12);
    line-height: 1.33;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .banner .desc {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.6;
  }
  .banner .global-button-text {
    margin-top: calc(var(--rpx) * 24);
  }
  .control-panel {
    flex-direction: column;
  }
  .left-part {
    width: 100%;
  }
  .left-part .sub-title {
    font-size: calc(var(--rpx) * 12);
    line-height: 1.17;
    margin-bottom: calc(var(--rpx) * 2);
  }
  .left-part .desc {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.4;
  }
  .right-part {
    width: 100%;
    margin-top: calc(var(--rpx) * 8);
    justify-content: space-between;
  }
  .right-part .progress-container {
    width: calc(var(--rpx) * 161.66);
  }
  .right-part .control-buttons {
    gap: calc(var(--rpx) * 5.5);
  }
  .right-part .control-buttons .prev-button {
    width: calc(var(--rpx) * 22);
    height: calc(var(--rpx) * 22);
  }
  .right-part .control-buttons .next-button {
    width: calc(var(--rpx) * 22);
    height: calc(var(--rpx) * 22);
  }
  .grid-1 {
    padding-top: calc(var(--rpx) * 32);
    padding-bottom: calc(var(--rpx) * 50);
  }
  .grid-1 .grid-inner {
    width: calc(var(--rpx) * 327);
  }
  .grid-1 .grid-inner .title {
    font-size: calc(var(--rpx) * 16);
    line-height: 1.25;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-1 .grid-inner .swiper {
    margin-top: calc(var(--rpx) * 6);
  }
  .grid-1 .grid-inner .swiper .swiper-slide {
    width: calc(var(--rpx) * 327);
    height: calc(var(--rpx) * 164);
  }
  .grid-1 .grid-inner .title-2 {
    margin-top: calc(var(--rpx) * 32);
    margin-bottom: calc(var(--rpx) * 16);
    font-size: calc(var(--rpx) * 14);
    line-height: 1.28;
  }
  .grid-1 .grid-inner .product-card {
    width: calc(var(--rpx) * 158);
  }
  .grid-1 .grid-inner .product-card .card-img {
    height: calc(var(--rpx) * 158);
  }
  .grid-1 .grid-inner .product-card .card-title {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.2;
    margin-top: calc(var(--rpx) * 12);
    letter-spacing: -0.01em;
  }
  .grid-1 .grid-inner .product-row-2 {
    margin-top: calc(var(--rpx) * 14);
  }
  .grid-2 {
    padding-top: calc(var(--rpx) * 32);
    padding-bottom: calc(var(--rpx) * 64);
  }
  .grid-2 .grid-inner {
    width: calc(var(--rpx) * 327);
  }
  .grid-2 .grid-inner .title {
    font-size: calc(var(--rpx) * 16);
    line-height: 1.25;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-2 .grid-inner .swiper {
    margin-top: calc(var(--rpx) * 5);
  }
  .grid-2 .grid-inner .swiper .swiper-slide {
    width: calc(var(--rpx) * 327);
    height: calc(var(--rpx) * 164);
  }
  .grid-2 .grid-inner .product-row-1 {
    margin-top: calc(var(--rpx) * 16);
  }
  .grid-2 .grid-inner .product-card {
    width: calc(var(--rpx) * 158);
  }
  .grid-2 .grid-inner .product-card .card-img {
    height: calc(var(--rpx) * 158);
  }
  .grid-2 .grid-inner .product-card .card-title {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.2;
    margin-top: calc(var(--rpx) * 12);
  }
  .grid-2 .grid-inner .product-row-2 {
    margin-top: calc(var(--rpx) * 16);
  }
  .grid-2 .grid-inner .product-row-2 .card-img-left,
  .grid-2 .grid-inner .product-row-2 .card-img-right {
    width: calc(var(--rpx) * 163.5);
    height: calc(var(--rpx) * 158);
  }
  .grid-2 .grid-inner .note {
    font-size: calc(var(--rpx) * 8);
    line-height: 1.25;
    margin-top: calc(var(--rpx) * 24);
  }
  .grid-3 {
    height: calc(var(--rpx) * 1016);
    padding-top: calc(var(--rpx) * 32);
  }
  .grid-3 .data-inner {
    width: calc(var(--rpx) * 327);
  }
  .grid-3 .data-inner .title {
    font-size: calc(var(--rpx) * 16);
    line-height: 1.25;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-3 .data-inner .sub-title {
    font-size: calc(var(--rpx) * 12);
    line-height: 1.17;
    margin-bottom: calc(var(--rpx) * 2);
  }
  .grid-3 .data-inner .desc {
    font-size: calc(var(--rpx) * 9);
    line-height: 1.56;
    margin-bottom: calc(var(--rpx) * 16);
  }
  .grid-3 .data-inner .row-1 {
    width: 100%;
  }
  .grid-3 .data-inner .row-1 .row-card {
    width: calc(var(--rpx) * 160);
    height: calc(var(--rpx) * 229);
    padding-left: calc(var(--rpx) * 8);
    padding-right: calc(var(--rpx) * 8);
  }
  .grid-3 .data-inner .row-1 .row-card:nth-child(1),
  .grid-3 .data-inner .row-1 .row-card:nth-child(2),
  .grid-3 .data-inner .row-1 .row-card:nth-child(3),
  .grid-3 .data-inner .row-1 .row-card:nth-child(4) {
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-3 .data-inner .row-1 .row-card .card-title {
    font-size: calc(var(--rpx) * 11);
    line-height: 1.2;
    margin-top: calc(var(--rpx) * 16);
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-3 .data-inner .row-1 .row-card .card-desc {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.2;
    padding-left: calc(var(--rpx) * 5);
    padding-right: calc(var(--rpx) * 5);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-1 {
    width: calc(var(--rpx) * 27);
    height: calc(var(--rpx) * 26);
    margin-top: calc(var(--rpx) * 27);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-2 {
    width: calc(var(--rpx) * 25);
    height: calc(var(--rpx) * 23);
    margin-top: calc(var(--rpx) * 30);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-3 {
    width: calc(var(--rpx) * 26);
    height: calc(var(--rpx) * 24.17);
    margin-top: calc(var(--rpx) * 29);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-4 {
    width: calc(var(--rpx) * 28);
    height: calc(var(--rpx) * 28);
    margin-top: calc(var(--rpx) * 24);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-5 {
    width: calc(var(--rpx) * 32);
    height: calc(var(--rpx) * 32);
    margin-top: calc(var(--rpx) * 26);
  }
  .grid-3 .data-inner .row-1 .row-card .icon-6 {
    width: calc(var(--rpx) * 31.35);
    height: calc(var(--rpx) * 24);
    margin-top: calc(var(--rpx) * 30);
  }
  .grid-4 {
    height: calc(var(--rpx) * 939);
    padding-top: calc(var(--rpx) * 32);
  }
  .grid-4 .data-inner {
    width: calc(var(--rpx) * 327);
  }
  .grid-4 .data-inner .title {
    font-size: calc(var(--rpx) * 16);
    line-height: 1.25;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-4 .data-inner .sub-title {
    font-size: calc(var(--rpx) * 12);
    line-height: 1.17;
    margin-bottom: calc(var(--rpx) * 2);
  }
  .grid-4 .data-inner .desc {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.4;
    margin-bottom: calc(var(--rpx) * 24);
  }
  .grid-4 .data-inner .row-1,
  .grid-4 .data-inner .row-3 {
    width: calc(var(--rpx) * 327);
  }
  .grid-4 .data-inner .row-1 .row-card,
  .grid-4 .data-inner .row-3 .row-card {
    width: calc(var(--rpx) * 160);
    height: auto;
    margin-bottom: calc(var(--rpx) * 8);
    padding-top: calc(var(--rpx) * 20);
    padding-bottom: calc(var(--rpx) * 20);
    padding-left: calc(var(--rpx) * 16);
    padding-right: calc(var(--rpx) * 16);
  }
  .grid-4 .data-inner .row-1 .row-card .card-title,
  .grid-4 .data-inner .row-3 .row-card .card-title {
    font-size: calc(var(--rpx) * 11);
    line-height: 1.18;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-4 .data-inner .row-1 .row-card .card-desc,
  .grid-4 .data-inner .row-3 .row-card .card-desc {
    font-size: calc(var(--rpx) * 10);
    line-height: 1.22;
  }
  .grid-4 .data-inner .row-1 .row-card .card-1-title,
  .grid-4 .data-inner .row-3 .row-card .card-1-title {
    white-space: nowrap;
  }
  .grid-4 .data-inner .row-3 .row-card {
    width: calc(var(--rpx) * 327);
  }
  .grid-4 .bottom-text {
    bottom: calc(var(--rpx) * 50);
    width: calc(var(--rpx) * 373);
    font-size: calc(var(--rpx) * 9);
    line-height: 1.2;
  }
  .grid-5 {
    height: calc(var(--rpx) * 600);
    padding-top: calc(var(--rpx) * 32);
    padding-bottom: calc(var(--rpx) * 32);
    justify-content: flex-start;
  }
  .grid-5 .global-button-text {
    margin-top: calc(var(--rpx) * 32);
  }
  .grid-5 .text-top {
    width: calc(var(--rpx) * 296);
  }
  .grid-5 .text-top .title {
    font-size: calc(var(--rpx) * 16);
    line-height: 1.25;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-5 .text-top .sub-title {
    font-size: calc(var(--rpx) * 12);
    line-height: 1.17;
    margin-bottom: calc(var(--rpx) * 8);
  }
  .grid-5 .text-top .desc {
    font-size: calc(var(--rpx) * 9);
    line-height: 1.56;
    width: calc(var(--rpx) * 280);
  }
}
/*# sourceMappingURL=product.css.map */

/*# sourceMappingURL=product.0741de4c.css.map*/