@media (max-aspect-ratio: 51 / 50){
    body { background-color: #fff; } .banner { position: relative; width: 100%; } .banner-text-box { position: absolute; bottom: 27.5vw; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .banner-2-img { width: 100%; } .banner-2 .banner-text-box { bottom: 13.88889vw; } .content-1 .banner-logo { height: 6.94444vw; margin-bottom: 4.16667vw; } .banner .banner-text-1 { font-size: 4.44444vw; margin-bottom: 4.16667vw; }
.banner .banner-text-2 { 
    font-size: 3.61111vw; 
    /* color: #818181;  */
    margin-bottom: 11.11111vw; 
    white-space: pre;
    text-align: center;
} 
.banner .banner-text-2.changxiang80 {
    margin-bottom: 5vw; 
}
.text-btn-box {
    margin-bottom: 10vw; 
}
.banner-text-box .btn.white-btn { margin-left: 2.77778vw; } .banner .liveView { position: absolute; left: 50%; top: 550px; transform: translateX(-50%); } .banner img { width: 100%; display: block; } .mySwiper .swiper-slide .banner-img { width: 100%; } .mySwiper .swiper-slide { width: 100%; } .mySwiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 1.38889vw; height: 1.38889vw; margin-right: 0.83333vw; background: #000; color: #000; opacity: 1; margin: 0 1.38889vw !important; } .mySwiper .swiper-pagination-bullets .swiper-pagination-bullet-active { background: none; border: 0.13889vw solid #000; width: 2.5vw; height: 2.5vw; box-sizing: border-box; } .mySwiper.swiper-container-horizontal>.swiper-pagination-bullets { display: flex; justify-content: center; align-items: center; } .mySwiper.swiper-container-horizontal>.swiper-pagination-bullets, .mySwiper.swiper-pagination-custom, .mySwiper.swiper-pagination-fraction { bottom: 13.88889vw; } .content-2 { padding: 13.88889vw 5.55556vw; background-color: #f5f5f5; } .content-2-left { position: relative; } .content-2-left { margin-bottom: 5.55556vw; } .content-2-left .img-tip { font-size: 1.66667vw; position: absolute; left: 2.77778vw; bottom: 2.77778vw; color: #c6c6c6; font-weight: 300; } .content-2-left img { width: 100%; } .content-2-right-img-box { margin-bottom: 10.27778vw; } .content-2-right-img-box img { width: 100%; } .content-2-right-des { margin-bottom: 5.55556vw; font-size: 6.66667vw; } .content-3 { padding: 13.88889vw 5.55556vw; } .content-3-top { margin: 0 11.94444vw 13.88889vw; } .content-3-flex { display: flex; align-items: center; margin-bottom: 11.11111vw; } .content-3-flex:last-child { margin-bottom: 0; } .content-3-text { margin-left: 5.55556vw; font-size: 3.61111vw; } .content-3-bottom-img { margin-bottom: 11.11111vw; width: 100%; } .content-3-bottom-title { font-size: 6.66667vw; margin-bottom: 5.55556vw; } .content-3-bottom-content { margin-bottom: 10.55556vw; font-size: 3.61111vw; color: #999; } .content-5 { position: relative; width: 100%; height: 125vw; overflow: hidden; } .content-5 video { width: auto; height: 125vw; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .content-5 img { display: block; width: 100%; height: 100%; object-fit: contain; } .content-5-text { position: absolute; left: 50%; bottom: 34.722vw; transform: translateX(-50%); } .content-5-text>p { font-size: 6.66667vw; color: #fff; margin-bottom: 5.55556vw; } 

    .main-content{
        font-family:"Manrope", "Harmony";
        font-weight: 400;
    }
    .sub-header {
        margin-bottom: 10vw;
    }
    .sub-header .shell-logo {
        font-size: 7.525vw;
    }
    .sub-header .sub-nav-r {
        width: 70vw;
        margin-top: 6vw;
    }
    .sub-header .sub-nav-link {
        font-size: 4.125vw;
    }

   /* 移动端设计 */
    /* 导航 */

    /* 主题内容 */
    picture img {
        width: 100%;
        /* width: 95vw; */
        /* padding: 2vw; */
        /* height: auto;
        display: block; */
        order: 1;
    }

    .product-detail {
        margin-top: 3vw;
    }

    .content-svg{
        width: 65vw;

    }
    .content-product picture img{
        background-color: #fff;
    }
    .content-product picture {
        /* order: 0; */
        background-color: #fff;
    }
    .content-product{
        padding: 2vw 5vw;
        /* margin: 2vw; */
        background-color: #f5f5f5;
    }

    .content-product-img {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .product-text-left-box.right-product-text{
        /* order: 2; */
        background-color: #fff;
        
    }
    .product-text-right-box.right-product-text{
        /* order: 2; */
        background-color: #fff;
        
    }

    .product-text-1 {
        /* font-size: 2.3333vw; */
        font-size: 9.4333vw;
        /* text-align: left; */
        text-align: center;
    }

    .product-text-2 {
        font-size: 3.61111vw;
        padding: 3vw 0;
        /* text-align: left; */
        text-align: center;
        
    }
    /* 第二屏 */

    .product-text-right-box.right-product-text .product-text-2{
        /* font-size: 2.333vw; */
        font-size: 3.61111vw;
        padding: 3vw 0;
        /* text-align: left; */
        text-align: center;
        
    }


        
    .product-btn-box{
        font-size: 3.61111vw;
        padding: 4vw 0 2vw;       
        
    }

    .btn-content {
        font-size: 2.83333vw;
        padding: 0.32917vw 1.45833vw;
    }
    .btn-content.text-btn:hover,
    .btn-content.buy-btn:hover {
        opacity: 0.7;
    }
    .btn-content.text-btn,
    .btn-content.buy-btn {
        background-color: #000;
        color: #fff;
        /* font-size: 3.63333vw; */
        font-size: 3.61111vw;
        border-radius: 4vw;
        padding: 1vw 4vw;
        /* font-family: "Harmony"; */
    }
    .btn-content.more-btn {
        font-size: 3.61111vw;
        /* background-color: #fff; */
        /* border-bottom: 0.10417vw solid #000; */
        
    }
    
    .btn-content.more-btn:hover {
        opacity: 0.7;
        /* font-size: 0.8533vw; */
        /* font-size: 0.9333vw; */
    }
    

    .product-text-right-box {
        
        text-align: center;
        /* width: 100%; 根据需要调整 */
        color: black; /* 文字颜色，根据需要调整 */
        box-sizing: border-box;
        z-index: 1;
        /* white-space: nowrap; 强制文本不换行 */
        padding: 2vw 0 8vw;
    }
    .product-text-left-box {
        
        text-align: center;
        /* width: 100%; 根据需要调整 */
        color: black; /* 文字颜色，根据需要调整 */
        box-sizing: border-box;
        /* z-index: 1; */
        /* white-space: nowrap; 强制文本不换行 */
        padding: 2vw 0 8vw;

    }
    
    /* tab头部 */        
    .products-header {
        /* min-height: 5.125vw; */
        /* height: auto; */
        padding: 8vw;
        /* background-color: #ffffff; */
        background-color: #f5f5f5;
        /* z-index: 99; */
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        backdrop-filter: initial;
        /* margin-bottom: 2.5vw; */
        /* border-bottom: 1px solid #dadada; */
        
    }
    .products-header .products-nav-link {
        font-size: 3.43333vw;
        color: #666;
        cursor: pointer;
        position: relative;
        height: 100%;
        line-height: 6.125vw;
        display: inline-block;
    }

    .products-header .shell-logo {
        font-size: 6.525vw;
    }
    .products-header .products-nav-r {
        width: 80vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 5vw;
        
    }
   

    .products-header .products-nav-link.active,
    .products-header .products-nav-link:hover {
        color: #000;
        /* color: red; */
    }


    .products-header .products-nav-link.active::after,
    .products-header .products-nav-link:hover::after {
        content: "";
        width: 100%;
        background-color: #000;
        position: absolute;
        bottom: 0;
        bottom: -0.9vw;
        left: 50%;
        transform: translateX(-50%);
        height: 0.40417vw;
    }


    /* tab的top部分 */
    .content-product-top-item {
        padding: 0vw 5vw;
        text-align: center;
        background-color: #f6f6f6;
    }
    .content-product-top-item picture{
        background-color: #fff;
    }
    .content-product-top-item picture img{
        background-color: #fff;
    }

    .product-top-text-1 {
        font-size: 5.3333vw;
        /* font-size: 3.4333vw; */
        /* text-align: left; */
        /* text-align: center; */
        font-family: "Harmony"
    }
    .product-top-text-2 {
        font-size: 3.61111vw;
        padding: 2vw 0;
        /* text-align: left; */
        /* text-align: center; */
        
    }
    .product-top-text-box.product-top-text{
        padding: 8vw 0 4vw 0;
        background-color: #fff;
        
    }

    /* 滑动部分 */
    .content-product-right{
        text-align: center;
        /* margin: 4vw 0; */
        /* margin: 0; */
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        /* padding: 4vw; */
        padding: 4vw 4vw 8vw;

        background-color: #f6f6f6;
        
        flex-direction: row; /* 在小屏幕上水平排列子项 */
        align-items: flex-start; /* 垂直对齐所有子项的起始边缘 */
        justify-content: space-between; /* 在子项之间添加间隔 */
    }
    .content-product-left{
        display: none;
    }

    .content-product-right-item{
        /* margin: 1vw 0;  */
        margin: 2vw; 
        padding: 2vw;
        /* 高度可以根据内容自动调整，或者可以设置固定高度 */
        /* height: auto; 根据内容自动调整高度 */      
        
        background-color: #ffffff;
        
       
    }

    .content-product-right-item picture img {
        width: 60%;
        /* width: 95vw; */
        /* padding: 2vw; */
        margin-left: auto;
        margin-right: auto;
        order: 1;
    }
    .content-product-right-item.mob-slide{
        display: block;
    }
    .content-product-right-item .product-right-text-2{
        display: none;
    }
    .content-product-right-item .content-product-img {
        width:70vw;
        position: relative;
        overflow: hidden;
    }

    .content-product-right-item .content-product-img-accessories{
        width:70vw;
        position: relative;
    overflow: hidden;
    }
    .content-product-right picture img{
        display: block;
    }
    .content-footer{
        margin: 5vw;
    }
    .content-footer picture img{
        width: 100%;   /* 使图片宽度充满容器 */
        height: auto;  /* 高度自适应，保持图片纵横比 */
        display: block; /* 防止图片下方出现空隙 */
    }
    .footer-service-left{
        border: 0.01vw solid #c5c5c5;
        margin: 3vw 0;
        position: relative;
    }
    .footer-service-right{
        border: 0.01vw solid #c5c5c5;
        margin: 3vw 0;
    }
    .footer-service-text{
        position: absolute;
        padding: 8vw;
        /* z-index: 1; */
        
    }
    .footer-service-text-1{
        margin: 2vw 0;
        font-size: 6.43333vw;    
    }

    .product-right-text-1{
        font-size: 5.4333vw;
        font-family: 'Harmony';
    }
    .content-btn-box{
        margin: 4vw 0;        
    }

    .content-product-right-item .content-btn-box{
        margin: 4vw;
    }

    /* 更多 */
    .learn-more.mobile{
        font-size: 4.43333vw;
        display: block;
        text-align: center;
        cursor: pointer;
        padding-bottom: 8vw;
        background-color: #f5f5f5;
        
        
    }


    .learn-more.pc{
        display: none;
    }
    .footer-service-text-2{
        /* margin: 1vw 2vw 3vw 3vw;
        font-size: 1.03333vw; */
        
    }

    /* 展示mobile卖点 */
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
}