/* ===== 产品列表页 ===== */
.aside{float:left;width:300px}
.main{position:relative;width:calc(100% - 330px);float:right}
.side-tit-bar{position:relative;margin:0 0 20px}
.side-tit{font-size:16px;line-height:46px;color:#FFF;padding:0 18px;background:#333;text-transform:uppercase;letter-spacing:1px}
.side-cate li{position:relative;line-height:44px;background:#f3f3f3;border-bottom:1px solid #fff}
.side-cate li+li{border-top:1px solid #e6e6e6}
.side-cate li a{position:relative;display:block;padding:0 18px;color:#555;font-size:14px}
.side-cate li a:hover,.side-cate li.nav-current a{color:#d33}
.side-cate li.nav-current a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#d33}
.items_list .product_item figure{border:1px solid #eee;padding:4px;margin:0;background:#fff;transition:box-shadow .3s,transform .3s}
.items_list .product_item figure:hover{box-shadow:0 10px 30px rgba(0,0,0,.12);transform:translateY(-4px)}
.items_list .product_item .item_img{border:none}
/* 产品列表卡片：保留完整图片不做裁切。
   缩略图尺寸不一(横图 1.5 / 竖图 0.27)，固定裁切比例会导致显示不完整。
   用固定高度 + object-fit:contain 保证整图可见、居中。 */
.items_list .product_item .item_img{height:280px;overflow:hidden;background:#fafafa}
.items_list .product_item .item_img a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.items_list .product_item .item_img img{width:100%;height:100%;object-fit:contain;object-position:center}
.items_list .product_item .item_title{position:static;opacity:1;transform:none;background:none;color:#333;min-height:2.2em}
.items_list .product_item .item_title a{max-width:100%;height:auto;color:#333;text-align:center}
.items_list .product_item .item_title a:hover{color:#d33}
@media(max-width:991px){
  .aside{display:none}
  .main{width:100%;float:none}
}
@media(max-width:480px){
  .items_list .product_item .item_img{height:200px}
}