@charset "UTF-8";

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

    .content{
        width: 95%;
    }

}

@media screen and (max-width: 1200px){
    .content ul li div{
        height: 160px;
    }
}
@media screen and (max-width: 1024px){
    .content ul li div{
        height: 130px;
    }
}
@media screen and (max-width: 768px){
    .content ul li{
        width: 23.5%;
        margin-left:1.5% ;
    }
    .content ul li:nth-child(5n+1) {
        margin-left: 1.5%;
    }
    .content ul li:nth-child(4n+1) {
        margin-left: 1.5%;
    }
}
@media screen and (max-width: 425px){
    .honor{
        padding: 30px 0;
    }
    .title h3{
        font-size: 18px;
    }
    .title p{
        margin-bottom: 20px;
    }
    .content ul li{
        width: 49%;
        margin-left:2% ;
        margin-bottom: 20px;
    }
    .content ul li:nth-child(5n+1) {
        margin-left: 2%;
    }
    .content ul li:nth-child(4n+1) {
        margin-left: 2%;
    }
    .content ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    .honor .more{
        margin: 30px auto 0;
    }
}