/* 手机版本兼容 */
@media screen and (max-device-width: 600px) and (orientation: portrait),
screen and (max-width: 750px),
screen and (max-device-width: 820px) and (orientation: landscape) {
    .g-hd {
        height: 100vh;
    }

    section {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .m-pc {
        display: none;
    }

    .u-title {
        font-size: 2rem;
    }

    .m-banner .intro {
        height: 100%;
        margin-top: 5rem;
        box-sizing: border-box;
        grid-template-columns: 1fr;
        justify-content: space-between;
    }

    .m-banner .txtbox {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .m-banner .intro .imgbox {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }


    .m-banner .logobox {
        display: flex;
        flex-direction: column;
        gap: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background: rgba(0, 0, 0, 1);
    }

    .m-banner .item {
        padding: .1rem .15rem;
    }

    .m-banner .lbox .item:first-child {
        width: 40%;
        margin-right: 10%;
    }

    .m-banner .lbox .item:last-child {
        width: 20%;
    }

    .m-banner .logobox .lbox::before {
        opacity: 0;
    }

    .m-banner .logobox .item .imgbox {
        height: 2.5rem;

    }

    .m-banner .abox {
        width: 100%;
    }

    .m-list1 {
        grid-template-columns: 1fr;
    }



    .m-list2 .item h2 {
        font-size: 1.8rem;
        min-height: auto;
    }

    .m-list2 .item {
        padding: 1.5rem 1.5rem;
    }

    .m-list2 .item p {
        margin-top: 2rem;
    }

    .m-list3 .item {
        gap: 2.5rem;
    }

    .m-list11 .intro {
        grid-template-columns: 1fr;
        gap: 1.25rem;

    }

    .m-list11 .rig {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}