.imagelist{padding:58px 0; background:;}
.imagelist-content{margin:-28px -14px 0 -14px;}
.imagelist-content:after{display:block; content:''; clear:both;}
.imagelist-item{float:left; width:33.33%; padding:0 14px; margin-top:28px;}
.imagelist-item a{position:relative; display:block; overflow:hidden;}
.imagelist-item a span{position:absolute; z-index:8; top:0; left:0; right:0; bottom:0; padding:0 38px; text-align:center; color:#fff; background:rgba(0,0,0,0.38);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.imagelist-item a span h3{font-size:28px; line-height:28px; transition:.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.imagelist-item a span h3:after{display:block; width:68px; height:2px; content:''; margin:18px auto 0 auto; background:#fc6b00;}
.imagelist-item a span p{transition:.3s; overflow:hidden; margin:38px 0; height:140px;}
.imagelist-item a span u{transition:.3s; transition:.3s; font-style:normal; text-decoration:none; padding:9px 18px; border-radius:3px; border:1px solid #fc6b00; background:#fc6b00;}
.imagelist-item a span u i{padding-left:8px;}
.imagelist-item a img{display:block; width:100%; transition:.3s;}
.imagelist-item a:hover img{transform:scale(1.08);}
.imagelist-item a:hover span{background:rgba(0,0,0,0.8);}
.imagelist-item a span u:hover{color:#fff; background:none; border:1px dashed #fff; }
.imagelist dir{padding:28px 0 0;}
@media(max-width:1200px){
.imagelist{padding:38px 0;}
.imagelist-content{margin:-18px -8px 0 -8px;}
.imagelist-item{padding:0 8px; margin-top:18px;}
}
@media(max-width:992px){
.imagelist-item{width:50%;}
}
@media(max-width:767px){
.imagelist{padding:18px 0;}
.imagelist-item a span{padding:0 18px;}
.imagelist-item a span h3{font-size:22px;}
.imagelist dir{padding:18px 0 0;}
}
@media(max-width:640px){
.imagelist-item{width:100%;}
.imagelist-content{margin:0;}
}