#block_23775.sscm_css{padding-top:50px;padding-bottom:50px; width:100%; overflow:auto;} #block_23775.sscm_css .content{width:1200px; margin:0 auto; overflow:auto;} #block_23775.sscm_css .honorlist {width:100%;} #block_23775.sscm_css .honorlist li{ margin-bottom:30px; margin-right:40px;  float:left;} #block_23775.sscm_css .honorlist li:nth-child(4n){margin-right:0px !important;} #block_23775.sscm_css .honorlist li a{width:270px; height:auto; padding:10px;display:block;float:left; border:1px solid #e6e6e6; } #block_23775.sscm_css .honorlist li a .honortitle{float:left; width:100%; display:block;background-color: #EEE;color: #555;} #block_23775.sscm_css .honorlist li a .spanimg{height:170px; text-align:center; overflow:hidden; display:block;float:left;width:100%;position:relative; } #block_23775.sscm_css .honorlist li a .spanimg img{height:auto; width:auto; max-height:100%; max-width:100%; display: inline-block;} #block_23775.sscm_css .honorlist li a .spanimg > div{ filter:alpha(opacity=0);  opacity:0; z-index:2; height:170px; left:0px; top:0px; background-color:rgba(0,0,0,0.4); transition: 0.2s ease-in-out; position: absolute; width:100%;} #block_23775.sscm_css .honorlist li a .spanimg > i.iconfont{ z-index:3;transition: 0.2s ease-in-out;  font-size:50px; top:100%; left:50%; transform: translate(-50%,0%); color:#fff;position: absolute;} #block_23775.sscm_css .honorlist li a:hover .spanimg > i.iconfont{ top:50%; transform:translate(-50%,-50%);   transition: 0.2s ease-in-out;  } #block_23775.sscm_css .honorlist li a .honortitle{ line-height:40px; height:40px; text-align:center; margin-top:10px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} #block_23775.sscm_css .honorlist li a:hover .spanimg div{filter:alpha(opacity=1) !important;  opacity: 1 !important; transition: 0.2s ease-in-out;} #block_23775.sscm_css .content .pages{margin-top:20px;} #block_23775.sscm_css .content .pages .pager{line-height:25px;}