/* ============================================================
   Dshow Machinery 参考站 1:1 还原（正文部分）
   布局/间距/动效/懒加载按参考还原；配色为全新品牌色；
   图片统一为缺省占位块。
   ============================================================ */

:root{
  /* —— 全新配色（参考为 orangepassion 橙，此处替换） —— */
  --color:#029834;            /* 主色：绿 */
  --color2:#E11A03;           /* 辅助色：红 */
  --color-soft:rgba(2,152,52,.10);
  --color-grad-start:#029834;
  --color-grad-end:#2aa75c;
  --fontcolor:#1A1A1A;
  --summarycolor:#555555;
  --border:5px;
  --fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;
  --fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;
  --fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;
  --fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;
  --fontsize30:30px;--fontsize32:32px;--fontsize36:36px;--fontsize40:40px;
  --fontsize48:48px;
  --fontfamily:"Roboto","Lato","Open Sans","Poppins","Oswald","Noto Sans","Montserrat","sans-serif";
  --gray:#f2f6f9;
  --line:#e5e5e5;
}

.line1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.line5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fontfamily);color:var(--fontcolor);background:#fff;font-size:14px;line-height:1.6}
img{max-width:100%;border:0;display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold6)}

.l-wrap{width:100%;max-width:1650px;padding:0 70px;margin:0 auto}

/* ---------- 懒加载占位（缺省图片状态 + 懒加载动画） ---------- */
img.lazy{opacity:0}
.lazy-wrap{display:block;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray)}
.lazy-wrap .lazy-load{position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;border:2px solid var(--color);border-top-color:transparent;border-bottom-color:transparent;transform:translate(-50%,-50%);animation:arrow-circle infinite .75s linear;z-index:3}
.lazy-wrap .lazy-load:after,.lazy-wrap .lazy-load:before{position:absolute;top:18px;left:-2px;border-top:5px solid var(--color);border-right:5px solid transparent;border-left:5px solid transparent;content:"";transform:rotate(-30deg)}
.lazy-wrap .lazy-load:after{top:-2px;left:13.5px;transform:rotate(150deg)}
@keyframes arrow-circle{to{transform:translate(-50%,-50%) rotate(360deg)}}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
/* 缺省占位图：灰底 + 居中图标 */
.lazy-wrap .img-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a9b4bd;background:linear-gradient(135deg,#eef2f5 0%,#e6ebf0 100%);opacity:0;transition:opacity .6s ease}
.lazy-wrap .img-ph .ph-ic{width:36px;height:36px;opacity:.55}
.lazy-wrap .img-ph .ph-tx{font-size:12px;letter-spacing:.5px;color:#9aa6b2}
.lazy-wrap.lazy-loaded .img-ph{opacity:1}

/* ---------- 通用标题/按钮 ---------- */
.title{text-transform:capitalize}
.common-page{width:100%;background-color:#f6f6f6;display:flex;justify-content:center;align-items:center;padding:10px 0;gap:10px;margin-bottom:20px;border-radius:var(--border)}
.common-page>*{background-color:#fff;box-shadow:0 0 9px 0 rgba(0,0,0,.14);display:flex;justify-content:center;align-items:center;transition:all .2s linear;padding:4px 14px;border-radius:var(--border)}
.common-page a:hover{background-color:var(--color);color:#fff}
.common-page>.ctxt{background-color:var(--color);color:#fff}

/* ---------- 面包屑 banner ---------- */
.crumbs .banner-img{width:100%;}
.crumbs .banner-content{background-color:#EEEEEE;padding:6px 0}
.crumbs .banner-content .l-wrap{display:flex;align-items:center;justify-content:space-between}
.crumbs .banner-content .banner-title-h1{font-size:20px;text-transform:capitalize;font-weight:var(--fontbold5)}
.crumbs .banner-content .banner-breadcrumbs{font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.crumbs .banner-content .banner-breadcrumbs em{color:var(--color);margin-right:2px}
.crumbs .banner-content .banner-breadcrumbs a{transition:all .1s linear;text-transform:capitalize}
.crumbs .banner-content .banner-breadcrumbs a:hover{color:var(--color)}
.crumbs .banner-content .banner-breadcrumbs .sep{color:#999;margin:0 4px}
/* Send Inquiry 流动渐变按钮 */
.wmkcinquirybtn{position:relative;cursor:pointer;background:var(--color);border-radius:20px;padding:0 15px;color:#fff;overflow:hidden;z-index:1;font-size:var(--fontsize14);height:32px;display:inline-flex;align-items:center;margin-left:20px;transition:color .2s}
.wmkcinquirybtn::before{z-index:-1;content:'';position:absolute;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);--s:rgba(255,255,255,.18);background-image:linear-gradient(to right,var(--color) 0,var(--color) 3.33%,var(--s) 3.33%,var(--s) 6.66%,var(--color) 6.66%,var(--color) 10%,var(--s) 10%,var(--s) 13.33%,var(--color) 13.33%,var(--color) 16.66%,var(--s) 16.66%,var(--s) 20%,var(--color) 20%,var(--color) 23.33%,var(--s) 23.33%,var(--s) 26.66%,var(--color) 26.66%,var(--color) 30%,var(--s) 30%,var(--s) 33.33%,var(--color) 33.33%,var(--color) 36.66%,var(--s) 36.66%,var(--s) 40%,var(--color) 40%,var(--color) 43.33%,var(--s) 43.33%,var(--s) 46.66%,var(--color) 46.66%,var(--color) 50%,var(--s) 50%,var(--s) 53.33%,var(--color) 53.33%,var(--color) 56.66%,var(--s) 56.66%,var(--s) 60%,var(--color) 60%,var(--color) 63.33%,var(--s) 63.33%,var(--s) 66.66%,var(--color) 66.66%,var(--color) 70%,var(--s) 70%,var(--s) 73.33%,var(--color) 73.33%,var(--color) 76.66%,var(--s) 76.66%,var(--s) 80%,var(--color) 80%,var(--color) 83.33%,var(--s) 83.33%,var(--s) 86.66%,var(--color) 86.66%,var(--color) 90%,var(--s) 90%,var(--s) 93.33%,var(--color) 93.33%,var(--color) 96.66%,var(--s) 96.66%,var(--s) 100%)}
.wmkcinquirybtn:hover::before{animation:slideGradient 3s linear infinite}
@keyframes slideGradient{to{transform:translateX(-33.33%)}}

/* ---------- 正文主体布局 ---------- */
.common-main{box-sizing:border-box;padding:50px 0}
.page-container{display:flex}
.page-container.product .sidebar{flex-shrink:0}
.page-container.product .right-wrap{flex:1;min-width:0}
/* 左侧栏 */
.sidebar{width:340px;margin-right:50px}
.sidebar .mod{background-color:#fff;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);box-sizing:border-box;padding:20px;margin-bottom:20px;border-radius:var(--border)}
.sidebar .mod .title p{font-size:24px;color:var(--fontcolor);font-weight:var(--fontbold5);margin:0;text-transform:capitalize}
.sidebar .mod .title{position:relative;padding-bottom:14px;margin-bottom:8px}
.sidebar .mod .title::after{content:"";display:inline-block;width:83px;height:3px;background-color:var(--color)}
.sidebar .mod ul{padding:0}
/* 分类导航 */
.sidebar .categories ul li{margin:4px 0;background-color:var(--gray)}
.sidebar .categories>ul>li>a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:12px;padding-right:40px;transition:all .2s linear;position:relative}
.sidebar .categories>ul>li>a em{position:absolute;right:10px;font-style:normal;transition:transform .2s linear;font-size:12px;color:#888}
.sidebar .categories ul li a.act{background-color:var(--color);color:#fff}
.sidebar .categories ul li a.act em{color:#fff;transform:rotate(90deg)}
.sidebar .mod ul li:hover>a{background-color:var(--color);color:#fff}
.sidebar .mod ul li:hover>a em{color:#fff}
.sidebar .categories .sub-menu li{margin:0}
.sidebar .categories .sub-menu{display:none;background:#fff}
.sidebar .categories .menu-item.active .sub-menu{display:block}
.sidebar .categories .sub-menu a{display:inline-block;width:100%;box-sizing:border-box;padding:10px 20px;color:var(--summarycolor);transition:all .2s linear}
.sidebar .categories .sub-menu a:hover{color:var(--color);background-color:#fff}
/* 侧边栏热销产品 */
.sidebar .products ul li{margin:10px 0;border-radius:var(--border);overflow:hidden}
.sidebar .products ul li>div{display:flex;align-items:center;background-color:var(--gray)}
.sidebar .products ul li>div .img{width:110px;border-radius:var(--border);overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0;height:110px;flex-shrink:0}
.sidebar .products ul li .img img{width:100%;transform:scale(1);transition:all .2s linear}
.sidebar .products ul li .text{flex:1;margin:0 10px;box-sizing:border-box;padding:0 10px}
.sidebar .products ul li div div{display:inline-flex;flex:1}
.sidebar .products ul li .text p{font-size:14px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:all .2s linear}
.sidebar .products ul li:hover .img img{transform:scale(1.03)}
.sidebar .products ul li:hover .text p{color:var(--color)}
/* 侧边栏留言表单 */
.inquiry .inquiry-wrap .title p{font-size:24px;color:var(--fontcolor);font-weight:var(--fontbold5);margin:0}
.inquiry .inquiry-wrap .title{position:relative;padding-bottom:14px;margin-bottom:14px}
.inquiry .inquiry-wrap .title::after{content:"";display:inline-block;width:83px;height:3px;background-color:var(--color)}
.wmkcfeedback .send-inquiry .inquiry-form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0;margin:0}
.wmkcfeedback .send-inquiry .inquiry-form input,.wmkcfeedback .send-inquiry .inquiry-form textarea{width:calc(50% - 6px);box-sizing:border-box;height:46px;margin:0 0 12px;padding:0 14px;border:1px solid #e2e8ef;background:#fafcfe;border-radius:var(--border);font-size:14px;line-height:1.5;font-family:inherit;color:var(--fontcolor);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.wmkcfeedback .send-inquiry .inquiry-form input:last-of-type:nth-of-type(odd){width:100%}
.wmkcfeedback .send-inquiry .inquiry-form textarea{width:100%;height:120px;margin-bottom:0;padding:12px 14px;resize:vertical}
.wmkcfeedback .send-inquiry .inquiry-form input::placeholder,.wmkcfeedback .send-inquiry .inquiry-form textarea::placeholder{color:#9aa3ae;font-size:14px}
.wmkcfeedback .send-inquiry .inquiry-form input:focus,.wmkcfeedback .send-inquiry .inquiry-form textarea:focus{border-color:var(--color);background:#fff;box-shadow:0 0 0 3px var(--color-soft)}
.wmkcfeedback .send-inquiry .inquiry-form .input-error{border-color:#ef5350;background:#fff7f7}
.wmkcfeedback button.send-btn{width:100%;min-width:0;height:46px;margin:16px 0 0;padding:0 24px;border:0;border-radius:var(--border);background:var(--color);color:#fff;font-size:15px;font-weight:var(--fontbold6);font-family:inherit;overflow:hidden}
.wmkcfeedback button.send-btn::before{background:var(--color2)}
/* 侧边栏：窄容器单列 */
.inquiry .wmkcfeedback .send-inquiry .inquiry-form input{width:100%}
/* 页脚：沿用页脚原表单样式 */
.site-footer .wmkcfeedback .send-inquiry .inquiry-form input,.site-footer .wmkcfeedback .send-inquiry .inquiry-form textarea{width:100%;height:40px;padding:0 16px;border-color:#e1e5ec;background:#fff;border-radius:0;font-size:12px}
.site-footer .wmkcfeedback .send-inquiry .inquiry-form textarea{height:88px;padding:12px 16px;resize:none}
.site-footer .wmkcfeedback .send-inquiry .inquiry-form input::placeholder,.site-footer .wmkcfeedback .send-inquiry .inquiry-form textarea::placeholder{color:#a0a8b4;font-size:12px}
.site-footer .wmkcfeedback button.send-btn{height:44px;margin-top:12px;border-radius:0;font-size:13px}
@media (max-width:768px){
  .wmkcfeedback .send-inquiry .inquiry-form input{width:100%}
  /* 移动端表单字号 ≥16px（防 iOS 聚焦缩放） */
  .wmkcfeedback .send-inquiry .inquiry-form input,.wmkcfeedback .send-inquiry .inquiry-form textarea,
  .site-footer .wmkcfeedback .send-inquiry .inquiry-form input,.site-footer .wmkcfeedback .send-inquiry .inquiry-form textarea{font-size:16px}
}

/* ---------- 产品列表页 ---------- */
.pro-cate-title{font-size:26px;margin-bottom:20px}
.product .right-wrap .pro-list{display:flex;flex-wrap:wrap;padding:0}
.product .right-wrap .pro-list.list0 li{width:100%;display:flex;margin-right:0;align-items:center;margin-bottom:20px;overflow:hidden}
.product .right-wrap .pro-list.list0 li:nth-child(even){background-color:#fafafa}
.product .right-wrap .pro-list.list0 li .pro-img{width:300px;position:relative;border-radius:var(--border);overflow:hidden;flex-shrink:0}
.product .right-wrap .pro-list.list0 li .pro-img a{display:block;overflow:hidden;position:relative;height:100%;padding-bottom:100%}
.product .right-wrap .pro-list.list0 li .pro-img a img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .1s linear}
.pro-list li .pro-img .icon-hottitle{position:absolute;top:-4px;left:-4px;font-size:40px;color:var(--color);line-height:1;z-index:9;font-style:normal;font-weight:700;background:#fff;padding:2px 8px;border-radius:0 0 8px 0}
.pro-list li .pro-img .icon{position:absolute;top:10px;right:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .2s linear;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--summarycolor);z-index:9}
.pro-list li .icon.pro-checked{color:var(--color);opacity:1}
.product .right-wrap .pro-list.list0 li .pro-info{flex:1;padding-left:30px}
.pro-list li .pro-info .title{color:var(--fontcolor);font-size:18px;transition:all .2s linear;font-weight:var(--fontbold5);display:block}
.pro-list li .pro-info .data-price{display:none}
.pro-list li .pro-info .text{font-size:15px;color:var(--summarycolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 0}
.pro-list li .pro-info .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 0;margin-top:20px;border-radius:var(--border);transition:all .2s linear;position:relative;z-index:1;overflow:hidden;text-transform:lowercase;color:var(--summarycolor)}
.pro-list li .pro-info .btn::before{content:"";display:inline-block;position:absolute;z-index:-1;width:0%;height:100%;left:0;top:0;background-color:var(--color);transition:all .2s linear}
.product .right-wrap .pro-list li:hover{border-color:var(--color)}
.product .right-wrap .pro-list.list0 li:hover{border-radius:var(--border)}
.product .right-wrap .pro-list li:hover .icon{opacity:1}
.product .right-wrap .pro-list.list0 li:hover .pro-img img{transform:translate(-50%,-50%) scale(1.05)}
.product .right-wrap .pro-list li:hover .pro-info .title{color:var(--color)}
.product .right-wrap .pro-list li:hover .pro-info .btn{color:#fff}
.product .right-wrap .pro-list li:hover .pro-info .btn::before{width:100%}
.product .right-wrap .pro-list.list0 li:hover .pro-info .btn{padding:6px 10px}
/* 卡通购物车图标 */
.icon-cart{width:18px;height:18px;display:inline-block;position:relative;flex-shrink:0}
.icon-cart::before{content:"";position:absolute;width:14px;height:10px;left:2px;top:3px;border:1.6px solid currentColor;border-radius:2px}
.icon-cart::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;top:14px;left:3px;box-shadow:8px 0 0 currentColor}
.icon-search{width:16px;height:16px;border:1.6px solid currentColor;border-radius:50%;position:relative;display:inline-block}
.icon-search::after{content:"";position:absolute;width:6px;height:1.6px;background:currentColor;transform:rotate(45deg);left:9px;top:9px}
.icon-arrow{width:8px;height:8px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(-45deg);display:inline-block}

/* ---------- 详情页：产品预览 ---------- */
.prodetails-top{display:flex;flex-wrap:wrap;margin-bottom:20px}
.preview-container{width:400px;position:relative;flex-shrink:0}
.preview-container .small-box{width:100%;height:400px;border:1px solid #dfdfdf;position:relative;overflow:hidden}
.preview-container .small-box .preview-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.preview-container .small-box img{max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.45);border:1px solid #EEEEEE;display:none;cursor:move;z-index:9}
.preview-container .small-box .mediaplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}
.preview-container .small-box .mediaplay em{width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;transition:background .2s}
.preview-container .small-box .mediaplay em:hover{background:var(--color)}
.preview-container .thumbnail-box{margin-top:20px;position:relative;padding:0 40px}
.preview-container .thumbnail-box .wrapper{display:flex;gap:10px;overflow:hidden}
.preview-container .thumbnail-box .item{height:70px;display:flex;align-items:center;justify-content:center;border-radius:var(--border);border:1px solid #dcdcdc;cursor:pointer;overflow:hidden;flex:0 0 calc(25% - 8px);transition:border-color .2s}
.preview-container .thumbnail-box .item .imgalt{display:none}
.preview-container .thumbnail-box .item.item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .item img{width:100%;height:100%;object-fit:cover}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:flex;position:absolute;left:0;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;transition:all .2s linear;color:#666;font-size:16px}
.preview-container .thumbnail-box .prodetails-button-next:hover,.preview-container .thumbnail-box .prodetails-button-prev:hover{color:var(--color)}
.preview-container .thumbnail-box .prodetails-button-next{left:auto;right:0}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;width:420px;height:400px;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#fff}
.preview-container .big-box img{display:block;max-width:none;max-height:none}
.preview-container .banner-page{display:none;position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.5);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;z-index:6}

/* 详情信息区 */
.prodetails-info{flex:1;margin-left:50px;min-width:280px}
.prodetails-info .title{font-size:26px;color:var(--fontcolor);margin:12px 0}
.prodetails-info .mony{color:var(--color);font-size:18px;margin:8px 0}
.prodetails-info .text{color:var(--summarycolor);margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.prodetails-btnlist{display:flex;align-items:center;flex-wrap:wrap}
.prodetails-btnlist>div{display:flex;align-items:center;justify-content:center;border-radius:var(--border);box-sizing:border-box;padding:6px 24px;background-color:#fff;color:var(--color);margin-right:20px;cursor:pointer;transition:all .2s linear;border:1px solid var(--color);margin-top:10px;font-weight:var(--fontbold5)}
.prodetails-btnlist .pro-btn:hover,.prodetails-btnlist .addToCart:hover{background:var(--color);color:#fff}
.prodetails-btnlist .addToCart.added{background-color:var(--color);color:#fff}
.prodetails-btnlist .addToCart.added .icon-check{opacity:1}
.icon-check{width:14px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);display:inline-block;opacity:0;margin-left:6px;transition:opacity .2s}

/* 详情 prev/next */
.detail-page{background-color:#f6f6f6;box-sizing:border-box;padding:2%;display:flex;align-items:center;justify-content:space-between;margin:20px 0;border-radius:var(--border)}
.detail-page .link-intro{display:flex;align-items:center;justify-content:center;width:70px;height:40px;color:var(--fontcolor);transition:all .2s linear}
.detail-page>div{display:flex;align-items:center;width:45%;background-color:#fff;border:1px solid #EEEEEE;transition:all .2s linear;border-radius:var(--border)}
.detail-page .name{color:var(--fontcolor);height:30px;box-sizing:border-box;padding:0 20px;flex:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:30px; word-break: break-all;}
.detail-page .right{justify-content:flex-end}
.detail-page .left .link-intro{border-right:1px solid #EEEEEE}
.detail-page .right .link-intro{border-left:1px solid #EEEEEE}
.detail-page .right .name{text-align:right}
.detail-page .left .name{text-align:left}
.detail-page>div:hover{border-color:var(--color)}
.detail-page div:hover .link-intro{background-color:var(--color);color:#fff}
.detail-page .name:hover{color:var(--color)}

/* 详情正文内容 */
.prodetails-content article{overflow:hidden}
.productsTags{color:var(--summarycolor);font-size:14px;margin:10px 0}
.related .sidebar-title.theme p{font-size:24px;font-weight:var(--fontbold5);padding-bottom:10px;position:relative;display:inline-block}
.related .sidebar-title.theme p::after{content:"";display:block;width:100%;height:4px;background-color:var(--color);position:absolute;bottom:0;left:0}
.related .like ul{display:flex;flex-wrap:wrap;gap:2%;margin-top:16px}
.related .like ul li{width:49%;border:1px solid var(--line);border-radius:var(--border);overflow:hidden;display:flex;align-items:center;margin-bottom:16px;transition:border-color .2s}
.related .like ul li:hover{border-color:var(--color)}
.related .like .pro-list .pro-img{width:160px;position:relative;flex-shrink:0}
.related .like .pro-list .pro-info{padding:0 16px;flex:1}
.related .like .pro-list .pro-info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px}
.related .like .pro-list .pro-info .btn{padding:4px 0;margin-top:8px}
.related .like .pro-list li:hover .pro-info .btn{padding:4px 10px}
.related .like .pro-list li:hover .pro-img img{transform:scale(1.05)}

/* ---------- 图文内容模块（还原参考 kche 模块） ---------- */
.kche-wrap-width{clear:both;margin:0 auto;width:100%;padding:30px 15px;max-width:1600px;box-sizing:border-box}
/* t96 */
.kche-t96 .kche-t96-content{display:flex;flex-wrap:wrap;align-items:center}
.kche-t96 .kche-item-l{width:45%;margin-right:3%;box-sizing:border-box;border-radius:10px;overflow:hidden}
.kche-t96 .kche-item-l img{max-width:100%;width:100%;height:auto;display:block;transition:all .1s linear}
.kche-t96 .kche-item-l img:hover{transform:scale(1.02)}
.kche-t96 .kche-item-r{flex:1}
.kche-t96 .kche-item-r .kche-t96-r-tit{font-size:20px;font-weight:var(--fontbold6);margin:0;margin-bottom:20px}
.kche-t96 .kche-item-r .kche-t96-r-des{font-size:16px;color:var(--summarycolor);line-height:1.7;margin:0}
.kche-t96 .kche-t96-btn span{text-decoration:underline;cursor:pointer;color:var(--color)}
/* t97 */
.kche-t97 .kche-t97-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.kche-t97 .kche-t97-item:nth-child(1),.kche-t97 .kche-t97-item:nth-child(2){margin-bottom:30px}
.kche-t97 .kche-t97-item>div{overflow:hidden;width:45%;border-radius:10px}
.kche-t97 .kche-t97-item .kche-t97-item-int{margin:10px 0;width:45px;height:3px;background-color:var(--color)}
.kche-t97 .kche-t97-item .kche-t97-item-tit{margin:0;color:#333;font-weight:var(--fontbold6);font-size:20px}
.kche-t97 .kche-t97-item .kche-t97-item-des{color:var(--summarycolor);font-weight:400;font-size:16px;line-height:1.7}
.kche-t97 .kche-t97-item img{display:block;height:auto;max-width:100%;border-radius:10px;transition:all .1s linear}
.kche-t97 .kche-t97-item img:hover{transform:scale(1.02)}
/* t98 */
.kche-t98 .kche-t98-title{font-size:24px;font-weight:var(--fontbold6);margin:0;text-align:center}
.kche-t98 .kche-t98-list{display:flex;margin-top:30px;justify-content:space-between;flex-wrap:wrap}
.kche-t98 .kche-t98-list .kche-t98-item{width:31%;box-shadow:0 2px 6px 0 rgba(51,51,52,.2);border-radius:10px;transition:all .1s linear}
.kche-t98 .kche-t98-item-title{width:100%;margin:0;text-align:center;padding:15px 0;font-size:18px;font-weight:var(--fontbold6);border-bottom:3px solid var(--color)}
.kche-t98 .kche-t98-item .kche-t98-item-bottom{box-sizing:border-box;padding:20px;color:var(--summarycolor)}
.kche-t98 .kche-t98-item .kche-t98-item-des{line-height:1.7;margin:0}
.kche-t98 .kche-t98-item:hover{box-shadow:0 2px 6px 0 rgba(51,51,52,.6)}
.kche-t98 .kche-t98-item .kche-t98-item-btn{margin-top:10px}
.kche-t98 .kche-t98-item .kche-t98-item-btn span{text-decoration:underline;cursor:pointer;color:var(--color)}
/* t99 手风琴 */
.kche-t99 .kche-t99-flex{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.kche-t99 .kche-t99-flex .kche-t99-img{width:40%}
.kche-t99 .kche-t99-flex .kche-t99-img img{display:block;max-width:100%;height:auto;transition:all .1s linear;border:1px solid #eee;border-radius:10px}
.kche-t99 .kche-t99-flex .kche-t99-img img:hover{transform:scale(1.02)}
.kche-t99 .kche-t99-flex .kche-t99-info{width:58%}
.kche-t99 .kche-t99-flex .kche-t99-title{font-size:24px;font-weight:var(--fontbold6);margin:0;margin-bottom:30px}
.kche-t99 .kche-t99-info-item{padding:10px 15px;margin-bottom:15px;border:1px solid #e5e5e5;border-radius:5px;overflow:hidden;box-sizing:content-box;position:relative;transition:all .2s}
.kche-t99 .kche-t99-info-item .kche-t99-item-top{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.kche-t99 .kche-t99-item-top>p{margin:0;font-weight:500;font-size:18px}
.kche-t99 .kche-t99-item-top em{transition:all .2s linear;transform:rotate(0);font-style:normal;color:var(--color);font-size:14px}
.kche-t99 .kche-t99-item-bottom{display:none;margin-top:10px}
.kche-t99 .kche-t99-info-item.active .kche-t99-item-bottom{display:block}
.kche-t99 .kche-t99-info-item.active .kche-t99-item-top em{transform:rotate(180deg)}
.kche-t99 .kche-t99-item-bottom>p{font-size:16px;line-height:24px;margin:0}
.kche-t99 .kche-t99-info-item:hover{border-color:var(--color)}
/* t119 */
.kche-t119 .kche-t119-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.kche-t119 .kche-t119-item{width:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;box-shadow:0 3px 10px 0 rgba(51,51,51,.2);padding:40px 30px;box-sizing:border-box;transition:all 0.1s linear;margin-bottom:20px}
.kche-t119 .kche-t119-item:hover{box-shadow:0 3px 10px 0 rgba(51,51,51,.4)}
.kche-t119 .kche-t119-item p{margin:0;text-align:center;font-weight:var(--fontbold6)}
.kche-t119 .kche-t119-item .kche-t119-item-p1{margin-bottom:14px;color:var(--summarycolor);font-size:16px}
.kche-t119 .kche-t119-item .kche-t119-item-p2{font-size:18px;color:#000}

/* ---------- 列表页底部统计模块 t189 ---------- */
.kche-t189 .kche-t189-title h5{font-size:24px;font-weight:var(--fontbold6);margin:0;text-align:center;text-transform:capitalize}
.kche-t189 .kche-t189-con{margin:10px auto 30px}
.kche-t189 .kche-t189-con p{margin:0;font-size:16px;color:#333;text-align:center}
.kche-t189 .kche-t189-contant{display:flex;align-items:center}
.kche-t189 .kche-t189-right{width:50%;padding-left:40px;box-sizing:border-box}
.kche-t189 .kche-t189-left{width:50%;position:relative;box-sizing:border-box;padding:20px}
.kche-t189 .kche-t189-left::after{position:absolute;content:'';width:55%;height:80%;top:0;left:0;background:#f6f6f7;z-index:-1;border-radius:5px;overflow:hidden}
.kche-t189 .kche-t189-value p{margin:0;font-size:48px;line-height:1;font-weight:var(--fontbold6)}
.kche-t189 .kche-t189-ic p{margin:0;line-height:1;font-weight:var(--fontbold5);text-transform:uppercase;font-size:18px}
.kche-t189 .kche-t189-math{display:flex;align-items:center}
.kche-t189 .kche-t189-text p{margin:0;font-size:16px;color:var(--summarycolor);line-height:1.7}
.kche-t189 .kche-t189-text{margin-top:10px}
.kche-t189 .kche-t189-ic{position:relative}
.kche-t189 .kche-t189-ic .kche-t189-ic-after{position:absolute;width:23px;height:3px;background:var(--color);bottom:-12px}
.kche-t189 .kche-t189-btn span{font-size:16px;color:#fff;background:var(--color);padding:12px 20px;line-height:1;display:inline-block;box-sizing:border-box;transition:all .3s ease-in-out;border-radius:5px;cursor:pointer}
.kche-t189 .kche-t189-item{margin-bottom:30px}
.kche-t189 .kche-t189-value{margin-right:10px}
.kche-t189 .kche-t189-left:hover img{transform:scale(1.02)}
.kche-t189 .kche-t189-btn span:hover{box-shadow:0 1px 15px 0 rgba(51,51,51,.2)}

/* ---------- 列表页底部品牌服务模块 t214 ---------- */
.kche-t214 h5{font-size:26px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor);margin:0;margin-bottom:10px}
.kche-t214 .kche-t214-des{text-align:center;color:var(--summarycolor)}
.kche-t214 .kche-t214-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-top:40px}
.kche-t214 .kche-t214-item{width:22%;text-align:center}
.kche-t214 .kche-t214-item:hover img{transform:scale(1.02)}
.kche-t214 .kche-t214-item .img-wrap{width:220px;height:220px;border-radius:50%;overflow:hidden;margin:0 auto;background:var(--gray)}
.kche-t214 .kche-t214-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .1s linear}
.kche-t214 .kche-t214-p1{color:var(--color);margin-top:10px;font-weight:var(--fontbold5)}
.kche-t214 .kche-t214-p2{font-size:20px;margin-top:10px;font-weight:var(--fontbold6)}
.kche-t214 .kche-t214-p3{color:var(--summarycolor);font-size:14px;margin-top:10px}
.kche-t214 .kche-t214-item em{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;color:#6b6460;font-size:18px;width:46px;height:46px;background:transparent;border-radius:50%;border:1px solid #dcdcdc;transition:all .1s linear;cursor:pointer;font-style:normal}
.kche-t214 .kche-t214-item em:hover{border-color:var(--color);color:var(--color)}

/* ---------- 页尾联系区 ---------- */
.pagecontact{background:linear-gradient(135deg,#029834 0%,#2aa75c 60%,#3cb968 100%);position:relative;padding:50px 0 130px}
.wmkcbox-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmkcbox-contact .wmkcbox-contact-left{width:45%;margin-right:5%}
.wmkcbox-contact .wmkcbox-contact-left .home-title{font-size:36px;text-align:left;color:#fff;line-height:1.4;margin-bottom:10px}
.wmkcbox-contact .wmkcbox-contact-left .home-title span{color:#fff}
.wmkcbox-contact .wmkcbox-contact-left p{line-height:1.8;color:rgba(255,255,255,.85)}
.wmkcbox-contact .wmkcbox-contact-feedback{width:50%}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form input,.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form textarea{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form input::placeholder,.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form textarea::placeholder{color:rgba(255,255,255,.7)}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form input:focus,.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form textarea:focus{border-color:#fff;background:rgba(255,255,255,.18);box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-inquiry .inquiry-form .input-error{border-color:#ffb4a8;background:rgba(255,90,70,.16)}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback button.send-btn{width: auto; background:#fff;color:var(--color)}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback button.send-btn::before{background:rgba(2,152,52,.1)}

/* ---------- 悬浮购物袋（交互辅助，右上角） ---------- */
.rfixed{position:fixed;right:20px;bottom:120px;z-index:999;cursor:pointer}
.rfixed-sc{width:52px;height:52px;border-radius:50%;background:var(--color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(2,152,52,.4);position:relative;transition:all .2s}
.rfixed-sc:hover{transform:translateY(-4px)}
.rfixed-scnum{position:absolute;top:-4px;right:-4px;background:#fff;color:var(--color);border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--color)}

/* ---------- 询盘弹窗 ---------- */
.wmkcpopup-inquiry{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}
.wmkcpopup-inquiry.act{display:flex}
.wmkcinquiry-diaolg{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.wmkcinquiry-box{position:relative;background:#fff;border-radius:10px;width:520px;max-width:90%;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.wmkcinquiry-box .send-btn { width: auto!important;}
.wmkcinquiry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.wmkcinquiry-title{font-size:22px;font-weight:var(--fontbold6)}
.wmkcinquiry-close{width:32px;height:32px;border-radius:50%;background:var(--gray);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--summarycolor);transition:all .2s}
.wmkcinquiry-close:hover{background:var(--color);color:#fff}

/* ---------- 响应式 ---------- */
@media(max-width:1280px){
  .sidebar{width:290px;margin-right:30px}
  .preview-container{width:360px}
  .preview-container .small-box{height:360px}
  .preview-container .big-box{width:380px;height:360px}
  .prodetails-info{margin-left:30px}
  .wmkcbox-contact .wmkcbox-contact-left .home-title{font-size:30px}
}
@media(max-width:1024px){
  .l-wrap{padding:0 15px}
  .crumbs .banner-content .banner-breadcrumbs{margin-left:0}
  .wmkcinquirybtn{display:none}
  .page-container.product{flex-direction:column}
  .sidebar{width:100%;margin-right:0;margin-bottom:20px}
  .preview-container{width:100%}
  .preview-container .big-box{display:none!important}
  .prodetails-info{margin-left:0;margin-top:30px}
  .kche-t214 .kche-t214-item{width:48%;margin-bottom:20px}
  .kche-t98 .kche-t98-list .kche-t98-item{width:48%;margin-bottom:16px}
  .kche-t119 .kche-t119-item{width:48%}
  .product .right-wrap .pro-list.list0 li .pro-img{width:240px}
  .wmkcbox-contact .wmkcbox-contact-left{width:100%;margin-right:0;margin-bottom:30px}
  .wmkcbox-contact .wmkcbox-contact-feedback{width:100%}
  .related .like ul li{width:100%}
}
@media(max-width:768px){
  .crumbs .banner-content .banner-breadcrumbs{display:none}
  .product .right-wrap .pro-list.list0 li{flex-direction:column;align-items:flex-start}
  .product .right-wrap .pro-list.list0 li .pro-img{width:100%;padding-bottom:0}
  .product .right-wrap .pro-list.list0 li .pro-img a{padding-bottom:75%}
  .product .right-wrap .pro-list.list0 li .pro-info{padding:16px}
  .kche-t96 .kche-item-l{width:100%;margin-right:0}
  .kche-t96 .kche-item-r{margin-top:30px}
  .kche-t97 .kche-t97-item>div{width:100%}
  .kche-t97 .kche-t97-item .kche-t97-item-text{margin-bottom:20px}
  .kche-t98 .kche-t98-list .kche-t98-item{width:100%;margin-bottom:16px}
  .kche-t99 .kche-t99-flex .kche-t99-img{width:100%}
  .kche-t99 .kche-t99-flex .kche-t99-info{width:100%;margin-top:20px}
  .kche-t119 .kche-t119-item{width:100%}
  .kche-t189 .kche-t189-contant{flex-direction:column}
  .kche-t189 .kche-t189-left{width:100%;padding:0;margin-bottom:25px}
  .kche-t189 .kche-t189-right{padding-left:0;width:100%}
  .kche-t214 .kche-t214-item{width:100%}
  .related .like ul li{flex-direction:column;align-items:flex-start}
  .related .like .pro-list .pro-img{width:100%}
}