.honor-list{width:100%; margin: 0.3rem 0;}
.honor-list li{ float:left; width:24%;background:#f5f5f5;margin: 0 0.5% 1% 0.5%;}
.honor-list li .thumb{
    width: 100%;
    height: 0;
    padding-top: 67.15%;
    overflow: hidden;
    position: relative;
}
.honor-list li .thumb .pic{ 
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
}
.honor-list li .thumb .pic img { 
    max-width: 100%;
    max-height: 100%;
}
.honor-list li .item{ padding:5%;}
.honor-list li .item h3{font-size:16px; color:#55504f;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/*以下代码是自适应样式*/

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

@media screen and (max-width:1178px){
.honor-list li{width:49.5%;margin: 0 0.25% 1% 0.25%;}
}


@media screen and (max-width:800px){
.honor-list li{width:48%;margin:1%;}
.honor-list li .item h3{font-size:13px;}
}