@media screen and (max-width: 750px)  {
    main{
        overflow-x: hidden;
        width: 100vw;
        margin: 0;
        padding: 0;
    }
    .cleaning-pc{
        display: none;
    }
    .cleaning-m{
        display: block;
    }
    .bg-black{
        background-color: #fff;
    }
    .banner{
        padding-top: 13vw;
        width: 100vw;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        height: 100vh;
        padding-top: 13vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background-image: url('https://www.orionstar.com/res/orics/down/ow001_20250702_b479318e0065a9bb6bf8f91dcbfe940a.webp') !important;
    }
    .banner-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .banner-container img{
        width: 80.267vw;
        height: auto;
    }
    .banner-container h1{
        padding: 5.6vw 0;
        text-align: center;
        font-size: 10.667vw;
        font-weight: 600;
        line-height: 1;
    }
    .banner-container h1 span{
        font-size: 6.4vw;
    }
    .btn{
        padding: 1.6vw 4.267vw;
        font-size: 3.733vw;
        border:solid 1px #000;
        border-radius: 4.267vw;
    }
    .clearning .top2-container {
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        margin-bottom: 45px;
        overflow-x: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 16vw 0;

    }

    .clearning .top2-container .robot {
        width: 100vw;
        height: 100vw;
        /* margin-top: 45px; */
        object-fit: cover;
        margin: 0 auto;
        position: absolute;
    }

    .clearning .top2-container .text-container {
        letter-spacing: -0.2px;
        /* text-align: justify; */
        font-weight: 400;
        width: 89vw;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }


    .clearning .top2-container .text-container .title {
        font-size: 3.2vw;
        font-weight: 100;
        opacity: 1;
    }
    .clearning .top2-container .text-container .title span{
        font-size: 4.8vw;
        font-weight: 600;
    }
    .clearning .top2-container .text-container .bottom-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 8vw;
    }
    .clearning .top2-container .text-container .bottom-container img{
        width: 16vw;
        height: 16vw;
    }
    .clearning .top2-container .text-container .list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
        margin-bottom: 4.267vw;
    }


    .clearning .top2-container .text-container .list-item .icon-container {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 27px;
        font-weight: 600;
        color: #2b86ff;
        opacity: 1;
        width: 60px;
        height: 60px;
        /* width: 60px; */
    }

    .clearning .top2-container .text-container .list-item .icon {
        width: 60px;
        height: 60px;
        position: absolute;
    }

    .clearning .top2-container .text-container .list-item .num-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .clearning .top2-container .text-container .list-item .num-container .num {
        font-size: 12px;
        height: 15px;
    }

    .clearning .top2-container .text-container .list-item .text {
        margin-top: 1.333vw;
        text-align: center;
        font-size: 3.2vw;
    }


    /* top5-container */
    .clearning .top5-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }

    .clearning section .clearning-body {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .clearning .top5-container>.title {
        font-size: 27px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        line-height: 38px;
        margin-top: 40px;
    }

    .clearning .top5-container .row-container {
        opacity: 0.8;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 15px;
        display: flex;
        flex-direction: row;
        margin-top: 25px;
    }

    .clearning .top5-container .row-container .title {
        width: 105px;
        margin-left: 15px;
    }

    .clearning .top5-container .row-container .content {
        margin-left: 20px;
        flex: 1;
    }

    #box {
        width: 100vw;
        /* height: 480px; */
    }

    #spritespin {
        width: 100vw;
        height: 260px !important;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        object-fit: cover;
        background-size: cover;
    }

    #sprites_btns {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 27px;
        background: #F4F4F4;
        border: 1px solid rgba(0, 0, 0, 0.08);
        width: 150px;
        padding: 6px 8px;
        margin: 0 auto;
        margin-top: -12px;
        position: relative;
        z-index: 999;
    }



    #rotate-middle,
    #rotate-loading {
        margin: 0px 19px;
        opacity: 1;
    }

    #rotate-middle {
        display: none;
    }

    #rotate-left {
        background: url('https://www.orionstar.com/res/orics/down/ow001_20240428_8656f3d1ed116f115491f5f431d076cc.png') center no-repeat;
        background-size: contain;
    }

    #rotate-middle {
        background: url('https://www.orionstar.com/res/orics/down/ow001_20240430_dc5353e13eac841e55401c266797a886.png') center no-repeat;
        background-size: contain;
    }

    #rotate-loading {
        background: url('https://r.cmcm.com/r/9570092031f911ef9b66553e354eb148.gif') center no-repeat;
        background-size: contain;
    }

    #rotate-right {
        background: url('https://www.orionstar.com/res/orics/down/ow001_20240428_967434711902b8385b6da937ee38d17d.png') center no-repeat;
        background-size: contain;
    }
    #rotate-left,
    #rotate-right,
    #rotate-middle,
    #rotate-loading {
        width: 25px;
        height: 25px;
        cursor: pointer;
        opacity: 0.3;
        -webkit-user-select: none;
        /* Chrome all / Safari all */
        -moz-user-select: none;
        /* Firefox all */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }


    .product-highlights h2{
        font-size: 8.533vw;
        text-align: center;
        color: #29648A;
        font-weight: 600;
    }
    .highlights-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2vw;
        margin-top: 8vw;
        margin-bottom: 3.2vw;
        padding: 0 5.333vw;
    }
    .highlight-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
        border: solid 1px #DEDEDE;
        border-radius: 3.2vw;
        padding: 4.267vw 5.333vw;
    }
    .highlight-item img{
        width: 16vw;
        height: 16vw;
    }

    .product-highlights .highlight-item h3 {
        font-size: 3.733vw;
        font-weight: 600;
        color: #000;
        margin:3.2vw 0;
        text-align: center;
    }
    .product-highlights .highlight-item li {
        font-size: 3.2vw;
        line-height: 1.6;
        padding-left: 3.6vw;
        position: relative;
    }
    .product-highlights .highlight-item li::before {
        content: "•";
        position: absolute;
        left: 1.067vw;
        color: #666;
    }
    .product-highlights-more{
        display: flex;
        justify-content: center;
        padding: 0 5.333vw;
    }
    .more-excellence{
        width: 100%;
        padding: 5.333vw 0;
        border-radius:1.6vw;
        border: solid 1px #DEDEDE;
        display: inline-block;
        text-align: center;
        font-size: 3.733vw;
        font-weight: 600;
        margin-bottom: 16vw;
    }
    .banner2{
        width: 100vw;
        height: 100vh;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background-image: url('https://www.orionstar.com/res/orics/down/ow001_20250707_ca5cd848c66a657ff387c543192fb0d2.webp') !important;
    }
    .banner2-container{
        padding: 16vw 5.333vw;
        color: #fff;
    }
    .banner2-title{
        font-size: 7.2vw;
        margin-bottom: 3.2vw;
        font-weight: 600;
    }
    .banner2-desc{
        font-size: 3.2vw;
        line-height: 2;
    }
    .superior{
        padding: 16vw 5.333vw;
    }
    .superior h3{
        font-size: 7.2vw;
        font-weight: 600;
        margin-bottom: 3.2vw;
    }
    .superior-desc,.superior-table{
        font-size: 3.2vw;
        line-height: 2;
    }
    .superior-desc{
        margin-bottom: 12vw;
    }
    
    /* More 按钮样式 */
    .more.cleaning-m {
        text-align: right;
        font-size: 3.2vw;
        color: #25B4C3;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        font-weight: 600;
    }
    
    .more.cleaning-m::after {
        content: " →";
        display: inline-block;
        transition: all 0.3s ease;
        transform: translateX(0);
        animation: arrowSlide 2.5s ease-in-out infinite;
    }
    
    .more.cleaning-m:hover::after {
        animation: arrowBounce 1.2s ease-in-out infinite;
    }
    
    @keyframes arrowSlide {
        0%, 100% { 
            transform: translateX(0) scale(1); 
        }
        50% { 
            transform: translateX(1.5vw) scale(1.1); 
        }
    }
    
    @keyframes arrowBounce {
        0%, 100% { 
            transform: translateX(0) scale(1) rotate(0deg); 
        }
        25% { 
            transform: translateX(2vw) scale(1.2) rotate(10deg); 
        }
        50% { 
            transform: translateX(3vw) scale(1.3) rotate(0deg); 
        }
        75% { 
            transform: translateX(2vw) scale(1.2) rotate(-10deg); 
        }
    }
    .superior-table{
        width: 100%;
        min-width: 500px;
        border-collapse: collapse;
        font-size: 3.2vw;
        border-radius: 2.667vw;
        overflow: hidden;
        table-layout: fixed;

    }
    .superior-table-container{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -5.333vw;
        padding: 0 5.333vw;
    }
    
    .superior-container{
        /* overflow-x: auto;
        -webkit-overflow-scrolling: touch; */
        margin: 0 -5.333vw;
        padding: 0 5.333vw;
    }
    
    /* 滚动条样式 */
    .superior-table-container::-webkit-scrollbar {
        height: 0.533vw;
        -webkit-appearance: none;
        background: transparent;
    }
    
    .superior-table-container::-webkit-scrollbar:horizontal {
        height: 0.533vw;
        -webkit-appearance: none;
    }
    
    .superior-table-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
        /* 给滚动条轨道添加左右边框来模拟padding效果 */
        border-left: 5.333vw solid transparent;
        border-right: 5.333vw solid transparent;
        background-clip: content-box;
        -webkit-appearance: none;
    }
    
    .superior-table-container::-webkit-scrollbar-thumb {
        background: #222222;
        border-radius: 3px;
        /* 给滚动条拖动块添加左右边框来模拟padding效果 */
        border-left: 5.333vw solid transparent;
        border-right: 5.333vw solid transparent;
        background-clip: content-box;
        -webkit-appearance: none;
    }
    
    .superior-table-container::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }
    
    .superior-table thead th{
        font-weight: 600;
        color: #333;
        padding: 4.267vw 3.2vw;
        text-align: center;
        vertical-align: middle;
        width: 30vw;
    }
    
    .superior-table thead th:first-child{
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        width: 26vw;
    }
    
    .superior-table thead th:last-child{
        border-right: none;
        white-space: normal;
        word-wrap: break-word;
        width: 60vw;
    }
    
    .superior-table tbody td{
        padding: 4.267vw 3.2vw;
        text-align: center;
        vertical-align: middle;
        /* white-space: nowrap; */
        width: 30vw;
    }
    
    .superior-table tbody td:first-child{
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        width: 38vw;
        /* white-space: nowrap; */
    }
    
    .superior-table tbody tr:last-child td{
        border-bottom: none;
    }
    
    /* 最后一列的样式 */
    .superior-table tbody td:last-child{
        border-right: none;
        white-space: normal;
        word-wrap: break-word;
        width: 60vw;
        text-align: left;
    }
    .superior-table{
        overflow: auto;
    }
    .superior-table thead th:first-child{
        position: sticky;
        left: 0;
        background-color: #fff;
        z-index: 10;
    }
    .superior-table tbody tr td:first-child{
        position: sticky;
        left: 0;
        background-color: #fff;
        z-index: 10;
    }
    .superior table tr{
        border-bottom: solid 1px #E5E5E5;
    }
    .superior td img{
        width: 4.267vw;
        height: 4.267vw;
        display: inline-block;
    }
    
    /* 轮播图样式 */
    .cleaning-swiper-container {
        padding: 0 5.333vw;
        margin-bottom: 16vw;
        overflow: hidden;
    }

    .cleaning-swiper-container .swiper-slide {
        width: 100%;
    }

    .cleaning-swiper-container .slide-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cleaning-swiper-container .slide-title {
        font-size: 4.267vw;
        margin-top: 4vw;
        text-align: center;
        font-weight: 600;
    }

    .cleaning-swiper-container video {
        width: 89.333vw;
        height: auto;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
      /* 分页指示器样式 */
      .cleaning-swiper-container .swiper-pagination {
        position: relative;
        width: 100%;
        height: auto;
        margin: 40px 0;
        display: flex;
        justify-content: center;
        gap: 20px;
        z-index: 10;
        visibility: visible;
        opacity: 1;
        bottom: auto;
        left: auto;
        transform: none;
    }

    .cleaning-swiper-container .swiper-pagination-bullet {
        width: 80px;
        height: 4px;
        border-radius: 0;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease;
    }

    /* .cleaning-swiper-container .swiper-pagination-bullet:hover {
        background-color: #25B4C3;
        transform: scaleY(1.5);
    } */

    .cleaning-swiper-container .swiper-pagination-bullet-active {
        background-color: #25B4C3;
        width: 200px;
    }

    

    .effortless{
        padding: 16vw 0;
        background-color: #f7f7f7;
    }
    .effortless h3{
        font-size: 7.2vw;
        font-weight: 600;
        margin-bottom: 3.2vw;
        padding: 0 5.333vw;
    }
    .effortless-desc{
        font-size: 3.2vw;
        line-height: 2;
        color: #626262;
        padding: 0 5.333vw;
    }
    .banner3{
        width: 100vw;
        height: 80vh;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background-image: url('https://www.orionstar.com/res/orics/down/ow001_20250703_d7703b96c5f43594bddcec503c17b0e4.webp') !important;
    }
    .banner3-container{
        padding: 16vw 5.333vw;
        color: #fff;
    }
    .banner3-title{
        font-size: 7.2vw;
        margin-bottom: 3.2vw;
        font-weight: 600;
    }
    .banner3-desc{
        font-size: 3.2vw;
        line-height: 2;
    }
    .banner3-desc li{
        margin-left: 5.2vw;
    }
    .banner3-desc li::before{
        content: "•";
        position: absolute;
        left: 7vw;
    }
    .excellence h2{
        padding: 16vw 0 10.667vw 0;
        font-size: 7.2vw;
        font-weight: 600;
        text-align: center;
    }
    .excellence-item{
        padding: 16vw 0;
    }
    .excellence-item h3{
        font-size: 4.267vw;
        font-weight: 600;
        margin-bottom: 3.2vw;
        padding: 0 5.333vw;
    }
    .excellence-item .desc{
        font-size: 3.2vw;
        line-height: 2;
        margin-bottom: 8vw;
        padding: 0 5.333vw;
    }
    .img-container{
        position: relative;
    }
    .excellence-item  .img-desc-title{
        font-size: 3.733vw;
        color: #25B4C3;
        font-weight: 600;
    }
    .img-container.cleaning-m {
        position: relative;
    }
    
    .img-container.cleaning-m img {
        width: 100%;
        height: auto;
    }
    
    .img-desc-list{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .img-desc-item li{
        font-size: 3.2vw;
    }
    .img-desc-item{
        width: 42vw;
        position: absolute;
    }
    
    .img-desc-item:nth-child(1){
        top: 0;
        left: 8%;
    }
    
    .img-desc-item:nth-child(2){
        top: 0;
        left: 52%;
    }
    
    .img-desc-item:nth-child(3){
        bottom: 4%;
        left: 8%;
    }
    
    .img-desc-item:nth-child(4){
        bottom: 0;
        left: 52%;
    }
    .banner4{
        padding: 16vw 0;
    }
    .banner4-title{
        padding: 0 5.333vw;
    }
    .banner4-title h2{
        font-size: 4.267vw;
        font-weight: 600;
        margin-bottom: 3.2vw;
    }
    .banner4-title h3{
        font-size: 3.2vw;
        line-height: 2;
    }
    .banner5{
        background-color: #F6F8F9;
    }
    .banner5-container{
        padding: 16vw 5.333vw;
    }
    .banner5-container h2{
        font-size: 7.2vw;
        font-weight: 600;
        margin-bottom: 12vw;
        text-align: center;
    }
    .banner5-item-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5.6vw 3.2vw;
    }
    .banner5-item{
        display: flex;
        flex-direction: column;
    }
    .banner5-item-desc{
        text-align: center;
        margin-top: 3.2vw;
    }
    /* speci-container */
  .speci-container {
    padding-top: 10vw;
    padding-bottom: 10vw;
    width: 100%;
    /* background: #28292E; */
    color: #fff;
    background: #16223A;
    margin-bottom: 16vw;
  }

  .speci-title {
    font-size: 27px;
    font-weight: var(--semiBold);
    text-align: center;
    line-height: 37.5px;
  }


  .speci .speci-tips {
    font-size: 3.5vw;
    margin-bottom: 10vw;
  }
  .speci-list {
    margin-top: 0px;
  }

  .speci-item {
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    flex-direction: column;
  }

  .speci-item-title {
    width: 100%;
    font-size: 4vw;
    text-align: center;
  }

  .speci-item-list {
    margin: 4vw;
    width: 100%;
  }

  .speci-item-line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .speci-list .speci-item-line:last-child {
    display: none;
  }

  .speci-item-list-item {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .speci-item-list-item-key {
    width: 30%;
    font-size: 3.5vw;
    text-align: center;
    line-height: 5.5vw;
  }

  .speci-item-list-item-value {
    width: 53%;
    max-width: 53%;
    font-size: 3.5vw;
    text-align: left;
    margin-left: 4vw;
    opacity: 0.8;
    line-height: 5.5vw;
  }
  .effortless-content-m .tab-header{
    display: flex;
    overflow-x: auto;
    gap: 3vw;
    margin-bottom: 8vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 8vw 0 3.2vw 0;
    padding: 0 5.333vw;
  }
  
  .effortless-content-m .tab-header::-webkit-scrollbar {
    display: none;
  }
  
  .effortless-content-m .tab-header h4 {
    white-space: nowrap;
    font-size: 3.733vw;
    font-weight: 500;
    margin: 0;
    padding: 3.2vw 4.267vw;
    border-radius: 6.4vw;
    transition: all 0.3s ease;
    cursor: pointer;
    flex-shrink: 0;
  }
  .tabs-container .tab-item video{
    border-radius: 3.2vw;
  }
  .effortless-content-m .tab-header h4.active {
    background-color: #ABE6EC;
    color: #333;
    font-weight: 600;
  }
  .tabs-container .tab-item{
    padding: 0 5.333vw;
  }
  .tab-content{
    margin-top: 4.267vw;
    font-size: 3.2vw;
    line-height: 2;
  }

}