@charset "utf-8";
/* CSS Document */

#honor{margin: 0 auto; padding: 50px 0;}
#honor .lists>ul>li{width:33.33%; height:320px; border:1px solid #ddd; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;background-color: #fff;}
#honor .lists>ul>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#honor .lists>ul>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;}
#honor .lists>ul>li>a>.img>img{max-width:90%;max-height:100%;}
#honor .lists>ul>li>a>.tit{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
#honor .lists>ul>li>a:after{ position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url("../img/icon-zoom.png") no-repeat; background-position:50% -50%; content:''; transition:all .35s;}
#honor .lists>ul>li>a:hover:after{background:rgba(0,0,0,.7) url("../img/icon-zoom.png") no-repeat;background-position:50% 50%;}