@media (max-width: 768px) {

    .floor-1 .grid-cols-3 .grid-cols-3-card-box {
        height: auto;
    }

    .floor-1 .grid-cols-3 .grid-cols-3-card-box .grid-img-box img {
        width: 68px;
        height: 68px;
    }

    .floor-1 .grid-cols-3 .grid-cols-3-card-box .grid-tit {
        font-size: 20px;
    }

    .floor-2 .subtitle {
        padding: 0 !important;
    }

    .floor-box .floor-2 .card-item .img-box {
        padding: 16px;
    }

    .service-capacity-box .floor-3 .grid-cols-3 .card-box .img-box {
        height: auto !important;
    }

    .floor-4 .frozen-grid-cols-4 {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 16px;
    }

    .floor-4 .frozen-grid-cols-4 .frozen-grid-box {
        padding: 16px;
    }

    .floor-4 .frozen-grid-cols-4 .frozen-grid-box .frozen-tit {
        font-size: 20px;
    }

    .floor-4 .frozen-grid-cols-4 .frozen-grid-box .frozen-head-box {
        width: 100px;
        height: 50px;
    }

    .floor-5 .container-box .grid-cols-2 .case-box {
        flex-direction: column;
    }

    .floor-5 .container-box .grid-cols-2 .case-box .case-content-box {
        padding: 16px;
    }

    .floor-5 .container-box .grid-cols-2 .case-box .case-content-box .case-tit {

        font-size: 21px;
    }

    .floor-5 .container-box .grid-cols-2 .case-box .case-img-box img {
        width: 100% !important;
        height: 100% !important;
    }

    .floor-box .floor-7 .grid-cols-3 .grid-cols-3-card-box {
        height: auto;
    }

    .floor-box .floor-7 .grid-cols-3 .grid-cols-3-card-box .grid-tit {
        font-size: 20px;
    }

    .floor-box .floor-7 .grid-cols-3 .grid-cols-3-card-box .grid-img-box img {
        width: 68px;
        height: 68px;
    }

    .floor-7 .subtitle {
        line-height: 1.5;
    }

}