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

}

@media only screen and (max-width: 768px) {
    .banner,
    footer{
        height: auto !important;
    }
    footer{
        display: block;
    }
    .search-h{
        margin: 8px 15px;
        width: 90%
    }
    .search-h input[type="text"]{
        width: 80%;
        height: 40px;
    }
    .bottom1,
    .ft-li,
    .ft-text >img,
    .hy-title,
    .head-bot >ul{
        display: none;
    }
    .head-bot{
        margin-top: 5px;
    }
    .nav{
        float: none; 
        margin: 5px 0;
        position: inherit;
        height: 30px;
    }
    .nav .sort span:hover{
        font-size: auto;
        background: none;
    }
    .head-bot ul li{
        margin-left: 0;
    }
    .clearbox >ul{
        margin-left: 0;
    }
    .nav .sort span:first-child{
        border-right: 0;
    }
    .ft-text >div p{
        text-align: center;
    }
    .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;
    }

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

@media only screen and (max-width: 414px) {
    .head{
        height: auto;
    }
    .head-top,
    .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: 20%;
        overflow: hidden;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

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

    .red,
    .jiucuo{
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .head{
        height: auto;
    }
    .head-top,
    .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: 20%;
        overflow: hidden;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    
    .red,
    .jiucuo{
        display: none;
    }
}

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

@media only screen and (max-width: 320px) {
    .head{
        height: auto;
    }
    .head-top,
    .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: 20%;
        overflow: hidden;
    }
    .head-logo .left{
        float: none;
        width: 95%;
    }
    .head-logo .container{
        width: 100%;
        text-align: center;
    }

    
    .footer-text .left{
        width: 98%;
    }
    .red,
    .jiucuo{
        display: none;
    }
}