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

}

@media only screen and (max-width: 768px) {
    .head{
        height: auto;
    }
    .search{
        display: none;
    }
    .container{
        width: 100%;
    }
    .footer-nav{
        display: none;
    }
    .head-logo img.right{
        display: none;
    }
    .head-nav ul{
        width: 100%;
    }
    .head-nav li{
        width: 20%;
    }
    .head-logo .left{
        float: none;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    
    .footer-text .left{
        width: 60%;
    }
}

@media only screen and (max-width: 414px) {
    .head{
        height: auto;
    }
    .head-top{
        height: 120px;
    }
    .head-top .left{
        width: 80%;
        margin: 0 10%;
    }
    .head-top .left img{
        width: 100%;
        margin-top: 30px;
    }
    .search{
        display: none;
    }
    .container{
        width: 100%;
    }
    .footer-nav{
        display: none;
    }
    .head-logo img.right{
        display: none;
    }
    .head-nav{
        height: auto;
    }
    .head-nav li a img{
        display: block;
        margin: 10px auto 0;
    }
    .head-nav li a span{
        font-size: 14px;
        line-height: 36px;
    }
    .head-nav ul{
        width: 100%;
    }
    .head-nav li a{
        overflow: hidden;
    }
    .head-nav li{
        width: 33.3%;
        overflow: hidden;
        height: 65px;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    .footer-top{
        display: none;
    }
    .footer-text .left{
        width: 98%;
    }

    .red{
        margin: 0 80px;
    }
    .jiucuo{
        margin: 0 10px;
    }
    .footer-box{
        text-align: center;
        margin: 10px;
    }
    .footer-box p:first-child{
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .head{
        height: auto;
    }
    .search{
        display: none;
    }
    .container{
        width: 100%;
    }
    .footer-nav{
        display: none;
    }
    .head-logo img.right{
        display: none;
    }
    .head-nav{
        height: auto;
    }
    .head-nav li a img{
        display: block;
        margin: 10px auto 0;
    }
    .head-nav li a span{
        font-size: 14px;
        line-height: 36px;
    }
    .head-nav ul{
        width: 100%;
    }
    .head-nav li a{
        overflow: hidden;
    }
    .head-nav li{
        width: 33.3%;
        overflow: hidden;
        height: 65px;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    
    .red {
        margin: 0 77px;
    }
}

@media only screen and (max-width: 320px) {
    .head{
        height: auto;
    }
    .search{
        display: none;
    }
    .container{
        width: 100%;
    }
    .footer-nav{
        display: none;
    }
    .head-logo img.right{
        display: none;
    }
    .head-nav{
        height: auto;
    }
    .head-nav li a img{
        display: block;
        margin: 10px auto 0;
    }
    .head-nav li a span{
        font-size: 14px;
        line-height: 36px;
    }
    .head-nav ul{
        width: 100%;
    }
    .head-nav li a{
        overflow: hidden;
    }
    .head-nav li{
        width: 33.3%;
        overflow: hidden;
        height: 65px;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    
    .footer-text .left{
        width: 98%;
    }
    .red {
        margin: 0 55px;
    }
}