.productlist{padding:60px 0;}

.pl>aside{display: block; font-size: 18px; margin-bottom: 60px; color:#686868;}
.pl>div{overflow:hidden;}
.pl>div>ul{display: block; margin: 0 -25px;}
.pl>div>ul>li{float: left; width: 25%; padding:0 25px; margin-bottom:40px;}
.pl>div>ul>li>a{display: block; position: relative; background: #fff;}
.pl>div>ul>li>a>ins{display: block; overflow: hidden;}
.pl>div>ul>li>a>ins>img{display: block; width: 100%; transition: .3s;}
.pl>div>ul>li>a:hover>ins>img{transform: scale(1.05);}
.pl>div>ul>li>a>h3{padding:10px 20px; font-size:16px; font-weight: normal; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background: #f8f8f8; color:#181818;}
@media(max-width:1600px){
.pl>aside{font-size: 17px;}
.pl>div>ul{margin: 0 -20px;}
.pl>div>ul>li{padding:0 20px; margin-bottom:30px;}
}
@media(max-width:1199px){
.productlist{padding:40px 0;}
.pl>aside{font-size: 16px; margin-bottom:40px;}
.pl>div>ul{margin: 0 -9px;}
.pl>div>ul>li{padding:0 9px; margin-bottom:15px;}
.pl>div>ul>li>a>h3{font-size: 15px;}
}
@media(max-width:992px){
.pl>div>ul>li{width: 33.333%;}
}
@media(max-width:767px){
.productlist{padding:20px 0;}
.pl>aside{font-size: 14px; margin-bottom:20px;}
.pl>div>ul{margin: 0 -4px;}
.pl>div>ul>li{padding:0 4px; margin-bottom:8px; width:50%;}
.pl>div>ul>li>a>h3{font-size: 14px; padding:4px 8px;}
}