.productlist{padding:60rem 0;}
.productlist-list{float:left; width:75%; padding:0 40rem 0 0;}
.productlist.left .productlist-list{float:right; padding:0 0 0 40rem;}
.productlist-content{background:#fff; }
.productlist-content ul{margin:0 -10rem;}
.productlist-content ul:after{display:block; content:''; clear:both;}
.productlist-content ul>li{float:left; width:33.3333%; padding:0 10rem; margin-bottom:15rem;}
.productlist-content ul>li>a{display:block;}
.productlist-content ul>li>a>ins{display:block; overflow:hidden; border-radius:10rem;}
.productlist-content ul>li>a>ins>img{width:100%; display:block; transition:.3s;}
.productlist-content ul>li>a>h3{text-align:center; padding:5rem 15rem; border-radius:3rem; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-content ul>li>a:hover>ins>img{transform:scale(1.08); box-shadow:0 0 8rem rgba(0,0,0,.38);}
.productlist-sub{float:left; width:25%;}
.productlist-recom ul{padding:8rem;}
.productlist-recom ul:after{display:block; content:''; clear:both;}
.productlist-recom ul>li{float:left; width:50%; padding:8rem;}
.productlist-recom ul>li>a{display:block;}
.productlist-recom ul>li>a>ins{display:block; overflow:hidden;}
.productlist-recom ul>li>a>ins>img{display:block; width:100%; transition:.3s;}
.productlist-recom ul>li>a:hover>ins>img{transform:scale(1.08);}
.productlist-recom ul>li>a>span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; background:#f8f8f8; padding:3rem; border-radius:3rem; margin-top:3rem;}
@media(max-width:1200px){
.productlist{padding:40rem 0;}
.productlist-list,
.productlist.left .productlist-list{float:none; width:auto; padding:0 0 20rem 0;}
.productlist-sub{float:none; width:auto;}
}
@media(max-width:1200px) and (min-width:992px){
.productlist-recom ul>li{width:25%;}
}
@media(max-width:992px){
.productlist-content ul>li{width:50%;}
}
@media(max-width:767px){
.productlist{padding:15rem 0;}
.productlist-content{padding:5rem;}
.productlist-content ul>li{padding:5rem; margin-bottom:0;}
.productlist-content ul>li>a>h3{padding:0; font-size:14rem;}
}