@media screen and (max-width: 780px) {
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .ser_head {
        min-height: 10rem !important;
    }

    .ser_head_bo {
        width: auto !important;
        max-width: 100%;
        padding: 0 0.5rem;
    }

    .ser_head_bo .ser_head_bo_a {
        width: 100% !important;
        height: 215px !important;
    }

    .ser_head_bo .ser_head_bo_a .active {
        display: none;
    }

    .ser_head_bo .ser_head_bo_a .head-tou {
        width: auto !important;
        max-width: 100%;
        display: block !important;
    }

    .ser_head_bo .ser_head_bo_a .head-tou .content {
        width: 100%;
        margin: 0;
    }

    .ser_head_bo .ser_head_bo_a .head-tou .content .search {
        max-width: 100%;
        width: auto;
        padding: 0;
    }

    .ser_head_bo .ser_head_bo_a .head-tou .content .search input {
        width: 80%;
    }

    .ser_head_bo .ser_head_bo_a .head-tou .content .search button {

        width: 20%;
    }

    .ser_head_bo .ser_head_bo_a .categorys {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 7px;
    }

    .ser_head_bo .ser_head_bo_a .categorys .button {
        margin: 0 4px !important;
    }

    .ser_head_bo .ser_head_bo_a .categorys .actives {
        border-bottom: 2px solid #d81718 !important;
    }

    .ser_head_bo .ser_head_bo_a .categorys .mlu {
        display: none;
    }

    .head-tou .logo {
        width: 100% !important;
        margin: 0 !important;
    }

    .head {
        max-width: 100%;
        width: 100% !important;
        padding: 0 !important;
        flex-wrap: wrap;
        height: auto !important;
        font-size: 2.5rem !important;
    }

    .head .head-right {
        width: 100%;
        justify-content: flex-end;
    }

    .head .head-right li {
        margin: 0;
    }

    .fool .fool_box {
        width: auto !important;
        max-width: 100%;
        padding: 0 0.5rem;
    }

    .fool ul, .fool .bottom {
        width: auto !important;
        max-width: 100%;
        white-space: normal;
    }

    .fool ul li {
        /*padding: 0 11px !important;*/
        text-align: center !important;
        min-width: 14rem !important;
        padding: 0 2rem !important;
    }

    .fool ul :nth-child(4) {
        padding-right: 0 !important;
        border: none !important;
    }

    .fool ul :nth-child(5) {
        padding-left: 0 !important;
    }

    .fool .wx {
        position: relative !important;
        margin-top: 15px;
    }

    .fool .wx div {
        margin-bottom: 40px;
    }

    .fool .banquan {
        margin: 0 0 10px 0 !important;
    }

    .video {
        top: 50% !important;
        width: 100% !important;
    }

}