/* 移动端 */
/* 小于 768px 宽度的设备 */
@media (max-width: 767px) {
    .shadow-smTwo {
        background: #fff;
    }

    .header-content {
        padding: 0.5rem 0rem;
        z-index: 100;
    }

    .video_box {
        display: none;
    }

    .man_box {
        display: block;
    }

    .man_box .fixed-top .header-content .header-icon {
        display: block;
        z-index: 100;
    }

    .man_box .fixed-top .header-content .navbar {
        position: fixed;
        top: 0px;
        right: 0px;
        width: 100%;
    }

    .man_box .fixed-top .header-content .navbar .navbar-collapse {
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
    }

    .man_box .fixed-top .header-content .navbar .navbar-collapse .navbar-nav {
        background: #FFFFFF;
        border-radius: 1.2rem 0rem 0rem 1.2rem;
        width: 55%;
        height: calc(100vh - 5rem);
        margin-top: 5rem;
        z-index: 100;
        box-sizing: border-box;
        padding: 1rem 0rem;
        float: right;
    }

    .man_box .fixed-top .header-content .navbar .navbar-collapse .navbar-nav .nav-item {
        padding: 1rem 0rem;
        margin: 0 2.2rem;
        font-weight: 600 !important;
        font-size: 1.4rem !important;
    }

    .shadow-smTwo .navbar-light .navbar-nav .nav-link {
        color: #1B293E !important;
    }

    .shadow-smTwo .navbar-light .navbar-nav .active>.nav-link {
        color: #006CA5 !important;
    }

    .man_box .fixed-top .header-content .header-icon {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-left: 1rem;
    }

    .man_box .fixed-top .header-content .header-icon .bi-list {
        font-size: 2.2rem;
        color: rgba(0, 0, 0, .5);
    }

    .cl-footer {
        display: none;
    }

    .cl_footer_app {
        display: none;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .cl_footer_app .footer_qr_box {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding: 2rem 0.8rem 1rem 0.8rem;
    }

    .cl_footer_app .blue_bg {
        background-color: #006da5;
        opacity: 0.98;
    }

    .cl_footer_app .footer_qr_box ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        width: 100%;
        height: 94%;
    }

    .cl_footer_app .footer_qr_box ul li {
        width: calc(70%/2);
        height: 11rem;
        text-align: center;
    }

    .cl_footer_app .footer_qr_box ul li img {
        width: 100%;
        height: 8rem;
    }

    .cl_footer_app .footer_qr_box ul li span {
        color: #FFFFFF;
        font-size: 1rem;
    }

    .cl_footer_app .footer__bot {
        height: 20vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .cl_footer_app .red_bg {
        background-color: RGBA(133, 33, 37, 1);
    }

    .cl_footer_app .blue2_bg {
        background-color: #122953;
    }

    .cl_footer_app .red2_bg {
        background-color: RGBA(70, 41, 31, 1);
    }

    .cl_footer_app .footer__bot .bot_text {
        color: #81A4C2;
        font-weight: 500;
        font-size: 1rem;
        line-height: 2rem;
    }

    .total_box {
        font-size: 0.9rem;
        text-align: center;
    }

    .page-link {
        padding: 0.4rem;
    }
    p video {
        width: 100%;
    }
}