@media screen and (max-width: 1590px) {@media screen and (max-width: 1590px) {
    .top_menu{
        padding: 0 15px;
        box-sizing: border-box;
    }
}
    .top_menu{
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 700px) {
    .menu_pop_box{
        display: none;
    }
    
    .header{
        height: 180px;
        position: relative;
        margin-top: 40px;
    }

    .top_menu{
        padding:0;
        height:40px;
    }

    .top_left{
        display: none;
    }

    .top_right{
        float: none;
    }

    .top_right > li{
        float: left;
        width: calc(100% / 6);
        text-align: center;
        line-height: 40px;
        font-size: 10px;
    }

    .top_right a{
        margin-left: 0px;
    }

    .logo{
        height:140px;
        padding: 0;
        position: relative;
    }

    .logo a{
        width: 100px;
        height: 45px;
        background: url(../img/logo.png) no-repeat center / contain;
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
    }

    .menu{
        height:40px;
        border-top: 1px solid rgb(177, 177, 177);
        border-bottom: 1px solid rgb(177, 177, 177);
    }


    .menu_ac{
        top:40px;
    }

    .menu_ul{
        line-height: 40px;
    }

    .menu_li{
        width:calc(100% / 5);
        padding: 0;
        display: block;
        float: left;
        font-size: 12px;
        border-left: 1px solid rgb(177, 177, 177);
        box-sizing: border-box;
        color: #222;
    }

    .menu_li:nth-child(2){
        border-left:none;
    }

    .menu_li:first-child,
    .menu_li:last-child{
        display:none;
    }
    

    .hambuger{
        width:25px;
        height:20px;
        position: absolute;
        right:20px;
        top:50%;
        transform: translateY(-50%);
    }

    .ham_line{
        width: 100%;
        height:3px;
        background-color: #686868;
        margin-bottom: 5px;
    }

    .m_search img{
        width: 20px;
        position: absolute;
        left:20px;
        top:50%;
        transform: translateY(-50%);
        display: block;
    }

    .mobile_menu{
        width:100%;
        height: 100vh;
        background-color: #fff;

        display: block;

        position: fixed;
        left:100%;
        top:0;
        z-index: 99999999;
    }

    /* .login{
        border-bottom: 1px solid #ccc;
    } */

    .login{
        width:100%;
        height:60px;
        background-color: #412520;
        font-size: 13px;
        color:#fff;
        line-height: 60px;
        padding-left: 15px;
        box-sizing: border-box;
        position: relative;
    }

    .btn_close{
        width: 4%;
        
        position: absolute;
        right:34%;
        top:50%;
        transform: translateY(-50%);

    }

    .m_menu{
        line-height: 60px;
        height: 60px;
        overflow: hidden;
        transition: all 0.3s;
    }
    .m_menu_ul{
        width:100%;
        height:60px;
    }

    .m_menu_li{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: #eaeae8;
        padding-left: 15px;
        box-sizing: border-box;
        font-size: 14px;
    }


    .m_menu_li_in{
        border-bottom: 1px solid #ccc;
        padding-left: 15px;
        box-sizing: border-box;
        font-size: 13px;
        color: rgb(82, 82, 82);
    }

    .icon_box{
        overflow: hidden;
        margin:35px 0;
    }

    .i_box{
        width: calc(70% / 3);
        height:60px;
        /* background-color: green; */
        float: left;
        text-align: center;
        box-sizing: border-box;
        border-left: 1px solid #ccc;
    }

    .i_box > img{
        width:26%;
    }

    .icon_txt{
        font-size: 13px;
        color: rgb(58, 58, 58);
        font-weight: 600;
    }

    .black_pan{
        width:100%;
        height:100vh;
        background-color: rgba(0,0,0, 0.5);
        position: absolute;
        left:0;
        top:0;
        z-index: 999999;
        display: none;
    }





}



@media screen and (max-width: 564px) {

    .footer{
        height:890px;
        padding: 430px 10px 0 ;
    }

    .f_info,.f_copy{
        font-size: 10px;
        line-height: 28px;
        margin-top: 30px;
    }

    .f_copy{
        margin-top: 5px;
    }
}









