#honor { margin:20px auto 0; width:1000px; }
#honor li { float:left; width:24%; margin:0 0.5% 10px; height:auto; }
#honor li img { width:100%; height:auto; }
#honor li a { float:left; width:100%; height:auto; }
#honor li a:hover { float:left; width:100%; height:auto; }

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

#honor { margin:20px 8px 0; width:auto; }

}

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

#honor li { width:32%; }

}

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

#honor li { width:48%; margin:0 1% 10px; }

}