/* ============ 布局2：宽屏通栏（ocean/tech/dark/gray） ============ */
/* 结构：通栏导航 + 横滚产品带 + 反转关于区 + 4栏页脚 */

/* 顶条通栏深色 */
.l2-top{background:var(--main);color:rgba(255,255,255,.75);font-size:12px;}
.l2-top .in{display:flex;justify-content:space-between;align-items:center;height:38px;}
.l2-top a{color:rgba(255,255,255,.75);margin:0 5px;}
.l2-top a:hover{color:#fff;}
/* 城市下拉为白底弹层，必须覆盖回深色文字 */
.l2-top .city-dropdown{background:#fff;}
.l2-top .city-dropdown strong{color:var(--main);}
.l2-top .city-dropdown a{display:inline-block;margin:4px 10px 4px 0;color:var(--text2);}
.l2-top .city-dropdown a:hover,.l2-top .city-dropdown a.on{color:var(--gold);font-weight:bold;}

/* 头部 */
.l2-header{background:#fff;border-bottom:1px solid var(--line);}
.l2-header .in{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:22px;}
.l2-logo{display:flex;align-items:center;gap:10px;}
.l2-logo img{height:50px;width:auto;}
.l2-logo .mark{width:50px;height:50px;background:var(--main);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;border-radius:4px;}
.l2-logo .name{font-size:23px;font-weight:bold;color:var(--main);letter-spacing:2px;}
.l2-logo .en{display:block;font-size:11px;color:#b09a7d;letter-spacing:2px;}
.l2-search{flex:1;max-width:430px;display:flex;border:2px solid var(--main);border-radius:3px;overflow:hidden;}
.l2-search input{flex:1;border:0;outline:none;padding:9px 12px;font-size:13px;}
.l2-search button{background:var(--main);color:#fff;border:0;padding:0 22px;cursor:pointer;}
.l2-side{display:flex;align-items:center;gap:16px;}
.l2-cart{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:3px;padding:8px 14px;font-size:13px;color:var(--text2);}
.l2-cart b{color:var(--gold);font-family:Georgia,serif;font-size:16px;}
.l2-tel{text-align:right;}
.l2-tel .lbl{font-size:11px;color:var(--text2);}
.l2-tel .num{font-size:21px;font-weight:bold;color:var(--gold);font-family:Georgia,serif;}

/* 通栏导航 */
.l2-nav{background:var(--main);}
.l2-nav .in{display:flex;}
.l2-nav a{display:block;color:#fff;padding:0 26px;height:50px;line-height:50px;font-size:15px;}
.l2-nav a:hover,.l2-nav a.on{background:var(--gold);color:#fff;}
.l2-nav .toggle{display:none;}

/* banner 通栏 */
.l2-banner{position:relative;overflow:hidden;}
.l2-banner .slides{display:flex;transition:transform .5s ease;}
.l2-banner .slide{min-width:100%;height:420px;background-size:cover;background-position:center;display:flex;align-items:center;}
.l2-banner .slide .in{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);}
.l2-banner .slide h2{font-size:38px;letter-spacing:6px;font-weight:normal;margin-bottom:12px;}
.l2-banner .slide p{font-size:15px;opacity:.9;letter-spacing:2px;}
.l2-banner .dots{position:absolute;bottom:16px;left:0;right:0;text-align:center;}
.l2-banner .dots span{display:inline-block;width:28px;height:3px;background:rgba(255,255,255,.45);margin:0 5px;cursor:pointer;}
.l2-banner .dots span.on{background:var(--gold);}
.l2-ph{background:linear-gradient(120deg,var(--main),var(--main2) 60%,var(--main));}

/* 数字优势条 */
.l2-stats{background:var(--main);color:#fff;}
.l2-stats .in{display:grid;grid-template-columns:repeat(4,1fr);}
.l2-stats .cell{padding:26px 10px;text-align:center;border-left:1px solid rgba(255,255,255,.14);}
.l2-stats .cell:first-child{border-left:0;}
.l2-stats b{display:block;font-size:34px;font-family:Georgia,serif;color:var(--gold);}
.l2-stats span{font-size:13px;opacity:.85;letter-spacing:2px;}

/* 横滚产品带 */
.l2-strip{padding:52px 0;}
.l2-strip .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px;}
.l2-strip .hd h2{font-size:26px;color:var(--main);font-weight:normal;letter-spacing:3px;}
.l2-strip .hd .en{color:#c3b6a3;font-size:12px;letter-spacing:3px;text-transform:uppercase;}
.l2-strip .row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.l2-card{background:#fff;border:1px solid var(--line);position:relative;transition:.25s;}
.l2-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-4px);}
.l2-card .img{aspect-ratio:4/3;overflow:hidden;background:var(--bg2);position:relative;}
.l2-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.l2-card:hover .img img{transform:scale(1.05);}
.l2-card .img .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a5977f;font-size:14px;letter-spacing:2px;}
.l2-card .price{position:absolute;right:10px;bottom:10px;background:var(--gold);color:#fff;font-size:14px;padding:3px 10px;font-family:Georgia,serif;}
.l2-card h3{font-size:14px;font-weight:normal;padding:12px 14px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.l2-card h3 a:hover{color:var(--gold);}
.l2-card .meta{padding:0 14px 14px;color:var(--text2);font-size:12px;}

/* 案例双列大图 */
.l2-cases{background:var(--bg2);padding:52px 0;}
.l2-cases .row{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.l2-case{position:relative;aspect-ratio:16/8;overflow:hidden;background:var(--main);}
.l2-case img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.l2-case:hover img{transform:scale(1.06);}
.l2-case .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cdbfa3;letter-spacing:3px;}
.l2-case .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;padding:40px 18px 14px;font-size:16px;letter-spacing:1px;}
.l2-case .cap small{display:block;font-size:12px;opacity:.8;letter-spacing:0;margin-top:2px;}

/* 资讯：左列表右侧栏（标准grid，防溢出） */
.l2-news{padding:52px 0;background:var(--bg2);}
.l2-news .in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;}
.l2-news .main{min-width:0;}
.l2-news .main .hd{margin-bottom:6px;}
.l2-news .main .hd h2{font-size:22px;color:var(--main);font-weight:normal;letter-spacing:3px;}
.l2-news .main .hd h2 span{color:#c3b6a3;font-size:12px;letter-spacing:3px;margin-left:8px;}
.l2-news .main .item{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 4px;border-bottom:1px dashed var(--line);background:transparent;}
.l2-news .main h3{font-size:16px;font-weight:normal;margin-bottom:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.l2-news .main h3 a:hover{color:var(--gold);}
.l2-news .main .date{color:var(--gold);font-size:13px;white-space:nowrap;flex-shrink:0;font-family:Georgia,serif;}
.l2-news .side{min-width:0;}
.l2-news .side h4{font-size:15px;font-weight:normal;color:var(--main);margin-bottom:14px;letter-spacing:2px;}
.l2-news .side .tag{display:inline-block;border:1px solid var(--line);color:var(--text2);font-size:12px;padding:5px 12px;margin:0 8px 10px 0;background:transparent;}
.l2-news .side .tel{margin-top:18px;background:var(--main);padding:16px;text-align:center;color:#fff;}
.l2-news .side .tel b{display:block;color:var(--gold);font-size:22px;font-family:Georgia,serif;}
.l2-news .side .tel span{font-size:12px;opacity:.8;}

/* 关于：图右文左 */
.l2-about{background:var(--bg2);padding:52px 0;}
.l2-about .in{display:flex;gap:40px;align-items:center;}
.l2-about .txt{flex:1;}
.l2-about .txt .en{color:#c3b6a3;font-size:12px;letter-spacing:3px;text-transform:uppercase;}
.l2-about .txt h2{font-size:26px;color:var(--main);font-weight:normal;letter-spacing:3px;margin:6px 0 14px;}
.l2-about .txt p{color:var(--text2);margin-bottom:16px;text-indent:2em;}
.l2-about .pic{flex:0 0 44%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--main),var(--main2));display:flex;align-items:center;justify-content:center;color:#e5d9c3;letter-spacing:4px;font-size:18px;}
.l2-about .pic img{width:100%;height:100%;object-fit:cover;}
.l2-more{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:8px 26px;letter-spacing:2px;}
.l2-more:hover{background:var(--gold);color:#fff;}

/* 4栏页脚 */
.l2-footer{background:var(--main);color:#b3a48d;font-size:13px;}
.l2-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:40px 0 30px;border-bottom:1px solid rgba(255,255,255,.12);}
.l2-footer h3{color:#e8ddcd;font-size:15px;font-weight:normal;letter-spacing:2px;margin-bottom:14px;}
.l2-footer p{margin-bottom:5px;}
.l2-footer .tel{font-size:24px;color:var(--gold);font-family:Georgia,serif;}
.l2-footer a{color:#b3a48d;}
.l2-footer a:hover{color:#fff;}
.l2-footer .cities{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px;line-height:2;}
.l2-footer .cities a{margin-right:14px;}
.l2-footer .copy{padding:16px 0;text-align:center;font-size:12px;color:#8a7b64;}

/* 面包屑/容器沿用基础组件 */
.section{padding:52px 0;}

/* 分类标签 */
.l2-tabs a{display:inline-block;padding:7px 20px;border:1px solid var(--line);color:var(--text2);font-size:13px;margin:0 10px 10px 0;}
.l2-tabs a:hover{border-color:var(--gold);color:var(--gold);}
.l2-tabs a.on{background:var(--main);border-color:var(--main);color:#fff;}

/* 详情反转 */
.pd-info.l2-pd{gap:0 40px;}
.pd-info.l2-pd .pd-txt{border-right:1px dashed var(--line);padding-right:40px;}
.pd-info.l2-pd .pd-pics{padding-left:10px;}

@media(max-width:992px){
  .pd-info.l2-pd{flex-direction:column !important;}
  .pd-info.l2-pd .pd-txt{border-right:0;padding-right:0;border-top:1px dashed var(--line);padding-top:20px;}
  .pd-info.l2-pd .pd-pics{padding-left:0;width:100%;flex:none;}
}

@media(max-width:992px){
  .l2-stats .in{grid-template-columns:repeat(2,1fr);}
  .l2-strip .row{grid-template-columns:repeat(3,1fr);}
  .l2-cases .row{grid-template-columns:1fr;}
  .l2-news .in{grid-template-columns:minmax(0,1fr);}
  .l2-news .side{border-top:1px solid var(--line);padding-top:24px;}
  .l2-about .in{flex-direction:column-reverse;}
  .l2-about .pic{flex:none;width:100%;}
  .l2-tel{display:none;}
  .l2-footer .cols{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .l2-top .in{justify-content:center;}
  .l2-top .links{display:none;}
  .l2-header .in{flex-wrap:wrap;}
  .l2-search{order:3;max-width:100%;flex:100%;}
  /* 手机端汉堡折叠导航 */
  .l2-nav .toggle{display:block;width:100%;color:#fff;padding:0 16px;height:44px;line-height:44px;cursor:pointer;font-size:15px;}
  .l2-nav:not(.open) a{display:none;}
  .l2-nav.open .toggle{border-bottom:1px solid rgba(255,255,255,.15);}
  .l2-nav.open a{display:block;width:100%;padding:0 20px;height:44px;line-height:44px;font-size:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);}
  .l2-banner .slide{height:250px;}
  .l2-banner .slide h2{font-size:24px;}
  .l2-strip .row{grid-template-columns:repeat(2,1fr);gap:12px;}
  .l2-cart{display:none;}
  .l2-stats .cell{padding:18px 6px;}
  .l2-stats b{font-size:24px;}
}