/*
Theme Name: Bearing Clone
Author: WorkBuddy
Description: 1:1 复刻布局/配色，内容待替换
*/

:root{
  --blue:#157BFB;
  --darkblue:#002D64;
  --blue2:#0065aa;
  --gold:#f7c542;
  --steel:#36648a;
  --red:#e60012;
  --gray:#f5f7fa;
  --line:#e6e6e6;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'proxima-nova','PingFang SC','Microsoft YaHei',sans-serif;
  color:#333;background:#fff;font-size:15px;line-height:1.6;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
.clear{clear:both;}
.layui-container{width:1200px;max-width:95%;margin:0 auto;}
.layui-row{display:flex;flex-wrap:wrap;}
.layui-bg-gray{background:var(--gray);}
.layui-col-sm1{flex:0 0 8.33%;max-width:8.33%;}
.layui-col-sm4{flex:0 0 33.33%;max-width:33.33%;}
.layui-col-sm5{flex:0 0 41.66%;max-width:41.66%;}
.layui-col-sm7{flex:0 0 58.33%;max-width:58.33%;}
.layui-col-sm8{flex:0 0 66.66%;max-width:66.66%;}
.layui-col-sm12{flex:0 0 100%;max-width:100%;}
.bom30{margin-bottom:30px;}
.bom60{margin-bottom:60px;}
.padlr15{padding-left:15px;padding-right:15px;}
.content-w{width:1200px;max-width:95%;margin:0 auto;}

/* ===== Header / Nav ===== */
#top-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000;}
.pc-nav-top{display:flex;align-items:center;padding:12px 0;}
.pc-nav-top-logo img{height:46px;width:auto;}
.nav-top-class{display:flex;align-items:center;margin-left:40px;flex:1;}
.nav-top-class .nav-item,.nav-top-class>li{position:relative;}
.nav-top-class>li>a{
  display:inline-block;padding:0 18px;font-size:16px;color:#333;font-weight:500;line-height:46px;
}
.nav-top-class .nav-item img{width:10px;margin-left:4px;vertical-align:middle;}
.nav-top-class>li:hover>a{color:var(--blue);}
.nav-top-other{display:flex;align-items:center;gap:18px;}
.nav-top-other-li-div{display:flex;align-items:center;gap:6px;cursor:pointer;}
/* ===== TMMP 品牌搜索框（与源站无边框只读搜索框刻意区分） ===== */
.tmmp-search-wrap{position:relative;}
.tmmp-search{
  position:relative;display:flex;align-items:center;gap:8px;
  width:272px;height:40px;padding:0 5px 0 13px;
  background:#fff;border:2px solid var(--blue);border-radius:999px;
  box-shadow:0 2px 8px rgba(21,123,251,.10);
  transition:box-shadow .18s,border-color .18s;
}
.tmmp-search:focus-within{box-shadow:0 4px 16px rgba(21,123,251,.24);border-color:#0b63d6;}
.tmmp-search-ico{flex:0 0 auto;color:var(--blue);}
.tmmp-search-input{
  flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;background:transparent;
  font-size:13px;color:#183153;cursor:text;padding:0;
}
.tmmp-search-input::placeholder{color:#94a3b8;}
.tmmp-search-input::-webkit-search-cancel-button{cursor:pointer;}
.tmmp-search-go{
  flex:0 0 auto;height:30px;padding:0 15px;border:0;border-radius:999px;
  background:var(--blue);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;
  transition:background .18s;
}
.tmmp-search-go:hover{background:#0b63d6;}
/* 型号联想下拉 */
.tmmp-suggest{
  position:absolute;top:calc(100% + 9px);right:0;width:340px;z-index:300;
  background:#fff;border:1px solid #dfe8f4;border-radius:12px;
  box-shadow:0 14px 38px rgba(14,45,90,.18);overflow:hidden;
}
.tmmp-suggest[hidden]{display:none;}
.tmmp-sg-head{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:10px 14px;background:#f2f7ff;border-bottom:1px solid #e3ecf9;
  font-size:12px;color:#3b5a80;font-weight:600;
}
.tmmp-sg-head em{font-style:normal;font-weight:400;color:#8a9bb2;font-size:11px;}
.tmmp-sg-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 14px;text-decoration:none;border-bottom:1px solid #f1f5fa;
  font-size:14px;color:#183153;
}
.tmmp-sg-item:last-child{border-bottom:0;}
.tmmp-sg-item:hover,.tmmp-sg-item.is-active{background:#eaf3ff;}
.tmmp-sg-pn{font-weight:700;letter-spacing:.3px;}
.tmmp-sg-go{font-size:12px;color:var(--blue);white-space:nowrap;}
/* 结果页搜索框（同一套视觉，加宽） */
.tmmp-search-lg{width:100%;height:48px;padding-left:16px;margin:14px 0 6px;}
.tmmp-search-lg .tmmp-search-input{font-size:15px;}
.tmmp-search-lg .tmmp-search-go{height:38px;padding:0 26px;font-size:14px;}
.tmmp-search-lg .tmmp-suggest{width:100%;top:calc(100% + 7px);}
.pc-top-tel-phone span{color:var(--blue);font-weight:700;font-size:15px;}
.pc-top-lang{position:relative;}
.lang-img-span{color:#666;font-size:14px;font-weight:600;}
.pc-top-lang-ul{
  position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--line);
  min-width:140px;display:none;box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.pc-top-lang:hover .pc-top-lang-ul{display:block;}
.pc-top-lang-ul li{padding:8px 14px;font-size:14px;color:#555;}
.pc-top-lang-ul li:hover{background:var(--gray);color:var(--blue);}
.pc-top-lang-active{color:var(--blue);font-weight:600;}

/* mega dropdown */
.buttom-list{
  position:absolute;left:0;top:100%;width:100%;background:#fff;border-top:2px solid var(--blue);
  box-shadow:0 8px 24px rgba(0,0,0,.08);padding:24px 0;display:none;
}
.nav-item:hover .buttom-list{display:block;}
.buttom-list-flex-list{display:flex;flex-wrap:wrap;gap:10px 40px;width:1200px;max-width:95%;margin:0 auto;}
.buttom-list-flex-list li a{font-size:15px;color:#444;line-height:2;}
.buttom-list-flex-list li a:hover{color:var(--blue);}

/* ===== Hero row ===== */
.layui-lun{display:flex;align-items:center;gap:20px;padding:30px 0;}
.row-lp{flex:0 0 41%;}
.row-lp-con{width:100%;border-radius:6px;object-fit:cover;}
.row-rp{flex:0 0 14%;text-align:center;}
.row-rp-con{width:100%;max-width:120px;margin:0 auto;}
.row-mf{flex:1;padding-left:10px;}
.row-mf-span{display:block;font-size:30px;font-weight:800;color:var(--darkblue);line-height:1.3;}
.row-mf-strong{color:var(--steel);}
.row-mf-p{margin:14px 0 22px;color:#555;font-size:15px;line-height:1.8;}
.layui-btn{display:inline-block;border:none;cursor:pointer;font-family:inherit;}
button.layui-btn{border-radius:5px;}

/* ===== Brand cross banner ===== */
.layui-banner{background:var(--steel);flex:0 0 100%;}
.layui-banner-container{padding:20px 0;}
.layui-banner-content{width:1200px;max-width:95%;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:nowrap;overflow-x:auto;padding:6px 16px;}
.layui-banner-span{color:var(--gold);font-size:20px;font-weight:700;white-space:nowrap;}
.layui-banner-content .item img{height:46px;width:auto;background:#fff;padding:6px 12px;border-radius:4px;}
.layui-banner-content::-webkit-scrollbar{height:6px;}
.layui-banner-content::-webkit-scrollbar-thumb{background:#cdd6e0;border-radius:3px;}
.layui-banner-content .item{flex:0 0 auto;}

/* ===== Leading manufacturer ===== */
.top-l{padding:10px 30px 10px 0;}
.top-l-p2{font-size:30px;color:var(--darkblue);font-weight:800;margin-bottom:18px;}
.top-l-p3{color:#555;font-size:16px;line-height:1.9;margin-bottom:20px;}
.top-r video{width:100%;border-radius:6px;}

/* ===== Categories ===== */
.mid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;}
.mid-top{display:flex;align-items:center;justify-content:center;gap:26px;padding:26px 20px;}
.mid-top-l{flex:0 0 auto;width:20%;max-width:230px;}
.mid-top-lp{width:100%;}
.mid-top-r{flex:0 0 auto;max-width:none;min-width:0;padding:0;text-align:left;}
.mid-top-rp1 a{font-size:22px;color:var(--darkblue);font-weight:700;white-space:nowrap;}
.mid-top-rp2 a{color:var(--blue2);font-size:15px;white-space:normal;word-break:normal;display:block;line-height:1.6;max-width:420px;}
.center-ul{display:flex;flex-wrap:wrap;border-left:1px solid var(--line);}
.center-li{flex:0 0 33.33%;border-bottom:1px solid var(--line);border-right:1px solid var(--line);}
.center-li-title a{display:block;padding:22px 18px;font-size:17px;color:#333;font-weight:600;transition:.2s;}
.center-li-title a:hover{background:var(--blue);color:#fff;}

/* ===== CTA banner2 ===== */
.layui-banner2{background:var(--gold);display:flex;align-items:center;justify-content:center;gap:30px;padding:34px 24px;flex:0 0 100%;box-sizing:border-box;flex-wrap:wrap;}
.layui-banner2 .colm .h4{font-size:22px;color:#fff;}
.layui-banner2 .colm .h3{font-size:20px;color:#fff;font-weight:600;}
.white_button{background:#fff;color:var(--darkblue);font-weight:700;padding:14px 34px;border-radius:5px;display:inline-block;}

/* ===== Industries tabs ===== */
.h2{font-size:28px;color:var(--darkblue);}
.h2 a{color:inherit;}
.h2 .img_icon,.serv-r .img_icon,.server-li .img_icon{width:15px;background:var(--gold);border-radius:50%;margin-left:4px;}
.layui-tab{margin-top:20px;}
.layui-tab-title{display:flex;gap:8px;border-bottom:2px solid #eee;}
.layui-tab-title li{padding:12px 18px;font-size:16px;color:var(--darkblue);cursor:pointer;font-weight:600;}
.layui-tab-title li.layui-this{color:var(--blue);border-bottom:3px solid var(--gold);}
.layui-tab-item{display:none;padding:24px 0;}
.layui-tab-item.layui-show{display:block;}
.serv-l img{border-radius:6px;}
.serv-r{padding-left:30px;}
.serv-r .h3{font-size:22px;color:var(--darkblue);margin-bottom:8px;}
.serv-r p{color:var(--darkblue);}
.serv-r ul{border-left:2px solid var(--gold);padding-left:15px;margin-top:10px;}
.serv-r ul li{margin:8px 0;color:#444;}
.serv-r ul li a{color:var(--blue2);}
.server-mid{margin-top:30px;}
.server-ul{display:flex;flex-wrap:wrap;gap:12px;}
.server-li{flex:0 0 16%;}
.server-li .center-li-title a{border:1px solid var(--line);border-radius:4px;text-align:center;}

/* ===== Case + Service ===== */
.case-box{background:#fff;border-radius:8px;padding:20px;}
.case-title{color:var(--darkblue);}
.carousel-container{display:flex;align-items:center;gap:14px;}
.carousel-prev,.carousel-next{width:50px;height:50px;background:#8a8a8a;border-radius:45px;border:none;color:#fff;cursor:pointer;flex:0 0 auto;}
.carousel-box{flex:1;overflow:hidden;}
.swiper-slide{display:flex;align-items:center;gap:20px;padding:10px;}
.swiper-slide-img{flex:0 0 40%;}
.swiper-slide-img img{max-height:160px;object-fit:contain;}
.swiper-slide-text-box{flex:1;}
.swiper-slide-text-p1{color:#444;font-style:italic;}
.swiper-slide-text-p2{color:var(--blue);font-weight:600;margin-top:10px;}
.more-case-div{text-align:center;color:var(--blue2);margin-top:14px;}
.more-case-div a{color:var(--blue2);}
.bottom{background:var(--darkblue);border-radius:8px;padding:30px;color:#fff;}
.bottom h2{color:#fff;}
.bottom ul li{color:#fff;margin:10px 0;}
.bottom ul li a{color:#fff;}
.bottom .h3{color:#fff;}
.bottom-r img{border-radius:8px;width:100%;}

/* ===== Footer ===== */
#footer{background:#1f2530;color:#cfd6e0;padding:46px 0 10px;margin-top:40px;}
.footer-div-1{display:flex;flex-wrap:wrap;gap:20px;}
.footer-50{flex:0 0 48%;}
.footer-sm12{flex:0 0 24%;}
.footer-desc{display:flex;align-items:center;gap:20px;margin-bottom:18px;}
.footer-desc-a img{height:40px;width:auto;background:#fff;padding:4px 8px;border-radius:4px;}
.outer-link{display:flex;gap:12px;}
.outer-link img{width:30px;height:30px;}
.footer-li{margin:8px 0;font-size:14px;color:#aeb7c4;}
.footer-li a{color:#cfd6e0;}
.quick-links h4{color:#fff;font-size:17px;margin-bottom:12px;}
.quick-links ul li{margin:8px 0;font-size:14px;}
.quick-links ul li a{color:#aeb7c4;}
.quick-links ul li a:hover{color:var(--gold);}
.css-arrow{color:var(--gold);}
.hubspot_subscribe{margin-top:20px;color:#aeb7c4;font-size:13px;}
#footer-bottom{background:#161b22;border-top:1px solid #2a313c;margin-top:30px;padding:16px 0;}
#footer-bottom ul{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:13px;color:#8b94a3;}
#footer-bottom ul a{color:#8b94a3;}
#footer-bottom ul a:hover{color:#fff;}

/* responsive */
@media(max-width:768px){
  .layui-col-sm1,.layui-col-sm4,.layui-col-sm5,.layui-col-sm7,.layui-col-sm8,.layui-col-sm12{flex:0 0 100%;max-width:100%;}
  .nav-top-class{display:none;}
  .footer-50,.footer-sm12{flex:0 0 100%;}
  .layui-lun{flex-direction:column;}
}

/* ============ 产品详情页 ============ */
.pd-wrap{width:1200px;max-width:95%;margin:0 auto;}
.crumb{font-size:13px;color:#888;padding:14px 0;border-bottom:1px solid #eee;}
.pd-grid{display:flex;gap:24px;padding:26px 0;flex-wrap:wrap;}
.pd-left{flex:0 0 220px;}
.pd-left .pimg{border:1px solid #eee;border-radius:6px;padding:14px;}
.pd-left .pimg img{width:100%;}
.price-box{margin-top:16px;border:1px solid #eee;border-radius:6px;padding:16px;text-align:center;}
.price-box h4{margin:0 0 8px;color:#002D64;}
.price-box p{font-size:13px;color:#777;margin:0 0 12px;}
.price-box a{display:inline-block;background:#f7c542;color:#000;font-weight:700;padding:10px 22px;border-radius:5px;text-decoration:none;}
.pd-mid{flex:1;min-width:300px;}
.spec-title{font-size:13px;font-weight:700;color:#002D64;margin:14px 0 6px;border-left:3px solid #157BFB;padding-left:8px;}
.spec-table{width:100%;border-collapse:collapse;font-size:13px;}
.spec-table td{padding:6px 10px;border-bottom:1px solid #f0f0f0;}
.spec-table td.k{width:42%;color:#777;}
.pd-right{flex:0 0 360px;}
.info-box{margin-top:10px;border:1px solid #ddd;border-radius:6px;display:flex;font-size:12px;overflow:hidden;}
.info-box .brand{background:#0b1f3a;color:#fff;padding:10px 14px;font-weight:800;font-size:20px;}
.info-box .meta{flex:1;padding:8px 12px;color:#555;line-height:1.7;}
.pdf-row{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;}
.dl-btn{background:#157BFB;color:#fff;border:none;border-radius:4px;padding:6px 16px;cursor:pointer;}
.pdf-link{color:#157BFB;text-decoration:none;font-weight:600;}
.step-sel{padding:5px 8px;border:1px solid #ccc;border-radius:4px;}
.interchange{margin-top:34px;border-top:1px solid #eee;padding-top:20px;}
.ic-table{width:100%;border-collapse:collapse;font-size:14px;max-width:760px;}
.ic-table th,.ic-table td{border:1px solid #e6e6e6;padding:9px 14px;}
.ic-table th{background:#f5f7fa;color:#002D64;}

/* ============ 分类列表页 ============ */
.wrap{width:1200px;max-width:96%;margin:0 auto;}
.cat-h1{font-size:26px;color:#002D64;margin:6px 0 4px;}
.cat-desc{color:#666;font-size:14px;margin-bottom:18px;}
.tbl{width:100%;border-collapse:collapse;font-size:13px;background:#fff;}
.tbl th{background:#002D64;color:#fff;padding:10px 12px;text-align:left;}
.tbl td{padding:9px 12px;border-bottom:1px solid #eee;}
.tbl td.pn a{color:#157BFB;font-weight:700;text-decoration:none;}
.tbl tr:hover{background:#f5f9ff;}

/* ============ 中性占位品牌字标（替代源站 logo） ============ */
.brand-wordmark{display:inline-block;font-weight:800;font-size:22px;color:#157BFB;letter-spacing:.02em;font-family:inherit;}
.pc-nav-top-logo .brand-wordmark{line-height:46px;}
.footer-desc-a .brand-wordmark{line-height:40px;color:#002D64;}

/* ============ 产品详情页 增强（对齐 Lily：图纸/3D/说明/FAQ） ============ */
.dwg-box{border:1px solid #ddd;border-radius:6px;padding:14px;margin-bottom:16px;}
.model-box{border:1px solid #ddd;border-radius:6px;padding:14px;}
.box-h{font-size:13px;font-weight:700;color:#002D64;margin-bottom:10px;border-left:3px solid #157BFB;padding-left:8px;}
.dwg-img{width:100%;border:1px solid #eee;border-radius:4px;background:#fafafa;}
.dl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.model-note{font-size:12px;color:#888;margin-top:10px;line-height:1.6;}
.pd-extra{margin-top:30px;display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:24px;}
.pd-desc{flex:1;min-width:300px;}
.pd-desc h3,.pd-faq h3{font-size:18px;color:#002D64;margin-bottom:10px;}
.pd-desc p{color:#555;line-height:1.9;font-size:14px;}
.pd-faq{flex:1;min-width:300px;}
.pd-faq dt{font-weight:700;color:#333;margin-top:12px;font-size:14px;}
.pd-faq dd{color:#666;margin-top:4px;line-height:1.7;font-size:14px;}

/* ============ 导航「产品」分组 mega menu ============ */
.buttom-list-flex-list.cat-groups{align-items:flex-start;gap:24px 36px;}
.cat-group{display:flex;flex-direction:column;min-width:190px;margin-bottom:18px;}
.cat-group-title{font-weight:700;color:var(--darkblue);font-size:15px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid var(--blue);width:100%;display:inline-block;}
.cat-group-title:hover{color:var(--blue);}
.cat-group-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.cat-group-items li a{color:#444;font-size:13px;line-height:1.5;display:inline-block;}
.cat-group-items li a:hover{color:var(--blue);}
.cat-group-items li a:before{content:"›";color:#bbb;margin-right:5px;}

/* ============ 分类列表页：子分类导航 ============ */
.subcat-nav{margin:18px 0 26px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px;}
.subcat-nav h3{font-size:16px;color:var(--darkblue);margin-bottom:12px;}
.subcat-grid{display:flex;flex-wrap:wrap;gap:10px;}
.subcat-grid a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:20px;font-size:13px;color:#444;background:#fafbfc;}
.subcat-grid a:hover{border-color:var(--blue);color:var(--blue);background:#eef6ff;}
.subcat-grid a .cnt{color:#999;font-size:12px;margin-left:4px;}

/* ============ 产品分类总览页 ============ */
.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 40px;}
.group-card{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff;transition:.2s;}
.group-card:hover{border-color:var(--blue);box-shadow:0 6px 18px rgba(21,123,251,.10);transform:translateY(-2px);}
.group-img{flex:0 0 84px;height:84px;display:flex;align-items:center;justify-content:center;background:var(--gray);border-radius:8px;overflow:hidden;}
.group-img img{width:100%;height:100%;object-fit:contain;padding:8px;}
.group-body{flex:1;}
.group-body h3{font-size:17px;color:var(--darkblue);margin-bottom:6px;}
.group-body p{font-size:13px;color:#666;line-height:1.6;margin-bottom:8px;}
.group-count{font-size:13px;color:var(--blue);font-weight:600;}
@media(max-width:768px){.group-grid{grid-template-columns:1fr;}}

/* ============ 分类页 Lily 风格：左过滤器 + 右类型卡片 ============ */
.cat-page{background:#f7f9fc;padding-bottom:40px;}
.cat-layout{display:flex;gap:26px;align-items:flex-start;padding-top:16px;}
.cat-filter{flex:0 0 250px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:18px;position:sticky;top:90px;}
.filter-h{font-size:18px;color:#002D64;margin-bottom:14px;border-bottom:2px solid #157BFB;padding-bottom:8px;}
.filter-group{margin-bottom:18px;}
.filter-group h3{font-size:14px;color:#333;margin-bottom:8px;font-weight:700;}
.filter-group ul{max-height:240px;overflow:auto;padding-right:4px;}
.filter-group li a{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#555;padding:3px 0;line-height:1.4;}
.filter-group li a:hover{color:#157BFB;}
.filter-group li a .fc{color:#999;font-size:12px;flex:0 0 auto;}
.filter-clear{display:inline-block;margin-top:6px;font-size:13px;color:#157BFB;}
.cat-main{flex:1;min-width:0;}
.cat-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.cat-head h1{font-size:28px;color:#002D64;}
.cat-count{color:#888;font-size:14px;}
.cat-search{display:flex;gap:8px;margin:12px 0;}
.cat-search input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;}
.cat-search button{background:#157BFB;color:#fff;border:none;border-radius:6px;padding:0 22px;cursor:pointer;font-size:14px;}
.cat-toolbar{display:flex;gap:18px;flex-wrap:wrap;background:#eef3f9;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:20px;}
.cat-toolbar a{color:#002D64;}
.cat-toolbar a:hover{color:#157BFB;}
.types-h{font-size:20px;color:#002D64;margin:16px 0 6px;}
.types-desc{color:#666;font-size:13px;margin-bottom:16px;}
.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;}
.type-card{display:flex;justify-content:space-between;gap:12px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:16px;transition:.2s;}
.type-card:hover{border-color:#157BFB;box-shadow:0 6px 16px rgba(21,123,251,.1);transform:translateY(-2px);}
.type-text h3{font-size:15px;color:#002D64;margin-bottom:6px;}
.type-text p{font-size:12px;color:#888;}
.type-img{flex:0 0 56px;height:56px;border-radius:50%;background:#f5f7fa;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.type-img img{width:80%;height:auto;}
@media(max-width:768px){.cat-layout{flex-direction:column;}.cat-filter{width:100%;flex:auto;position:static;}.types-grid{grid-template-columns:1fr;}}

/* ===== 2026-11-05 首页整改：品牌中性化 / 移除第三方素材 / 版式修复 ===== */
/* 型号对照：文字化替代品牌 logo */
.layui-banner-content .item .tmmp-bm{display:inline-block;color:#fff;font-weight:700;font-size:16px;letter-spacing:.06em;padding:9px 16px;border:1px solid rgba(255,255,255,.35);border-radius:4px;line-height:1;transition:.2s;}
.layui-banner-content .item .tmmp-bm:hover{background:#fff;color:var(--darkblue);border-color:#fff;text-decoration:none;}
.tmmp-bm-note{color:rgba(255,255,255,.75);font-size:12px;line-height:1.55;padding-left:14px;border-left:1px solid rgba(255,255,255,.3);}

/* 供应与交付信息卡（替代第三方工厂视频） */
.tmmp-supply{background:#f4f8ff;border:1px solid #e4edfb;border-radius:8px;padding:20px 22px;box-sizing:border-box;}
.tmmp-supply-h{font-size:18px;font-weight:800;color:var(--darkblue);padding-bottom:11px;border-bottom:2px solid var(--gold);margin-bottom:2px;}
.tmmp-supply-ul{list-style:none;margin:0;padding:0;}
.tmmp-supply-ul li{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px dashed #dbe6f5;}
.tmmp-supply-ul li:last-child{border-bottom:none;}
.tmmp-supply-ul li b{font-size:15px;color:var(--darkblue);}
.tmmp-supply-ul li span{font-size:13px;color:#5b6b86;line-height:1.6;}

/* 分类卡片：六格一行 */
.center-ul{border-left:none;}
.center-li{flex:0 0 16.6667%;border-left:1px solid var(--line);border-bottom:none;}
.center-li-title a{padding:20px 8px;font-size:16px;text-align:center;}

/* 行业小标签：一行六个 */
.server-ul{gap:12px;}
.server-li{flex:0 0 calc((100% - 60px)/6);}

/* 列表箭头与文字同行 */
.serv-r ul li,.bottom ul li{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.serv-r ul li span,.bottom ul li span{flex:0 0 auto;display:inline-flex;align-items:center;}
.serv-r ul li img,.bottom ul li img{margin-left:0;}

/* 为什么选择 TMMP（替代第三方品牌证言轮播） */
.tmmp-why{background:#fff;border-radius:8px;padding:32px 30px 26px;margin-bottom:20px;box-sizing:border-box;}
.tmmp-why-title{font-size:28px;color:var(--darkblue);text-align:center;margin-bottom:24px;font-weight:800;}
.tmmp-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.tmmp-why-card{background:#f7faff;border:1px solid #e4edfb;border-radius:10px;padding:20px 18px;}
.tmmp-why-no{display:inline-block;font-size:13px;font-weight:800;color:#d9a521;letter-spacing:.1em;}
.tmmp-why-card h4{font-size:17px;color:var(--darkblue);margin:6px 0 8px;}
.tmmp-why-card p{font-size:13.5px;color:#5b6b86;line-height:1.8;margin:0;}

/* 质检四步（替代第三方工厂照片） */
.tmmp-qc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:20px;box-sizing:border-box;}
.tmmp-qc-h{font-size:16px;font-weight:800;color:#fff;padding-bottom:10px;border-bottom:2px solid var(--gold);margin-bottom:8px;}
.tmmp-qc-list{list-style:none;margin:0;padding:0;counter-reset:qc;}
.tmmp-qc-list li{counter-increment:qc;position:relative;padding:9px 0 9px 28px;border-bottom:1px dashed rgba(255,255,255,.14);}
.tmmp-qc-list li:last-child{border-bottom:none;}
.tmmp-qc-list li::before{content:counter(qc);position:absolute;left:0;top:10px;width:18px;height:18px;line-height:18px;text-align:center;background:var(--gold);color:#002D64;font-size:11px;font-weight:800;border-radius:50%;}
.tmmp-qc-list li b{display:block;color:#fff;font-size:14px;}
.tmmp-qc-list li span{display:block;color:rgba(255,255,255,.7);font-size:12.5px;line-height:1.6;margin-top:2px;}

/* 页脚：品牌反白 + 订阅链接 */
.footer-desc-a .brand-wordmark{color:#fff;}
.tmmp-sub .header a{color:var(--gold);}

@media (max-width:992px){
  .center-li{flex:0 0 33.3333%;border-bottom:1px solid var(--line);}
  .server-li{flex:0 0 calc((100% - 36px)/3);}
  .tmmp-why-grid{grid-template-columns:repeat(2,1fr);}
  .tmmp-why{padding:24px 18px;}
}

/* ===== 2026-11-05 修正 B：板块4 撑满 / 分类格 / 质检面板浅色 / 箭头跟随 / 页脚栏宽 ===== */
.mid{width:100%;flex:0 0 100%;}
.center-li-title a{padding:18px 4px;font-size:15px;white-space:nowrap;}
.bottom ul li{justify-content:flex-start;}
.bottom ul li span{margin-left:10px;}

/* 质检四步 —— 改为浅色面板（该列是白底，深色面板会看不见） */
.tmmp-qc{background:#f4f8ff;border:1px solid #e4edfb;border-radius:8px;padding:20px;box-sizing:border-box;}
.tmmp-qc-h{font-size:16px;font-weight:800;color:var(--darkblue);padding-bottom:10px;border-bottom:2px solid var(--gold);margin-bottom:8px;}
.tmmp-qc-list li{border-bottom:1px dashed #dbe6f5;}
.tmmp-qc-list li b{color:var(--darkblue);}
.tmmp-qc-list li span{color:#5b6b86;}

/* 板块3 数据条 */
.tmmp-stats{display:flex;gap:14px;margin-top:24px;}
.tmmp-stat{flex:1;background:#f7faff;border:1px solid #e4edfb;border-radius:8px;padding:14px 16px;}
.tmmp-stat b{display:block;font-size:19px;color:var(--darkblue);font-weight:800;letter-spacing:.02em;}
.tmmp-stat span{display:block;font-size:12.5px;color:#5b6b86;margin-top:4px;line-height:1.5;}

/* 页脚快速链接栏加宽 */
.quick-links > div{width:72% !important;}
@media (max-width:992px){.tmmp-stats{flex-wrap:wrap;}.tmmp-stat{flex:0 0 calc((100% - 14px)/2);}}

/* 页脚右侧栏宽度：快速链接与订阅说明需要足够行宽 */
#footer .quick-links{width:40% !important;}
#footer .quick-links > div{width:100% !important;max-width:none;}
#footer .tmmp-sub .header div{line-height:1.7;}
@media (max-width:992px){
  #footer .quick-links{width:100% !important;}
}

/* ===== 2026-11-05 修正 C：平板区间（769–1200）导航与网格 ===== */
@media (min-width:769px) and (max-width:1200px){
  .nav-top-class{margin-left:14px;flex-wrap:nowrap;}
  .nav-top-class>li>a{padding:0 10px;font-size:14px;white-space:nowrap;}
  .nav-top-other{gap:10px;}
  .tmmp-search{width:186px;}
  .tmmp-search-input{font-size:12px;}
  .pc-top-tel-phone span{font-size:13px;}
  .center-li{flex:0 0 33.3333%;border-bottom:1px solid var(--line);}
  .server-li{flex:0 0 calc((100% - 24px)/3);}
  .tmmp-why-grid{grid-template-columns:repeat(2,1fr);}
  .tmmp-stats{flex-wrap:wrap;}
  .tmmp-stat{flex:0 0 calc((100% - 14px)/2);}
  .tmmp-supply{margin-top:18px;}
}
/* 订阅段落中文不被拆词 */
.tmmp-sub .header div{word-break:keep-all;overflow-wrap:anywhere;}

/* ===== 2026-11-05 修正 D：移动端菜单（≤768 原导航被隐藏且无替代入口） ===== */
#pc-nav{position:relative;}
.tmmp-burger{display:none;background:none;border:none;padding:10px;margin-left:auto;cursor:pointer;}
.tmmp-burger i{display:block;width:22px;height:2px;background:#002D64;margin:5px 0;border-radius:2px;transition:.2s;}
body.tmmp-nav-open .tmmp-burger i:nth-child(1){transform:translateY(7px) rotate(45deg);}
body.tmmp-nav-open .tmmp-burger i:nth-child(2){opacity:0;}
body.tmmp-nav-open .tmmp-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:768px){
  .tmmp-burger{display:block;}
  .pc-nav-top-logo{flex:1;}
  .nav-top-other{gap:12px;}
  .nav-top-class{
    display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:6px 0;
    background:#fff;border-top:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.10);
    flex-direction:column;align-items:stretch;z-index:1001;
  }
  body.tmmp-nav-open .nav-top-class{display:flex;}
  .nav-top-class>li>a{display:block;padding:13px 20px;line-height:1.5;font-size:15px;border-bottom:1px solid #f2f5f9;}
  .nav-top-class .nav-item img{display:none;}
  .tmmp-why{padding:22px 16px;}
  .tmmp-why-grid{grid-template-columns:1fr;}
  .tmmp-stat{flex:0 0 100%;}
  .mid-top{flex-direction:column;gap:10px;padding:20px 14px;}
  .mid-top-l{width:46%;max-width:180px;}
  .mid-top-r{text-align:center;}
}
@media (min-width:769px) and (max-width:1200px){
  .tmmp-stat{flex:0 0 calc((100% - 28px)/3);}
}

/* ===== 2026-11-05 修正 E：手机端头部收紧（logo 不换行、隐搜索、电话不截断） ===== */
@media (max-width:768px){
  .pc-nav-top{padding:8px 0;gap:4px;flex-wrap:nowrap;}
  .tmmp-burger{flex:0 0 auto;margin-left:0;margin-right:2px;padding:8px 6px;}
  .pc-nav-top-logo{flex:1 1 auto;min-width:0;margin-left:6px;}
  .pc-nav-top-logo .brand-wordmark{font-size:19px;white-space:nowrap;line-height:40px;}
  .nav-top-other{flex:0 0 auto;gap:8px;}
  .nav-top-other .pc-top-search{display:none;}
  .pc-top-tel-phone svg{width:18px;height:18px;}
  .pc-top-tel-phone span{font-size:12px;white-space:nowrap;}
  .pc-top-lang svg{width:18px;height:18px;}
  .lang-img-span{font-size:12px;}
  .layui-banner-content{width:100%;max-width:100%;}
  .layui-banner-span{font-size:16px;}
  .layui-banner-content .item .tmmp-bm{font-size:14px;padding:8px 12px;}
  .row-mf-span{font-size:24px;}
  .tmmp-why-card{padding:16px;}
}

/* ===== 2026-11-05 搜索框重建：响应式补充 ===== */
@media (min-width:1201px) and (max-width:1400px){
  .nav-top-other{flex:0 0 auto;gap:12px;}
  .tmmp-search{width:214px;}
  .tmmp-suggest{width:310px;}
}
@media (max-width:768px){
  .nav-top-other .pc-top-search{display:none;}
  .tmmp-search-lg{display:flex;width:100%;}
  .tmmp-search-lg .tmmp-suggest{width:100%;}
}
/* ===== 型号检索结果页 ===== */
.tmmp-search-note{font-size:12px;color:#7a8aa3;margin:2px 0 20px;line-height:1.7;}
.tmmp-search-note code{background:#eef4fd;color:#1b5aa8;padding:1px 5px;border-radius:3px;font-size:11px;}
.bc-res-h{font-size:19px;color:#002D64;margin:22px 0 12px;padding-bottom:9px;border-bottom:2px solid #e6edf6;}
.bc-res-h span{font-size:13px;color:#7a8aa3;font-weight:400;margin-left:8px;}
.bc-res-empty{color:#7a8aa3;font-size:14px;line-height:1.9;margin:16px 0;}
.bc-res-empty code{background:#eef4fd;color:#1b5aa8;padding:1px 5px;border-radius:3px;font-size:12px;}
.bc-related{margin-top:32px;padding:18px 20px;background:#f6f9fe;border:1px solid #e2ebf7;border-radius:10px;}
.bc-related h3{font-size:16px;color:#002D64;margin:0 0 6px;}
.bc-related p{font-size:13px;color:#7a8aa3;margin:0 0 12px;}
.bc-related-list{display:flex;flex-wrap:wrap;gap:8px;}
.bc-related-list a{display:inline-block;padding:6px 12px;background:#fff;border:1px solid #d7e4f5;border-radius:6px;
  color:#1b5aa8;font-size:13px;font-weight:600;text-decoration:none;transition:.18s;}
.bc-related-list a:hover{background:var(--blue);border-color:var(--blue);color:#fff;}

/* 结果页大搜索框：不受顶部响应式宽度规则影响，始终撑满 */
form.tmmp-search.tmmp-search-lg{width:100%;height:48px;margin:14px 0 6px;}
form.tmmp-search.tmmp-search-lg .tmmp-suggest{width:100%;}