.logo_div{width:17%}
.menu_div{width: 53%}

@media (min-width:1200px){
    .logo{
        height:79px;
        width:181px;
    }
    .nav_ul_phone,.nav_li_phone{
        width: 115px;
        font-size:11px;
    }
    .nav_a_phone{
        text-align: center;
    }
    .menu_div ul li{
        font-size:11px;
    }
    .menu_div ul li a{
        padding-left: 10px;
        padding-right: 10px;
    }
    .caret_phone{
        display: none;
    }
}
@media (min-width:992px) and (max-width:1199px){
        /*调整菜单栏宽度*/
    .logo{
        height:79px;
        width:109px;
    }
    .menu_div{
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
        width: 535px;
    }
    .nav_ul_phone,.nav_li_phone{
        width: 115px;
        font-size:11px;
    }
    .nav_a_phone{
        text-align: center;
    }
    .menu_div ul li{
        font-size:11px;
    }
    .menu_div ul li a{
        padding-left: 5px;
        padding-right: 5px;
    }
    .caret_phone{
        display: none;
    }
}
@media (min-width:768px) and (max-width:991px){
    .logo{
        height:79px;
        width:109px;
    }
    .nav_ul_phone,.nav_li_phone{
        width: 115px;
        font-size:11px;
    }
    .nav_a_phone{
        text-align: center;
    }

    /*隐藏搜索框，导航栏保持在一行*/
    .search_phone{
        display: none;
    }
    .menu_div{
        width: 100%;
        margin-bottom: 20px;
    }
    .caret_phone{
        display: none;
    }

}

@media (min-width:380px) and (max-width: 767px){
    .logo{
        height:79px;
        width:109px;
    }
    .menu_div ul li{
        font-size:9px;
        text-align: center;
    }

    .nav_caret_phone{
        display: none;
    }
    .nav_li_phone{
        width: 20%;
    }
}
@media (min-width:321px) and  (max-width: 379px){
    .logo{
        height:79px;
        width:109px;
    }
    .menu_div{
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }
    .menu_div ul li{
        font-size:9px;
        text-align: center;
    }
    .menu_div ul li a{
        padding-left: 0px;
        padding-right: 0px;
    }
    .nav_caret_phone{
        display: none;
    }
    .nav_li_phone{
        width: 20%;
    }

}
@media (max-width: 320px){
    .logo{
        height:79px;
        width:109px;
    }
    .menu_div{
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }
    .menu_div ul li{
        font-size:9px;
        text-align: center;
    }
    .menu_div ul li a{
        padding-left: 0px;
        padding-right: 0px;
    }
    .nav_caret_phone{
        display: none;
    }
    .nav_li_phone{
        width: 20%;
    }

}


    @media screen and (max-width: 991px){
        .menu_div {

            width: 78% !important;
                margin-top: 21px;
        }
    }

    @media screen and (max-width: 767px){
        .menu_div {

            width: 85% !important;
                margin-top: 21px;
        }
    }

    @media screen and (max-width: 414px){

        .menu_div {
            margin-left: 0px;
            width: 100% !important;
                margin-top: 21px;
        }
    }

    @media screen and (max-width: 375px){

        .menu_div {
            margin-left: 0px;
            width: 100% !important;
                margin-top: 21px;
        }
    }