@media (max-width: 750px) {
    :root {
        --px: calc(1rem / 14);
        /* 375px 视口时，1px = 1/14 rem */
    }

    .banner {
        height: 362px;
        padding: 0 16px;
    }

    .banner-title {
        font-size: calc(32 * var(--px));
        text-align: center;
    }

    .banner-subtitle {
        font-size: calc(14 * var(--px));
        margin-left: 0;
    }

    .about-section {
        padding: 30px 0;
        gap: 0 !important;
    }

    .about-content {
        padding: 0 16px;
        gap: 0px;
    }

    .section-title {
        font-size: calc(20 * var(--px));
    }

    .about-text {
        max-width: 100%;
    }

    .about-description p {
        font-size: calc(14 * var(--px));
        line-height: calc(28 * var(--px));
    }

    .about-image {
        height: 80px;
        width: 100%;
        background-image: url('../img//pic-lianxing-mb.png');
        background-size: 100%;
        background-repeat: no-repeat;
        object-fit: contain;
        background-position: center;
    }

    .multi-location-img {
        width: 100%;
        height: 482px;
        background-image: url('../img/pic-map-mb.png');
        background-size: 100% 482px;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .multi-location{
        height: 482px;
    }

    .multi-location-content {}

    .section-title-white {
        font-size: calc(20 * var(--px));
        text-align: center;
    }

    .multi-location-text {
        font-size: calc(14 * var(--px));
        line-height: calc(28 * var(--px));
    }

    .contact-section {
        padding-top: 30px;
    }

    .contact-grid {
        gap: 14px;
        padding: 0 16px;

    }

    .contact-card {
        max-width: 100%;
        padding: 20px;
        height: 100%;
    }

    .contact-title {
        font-size: calc(16 * var(--px));
    }

    .contact-info {
        font-size: calc(16 * var(--px));
        line-height: calc(32 * var(--px));
    }
}