/* 主流 1080P 和 2K 缩放到 150% */
@media (max-width: 1800px) {

    /* productList */
    .left-div.ml-\[16\%\] {
        margin-left: 6%;
    }

    .left-menu.fixed {
        left: 6%;
    }

    .top-input {
        width: 220px;
    }

    .demand .w-\[1200px\] {
        transform: none;
    }

    .joinUs-content .ml-\[154px\] {
        margin-left: 124px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1440px;
    } */

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 235px 150px 150px 150px auto;
    }

    .pr-\[100px\] {
        padding-right: 100px;
    }

    .solution-commerce-1-1.h-\[614px\] {
        height: 534px;
    }

    /* .solution-commerce-4-1 .h-\[615px\] {
        height: 655px;
    } */
    .right-container .min-w-\[456px\] {
        min-width: 380px;
        font-size: 18px;
    }

    .right-container .min-w-\[456px\] img {
        height: 28px;
    }

    .right-container .data-list .data-itme h1 {
        font-size: 20px;
    }
}

@media (max-width: 1660px) {

    .grid-cols-\[378px_auto\] {
        grid-template-columns: 278px auto;
    }

    .w-\[378px\] {
        width: 278px;
    }

    .grid-cols-\[378px_auto\] .left-menu {
        width: 278px;
    }

    .left-menu h1 {
        font-size: 18px;
    }

    .left-menu ul li button {
        font-size: 15px;
    }

    .w-\[1443px\] {
        width: 1423px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1380px;
    } */

    .solution-commerce-1-1.h-\[614px\] {
        height: 534px;
    }

    .w-\[1281px\] {
        width: 80%;
    }

    /* .solution-commerce-4-1 .h-\[615px\] {
        height: 655px;
    } */

    .right-container .min-w-\[456px\] {
        min-width: 340px;
        font-size: 16px;
    }

    .right-container .min-w-\[456px\] img {
        height: 24px;
    }

    .right-container .data-list .data-itme h1 {
        font-size: 18px;
    }

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 235px 150px 150px 150px auto;
    }

    .pr-\[100px\] {
        padding-right: 70px;
    }

    .implement-6-2-table-div {
        font-size: 15px;
    }

    .joinUs-content .w-\[609px\] {
        width: 559px;
    }

    .joinUs-content .w-\[851px\] {
        width: 811px;
    }

    .joinUs-content .h-\[624px\] {
        width: 600px;
    }

    .banner.h-\[440px\] {
        height: 340px;
    }
}

/* 常规办公屏 (笔记本+部分缩放) */
@media (max-width: 1470px) {
    /* .w-\[1280px\] {
        transform: translate(0%, 0%) scale(0.8);
    } */

    .top-navigation-div .w-\[1280px\] {
        transform: none;
        width: 80%;
    }

    /* .programme-container {
        height: 790px;
    } */

    .index-container .top-container {
        height: 300px;
    }

    .index-container .pt-\[93px\] {
        padding-top: 33px;
    }

    .top-bar .top-tips {
        display: none;
    }

    .guide-card {
        transform: translate(0%, 0%) scale(0.8);
        margin: -30px 0;
    }

    .w-\[1443px\] {
        width: 1353px;
    }

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1220px;
    } */

    .solution-commerce-1-1.h-\[614px\] {
        height: 484px;
    }

    .grid-cols-\[235px_150px_150px_150px_auto\] {
        grid-template-columns: 215px 120px 120px 120px auto;
    }

    .implement-6-2-table-div {
        font-size: 14px;
    }

    .pr-\[100px\] {
        padding-right: 10px;
    }

    .pl-\[66px\] {
        padding-left: 20px;
    }

    .banner.h-\[440px\] {
        height: 240px;
    }
}

/* 超小屏 PC (老式笔记本、极端缩放) */
@media (max-width: 1280px) {
    .index-container .top-container {
        height: 240px;
    }

    /* .w-\[1280px\] {
        transform: translate(0%, 0%) scale(0.7);
    } */

    /* .index-container .tabs-content {
        margin-top: -80px;
    } */

    /* .implement-6-2-table-div .implement-6-2-table {
        width: 1120px;
    } */

    .right-container .min-w-\[456px\] {
        min-width: 280px;
        font-size: 14px;
        margin-right: 18px;
    }

    .right-container .min-w-\[456px\] img {
        height: 20px;
    }

    .pr-\[100px\] {
        padding-right: 10px;
    }

    .pl-\[66px\] {
        padding-left: 20px;
    }
}