/* ============================================================
   布局：厂商直销版（lay-factory）
   顶部品牌横幅图 + 深色通栏导航（金黄当前项）+ 红白商务首页
   参考原始官网 www.sdhyzn.com 风格
   ============================================================ */

/* ---- 顶部品牌横幅（桌面显示） ---- */
.lay-factory .fac-banner{display:block;background:#fff;line-height:0;text-align:center}
.lay-factory .fac-banner img{width:100%;max-height:150px;object-fit:contain;object-position:center;background:#fff}
/* 桌面端隐藏移动头部（横幅即为品牌区） */
.lay-factory .hd-main{display:none}

/* ---- 通栏深色导航（金黄当前项 + 右侧热线/语言） ---- */
.lay-factory .nav{background:#1C2430;box-shadow:0 2px 8px rgba(10,20,40,.2)}
.lay-factory .nav-main{display:flex;align-items:center;justify-content:center;gap:6px;position:relative}
.lay-factory .nav-items{display:flex;flex-wrap:nowrap;min-width:0}
.lay-factory .nav-item{flex:0 0 auto}
.lay-factory .nav-item>a{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;color:rgba(255,255,255,.92);font-size:15.5px;font-weight:600;letter-spacing:1.5px;transition:background .15s,color .15s}
.lay-factory .nav-item>a:hover{background:rgba(255,255,255,.1);color:#fff}
.lay-factory .nav-item>a.on{background:#F0B429;color:#1B2231}
.lay-factory .nav-item>a .arr{border-color:rgba(255,255,255,.85)}
.lay-factory .nav .sub{background:#fff;border-radius:0 0 6px 6px;box-shadow:0 12px 30px rgba(10,25,50,.18);min-width:176px;padding:6px 0}
.lay-factory .nav .sub a{color:#3A4557;font-size:14px;height:40px;line-height:40px;padding:0 22px;border-left:2px solid transparent}
.lay-factory .nav .sub a:hover{color:#C22A1F;background:#FBF3EE;border-left-color:#C22A1F}
.lay-factory .nav .sub a.on{color:#C22A1F;font-weight:600}
/* 导航右侧：热线 + 语言 */
.lay-factory .fac-side{display:flex;align-items:center;gap:16px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(255,255,255,.16);flex:0 0 auto}
.lay-factory .fac-tel{display:flex;align-items:center;gap:8px;color:#F0B429;font-size:17px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.lay-factory .fac-tel:hover{color:#fff}
.lay-factory .fac-lang{display:inline-flex;border:1px solid rgba(255,255,255,.32);border-radius:3px;overflow:hidden;background:rgba(255,255,255,.06)}
.lay-factory .fac-lang a{margin:0;padding:5px 11px;font-size:12px;line-height:1;color:rgba(255,255,255,.85);transition:all .15s}
.lay-factory .fac-lang a+a{border-left:1px solid rgba(255,255,255,.2)}
.lay-factory .fac-lang a.on{background:#F0B429;color:#1B2231;font-weight:600}
/* 抽屉热线行（移动端） */
.lay-factory .fac-draw-tel{display:none}

/* ---- 热门搜索词条 ---- */
.lay-factory .fac-hotwords{background:#FBF3EE;border-bottom:1px solid #F0E2D8;padding:14px 0}
.lay-factory .fac-hotwords .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.lay-factory .fac-hotwords b{color:#C22A1F;font-size:14.5px;font-weight:700;margin-right:10px;flex:0 0 auto}
.lay-factory .fac-hotwords a{color:#5A4A42;font-size:13.5px;padding:4px 13px;background:#fff;border:1px solid #F0DFD2;border-radius:999px;transition:all .15s;white-space:nowrap}
.lay-factory .fac-hotwords a:hover{color:#fff;background:#C22A1F;border-color:#C22A1F}

/* ---- 通用板块标题 ---- */
.lay-factory .fac-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:2px solid #E9E3DC;padding-bottom:14px;margin-bottom:26px}
.lay-factory .fac-sec-head b{font-size:28px;font-weight:800;color:#1C2430;position:relative;padding-left:14px;letter-spacing:1px}
.lay-factory .fac-sec-head b:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:2px;background:#C22A1F}
.lay-factory .fac-sec-head span{display:block;font-size:13.5px;color:#98A2B3;margin-top:6px;letter-spacing:.5px}
.lay-factory .fac-sec-head.center{justify-content:center;text-align:center;flex-direction:column;align-items:center;border-bottom:0;gap:0}
.lay-factory .fac-sec-head.center b{position:static;padding:0}
.lay-factory .fac-sec-head.center b:before{display:none}
.lay-factory .fac-sec-head.center b:after{content:"";display:block;width:52px;height:3px;border-radius:2px;background:#C22A1F;margin:12px auto 0}
.lay-factory .fac-more{color:#C22A1F;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.lay-factory .fac-more:hover{opacity:.8}
.lay-factory .fac-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 30px;margin-top:18px;background:#C22A1F;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:2px;border-radius:4px;transition:background .15s}
.lay-factory .fac-btn:hover{background:#A51D13}

/* ---- 产品中心（分类标签 + 4 列网格） ---- */
.lay-factory .fac-products{padding:50px 0 44px}
.lay-factory .fac-products .p-tabs{justify-content:flex-start;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.lay-factory .fac-products .p-tab{border-radius:4px;border:1px solid #E5DCD4;background:#fff;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;font-size:14px;letter-spacing:1px;color:#5A534A;line-height:1}
.lay-factory .fac-products .p-tab.on{background:#C22A1F;border-color:#C22A1F;color:#fff}
.lay-factory .fac-p-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.lay-factory .fac-p-card{border:1px solid #EDE7E0;border-radius:6px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s;padding-bottom:14px}
.lay-factory .fac-p-card:hover{box-shadow:0 12px 26px rgba(194,42,31,.14);transform:translateY(-4px)}
.lay-factory .fac-p-card .p-thumb{border-radius:0;background:#F7F3EE}
.lay-factory .fac-p-card .p-thumb img{transition:transform .3s}
.lay-factory .fac-p-card:hover .p-thumb img{transform:scale(1.05)}
.lay-factory .fac-p-card>div.p-thumb{width:100%;aspect-ratio:1;overflow:hidden}
.lay-factory .fac-p-card>b{display:block;padding:13px 16px 6px;font-size:15px;color:#1C2430;font-weight:600;line-height:1.5}
.lay-factory .fac-p-card>span{display:flex;align-items:center;gap:4px;padding:0 16px;color:#C22A1F;font-size:13px;font-weight:600}

/* ---- 公司简介（左图右文） ---- */
.lay-factory .fac-about{background:#FBF3EE;padding:44px 0}
.lay-factory .fac-about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.lay-factory .fac-about-img{border-radius:8px;overflow:hidden;box-shadow:0 14px 30px rgba(20,40,60,.12)}
.lay-factory .fac-about-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.lay-factory .fac-about-txt .about-content{color:#4A443E;font-size:14.5px;line-height:1.9;margin-top:4px}
.lay-factory .fac-about-txt .about-content p{margin:0 0 10px}

/* ---- 加盟优势（4 列） ---- */
.lay-factory .fac-adv{padding:44px 0}
.lay-factory .fac-adv .wrap{max-width:1180px}
.lay-factory .fac-adv-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.lay-factory .fac-adv-item{border:1px solid #EDE7E0;border-top:3px solid #C22A1F;border-radius:6px;padding:26px 22px;background:#fff;text-align:left;transition:box-shadow .2s,transform .2s}
.lay-factory .fac-adv-item:hover{box-shadow:0 12px 24px rgba(20,40,60,.1);transform:translateY(-4px)}
.lay-factory .fac-adv-ico{width:42px;height:42px;border-radius:8px;background:#FBE9E6;color:#C22A1F;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.lay-factory .fac-adv-item>b{display:block;font-size:17px;color:#1C2430;margin-bottom:8px;font-weight:700}
.lay-factory .fac-adv-item>p{margin:0;font-size:13.5px;color:#7A7268;line-height:1.75}

/* ---- 新闻双栏 ---- */
.lay-factory .fac-news{padding:44px 0 40px;background:#fff}
.lay-factory .fac-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lay-factory .fac-news-col{min-width:0}
.lay-factory .fac-news-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid #F0E9E2;margin-bottom:6px}
.lay-factory .fac-news-head b{font-size:19px;color:#1C2430;font-weight:700;padding-left:12px;position:relative}
.lay-factory .fac-news-head b:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:#C22A1F}
.lay-factory .fac-news-head a{color:#98A2B3;font-size:13px}
.lay-factory .fac-news-head a:hover{color:#C22A1F}
.lay-factory .fac-news-list{list-style:none;margin:0;padding:0}
.lay-factory .fac-news-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px dashed #EDE6DE}
.lay-factory .fac-news-list li a{color:#3A4450;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lay-factory .fac-news-list li a:hover{color:#C22A1F}
.lay-factory .fac-news-list li span{color:#A8B0B8;font-size:12.5px;flex:0 0 auto}

/* ---- 热线 CTA ---- */
.lay-factory .fac-cta{background:linear-gradient(90deg,#C22A1F 0%,#E2402F 100%);padding:30px 0}
.lay-factory .fac-cta-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lay-factory .fac-cta-txt b{display:block;color:#fff;font-size:24px;font-weight:800;letter-spacing:1px}
.lay-factory .fac-cta-txt span{display:block;color:rgba(255,255,255,.85);font-size:14px;margin-top:6px}
.lay-factory .fac-cta-ops{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lay-factory .fac-cta-tel{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 26px;background:#fff;color:#C22A1F;font-size:20px;font-weight:800;border-radius:4px;transition:transform .15s}
.lay-factory .fac-cta-tel:hover{transform:translateY(-2px)}
.lay-factory .fac-cta-btn{display:inline-flex;align-items:center;height:48px;padding:0 30px;background:#F0B429;color:#1B2231;font-size:15.5px;font-weight:700;border-radius:4px;letter-spacing:1px;transition:background .15s}
.lay-factory .fac-cta-btn:hover{background:#F6C34A}

/* ---- 桌面中屏（1024 档） ---- */
@media (max-width:1280px){
  .lay-factory .nav-item>a{padding:0 20px;font-size:14.5px}
  .lay-factory .fac-p-grid{grid-template-columns:repeat(4,1fr);gap:14px}
}
@media (max-width:1024px){
  .lay-factory .fac-p-grid{grid-template-columns:repeat(3,1fr)}
  .lay-factory .fac-adv-grid{grid-template-columns:repeat(2,1fr)}
  .lay-factory .fac-banner img{max-height:110px}
}

/* ---- 移动端 ---- */
@media (max-width:820px){
  /* 横幅隐藏，恢复标准头部 */
  .lay-factory .fac-banner{display:none}
  .lay-factory .hd-main{display:flex;height:62px;padding:0 16px;align-items:center;gap:12px;background:#fff}
  .lay-factory .logo{min-width:0}
  .lay-factory .logo img{height:38px;max-width:170px;object-fit:contain;object-position:left center}
  /* 未上传方形 LOGO 时，横幅图左对齐取品牌区 */
  .lay-factory .logo img.logo-banner{width:150px;height:38px;object-fit:cover;object-position:left center;border-radius:4px}
  .lay-factory .hd-side{margin-left:auto;gap:10px}
  .lay-factory .hd-lang a{padding:5px 9px;font-size:11px;white-space:nowrap}
  /* 抽屉（深色条 + 白底菜单） */
  .lay-factory .nav{background:#1C2430}
  .lay-factory .nav .wrap{display:block;padding:0}
  .lay-factory .nav-main{display:block}
  .lay-factory .nav-items{display:block}
  .lay-factory .nav-item>a{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.92)}
  .lay-factory .nav-item>a.on,.lay-factory .nav-item>a:hover{background:#F0B429;color:#1B2231}
  .lay-factory .nav .sub{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;display:none;background:rgba(255,255,255,.06);padding:0;min-width:0;border-radius:0}
  .lay-factory .nav-item.open>.sub{display:block}
  .lay-factory .nav .sub a{display:block;height:44px;line-height:44px;padding:0 20px 0 34px;color:#DDE6F5;border-left:0;white-space:normal}
  .lay-factory .nav .sub a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .lay-factory .nav .sub a.on{color:#F0B429;font-weight:600}
  /* 抽屉热线行 */
  .lay-factory .fac-draw-tel{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#F0B429;color:#1B2231}
  .lay-factory .fac-draw-tel span{font-size:12px;opacity:.85}
  .lay-factory .fac-draw-tel b{display:block;font-size:17px;font-weight:800}
  /* 桌面侧（热线/语言）隐藏 */
  .lay-factory .fac-side{display:none}
  /* 板块间距 */
  .lay-factory .fac-hotwords{padding:12px 0}
  .lay-factory .fac-products{padding:30px 0 28px}
  .lay-factory .fac-about{padding:30px 0}
  .lay-factory .fac-adv{padding:30px 0}
  .lay-factory .fac-news{padding:30px 0 26px}
  .lay-factory .fac-sec-head b{font-size:21px}
  .lay-factory .fac-about-grid{grid-template-columns:1fr;gap:24px}
  .lay-factory .fac-about-img img{aspect-ratio:16/9}
  .lay-factory .fac-news-grid{grid-template-columns:1fr;gap:28px}
  .lay-factory .fac-p-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .lay-factory .fac-adv-grid{grid-template-columns:1fr 1fr;gap:12px}
  .lay-factory .fac-adv-item{padding:18px 16px}
  .lay-factory .fac-cta-in{flex-direction:column;align-items:flex-start;gap:14px}
  .lay-factory .fac-cta-txt b{font-size:20px}
}
@media (max-width:480px){
  .lay-factory .fac-hotwords a{font-size:12.5px;padding:3px 10px}
  .lay-factory .fac-p-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .lay-factory .fac-p-card>b{font-size:13.5px;padding:10px 12px 4px}
  .lay-factory .fac-p-card>span{padding:0 12px;font-size:12px}
  .lay-factory .fac-adv-grid{grid-template-columns:1fr 1fr}
}