@CHARSET "UTF-8";
#wst-slide .wst-slide-itemswrap,#wst-slide .wst-slide-items,#wst-slide .wst-slide-items li{height:800px;overflow:hidden}
.wst-slide-controls{position:absolute;width:200px;text-align:right;top:-40px;right:50%}
.wst-slide-controls span{width:12px;height:12px;display:inline-block;border-radius:50%;background-color:rgba(255,255,255,0.45);cursor:pointer;margin:0 5px;vertical-align:middle;transition:background-color .2s}
.wst-slide-controls span:hover{background-color:rgba(255,255,255,0.75)}
.wst-slide-controls .curr{background-color:rgba(255,255,255,0.95)}
.wst-slide{position:relative;top:2px}
.wst-slide-items{}

/* 轮播全宽 */
#wst-slide { width: 100%; position: relative; top: 0; overflow: visible; }
.wst-slide-items { width: 100%; }
#wst-slide .wst-slide-items li { background-size: contain !important; background-color: #f5f5f5; }

/* 轮播控制点底部居中 */
.wst-slide-controls {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  top: auto !important;
  bottom: 15px !important;
  width: auto !important;
}

/* 轮播左右切换按钮：圆形灰色透明底 */
.slide-prev,.slide-next{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.35);z-index:6;cursor:pointer;transition:background-color .2s}
.slide-prev{left:40px}
.slide-next{right:40px}
.slide-prev:hover,.slide-next:hover{background:rgba(0,0,0,0.55)}
.slide-prev:after,.slide-next:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff}
.slide-prev:after{margin-top:-6px;margin-left:-4px;transform:rotate(-135deg)}
.slide-next:after{margin-top:-6px;margin-left:-8px;transform:rotate(45deg)}

/* ========== 新版首页：分类导航 ========== */
.cat_nav_out{width:1200px;margin:30px auto 0;padding:20px 0 10px;box-sizing:border-box}
.cn_tit{font-size:26px;color:#2F2F2F;letter-spacing:2px;margin-bottom:50px;text-align:center;font-weight:bold}
.cn_grid{display:flex;flex-wrap:wrap}
.cn_item{width:16.666%;box-sizing:border-box;text-align:center;padding:10px 0 18px}
.cn_item a{display:block}
.cn_item img{width:72px;height:72px;margin:0 auto;transition:transform .3s ease}
.cn_item a:hover img{transform:scale(1.15)}
.cn_name{font-size:14px;color:#333;margin-top:8px}
.cn_item a:hover .cn_name{color:#df2002}

/* ========== 新版首页：厂家推荐 ========== */
.factory_out{width:1200px;margin:60px auto 30px;padding:20px;box-sizing:border-box}
.ft_tit{font-size:26px;color:#2F2F2F;letter-spacing:2px;margin-bottom:50px;text-align:center;font-weight:bold}
.ft_grid{display:flex;flex-wrap:wrap}
.ft_card{width:33.333%;box-sizing:border-box;padding:0 8px;margin-bottom:15px}
.ft_card a{display:block;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease}
.ft_card a:hover{box-shadow:0 0 10px rgba(0,0,0,.12)}
.ft_img{height:220px;overflow:hidden;background:#f4f4f4}
.ft_img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.ft_card a:hover .ft_img img{transform:scale(1.05)}
.ft_name{height:42px;line-height:42px;text-align:center;font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.ft_more{text-align:center;padding:10px 0 15px}
.ft_more_btn{display:inline-block;padding:8px 46px;border:1px solid #e13335;border-radius:20px;color:#e13335;font-size:14px;transition:all .2s}
.ft_more_btn:hover{background:#e13335;color:#fff}

/* ========== 右侧悬浮客服 ========== */
.kefu-float{position:fixed;right:12px;top:42%;z-index:999;display:flex;align-items:flex-start}
.kefu-btn{display:block;cursor:pointer}
.kefu-btn img{width:52px;height:auto;display:block}
.kefu-qrcode{display:none;margin-right:8px}
.kefu-qrcode img{width:170px;height:auto;display:block}
.kefu-float.open .kefu-qrcode{display:block}