@charset "UTF-8";

@media screen and (max-width: 1470px){
    .honor .content{
        width: 95%;
    }
}


@media screen and (max-width: 1470px){
    .honor .content{
        width: 90%;
    }
  /*  .honor .content ul li{
        width: 32%;
        margin-left: 2%;
    }
    .honor .content ul li:nth-child(4n+1){
        margin-left: 2%;
    }
    .honor .content ul li:nth-child(3n+1){
        margin-left: 0;
    }*/
}

@media screen and (max-width: 1000px){
    .honor .content ul li{
        width: 49%;
        margin-left: 2%;
    }
    .honor .content ul li:nth-child(4n+1){
        margin-left: 2%;
    }
    .honor .content ul li:nth-child(2n+1){
        margin-left: 0;
    }
}

@media screen and (max-width: 640px){
    .honor .nav div + div{
        margin-left: 5px;
    }
    .honor .nav div a{
        padding: 5px 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 425px){
    .honor .content{
        width: 95%;
    }
    .honor .nav div a{
        padding: 5px 10px;
    }
    .honor{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .honor .content{
        margin: 30px auto 0;
    }
    .honor .content ul li{
        margin-bottom: 20px;
    }
    .honor .content ul li div{
        margin-bottom: 15px;
        padding: 5px 8px;
    }
    .honor .content ul li p{
        font-size: 14px;
    }
}

@media screen and (max-width: 350px){
    .honor .nav div a{
        padding: 5px 5px;
    }
}