.productlist{padding:58px 0; background:#ffffff;}
.productlist-content{display:block;}
.productlist-content>ul{margin:-8px -8px 0 -8px;}
.productlist-content>ul:after{display:block; content:''; clear:both}
.productlist-content>ul>li{float:left; width:25%; padding:0 8px; margin-top:8px;}
.productlist-content>ul>li>a{display:block; text-align:center;}
.productlist-content>ul>li>a>ins{display:block; overflow:hidden;}
.productlist-content>ul>li>a>ins>img{display:block; width:100%; transition:.3s;}
.productlist-content>ul>li>a>span{display:block; margin:0 18px; position:relative; top:-16px; transition:.3s; z-index:8; background:#f8f8f8; padding:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; font-size:20px;}
.productlist-content>ul>li>a:hover>ins>img{transform:scale(1.08);}
.productlist-content>ul>li>a:hover>span{top:0; margin:0; color:#fff; background:#505fb7;}
.productlist-content dir{padding:12px;}
@media(max-width:1200px){
.productlist{padding:38px 0;}
.productlist-content>ul>li{width:33.333%;}
}
@media(max-width:992px){
.productlist-content>ul>li{width:50%;}
}
@media(max-width:767px){
.productlist{padding:18px 0;}
.productlist-content{margin-top:18px;}
.productlist-content>ul{margin:0;}
.productlist-content>ul>li{padding:0 4px; margin-top:4px;}
.productlist-content>ul>li>a>span{margin:0 8px; top:-16px; padding:8px; font-size:18px;}
}
@media(max-width:500px){
.productlist-content>ul>li{width:100%;}
}