@media screen and (max-width:768px){
    .right_mobile_menus{
        display:block;
        cursor:pointer;
        z-index:9999;
    }

    .header_nav{
        display:none;
        width:100%;
        background:#fff;
        position:absolute;
        left:0;
        top:60px;
        z-index:9998;
        box-shadow:0 4px 12px rgba(0,0,0,.12);
    }

    .header_nav.mobile-open{
        display:block;
    }

    .header_nav .container{
        width:100%;
        padding:0;
    }

    .top_menu{
        width:100%;
    }

    .top_menu__items{
        display:flex;
        flex-wrap:wrap;
        padding:8px 10px;
        border-bottom:1px solid #eee;
        background:#fff;
    }

    .top_menu__items a{
        width:25%;
        height:38px;
        line-height:38px;
        text-align:center;
        color:#333;
        font-size:14px;
        display:block;
    }

    .header{
        position:relative;
        z-index:9999;
    }
}
@media screen and (max-width:768px){
    .header{
        width:100%!important;
        margin:0!important;
        padding:0!important;
        position:relative!important;
        background:#fff!important;
        z-index:9999!important;
    }

    .header_top{
        width:100%!important;
        height:52px!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        border-bottom:1px solid #eee!important;
    }

    .header_top .container{
        width:100%!important;
        max-width:100%!important;
        height:52px!important;
        margin:0!important;
        padding:0 14px!important;
        box-sizing:border-box!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
    }

    .logo{
        width:auto!important;
        height:52px!important;
        display:flex!important;
        align-items:center!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0!important;
    }

    .logo a{
        display:flex!important;
        align-items:center!important;
        height:52px!important;
    }

    .logo img{
        max-width:112px!important;
        height:auto!important;
        display:block!important;
    }

    .right_desc{
        flex:1!important;
        text-align:left!important;
        font-size:13px!important;
        line-height:52px!important;
        margin-left:10px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
    }

    .right_mobile_menus{
        width:34px!important;
        height:52px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex:0 0 34px!important;
        margin-left:8px!important;
        cursor:pointer!important;
    }

    .right_mobile_menus img{
        width:28px!important;
        height:28px!important;
        display:block!important;
    }

    .header_nav{
        top:52px!important;
        left:0!important;
        width:100%!important;
    }

    #top_hf{
        display:none!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
    }
}
@media screen and (max-width:768px){
    body{
        padding-top:0!important;
        margin-top:0!important;
    }

    #top_hf{
        display:none!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
    }

    .header{
        margin-top:0!important;
        padding-top:0!important;
        top:0!important;
    }

    .header_top{
        margin-top:0!important;
        padding-top:0!important;
    }

    .header_top .container{
        height:60px!important;
        display:flex!important;
        align-items:center!important;
    }

    .header_nav{
        top:60px!important;
    }
}