@media screen and (max-width:1130px){
    .nav-bar,.newsBox{
        width:860px;
    }
    .function ul,.classify,.searchDiv{
        width: 960px;
    }
}
@media screen and (max-width:960px){
    .function ul,.classify,.searchDiv{
        width:860px;
    }
}
@media screen and (max-width:860px){
    .nav-bar,.newsBox,.function ul,.classify,.searchDiv{
        width:auto;
        padding:0 20px;

    }
    .speaker{
        left:10px;
    }
}
@media screen and (max-width:680px){
    .function ul li dl dd{
        font-size: 14px;
    }
    .footerImg img{
        width:150px;
    }
}
@media screen and (max-width:580px){
    .broadcast{
        height:30px;
    }
    .BroadcastNews li {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .speaker{
        width:20px;
        height:20px;
        left:15px;
        top: 5px;
    }
    .loading-1 i{
        width:20px;
        height:20px;

    }
    .loading-1 span{
        vertical-align: 2px;
        padding-left:10px;
    }
    .loading-7 i{width:10px;height:10px;border-radius:50%;}

    .footerImg img{
        width:120px;
    }
    .ClassifyBox{
        margin-bottom:20px;
    }

}
@media screen and (max-width:480px){
    .city ul li dl dd{
        width:260px;
    }
    .function ul li dl dd{
        font-size:13px;
    }

    .function ul{
        padding:0 10px;
    }
    .weatherImg{
        width:30px;
        height:30px;
        margin-top:12px;
    }
    .nav-word{
        font-size:12px;
    }
    .weatherWord{
        padding-top: 12px;
    }
    .sjCity{
        padding-top:5px;
    }
    .nav-bar{
        padding:0 5px;
    }
    .logoBox{
        width:210px;
    }
    .CityLogo{
        width:65px;
        padding-top:12px;
    }
    .Classifyp{
        font-size: 12px;
    }

    .footerImg img{
        width:100px;
    }
    .footer p{
        font-size:12px!important;
    }
    .ClassifyBox{
        margin-bottom:5px;
        margin-top:5px;
    }
    .searchDiv{
        padding:0 10px;
    }
    .SqSpan,.ZkSpan{
        font-size:12px;
    }
    .slide {
        width: 90%;
    }
}
@media screen and (max-width:350px){
    .city ul li dl dd{
        width:200px;
    }
    .function ul li dl dd{
        font-size:12px;
    }
    .function ul li dl dt img{
        width:32px;
    }
    .function ul{
        padding:0 5px;
    }

    .footerImg img{
        width:100px;
    }

    .slide {
        width: 80%;
    }
}
@media screen and (max-width:315px){
    .logoBox {
        width: 175px;
    }
    .CityLogo {
        width: 55px;
        padding-top: 15px;
    }
    .city ul li dl dd{
        width:200px;
    }
}