@media (min-width: 767px) {
  html {
    background-color: #f7f7f7;
  }
  .mob {
    display: none !important;
  }
  .bannerImg {
    width: 8.54167vw;
  }
  .contain {
    margin-bottom: 7.8125vw;
  }
  .contain .flexWrap {
    display: flex;
  }
  .contain .content {
    padding-left: 6.25vw;
  }
  .contain .imgBox {
    margin-bottom: 1.04167vw;
    position: absolute;
    left: 5.72917vw;
    top: 2.08333vw;
  }
  .contain .title {
    font-weight: 630;
    font-size: 2.5vw;
    line-height: 120%;
    margin-bottom: 0.52083vw;
    color: #fff;
  }
  .contain .des {
    font-weight: 380;
    font-size: 1.04167vw;
    line-height: 140%;
    color: #fff;
    margin-bottom: 1.45833vw;
  }
  .contain .watchButton {
    padding: 0.625vw 2.91667vw;
    color: #000;
    background-color: #fff;
    font-weight: 450;
    font-size: 0.98958vw;
    line-height: 120%;
    display: inline-block;
    cursor: pointer;
    border-radius: 718.28125vw;
  }
  .contain1 {
    padding: 3.02083vw 18.75vw 0;
    display: flex;
    gap: 0.88542vw;
  }
  .contain1 .contain1Box {
    position: relative;
    border-radius: 0.625vw;
    flex: 1;
  }
  .contain1 .contain1Box img {
    width: 100%;
    display: block;
  }
  .contain1 .contain1Box .text {
    position: absolute;
    top: 50%;
    right: 1.45833vw;
    width: 60%;
    transform: translateY(-50%);
    font-weight: 380;
    font-size: 0.7901vw;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
  }
  .contain2 {
    padding: 5.20833vw 18.75vw 4.16667vw;
  }
  .contain2 .tit {
    font-weight: 700;
    font-size: 1.97917vw;
    line-height: 120%;
    text-align: center;
    margin-bottom: 3.22917vw;
  }
  .contain2 .imgBox {
    position: relative;
  }
  .contain2 .imgBox .imgBoxinner {
    position: absolute;
    top: 0;
    left: 2.39583vw;
    width: 2.8125vw;
  }
  .contain2 .imgBox .imgBoxinner .tagImg {
    width: 100%;
    display: block;
  }
  .contain2 .imgBox .imgBoxinner .discount {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .contain2 .imgBox .imgBoxinner .discount .num {
    font-weight: 700;
    font-size: 1.03542vw;
    line-height: 1.0724vw;
    text-align: center;
    color: #fff;
    padding-top: 0.375vw;
  }
  .contain2 .imgBox .imgBoxinner .discount .off {
    font-weight: 630;
    font-size: 0.73958vw;
    line-height: 1.0724vw;
    text-align: center;
    color: #fff;
  }
  .contain2 .textBox {
    margin: 0 0.52083vw;
    background-color: #fff;
    border-radius: 0.9375vw;
    padding: 1.66667vw 2.5vw;
    transform: translateY(-2.1875vw);
  }
  .contain2 .textBox .list {
    padding: 0 0 0.52083vw 0;
  }
  .contain2 .textBox .list li {
    list-style: none;
    font-weight: 330;
    font-size: 0.625vw;
    line-height: 160%;
  }
  .contain2 .textBox .price {
    display: flex;
    align-items: end;
    gap: 0.52083vw;
  }
  .contain2 .textBox .price .newValue {
    font-weight: 520;
    font-size: 1.20573vw;
    line-height: 1;
  }
  .contain2 .textBox .price .oldValue {
    font-weight: 450;
    font-size: 0.80365vw;
    color: #a0a0a0;
    line-height: 1;
  }
  .contain2 .textBox .buyButton {
    height: 2.08333vw;
    display: flex;
  }
  .contain2 .textBox .buyButton .text {
    font-weight: 450;
    font-size: 0.80365vw;
    padding: 0 1.04167vw;
    border-bottom-left-radius: 1.04167vw;
    border-top-left-radius: 1.04167vw;
    color: #fff;
    background-color: #000;
    line-height: 2.08333vw;
  }
  .contain2 .textBox .buyButton .icon {
    padding: 0 1.04167vw;
    background-color: #719867;
    border-bottom-right-radius: 1.04167vw;
    border-top-right-radius: 1.04167vw;
    display: flex;
    align-items: center;
  }
  .contain2 .textBox .buyButton .icon img {
    width: 1.09375vw;
  }
  .contain2 .textBox .tagText {
    font-weight: 520;
    font-size: 0.70313vw;
    line-height: 120%;
    letter-spacing: 0%;
    color: #719867;
    padding: 0.20833vw 0.41667vw;
    border: 1px solid #719867;
    display: inline-block;
    margin-bottom: 0.625vw;
  }
  .contain2 .textBox .title {
    font-weight: 630;
    font-size: 1.14583vw;
    margin-bottom: 0.26042vw;
  }
  .contain2 .textBox .sol {
    font-weight: 380;
    font-size: 0.80365vw;
    line-height: 130%;
    color: #474747;
    margin-bottom: 1.04167vw;
  }
  .contain2 .wrap {
    display: flex;
    gap: 1.04167vw;
  }
  .contain3 {
    position: relative;
  }
  .contain3 video {
    width: 100%;
    aspect-ratio: 32 / 13 auto;
  }
  .contain3 .textBox {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 5.52083vw;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .contain3 .textBox .text {
    font-weight: 700;
    font-size: 1.97917vw;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin-bottom: 0.67708vw;
  }
  .contain3 .textBox .sol {
    font-weight: 380;
    font-size: 0.9375vw;
    line-height: 130%;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
  }
  .contain4 {
    padding: 9.27083vw 18.75vw 6.77083vw;
    display: flex;
    gap: 4.89583vw;
  }
  .contain4 img {
    width: 32.29167vw;
    aspect-ratio: 62/56;
    display: block;
  }
  .contain4 .tit {
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 120%;
  }
  .contain4 .tit1 {
    margin-bottom: 2.86458vw;
  }
  .contain4 .text {
    font-weight: 630;
    font-size: 1.41667vw;
    line-height: 120%;
    padding-left: 2.60417vw;
    padding-top: 0.52083vw;
    padding-bottom: 0.52083vw;
    color: rgba(179, 179, 179, 0.8);
    border-left: 0.15625vw solid #c8c8c8;
    cursor: pointer;
  }
  .contain4 .active {
    color: #000;
    border-left: 0.15625vw solid #000;
  }
  .mar {
    margin-top: 2.08333vw;
  }
  .underline {
    height: 0.10417vw;
    background-color: rgba(179, 179, 179, 0.8);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .swiper-pagination2 {
    padding: 0 1.5625vw;
    box-sizing: border-box;
  }
  .contain5 {
    padding: 6.77083vw 18.75vw;
  }
  .contain5 .com {
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 120%;
  }
  .contain5 .top {
    color: #719867;
  }
  .contain5 .bot {
    margin-bottom: 3.125vw;
  }
  .contain5 img {
    width: 100%;
    display: block;
    aspect-ratio: 785/581;
    margin-bottom: 1.66667vw;
  }
  .contain5 .itemWrap {
    display: flex;
    gap: 0.625vw;
  }
  .contain5 .itemWrap .tit {
    font-weight: 630;
    font-size: 1.14583vw;
    line-height: 120%;
    letter-spacing: 0px;
    padding: 0 1.04167vw 0.52083vw;
  }
  .contain5 .itemWrap .des {
    font-family: MiSans Latin;
    font-weight: 380;
    font-size: 0.83333vw;
    line-height: 130%;
    letter-spacing: 0px;
    color: rgba(104, 104, 104, 0.8);
    padding: 0 1.04167vw 2.70833vw;
  }
  .contain5 .itemWrap .item {
    flex: 1;
    background: #fff;
  }
  .contain5 .itemWrap .por {
    aspect-ratio: 785/581;
    border-radius: 1.04167vw;
    padding: 1.04167vw 1.35417vw 1.77083vw;
    box-sizing: border-box;
    margin-bottom: 1.66667vw;
  }
  .contain5 .itemWrap .por .title {
    font-weight: 630;
    font-size: 1.225vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 1.14583vw;
  }
  .contain5 .itemWrap .por .proWrap {
    display: flex;
    flex-direction: column;
    height: 82%;
    justify-content: space-between;
  }
  .contain5 .itemWrap .por .proWrap .progress-container {
    display: flex;
    flex-direction: column;
    gap: 0.52083vw;
  }
  .contain5 .itemWrap .por .proWrap .progress-bar {
    width: 100%;
    height: 1.14583vw;
    background: #e0e0e0;
    border-radius: 0.78125vw;
    position: relative;
  }
  .contain5 .itemWrap .por .proWrap .progress-fill {
    height: 100%;
    border-radius: 0.78125vw;
    position: relative;
  }
  .contain5 .itemWrap .por .proWrap .area-label {
    font-weight: 520;
    font-size: 0.52083vw;
    line-height: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: white;
  }
  .contain5 .itemWrap .por .proWrap .time-label {
    position: absolute;
    left: 50%;
    top: 135%;
    transform: translate(-50%, -50%);
    font-weight: 630;
    white-space: nowrap;
    font-size: 0.67708vw;
    line-height: 120%;
    text-align: center;
    color: #686868;
  }
  .contain6 {
    padding-bottom: 5.10417vw;
  }
  .contain6 .tit {
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 4.16667vw;
  }
  .contain6 .wrapper {
    --logo-width: 12.5vw;
    --logo-height: 7.8125vw;
    --logo-count: 8;
    --duration: 30s;
    width: 90%;
    margin-inline: auto;
    position: relative;
    height: var(--logo-height);
    margin-top: 5rem;
    overflow: hidden;
    /* 模糊遮挡效果 */
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000000 20%, #000000 80%, rgba(0, 0, 0, 0));
  }
  @keyframes scrollLeft {
    to {
      left: calc(var(--logo-width) * -1);
    }
  }
  .contain6 .item {
    width: var(--logo-width);
    height: var(--logo-height);
    border-radius: 0.3125vw;
    position: absolute;
    left: calc(var(--logo-width) * var(--logo-count));
    animation-name: scrollLeft;
    animation-duration: var(--duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /* 动态计算出每个logo的动画延时 */
    animation-delay: calc(var(--duration) / var(--logo-count) * (var(--logo-count) - var(--count)) * -1);
  }
  .contain6 .pollutant-name {
    font-weight: 520;
    font-size: 0.78125vw;
    line-height: 130%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.04167vw;
  }
  .contain6 img {
    width: 12.5vw;
    aspect-ratio: 8/5;
  }
}