.h628-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin:0;
    padding:0;
    font-family: 'Roboto';
    font-weight: 400;
}

.h628-container * {
    font-family: 'Roboto' !important;
}

@font-face {
    font-family: 'NataSans-ExtraBold';
    src: url('/web/pic/h628/font/NataSans-ExtraBold.ttf') format('truetype');
}



@media(min-width:768px){
    .h628-top-title{
        font-size:9.7479vw;
        font-family: 'NataSans-ExtraBold' !important;
        color:#fff;
        /* letter-spacing:-25px; */
        word-spacing:-1.30208vw;
        transform: translateY(-40px);
    }

    .h628-scale{
        transform: scale(0.95);
    }

    .h628-top-product-img{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 3;
        position: absolute;
        top: 8.69792vw;
        left: -5.15625vw;
    }

    .h628-top-product-img-m{
        display:none;
    }
    
    .h628-top-product-slogan-m{
        display:none;
    }

    .h628-top-product-img img{
        width:65.5729vw;
        height:30.6771vw;
    }
    .h628-top-product-slogan{
        opacity: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        z-index: 2;
        position: absolute;
        bottom: 5.52292vw;
    }
    .h628-top-product-slogan img{
        width:77.0833vw;
        height:3.6458vw;
    }
    
    .h628-topimg{
        width:100%;
        height:46.875vw;
        background-image: url('/web/pic/h628/img/bg.webp');
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .h628-top-product-desc-m{
        display:none;
    }
    
    .h628-top-product-desc{
        position: absolute;
        bottom:1.86458vw;
        display: flex;
        font-family:'Roboto' !important;
        font-size:1.4583vw;
        gap:1.2vw;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .h628-product-img{
        width:100%;
        position: relative;
    }

    .h628-product-img-m{
        display:none;
    }
    
    .h628-product-img img{
        width:100%;
        height:46.8750vw;
        aspect-ratio: 1920/900;
    }
    
    .h628-product-img-desc{
        position: absolute;
        bottom:2.64583vw;
        width:100%;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        line-height:150%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:0.26042vw;
    }

    .h628-prcp2-img{
        width:26.9271vw;
        height:34.0625vw;
        display:flex;
        align-items: flex-end;
    }
    
    .h628-product-content{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        gap:1.30208vw;
        margin-top:3.38542vw;
        padding-bottom:3.75vw;
        position: relative;
        z-index:1;
    }

    .h628-product-content-part1-m{
        display:none;
    }

    .h628-product-content-part1{
        display:flex;
        gap:1.30208vw;
        align-items: flex-end;
    }

    .h628-product-content-part2{
        display:flex;
        gap:1.30208vw;
    }


    .h628-prcp{
        display:flex;
        flex-direction: column;
        gap:1.30208vw;
    }

    .h628-prcp-img{
        width:26.9271vw;
        height:15.3125vw;
        /* height:15.3125vw; */
        /* aspect-ratio: 517/294; */
        border-radius: 1.04167vw;
        position: relative;
        display:flex;
    }

    .h628-wt-prcp2{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

    .h628-prcp-img img{
        width:100%;
        height:100%;
        object-fit: cover;
    }

    .h628-prcp-animate{
        transition: transform 0.3s ease-in;
        cursor: pointer;
    }

    .h628-prcp-animate:hover{
        transform: translate3d(0, 0, 0) scale(1.05) !important;
    }

    .h628-prcp1{
        background-image: url('/web/pic/h628/img/p1.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-prcp2{
        background-image: url('/web/pic/h628/img/p2.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-prcp3{
        background-image: url('/web/pic/h628/img/p3.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-prcp4{
        background-image: url('/web/pic/h628/img/p4.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-prcp5{
        background-image: url('/web/pic/h628/img/p5.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-prcp6{
        background-image: url('/web/pic/h628/img/pb1.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width:22.9688vw;
        height:7.5521vw;
        /* aspect-ratio: 441/145; */
        color:#333333;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: border-box;
        padding-bottom: 0.78125vw;
    }

    .h628-prcp7{
        background-image: url('/web/pic/h628/img/pb2.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width:19.4792vw;
        height:7.5521vw;
        /* aspect-ratio: 374/145; */
        color:#333333;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: border-box;
        padding-bottom: 0.78125vw;
    }

    .h628-prcp8{
        background-image: url('/web/pic/h628/img/pb3.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width:21.0417vw;
        height:7.5521vw;
        /* aspect-ratio: 404/145; */
        color:#333333;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: border-box;
        padding-bottom: 0.78125vw;
    }
    .h628-prcp9{
        background-image: url('/web/pic/h628/img/pb4.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        width:16.0417vw;
        height:7.5521vw;
        /* aspect-ratio: 308/145; */
        color:#333333;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: border-box;
        padding-bottom: 0.78125vw;
    }
    
    .h628-prcp-text-box{
        padding:0.85833vw 1.97917vw;
    }
    .h628-prcp1-desc-title{
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        color:#333333;
    }
    .h628-prcp4-desc-title{
        font-family:'Roboto' !important;
font-size:1.5625vw;
        font-weight: bold;
        color:#333333;
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .h628-prcp1-desc-text{
        font-family:'Roboto' !important;
font-size:1.25vw;
        color:#333333;
    }
    .h628-prcp4-desc-text{
        font-family:'Roboto' !important;
font-size:1.25vw;
        color:#333333;
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    
    .h628-prcp1-wt{
        margin-top:0.15625vw;
    }
    .h628-prcp2-wt{
        margin:0.26042vw 0;
    }
    .h628-prcp3-wt{
        margin:0.52083vw 0 0 0;
    }
    
    .h628-prcp4-desc-box{
        position: absolute;
        bottom:1.04167vw;
        width:100%;
    }

    .h628-prcp4-desc-title{
        display:flex;
        justify-content: center;
        align-items: center;
        gap:0.52083vw;
        margin:0.52083vw 0 0.26042vw 0;
    }

    .h628-prcp4-desc-title div{
        font-family:'Roboto' !important;
font-size:0.83333vw;
        font-weight: Medium;
        color:#FFF;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        padding:0.26042vw 0.52083vw;
        border-radius: 1.04167vw;
    }
    
    .sentinel {
        position: absolute;
        top: 0;
        height: 1px;
        width: 100%;
        background: lime;
    }
      
    .h628-product-content-part3 {
        height: 225vw;
        position:relative;
    }

    .h628-product-content-part3-m{
        display:none;
    }

    .h628-product-content-part3-m-part2{
        display:none;
    }
    
    .h628-product-content-part3-container {
        position: sticky;
        top: -4.75vw;
        width:100%;
        height: 71.97917vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    
    .h628-part3-box {
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        padding:14.375vw 23.4375vw;
        z-index: 2;
    }
    
    .h628-part3-box img {
        width: 100%;
        aspect-ratio: 38 / 25;
        transform-origin: 49.58% 10%;
        z-index:4;
    }
    
    .h628-part3-box-hidden {
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
    }
    
    .h628-product-content-part4 {
        height: 400vh;
        position:relative;
    }

    .h628-product-content-part4-m{
        display:none;
    }

    .h628-product-content-part4-m-part2{
        display:none;
    }
    
    .h628-product-content-part4-container {
        position: sticky;
        top: 0.75vw;
        width:100%;
        height: 52.45833vw;
        /* height: 61.45833vw; */
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    
    .h628-part4-box {
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-top: 11.625vw;
        z-index: 2;
        pointer-events: none;
    }
    
    .h628-part4-box img {
        width:70.98958vw;
        aspect-ratio: 4244 / 864;
        transform-origin: 50% 23%;
        z-index:4;
    }
    
    .h628-part4-box-hidden {
        position: absolute;
        top: 0;
        left:0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
    }
    
    .h628-part4-box-hidden-video-box{
        width: 100%;
        height: 100%;
        position: relative;
        display:flex;
        flex-direction: column;
        align-items: center;
        /* transform: translateY(-8vw); */
    }
    
    .h628-part4-box-hidden-video-box video {
        width: 100%;
        height: 100.16%;
        object-fit: cover;
        display: block;
        object-position: center;
        vertical-align: bottom;
        line-height: 0;
        font-family:'Roboto' !important;
font-size: 0;
        transform: scaleY(1.01);
    }
    
    .h628-part4-box-hidden-text{
        width:100%;
        display:flex;
        justify-content: center;
        gap: 8.30208vw;
        transform: translateY(6.22917vw);
        z-index:3;
    }
    
    .h628-p4box-part{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    
    .h628-p4box-part-title{
        font-family:'Roboto' !important;
font-size:2.08333vw;
        color:#000;
        font-weight: bold;
        margin-bottom:1.30208vw;
    }

    .h628-p4box-part-text{
        font-family:'Roboto' !important;
font-size:1.5625vw;
        color:#000;
        margin-bottom:0.78125vw;
    }

    .h628-p4box-part-img{
        width:100%;
        display:flex;
        justify-content: center;
        margin-top:1.30208vw;
        gap:4.27083vw;
    }
    .h628-p4box-part-img-item{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .h628-p4box-part-img-item img{
        width:5.26042vw;
        height:2.39583vw;
        margin-bottom:0.625vw;
    }
    
    .h628-p4box-part-img-item div{
        font-family:'Roboto' !important;
font-size:1.30208vw;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .h628-p4box-icon{
        width:2.34375vw !important;
        height:2.34375vw !important;
    }
    
    .h628-p4video-box{
        position: relative;
        width: 100vw;
        background: #fff;
        padding:0 7.8125vw;
        display: flex;
        justify-content:center;
        gap: 1.5vw;
        align-items: center;
        box-sizing:border-box;
        transform: translateY(-14vw);
        /* overflow: hidden; */
    }
    
    .h628-p4video-img-box1{
        width: 37.1979vw;
        /* height: 34.9583vw; */
        /* height: 43.9583vw; */
        /* aspect-ratio: 791 / 844; */
        border-radius: 1.8229vw;
        overflow: hidden;
        position: relative;
        pointer-events: auto;
        /* transform: translateY(-3.3854vw); */
    }

    .h628-p4video-img-box2{
        width: 37.1979vw;
        /* height: 34.9583vw; */
        /* height: 43.9583vw; */
        /* aspect-ratio: 791 / 844; */
        border-radius: 1.8229vw;
        overflow: hidden;
        position: relative;
        pointer-events: auto;
        /* transform: translateY(-3.3854vw); */
    }

    .h628-p4video-cover-line{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.5px;
        background: #fff;
        z-index: 10;
    }

    .h628-p4video-img1,
    .h628-p4video-img2{
        width: 100.2%;
        height: 100.2%;
        display: block;
        object-fit: cover;
        object-position: center;
        vertical-align: bottom;
        line-height: 0;
        font-family:'Roboto' !important;
font-size: 0;
        transition: transform 0.3s ease;
    }

    .h628-p4video-img1:hover{
        transform: scale(1.1);
    }

    .h628-p4video-img2:hover{
        transform: scale(1.1);
    }
    
    .h628-p4video-line-t{
        width:100%;
        height:0.10417vw;
        background:#fff;
        position: absolute;
        top:0;
        left:0;
    }
    
    .h628-p4video-line-r{
        width: 1.60417vw;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }
    
    .h628-p4video-line-b{
        width:100%;
        height:0.6042vw;
        background:#fff;
        position: absolute;
        bottom:-0.05vw;
        left:0;
        z-index:2;
    }
    
    .h628-p4video-line-l{
        width:0.10417vw;
        height:100%;
        background:#fff;
        position: absolute;
        bottom:0;
        left:0;
    }
    
    .h628-part3-box-hidden-box{
        width:100vw;
        height:46.875vw;
        margin-top:10vw;
        background-image: url('/web/pic/h628/img/bg2.webp');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
        position: relative;
        box-sizing: border-box;
    }

    .h628-p3-1-img{
        width: 44.9479vw;
        height: 18.9583vw;
        transform: translate(0px, 11.45833vw);
        position: relative;
        z-index: 1;
        visibility: hidden;
    }
    .h628-p3-2-img{
        width: 72.0313vw;
        height: 31.7188vw;
        position: relative;
        z-index: 2;
        transform: translate(6.08333vw, -4.3vw);
    }

    .h628-p3-3-img{
        width:36.7188vw;
        height:5.3125vw;
        position: relative;
        z-index:1;
        transform: translate(0px, -12.625vw);
    }
    .h628-p3-text{
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        color:#333333;
        position: absolute;
        top:3vw;
        visibility: hidden;
    }

    .h628-product-content-part5{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding:2.60417vw 0; */
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        transform: translateY(-9.4167vw);
    }

    .h628-product-content-part5-m{
        display:none;
    }

    .h628-cd-img{
        width: 80%;
        /* transform: translateY(-81px); */
        /* aspect-ratio: 750 / 800; */
        position: relative;
        z-index:2;
        display: block;
        margin: 0 auto;
    }
    
    .h628-marquee {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 5.4688vw; /* 图片高度 */
        transform: translateY(-26vw);
      }
      
      .h628-marquee-track {
        display: flex;
        width: fit-content;
        gap:4.1667vw;
        animation: marqueeMove 10s linear infinite;
      }
      
      .h628-marquee-track img {
        width: 94.8438vw;
        height: 5.4688vw;
        flex-shrink: 0;
      }
      @keyframes marqueeMove {
        from {
          transform: translateX(0vw);
        }
        to {
          transform: translateX(calc(0vw - 112.2917vw));
        }
      }
    
    
    .h628-p5-text{
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        color:#333333;
        position: absolute;
        top:0vw;
        z-index:3;
        /* transform: translateY(-5.72917vw); */
    }
    .h628-product-content-part6{
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 8.33333vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: translateY(-5.2083vw);
    }

    .h628-product-content-part6-m{
        display:none;
    }

    .h628-p6-img{
        width:78.33333vw;
        /* height:37.0833vw; */
        aspect-ratio: 1600 / 712;
    }
    
    .h628-p6-text{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family:'Roboto' !important;
font-size: 1.5625vw;
        color: #333333;
        position: absolute;
        top: -4.125vw;
    }
    .unstick {
        position: relative;
        top: auto;
    }
    
    .h628-product-content-part7 {
        height:225vw;
        position: relative;
        /* margin-top: 10.41667vw; */
    }

    .h628-product-content-part7-m{
        display:none;
    }

    .h628-product-content-part7-m-part2{
        display:none;
    }
    
    .h628-product-content-part7-container{
        position: sticky;
        top: 0px;
        width:100%;
        /* height: 67.5vw; */
        height: 49.5vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    
    .h628-part7-box{
        width:100%;
        height:100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-top: 15.625vw;
        z-index: 2;
    }
    .h628-part7-box img{
        width: 100vh;
        aspect-ratio: 3122 / 865;
        transform-origin: 51.3% 24%;
        z-index:4;
    }
    
    .h628-part7-box-hidden{
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none; /* 初始不可交互，由 JS 控制 */
        transition: opacity 0.3s ease-out; /* 平滑的透明度过渡 */
    }
    .h628-part7-carousel{
        width:100%;
        height: 100vh; /* 固定高度，显示一张图片 */
        overflow: hidden; /* 禁止原生滚动，使用 JS 控制 */
        position: absolute;
        top: 0;
        left: 0;
        z-index:2;
    }
    .h628-part7-track{
        width:100%;
        display:flex;
        flex-direction: column;
        transition: transform 0.9s ease-out; /* 平滑滚动动画 */
    }
    .h628-part7-slide{
        width:100%;
        height: 100vh; /* 必须设置高度，用于计算 translateY */
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        position: relative;
    }
    .h628-part7-slide img{
        width:100%;
        height: 100%;
        object-fit: cover;
        background: #000; /* 添加黑色背景，填充空白区域 */
    }
    
    /* *********************** */
    
    .h628-product-content-part8 {
        height:225vw;
        position: relative;
        /* transform: translateY(-20vw); */
    }

    .h628-product-content-part8-m{
        display:none;
    }

    .h628-product-content-part8-m-part2{
        display:none;
    }
    
    .h628-product-content-part8-container{
        position: sticky;
        top: 0px;
        width:100%;
        height: 51.5vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    
    .h628-part8-box{
        width:100%;
        height:100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-top: 15.625vw;
        z-index: 2;
    }
    .h628-part8-box img{
        width: 52.08333vw;
        aspect-ratio: 3122 / 865;
        transform-origin: 49.2% 24%;
        z-index:4;
    }
    .h628-part8-box-hidden{
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none; /* 初始不可交互，由 JS 控制 */
        transition: opacity 0.3s ease-out; /* 平滑的透明度过渡 */
    }
    .h628-part8-carousel{
        width:100%;
        height: 100vh; /* 固定高度，显示一张图片 */
        overflow: hidden; /* 禁止原生滚动，使用 JS 控制 */
        position: absolute;
        top: 0;
        left: 0;
        z-index:2;
    }
    .h628-part8-track{
        width:100%;
        display:flex;
        flex-direction: column;
        transition: transform 0.9s ease-out; /* 平滑滚动动画 */
        box-sizing: border-box;
    }
    .h628-part8-slide{
        width:100%;
        height: 100vh; /* 必须设置高度，用于计算 translateY */
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        position: relative;
    }
    .h628-part8-slide img{
        width:78.33333vw;
        /* height:41.3021vw; */
        aspect-ratio: 1600 / 793;
        transform: translateY(50px);
    }
    
    .h628-part8-slide-text{
        position: absolute;
        top: 32%;
        left: 13%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index:2;
    }
    
    .h628-part8-slide-text2{
        position: absolute;
        top: 41%;
        left: 13%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index:2;
    }
    
    .h628-part8-slide-text-title{
        font-family:'Roboto' !important;
font-size:3.64583vw;
        font-weight: bold;
        color:#000;
    }
    
    .h628-mb-35{
        margin-bottom:2.08333vw;
    }
    
    .h628-circle-icon{
        width:0.52083vw;
        height:0.52083vw;
        border-radius: 50%;
        background:#000;
        margin-right:0.78125vw;
    }
    
    
    .h628-part8-slide-text-text{
        display:flex;
        align-items: center;
        font-family:'Roboto' !important;
font-size:1.5625vw;
        color:#000;
        margin-bottom:1.5625vw;
    }
    
    /* Part9 产品轮播展示区 */
    .h628-product-content-part9{
        width: 100%;
        min-height: 56.25vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .h628-product-content-part9-m{
        display:none;
    }
    
    .h628-part9-carousel-box{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0;
        background: #fff;
    }
    
    .h628-part9-carousel-container{
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.52083vw;
    }
    
    .h628-part9-carousel{
        width: 78.33333vw;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: visible;
        position: relative;
        padding: 2.125vw 1.5625vw;
    }
    
    .h628-part9-track{
        display: flex;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        width: 100%;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
    
    .h628-part9-page{
        min-width: 78.33333vw;
        width: 78.33333vw;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.82292vw;
        padding: 0;
        margin-right:1.5625vw;
        overflow: visible;
    }
    
    .h628-part9-product-item{
        width: 20.9792vw;
        height: 30.1563vw;
        /* aspect-ratio: 422 / 579; */
        flex-shrink: 0;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        transition: transform 0.4s ease, z-index 0s;
        z-index: 1;
    }
    
    .h628-part9-product-item-text{
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-6.25vw);
    }
    
    .h628-part9-product-name{
        font-family:'Roboto' !important;
font-size:2.08333vw;
        font-weight: bold;
        color:#fff;
        z-index:10;
        width:15.625vw;
        text-align: center;
        line-height: 1.2;
    }
    
    
    .h628-part9-product-item:hover{
        transform: scale(1.05);
        z-index: 10;
        overflow: visible;
    }
    
    .h628-part9-product-item img{
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        display: block;
    }
    
    /* 导航按钮 - 隐藏 */
    .h628-part9-nav-btn{
        display: none;
    }
    
    /* 分页指示器 */
    .h628-part9-pagination{
        display: flex;
        gap: 1.04167vw;
        align-items: center;
        justify-content: center;
    }
    
    .h628-part9-dot{
        width: 1.30208vw;
        height: 1.30208vw;
        cursor: pointer;
        transition: transform 0.3s ease;
        display: block;
    }
    
    .h628-part9-dot:hover{
        transform: scale(1.2);
    }
    
    .h628-part9-dot.active{
        transform: scale(1.15);
    }
    
    .h628-part9-title-text-title{
        display:flex;
        width:100%;
        justify-content: center;
        font-family:'Roboto' !important;
font-size:3vw;
        font-weight: bold;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .h628-part9-title-text-text{
        display:flex;
        width:100%;
        justify-content: center;
        font-family:'Roboto' !important;
font-size:2.08333vw;
        color:#000;
        /* margin-top: 1.04167vw; */
        font-weight: 450;
    }
    
    .h628-product-content-part20{
        width:100%;
        height: 112.5vw;
    }
    
    .h628-product-content-part10{
        width:100%;
        /* height:56.25vw; */
        background-image: url('/web/pic/h628/img/specification_bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: flex-end;
        box-sizing: border-box;
        padding:0 6.45833vw 2.45833vw 6.45833vw;
        gap: 5.20833vw;
    }

    .h628-product-content-part10-m{
        display:none;
    }
    
    .h628-product-type-box{
        display:flex;
        flex-direction: column;
        gap:1.04167vw;
    }
    
    .h628-product-top-title{
        font-family:'Roboto' !important;
font-size:3.64583vw;
        font-weight: bold;
        color:#000;
        margin-bottom: 1.04167vw;
        margin-left: 1.04167vw;
    }
    
    .h628-product-type-item{
        display:flex;
        gap:1.04167vw;
    }
    
    .h628-product-type-item-box{
        width:23.33333vw;
        height:10.3125vw;
        border-radius: 1.04167vw;
        background: #f3f3f3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 1.5625vw;
    }
    
    .h628-product-type-item-text{
        font-family:'Roboto' !important;
font-size:1.25vw;
        color:#000;
    }
    
    .h628-product-type-item-text-text{
        font-family:'Roboto' !important;
font-size:2.08333vw;
        color:#000;
        font-weight: bold;
    }
    
    .h628-product-img-box-img{
        width:33.33333vw;
        height:41.09375vw;
        transform: translateY(0.78125vw);
    }
    
    .h628-product-content-part11{
        width:100%;
        height:46.87vw;
        background-image: url('/web/pic/h628/img/product_bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-product-content-part11-m{
        display:none;
    }
    
    .h628-product-content-part11-box{
        padding-top:6.51042vw;
        width:100%;
        font-family:'Roboto' !important;
font-size:3.64583vw;
        font-weight: bold;
        color:#000;
        display:flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }


    /* 动画定义 */
    @keyframes h628-HqdpZoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3);
        }
        50% {
            opacity: 1;
        }
    }

    /* 确保动画元素在触发前保持隐藏 */
    .h628-HqdpZoomIn:not(.animated) {
        visibility: hidden;
        opacity: 0;
    }

    /* 动画触发后的样式 */
    .h628-HqdpZoomIn.animated {
        visibility: visible;
        animation: h628-HqdpZoomIn 0.9s ease-out forwards;
    }


    /* p3-1-img 专用：从下往上淡入动画 */
    @keyframes h628-HqdpFadeInUp2 {
        from {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0,6.45833vw, 0);
        }
    }


    @keyframes h628-HqdpFadeInUp3 {
        from {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 18.22917vw, 0);
        }
    }



    /* 淡入动画定义 */
    @keyframes h628-HqdpFadeIn {
        0% {
            opacity: 0;
            transform: translateY(1.0417vw);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 从下往上淡入动画 */
    @keyframes h628-HqdpFadeInUp {
        from {
            opacity: 0;
            transform: translate3d(0, 1.5625vw, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从上往下淡入动画 */
    @keyframes h628-HqdpFadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0, -1.5625vw, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从左往右淡入动画 */
    @keyframes h628-HqdpFadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-1.5625vw, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从右往左淡入动画 */
    @keyframes h628-HqdpFadeInRight {
        from {
            opacity: 0;
            transform: translate3d(1.5625vw, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 确保动画元素在触发前保持隐藏 */
    .h628-HqdpFadeIn:not(.animated),
    .h628-HqdpFadeInUp:not(.animated),
    .h628-HqdpFadeInDown:not(.animated),
    .h628-HqdpFadeInLeft:not(.animated),
    .h628-HqdpFadeInRight:not(.animated) {
        visibility: hidden;
        opacity: 0;
    }

    /* 动画触发后的样式，带延迟 */
    .h628-HqdpFadeIn.animated {
        visibility: visible;
        animation: h628-HqdpFadeIn 0.9s ease-out 0.9s forwards;
    }


    /* p3-1-img 专用：无延迟版本 */
    .h628-p3-1-img.h628-HqdpFadeInUp2 {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, 0, 0);
    }

    .h628-p3-1-img.h628-HqdpFadeInUp2.animated {
        visibility: visible;
        animation: h628-HqdpFadeInUp2 0.9s ease-out forwards;
    }

/* 
    .h628-part4-box-hidden-text.h628-HqdpFadeInUp3 {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, 0, 0);
    }
    .h628-part4-box-hidden-text.h628-HqdpFadeInUp3.animated {
        visibility: visible;
        animation: h628-HqdpFadeInUp3 0.9s ease-out forwards;
    } */


    /* h628-HqdpFadeInUp 初始状态和动画 */
    .h628-HqdpFadeInUp {
        opacity: 0;
        transform: translate3d(0, 1.5625vw, 0);
    }
    .h628-HqdpFadeInUp.animated {
        visibility: visible;
        animation: h628-HqdpFadeInUp 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInDown 初始状态和动画 */
    .h628-HqdpFadeInDown {
        opacity: 0;
        transform: translate3d(0, -1.5625vw, 0);
    }
    .h628-HqdpFadeInDown.animated {
        visibility: visible;
        animation: h628-HqdpFadeInDown 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInLeft 初始状态和动画 */
    .h628-HqdpFadeInLeft {
        opacity: 0;
        transform: translate3d(-1.5625vw, 0, 0);
    }
    .h628-HqdpFadeInLeft.animated {
        visibility: visible;
        animation: h628-HqdpFadeInLeft 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInRight 初始状态和动画 */
    .h628-HqdpFadeInRight {
        opacity: 0;
        transform: translate3d(1.5625vw, 0, 0);
    }
    .h628-HqdpFadeInRight.animated {
        visibility: visible;
        animation: h628-HqdpFadeInRight 0.9s ease-out forwards;
    }
}


/* 移动端 */
@media(max-width:768px){
    .h628-container {
        width: 100%;
        height: 100%;
        background-color: #fff;
        margin:0;
        padding:0;
        font-family: 'Roboto';
        font-weight: 400;
    }

    @font-face {
        font-family: 'NataSans-ExtraBold';
        src: url('/web/pic/h628/font/NataSans-ExtraBold.ttf') format('truetype');
    }

    .h628-topimg{
        height:144vw;
        aspect-ratio: 750/1080;
        background-image: url('/web/pic/h628/img/m/bg.webp');
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .h628-top-title{
        font-size:15.33333vw;
        font-family: 'NataSans-ExtraBold' !important;
        color:#fff;
        margin-top:7.6vw;
    }

    .h628-top-product-img{
        display:none;
    }


    .h628-top-product-img-m{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 3;
        position: absolute;
        top: 32.66667vw;
        left: -1.33333vw;
    }

    .h628-top-product-img-m img{
        width:87.6vw;
        height:78.4vw;
    }

    .h628-top-product-slogan{
        display:none;
    }

    .h628-top-product-slogan-m{
        width: 100%;
        display: flex;
        justify-content: center;
        z-index: 2;
        position: absolute;
        bottom: 23.06667vw;
        opacity:0;
    }

    .h628-top-product-slogan-m img{
        width:91.33333vw;
        height:13.06667vw;
    }

    .h628-top-product-desc{
        display:none;
    }

    .h628-top-product-desc-m{
        width: 100%;
        position: absolute;
        bottom:2.86458vw;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content: center;
        font-family:'Roboto' !important;
font-size:3.2vw;
        gap: 2.66667vw;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        box-sizing: border-box;
        padding:0 2.66667vw;
    }

    .h628-top-product-desc-item-m{
        width: 100%;
        display:flex;
        align-items:center;
        justify-content: center;
        gap:2.66667vw;
    }

    .h628-top-product-item{
        /* min-width:325px; */
        display:flex;
        text-align: center;
        justify-content: center;
    }

    .h628-product-img{
        display:none;
    }

    .h628-product-img-m{
        width:100%;
        position: relative;
    }

    .h628-product-img-m img{
        width:100%;
        height:auto;
        aspect-ratio: 2250/2400;
    }

    .h628-product-img-desc{
        position: absolute;
        bottom:6.64583vw;
        width:100%;
        font-family:'Roboto' !important;
font-size:3.2vw;
        line-height:5.86667vw;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .h628-product-content{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        gap:1.30208vw;
        margin-top:3.38542vw;
        padding-bottom:3.75vw;
    }

    .h628-product-content-part1{
        display:none;
    }

    .h628-product-content-part2{
        display:none;
    }

    .h628-product-content-part1-m{
        width:100%;
        display:flex;
        flex-direction: column;
        gap:2vw;
    }

    .h628-proc-m{
        display:flex;
        gap:2vw;
        justify-content: center;
        align-items: flex-end;
    }

    .h628-proc-c-m{
        display:flex;
        flex-direction: column;
        gap:2vw;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-prcp-animate{
        transition: transform 0.3s ease-in;
        cursor: pointer;
    }
    .h628-prcp-animate:hover{
        transform: translate3d(0, 0, 0) scale(1.03) !important;
    }

    .h628-proc-m-item1{
        width:46.66667vw;
        height:52.53333vw;
        background-image: url('/web/pic/h628/img/m/proc1.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item1 img{
        width:100%;
        box-sizing: border-box;
        padding:2vw;
    }

    .h628-proc-m-item2{
        width:38.93333vw;
        height:25.2vw;
        background-image: url('/web/pic/h628/img/m/proc2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item3{
        width:38.93333vw;
        height:25.2vw;
        background-image: url('/web/pic/h628/img/m/proc3.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item4{
        width:32.66667vw;
        height:24.93333vw;
        background-image: url('/web/pic/h628/img/m/proc4.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item5{
        width:32.66667vw;
        height:24.93333vw;
        background-image: url('/web/pic/h628/img/m/proc5.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item6{
        width:52.93333vw;
        height:51.73333vw;
        background-image: url('/web/pic/h628/img/m/proc6.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-proc-m-item7{
        width:51.06667vw;
        height:61.06667vw;
        background-image: url('/web/pic/h628/img/m/proc7.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-proc-m-item8{
        width:34.53333vw;
        height:57.6vw;
        background-image: url('/web/pic/h628/img/m/proc8.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .h628-proc-m-item9{
        width:87.6vw;
        height:44vw;
        background-image: url('/web/pic/h628/img/m/proc9.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-proc-m-title{
        font-family:'Roboto' !important;
font-size:3.2vw;
        font-weight: bold;
    }

    .h628-mb-5{
        margin-bottom:0.66667vw;
    }

    .h628-mb-10{
        margin-bottom:1.33333vw;
    }

    .h628-mb-20{
        margin-bottom:2.66667vw;
    }

    .h628-mb-30{
        margin-bottom:4vw;
    }

    .h628-mb-35{
        margin-bottom:4.66667vw;
    }

    .h628-mb-40{
        margin-bottom:5.33333vw;
    }

    .h628-mb-50{
        margin-bottom:6.66667vw;
    }

    .h628-mt-5{
        margin-top:0.66667vw;
    }
    .h628-mt-10{
        margin-top:1.33333vw;
    }

    .h628-mt-20{
        margin-top:2.66667vw;
    }

    .h628-mt-25{
        margin-top:3.33333vw;
    }

    .h628-mt-30{
        margin-top:4vw;
    }

    .h628-mt-35{
        margin-top:4.66667vw;
    }

    .h628-mt-40{
        margin-top:5.33333vw;
    }

    .h628-mt-50{
        margin-top:6.66667vw;
    }

    .h628-fs-30{
        font-family:'Roboto' !important;
font-size:4vw;
    }

    
    .h628-proc-m-text{
        font-family:'Roboto' !important;
font-size:2.66667vw;
    }

    .h628-proc-m-item8-content{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom:2.66667vw;
        gap:0.66667vw
    }

    .h628-proc-m-item6-content{
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom:2.66667vw;
        gap:0.66667vw;
        padding:3.33333vw 4.8vw;
    }

    .h628-proc-m-item9-content{
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom:2.66667vw;
        gap:0.66667vw;
        padding:3.33333vw 4.8vw;
    }

    .h628-product-content-part3{
        display:none;
    }

    .h628-product-content-part3-m{
        position:relative;
        height:106.6667vw;
        z-index:10;
    }

    .h628-product-content-part3-m-part2{
        position:relative;
        /* height:106.6667vw; */
        z-index:10;
        overflow: hidden;
    }

    .h628-product-content-part3-m-container {
        position: sticky;
        top: -9.33333vw;
        width:100%;
        height: 106.6667vw;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }


    .h628-part3-m-box {
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        z-index: 2;
        padding-top:30vw;
    }

    .h628-part3-m-box img {
        width: 60vw;
        aspect-ratio: 3504 / 2670;
        transform-origin: 74.1% 11.5%;
        z-index:10;
        position: relative;
    }

    .h628-part3-m-box-hidden {
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
    }

    .h628-part3-box-hidden-box{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
        position: relative;
        background-image: url('/web/pic/h628/img/m/bg2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-p3-text{
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family:'Roboto' !important;
        font-size:3.2vw;
        line-height:6vw;
        color:#333333;
        position: absolute;
        top: 5vw;
        box-sizing: border-box;
        padding:0 18.66667vw;
    }

    .h628-p3-1-img{
        width: 81.6vw;
        height: 34.4vw;
        z-index: 1;
        margin-top:20vw;
    }

    .h628-p3-2-img{
        width: 93.6vw;
        height: 58vw;
        z-index: 2;
        transform: translate(2.93333vw, -19.2vw);
    }


    .h628-p3-3-img{
        width:68.8vw;
        height:9.86667vw;
        z-index:1;
        transform: translate(0px, -34.61667vw);
    }


    .h628-product-content-part5{
        display:none;
    }
    
    .h628-product-content-part5-m{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding:2.60417vw 0;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        /* transform: translateY(-80vw); */
        z-index:3;
    }

    .h628-cd-img-m{
        width:100%;
        z-index:2;
        position: relative;
        transform: translateY(14.0208vw);
    }

    .h628-marquee-m{
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 8.93333vw; /* 图片高度 */
        transform: translateY(-48.53333vw);
      }
      
      .h628-marquee-track-m {
        display: flex;
        width: fit-content;
        animation: marqueeMove-m 10s linear infinite;
      }
      
      .h628-marquee-track-m img {
        width: 155.2vw;
        height: 8.93333vw;
        flex-shrink: 0;
      }
      
      @keyframes marqueeMove-m {
        from {
          transform: translateX(0vw);
        }
        to {
          transform: translateX(calc(0vw - 155.2vw));
        }
      }

    .h628-p5-text-m{
        width:80vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family:'Roboto' !important;
        font-size:3.2vw;
        line-height:6vw;
        color:#000;
        position: absolute;
        top: 5.20833vw;
        z-index:3;
        transform: translateY(-5.72917vw);
    }

    .h628-product-content-part6{
        display:none;
    }

    .h628-product-content-part6-m{
        position: relative;
        width:100%;
        box-sizing: border-box;
        padding-bottom:8.07292vw;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* transform: translateY(-80vw); */
    }

    .h628-p6-img-m{
        width:87.6vw;
        height:79.6vw;
    }

    .h628-p6-text-m{
        width:80vw;
        margin-bottom:4.66667vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family:'Roboto' !important;
        font-size:3.2vw;
        line-height:6vw;
        color:#000;
        z-index:3;
        /* transform: translateY(-5.72917vw); */
    }

    .h628-product-content-part4{
        display:none;
    }

    .h628-product-content-part4-m{
        height: 106.6667vw;
        position:relative;
        z-index:10;
    }

    .h628-product-content-part4-m-part2{
        height: 106.6667vw;
        position:relative;
        z-index:10;
    }

    .h628-product-content-part4-m-container {
        position: sticky;
        top: -3.75vw;
        width:100%;
        height: 106.6667vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .h628-product-content-part4-m-video{
        width:100%;
        position: relative;
    }

    .h628-part4-m-box {
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        /* padding-top: 70vw; */
        z-index: 2;
    }

    .h628-part4-m-box img {
        width:87.6vw;
        height:18vw;
        transform-origin: 66.1% 30%;
        z-index:10;
    }

    .h628-JQYD-img{
        width:100vw;
        height:106.66667vw;
    }

    .h628-part4-m-box-hidden {
        position: absolute;
        top: 0;
        left:0;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
    }

    .h628-part4-box-hidden-r{
        position: absolute;
        top:0;
        right:0;
    }

    .h628-part4-box-hidden-l{
        position: absolute;
        bottom:0;
        left:0;
        transform:translateY(-2vw);
    }

    .h628-part4-box-hidden-text-box{
        width:50vw;
        height:53.33333vw;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .h628-ttx--20{
        transform: translateX(-2.66667vw);
    }

    .h628-ttx-20{
        transform: translateX(2.66667vw);
    }

    .h628-tty--600{
        transform: translateY(-80vw);
    }

    .h628-tty--990{
        transform: translateY(-132vw);
    }

    .h628-part4-title{
        width:100%;
        font-family:'Roboto' !important;
font-size:3.2vw;
        line-height:4.53333vw;
        font-weight: bold;
        text-align: center;
        margin-bottom:0.66667vw;
    }

    .h628-part4-text{
        width:100%;
        font-family:'Roboto' !important;
font-size:2.66667vw;
        line-height:4vw;
        text-align: center;
    }

    .h628-part4-h{
        display:flex;
        justify-content: center;
        align-items: center;
        gap:1.33333vw;
        margin-top: 3.33333vw;
    }

    .h628-part4-h-box{
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:1.06667vw;
        text-align: center;
    }

    .h628-p4hr-img{
        width:8.93333vw;
        height:3.86667vw;
    }

    .h628-p4hl-img{
        width:5.33333vw;
        height:5.33333vw;
    }

    .h628-part4-h-text{
        width:17.33333vw;
        font-family:'Roboto' !important;
font-size:2.4vw;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .h628-product-content-part7{
        display:none;
    }

    .h628-product-content-part8{
        display:none;
    }

    .h628-product-content-part9{
        display:none;
    }

    .h628-product-content-part10{
        display:none;
    }

    .h628-product-content-part11{
        display:none;
    }

    .h628-product-content-part7-m{
        height: 106.6667vw;
        position: relative;
    }

    .h628-product-content-part7-m-part2{
        height: 100vh;
        position: relative;
    }

    .h628-product-content-part7-m-container{
        width:100%;
        height: 106.6667vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .h628-part7-m-box{
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        z-index: 2;
        padding-top:40vw;
    }

    .h628-part7-m-box img{
        width:57.46667vw;
        height:18.66667vw;
        transform-origin: 74.8% 34%;
        z-index:4;
    }

    .h628-part7-m-box-hidden{
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none; /* 初始不可交互，由 JS 控制 */
        transition: opacity 0.3s ease-out; /* 平滑的透明度过渡 */
    }

    .h628-part7-m-carousel{
        width:100%;
        height: 100vh; /* 固定高度，显示一张图片 */
        overflow: hidden; /* 禁止原生滚动，使用 JS 控制 */
        position: absolute;
        top: 0;
        left: 0;
        z-index:2;
    }
    
    .h628-part7-m-track{
        width:100%;
        display:flex;
        flex-direction: column;
        transition: transform 0.9s ease-out; /* 平滑滚动动画 */
    }

    .h628-part7-m-slide{
        width:100%;
        height: 100vh; /* 必须设置高度，用于计算 translateY */
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        position: relative;
    }

    .h628-part7-m-slide img{
        width:100%;
        height: 100%;
        object-fit: cover;
        background: #000; /* 添加黑色背景，填充空白区域 */
    }

    .h628-part7-m-slide-text{
        position: absolute;
        top:0;
        left:0;
        padding: 10.66667vw;
        display:flex;
        flex-direction: column;
        justify-content: center;
        gap:1.33333vw;
    }

    .h628-part7-m-slide-text-title{
        font-family:'Roboto' !important;
font-size:5.33333vw;
        line-height:5.73333vw;
        font-weight: bold;
        padding-bottom: 5.73333vw;
    }

    .h628-part7-m-slide-text-title2{
        font-family:'Roboto' !important;
font-size:5.33333vw;
        line-height:5.73333vw;
        font-weight: bold;
        padding-bottom: 1.33333vw;
    }

    .h628-part7-m-slide-text-text{
        font-family:'Roboto' !important;
font-size:3.2vw;
        padding-bottom: 0.66667vw;
    }

    .h628-part7-m-slide-text-item{
        display:flex;
        align-items: center;
        gap:1.33333vw;
        padding-bottom: 2vw;
    }
    
    .h628-part7-m-slide-text-item-title{
        font-family:'Roboto' !important;
font-size:3.2vw;
        font-weight:500;
    }

    .h628-circle-icon{
        width:1.6vw;
        height:1.6vw;
        border-radius: 50%;
        background:#000;
        margin-right:1.33333vw;
    }

    .h628-f1-icon{
        width: 23.2vw;
        height: 23.2vw;
        background-image: url(/web/pic/h628/img/m/f1-icon.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 10.66667vw;
        right: 14.4vw;
    }

    .h628-part7-m-slide-text2{
        position: absolute;
        top:28.8vw;
        width:100%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:1.33333vw;
    }


    .h628-fja{
        display:flex;
        justify-content: center;
        align-items: center;
        width:100%;
    }
    

    .h628-product-content-part8-m{
        position: relative;
        z-index:10;
    }

    .h628-product-content-part8-m-part2{
        position: relative;
        z-index:10;
        height: 144vw;
    }


    .h628-product-content-part8-m-container{
        width:100%;
        height: 106.6667vw;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }


    .h628-part8-m-box{
        width:100%;
        height:100%;
        position: relative;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        z-index: 2;
        padding-top:50vw;
    }

    .h628-part8-m-box img{
        width:57.46667vw;
        height:18.66667vw;
        transform-origin: 74.8% 34%;
        z-index:10;
    }


    .h628-part8-m-box-hidden{
        position: absolute;
        inset: 0;
        z-index: 1;
        opacity: 0;
        pointer-events: none; /* 初始不可交互，由 JS 控制 */
        transition: opacity 0.3s ease-out; /* 平滑的透明度过渡 */
    }

    .h628-part8-m-carousel{
        width:100%;
        height: 144vw; /* 固定高度，显示一张图片 */
        overflow: hidden; /* 禁止原生滚动，使用 JS 控制 */
        position: absolute;
        top: 0;
        left: 0;
        z-index:2;
    }
    
    .h628-part8-m-track{
        width:100%;
        display:flex;
        flex-direction: column;
        transition: transform 0.9s ease-out; /* 平滑滚动动画 */
    }

    .h628-part8-m-slide{
        width:100%;
        height: 144vw; /* 必须设置高度，用于计算 translateY */
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        position: relative;
        box-sizing: border-box;
        padding: 0px 6.4vw;
    }

    .h628-part8-m-slide img{
        width:100%;
        /* height: 100%; */
        object-fit: cover;
    }

    .h628-part8-m-slide-text{
        display:flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        bottom:2.3333vw;
        left:0;
        padding: 0 0 16vw 15.73333vw;
    }

    .h628-part8-m-slide-text2{
        display:flex;
        flex-direction: column;
        justify-content: center;
        gap:1.33333vw;
        position: absolute;
        bottom:2.3333vw;
        left:0;
        padding: 0 0 19.33333vw 15.73333vw;
    }

    .h628-part8-slide-text-title{
        font-family:'Roboto' !important;
font-size:5.33333vw;
        font-weight: bold;
        line-height:8vw;
    }

    .h628-part8-slide-text-text{
        font-family:'Roboto' !important;
font-size:3.2vw;
        line-height:5.86667vw;
        display:flex;
        /* justify-content: center; */
        align-items: center;
        gap:1.33333vw;
    }


    .h628-product-content-part9-m{
        width: 100%;
        min-height: 106.66667vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .h628-part9-m-title{
        width: 100%;
        padding-top:8.26667vw;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .h628-part9-m-title-text{
        width: 100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .h628-part9-m-title-text-title{
        display:flex;
        width:100%;
        justify-content: center;
        font-family:'Roboto' !important;
font-size:8vw;
        font-weight: bold;
        background: linear-gradient(to right, #9900cc,#6666ff, #0099ff);
        background-size: 86% 100%;
        background-position: center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .h628-part9-m-title-text-text{
        display:flex;
        width:100%;
        justify-content: center;
        font-family:'Roboto' !important;
font-size:5.33333vw;
        color:#000;
        margin-top: 2.66667vw;
        font-weight: 450;
    }


    .h628-part9-m-carousel-box{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0;
        background: #fff;
    }
    
    .h628-part9-m-carousel-container{
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.52083vw;
    }
    
    .h628-part9-m-carousel{
        width: 95.73333vw;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: visible;
        position: relative;
        padding: 8vw 2vw;
    }
    
    .h628-part9-m-track{
        display: flex;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        width: 100%;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        touch-action: pan-y pinch-zoom;
    }
    
    .h628-part9-m-page{
        min-width: 95.73333vw;
        width: 95.73333vw;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3.73333vw;
        padding: 0;
        /* margin-right:15px; */
        overflow: visible;
    }
    
    .h628-part9-m-product-item{
        width: 42.13333vw;
        height: 57.73333vw;
        flex-shrink: 0;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        transition: transform 0.4s ease, z-index 0s;
        z-index: 1;
    }
    
    .h628-part9-m-product-item-text{
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-8.8vw);
    }
    
    .h628-part9-m-product-name{
        font-family:'Roboto' !important;
font-size:3.46667vw;
        font-weight: bold;
        color:#fff;
        z-index:10;
        width:40vw;
        text-align: center;
        line-height: 1.2;
    }
    
    
    .h628-part9-m-product-item:hover{
        transform: scale(1.05);
        z-index: 10;
        overflow: visible;
    }
    
    .h628-part9-m-product-item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    /* 导航按钮 - 隐藏 */
    .h628-part9-nav-btn{
        display: none;
    }
    
    /* 分页指示器 */
    .h628-part9-m-pagination{
        display: flex;
        gap:2.8vw;
        align-items: center;
        justify-content: center;
    }
    
    .h628-part9-m-dot{
        width: 2.8vw;
        height: 2.8vw;
        cursor: pointer;
        transition: transform 0.3s ease;
        display: block;
    }


    .h628-part9-m-dot:hover{
        transform: scale(1.2);
    }


    .h628-part9-m-dot.active{
        transform: scale(1.15);
    }

    .h628-product-content-part10-m{
        width:100%;
        height:144vw;
        background-image: url('/web/pic/h628/img/m/specification_bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        box-sizing: border-box;
        padding:6.4vw;
        gap: 5.20833vw;
    }

    .h628-product-m-type-box{
        width:100%;
        display:flex;
        flex-direction: column;
        gap:2.53333vw;
    }

    .h628-product-m-top-title{
        font-family:'Roboto' !important;
font-size:5.33333vw;
        font-weight: bold;
        color:#000;
        width:100%;
        text-align: center;
    }
    
    .h628-product-m-type-item{
        display:flex;
        gap:2.53333vw;
    }
    
    .h628-product-m-type-item-box{
        width:42.46667vw;
        height:16.8vw;
        border-radius: 2.66667vw;
        background: #f3f3f3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 3.86667vw 3.33333vw;
    }
    
    .h628-product-m-type-item-text{
        font-family:'Roboto' !important;
font-size:2.26667vw;
        color:#000;
    }
    
    .h628-product-m-type-item-text-text{
        font-family:'Roboto' !important;
font-size:3.8vw;
        color:#000;
        font-weight: bold;
    }


    .h628-product-m-img-box-img{
        width:100vw;
        height:144vw;   
        position:absolute;
        bottom:0;
    }

    .h628-product-content-part11-m{
        width:100vw;
        height:72.53333vw;
        background-image: url('/web/pic/h628/img/m/product_bg.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .h628-product-content-part11-box-m{
        padding-top:10.66667vw;
        width:100%;
        font-family:'Roboto' !important;
font-size:5.33333vw;
        font-weight: bold;
        color:#000;
        display:flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    /* 动画定义 */
    @keyframes h628-HqdpZoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3);
        }
        50% {
            opacity: 1;
        }
    }


    /* 确保动画元素在触发前保持隐藏 */
    .h628-HqdpZoomIn:not(.animated) {
        visibility: hidden;
        opacity: 0;
    }

    /* 动画触发后的样式 */
    .h628-HqdpZoomIn.animated {
        visibility: visible;
        animation: h628-HqdpZoomIn 0.9s ease-out forwards;
    }


    /* p3-1-img 专用：从下往上淡入动画 */
    @keyframes h628-HqdpFadeInUp2 {
        from {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 11.45833vw, 0);
        }
    }

    
    @keyframes h628-HqdpFadeInUp2M {
        from {
            opacity: 0;
            transform: translate3d(0, -30.625vw, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, -34.61667vw, 0);
        }
    }


    @keyframes h628-HqdpFadeRight2M{
        from {
            opacity: 0;
            transform: translate3d(4.93333vw, -19.2vw,0);
        }
        to {
            opacity: 1;
            transform: translate3d(2.93333vw, -19.2vw,0);
        }
    }


    @keyframes h628-HqdpFadeInUp3 {
        from {
            opacity: 0;
            transform: translate3d(0, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 18.22917vw, 0);
        }
    }


    /* 淡入动画定义 */
    @keyframes h628-HqdpFadeIn {
        0% {
            opacity: 0;
            transform: translateY(1.0417vw);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 从下往上淡入动画 */
    @keyframes h628-HqdpFadeInUp {
        from {
            opacity: 0;
            transform: translate3d(0, 1.5625vw, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从上往下淡入动画 */
    @keyframes h628-HqdpFadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0, -1.5625vw, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从左往右淡入动画 */
    @keyframes h628-HqdpFadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-1.5625vw, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 从右往左淡入动画 */
    @keyframes h628-HqdpFadeInRight {
        from {
            opacity: 0;
            transform: translate3d(1.5625vw, 0, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    /* 确保动画元素在触发前保持隐藏 */
    .h628-HqdpFadeIn:not(.animated),
    .h628-HqdpFadeInUp:not(.animated),
    .h628-HqdpFadeInDown:not(.animated),
    .h628-HqdpFadeInLeft:not(.animated),
    .h628-HqdpFadeInUp2M:not(.animated),
    .h628-HqdpFadeRight2M:not(.animated),
    .h628-HqdpFadeInRight:not(.animated) {
        visibility: hidden;
        opacity: 0;
    }

    /* 动画触发后的样式，带延迟 */
    .h628-HqdpFadeIn.animated {
        visibility: visible;
        animation: h628-HqdpFadeIn 0.9s ease-out 0.9s forwards;
    }

    /* h628-HqdpFadeInUp 初始状态和动画 */
    .h628-HqdpFadeInUp {
        opacity: 0;
        transform: translate3d(0, 1.5625vw, 0);
    }
    .h628-HqdpFadeInUp.animated {
        visibility: visible;
        animation: h628-HqdpFadeInUp 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInDown 初始状态和动画 */
    .h628-HqdpFadeInDown {
        opacity: 0;
        transform: translate3d(0, -1.5625vw, 0);
    }
    .h628-HqdpFadeInDown.animated {
        visibility: visible;
        animation: h628-HqdpFadeInDown 0.9s ease-out forwards;
    }

    .h628-HqdpFadeRight2M{
        opacity: 0;
    }

    .h628-HqdpFadeRight2M.animated {
        visibility: visible;
        animation: h628-HqdpFadeRight2M 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInLeft 初始状态和动画 */
    .h628-HqdpFadeInLeft {
        opacity: 0;
        transform: translate3d(-1.5625vw, 0, 0);
    }

    .h628-HqdpFadeInLeft.animated {
        visibility: visible;
        animation: h628-HqdpFadeInLeft 0.9s ease-out forwards;
    }

    /* h628-HqdpFadeInRight 初始状态和动画 */
    .h628-HqdpFadeInRight {
        opacity: 0;
        transform: translate3d(1.5625vw, 0, 0);
    }

    .h628-HqdpFadeInRight.animated {
        visibility: visible;
        animation: h628-HqdpFadeInRight 0.9s ease-out forwards;
    }

    .h628-HqdpFadeInUp2M {
        opacity: 0;
        transform: translate3d(0, -15.625vw, 0);
    }

    .h628-HqdpFadeInUp2M.animated {
        visibility: visible;
        animation: h628-HqdpFadeInUp2M 0.9s ease-out forwards;
    }
}