/* ========================================
   手机端自适应（768px 以下）
   ======================================== */
@media screen and (max-width: 768px) {

    .pc-nav {
        padding: 50px 0 0 0;
    }


    .header-logo {
        position: absolute;
        bottom: 85px;
        right: 20px;
        z-index: 100;
        width: 120px;
        height: auto;
    }

    /* 显示手机导航 */
    .mobile-nav {
        display: block;
    }

    .nav-row a {
        display: block;
        width: 33.3%;
        flex: none;
    }

    .nav-grid {
        padding: 0 20px 45px 20px;
    }

    .title-img {
        max-width: 200px;
        height: auto;
    }

    .girl-desc {
        max-height: 150px;
    }

    .footer-nav {
        width: 86%;
        margin: auto;
        gap: 5px;
    }

    .footer-nav-item {
        flex: 0 0 calc(33.333% - 10px) !important;
        /* 一行3个 */
        padding: 3px;
    }

    .footer-phone {
        font-size: 2rem;
    }

    .footer-slogan {
        font-size: 0.8rem;
    }
}