/* 莘县鲁鑫木业有限公司 官网样式表 */
:root{
  --ink:#2B1A0E;          /* 深木棕 */
  --wood:#8B3A1F;         /* 主木色 */
  --gold:#C89B4B;         /* 金铜 */
  --cream:#F7F3EC;        /* 米底 */
  --green:#3E9B3F;        /* 品牌绿 */
  --green-light:#8CC63F;
  --text:#5A4A3A;
  --muted:#6B5D4F;
  --line:#E8DFD2;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  color:var(--text);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.serif{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;}
.wrap{width:1200px;margin:0 auto;}
.narrow{width:960px;margin:0 auto;}

/* ---------- 顶栏 ---------- */
.topbar{background:#2B1A0E;color:#C89B4B;font-size:13px;}
.topbar .wrap{height:40px;display:flex;align-items:center;justify-content:space-between;}
.topbar .right{color:#D8C6AC;}

/* ---------- 导航 ---------- */
.nav{background:#fff;border-bottom:1px solid #F0E9DE;position:sticky;top:0;z-index:50;}
.nav .wrap{height:84px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:12px;}
.logo{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;flex:none;}
.brand-txt h1{font-size:20px;color:var(--ink);font-weight:700;line-height:1.3;}
.brand-txt p{font-size:10px;color:#A08970;letter-spacing:.5px;}
.menu{display:flex;gap:34px;}
.menu a{font-size:16px;color:#4A4038;transition:color .2s;}
.menu a:hover{color:var(--wood);}
.menu a.active{color:var(--wood);font-weight:600;}
.nav-toggle{display:none;}

/* ---------- 内页横幅 ---------- */
.page-banner{height:280px;position:relative;display:flex;align-items:center;justify-content:center;
  background-size:cover;background-position:center;}
.page-banner::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(33,20,7,.75),rgba(33,20,7,.5));}
.page-banner .pb-txt{position:relative;z-index:2;text-align:center;color:#fff;}
.page-banner h2{font-size:44px;font-weight:700;letter-spacing:4px;
  font-family:"Noto Serif SC","Songti SC",serif;}
.page-banner span{display:block;margin-top:10px;font-size:14px;color:var(--gold);letter-spacing:2px;}

/* ---------- 通用版块 ---------- */
section{padding:80px 0;}
.sec-cream{background:var(--cream);}
.sec-head{text-align:center;margin-bottom:44px;}
.sec-head h3{font-size:34px;color:var(--ink);font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;}
.sec-head p{font-size:13px;color:var(--gold);letter-spacing:3px;margin-top:8px;}
.sec-head i{display:block;width:46px;height:3px;background:var(--gold);margin:12px auto 0;}

/* ---------- 首页 Hero 轮播 ---------- */
.hero{position:relative;height:600px;overflow:hidden;background:#0B2410;}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity 1s ease;}
.hero .slide.active{opacity:1;}
.hero .mask{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,36,15,.70),rgba(4,36,15,.32));}
.hero .hero-txt{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;color:#fff;text-align:center;z-index:3;}
.hero .hero-txt h2{font-size:78px;font-weight:900;letter-spacing:10px;
  font-family:"Noto Serif SC","Songti SC",serif;text-shadow:0 4px 24px rgba(0,0,0,.35);}
.hero .hero-txt .divider{width:90px;height:4px;background:var(--green-light);margin:20px 0;}
.hero .hero-txt p{font-size:20px;color:#F2F7EF;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.35);}
.hero .dots{position:absolute;left:50%;transform:translateX(-50%);bottom:36px;
  display:flex;gap:10px;z-index:4;}
.hero .dots button{width:24px;height:6px;border:0;border-radius:3px;background:rgba(255,255,255,.5);
  cursor:pointer;transition:.3s;}
.hero .dots button.active{width:24px;background:var(--green-light);}

/* ---------- 数据栏 ---------- */
.stats{display:flex;justify-content:space-between;padding:44px 0;}
.stat{text-align:center;}
.stat b{display:block;font-size:40px;color:var(--wood);font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;}
.stat span{font-size:15px;color:var(--muted);}

/* ---------- 公司简介（纯文字） ---------- */
.intro-txt{text-align:center;}
.intro-txt p{font-size:17px;line-height:32px;color:var(--text);margin-bottom:18px;text-align:left;}
.btn-line{display:inline-block;padding:12px 28px;border:1px solid var(--wood);color:var(--wood);
  border-radius:4px;font-size:15px;transition:.25s;}
.btn-line:hover{background:var(--wood);color:#fff;}

/* ---------- 产品网格 ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;
  transition:.3s;}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(43,26,14,.12);}
.card .thumb{height:290px;background-size:cover;background-position:center;}
.card .cbody{padding:18px 20px;}
.card h4{font-size:20px;color:var(--ink);font-weight:600;}
.card p{font-size:14px;color:#8A7A68;margin-top:6px;}

/* ---------- 时间轴（首页横向） ---------- */
.tl-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.tl-item{text-align:center;}
.tl-item b{font-size:26px;color:var(--wood);font-family:"Noto Serif SC","Songti SC",serif;}
.tl-item .dot{width:14px;height:14px;border-radius:50%;background:var(--gold);margin:12px auto;}
.tl-item .dot.now{background:var(--wood);}
.tl-item p{font-size:13px;color:var(--muted);line-height:20px;}

/* ---------- 时间轴（竖排） ---------- */
.timeline{display:flex;flex-direction:column;gap:22px;}
.tl-line{display:flex;gap:24px;align-items:flex-start;}
.tl-line .year{width:120px;text-align:right;font-size:22px;color:var(--wood);font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;flex:none;}
.tl-line .node{width:14px;height:14px;border-radius:50%;background:var(--gold);margin-top:10px;flex:none;}
.tl-line .node.now{background:var(--wood);}
.tl-line .box{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 26px;}
.tl-line .box.now{background:#FDF7EC;border-color:var(--gold);}
.tl-line .box p{font-size:15px;line-height:26px;color:var(--text);}

/* ---------- 招商横幅 ---------- */
.cta{position:relative;height:300px;display:flex;align-items:center;justify-content:center;
  background-size:cover;background-position:center;text-align:center;}
.cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(33,20,7,.78),rgba(33,20,7,.55));}
.cta .cta-txt{position:relative;z-index:2;color:#fff;}
.cta h3{font-size:38px;font-family:"Noto Serif SC","Songti SC",serif;font-weight:700;letter-spacing:4px;}
.btn-gold{display:inline-block;margin-top:16px;padding:12px 30px;background:var(--gold);
  color:#fff;border-radius:4px;font-size:15px;transition:.25s;}
.btn-gold:hover{background:#B98837;}

/* ---------- 卡片组 ---------- */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.box-card{background:var(--cream);border-radius:8px;padding:30px 26px;}
.box-card .num{font-size:24px;color:var(--gold);font-family:"Noto Serif SC","Songti SC",serif;font-weight:700;}
.box-card h4{font-size:19px;color:var(--ink);font-weight:600;margin-top:6px;}
.box-card p{font-size:14px;color:var(--muted);line-height:24px;margin-top:8px;}
.box-white{background:#fff;border:1px solid var(--line);}

/* ---------- 履历 ---------- */
.resume{display:flex;flex-direction:column;gap:20px;}
.resume-row{display:flex;gap:24px;align-items:flex-start;}
.resume-row .tag{width:150px;flex:none;font-size:20px;color:var(--wood);font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;}
.resume-row .box{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 26px;}
.resume-row .box.gold{background:#FDF7EC;border-color:var(--gold);}
.resume-row p{font-size:15px;line-height:26px;color:var(--text);}

/* ---------- 致辞 ---------- */
.speech{text-align:center;}
.speech h3{font-size:30px;color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif;font-weight:700;}
.speech .lead{font-size:20px;color:var(--wood);font-weight:700;margin:16px 0 8px;
  font-family:"Noto Serif SC","Songti SC",serif;}
.speech p{font-size:16px;line-height:30px;text-align:left;margin-bottom:18px;}
.speech .sign{text-align:right;color:#8A7A68;font-size:16px;}

/* ---------- 步骤 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;}
.step .circle{width:56px;height:56px;border-radius:50%;background:var(--gold);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;
  font-family:"Noto Serif SC","Songti SC",serif;margin:0 auto;}
.step .circle.last{background:var(--wood);}
.step h4{font-size:18px;color:var(--ink);font-weight:600;margin-top:14px;}
.step p{font-size:13px;color:#8A7A68;margin-top:6px;}

/* ---------- 联系 ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.contact-card{background:var(--cream);border-radius:8px;padding:36px 30px;text-align:center;}
.contact-card .icon{width:44px;height:44px;margin:0 auto;}
.contact-card h4{font-size:19px;color:var(--ink);font-weight:600;margin-top:14px;}
.contact-card p{font-size:14px;color:var(--muted);line-height:24px;margin-top:8px;}
.form-row{display:flex;gap:18px;}
.form{padding-top:0;}
.form input,.form textarea{width:100%;border:1px solid #E0D5C4;border-radius:6px;padding:14px 20px;
  font-size:15px;font-family:inherit;color:var(--text);background:#fff;outline:none;transition:.2s;}
.form input:focus,.form textarea:focus{border-color:var(--gold);}
.form textarea{height:150px;resize:vertical;}
.btn-submit{margin-top:18px;padding:15px 46px;background:var(--wood);color:#fff;border:0;
  border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:.25s;}
.btn-submit:hover{background:#742F18;}
.map-box{height:412px;background:#E7EBE2;border-radius:8px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:15px;text-align:center;padding:24px;}
.map-box svg{width:52px;height:52px;}

/* ---------- 页脚 ---------- */
footer{background:#2B1A0E;color:#B9A58C;}
.foot-main{padding:56px 0;display:flex;gap:80px;}
.foot-main .fcol.brand-col{width:420px;flex:none;}
.foot-main h5{font-size:20px;color:#fff;font-weight:600;margin-bottom:14px;}
.foot-main .brand-col p{font-size:14px;line-height:24px;}
.foot-main .fcol{flex:1;}
.foot-main .fcol > h6{font-size:16px;color:var(--gold);font-weight:600;margin-bottom:12px;}
.foot-main .fcol a,.foot-main .fcol p{display:block;font-size:14px;line-height:26px;color:#B9A58C;}
.foot-main .fcol a:hover{color:#fff;}
.copyright{background:#221407;padding:18px 0;font-size:13px;color:#8A7458;text-align:center;}

/* ---------- 响应式 ---------- */
@media (max-width:1240px){
  .wrap,.narrow{width:calc(100% - 48px);}
}
@media (max-width:980px){
  .grid-3,.grid-4,.contact-grid,.steps{grid-template-columns:repeat(2,1fr);}
  .tl-row{grid-template-columns:repeat(3,1fr);row-gap:32px;}
  .foot-main{flex-wrap:wrap;gap:40px;}
  .foot-main .fcol.brand-col{width:100%;}
  .hero .hero-txt h2{font-size:52px;letter-spacing:6px;}
  .page-banner h2{font-size:34px;}
}
@media (max-width:720px){
  .nav .wrap{height:auto;flex-wrap:wrap;gap:12px;padding:14px 0;}
  .menu{display:flex;flex-wrap:wrap;gap:16px;}
  .menu a{font-size:15px;}
  .nav-toggle{display:none;}
  .msg-grid{grid-template-columns:1fr !important;}
  .grid-3,.grid-4,.contact-grid,.steps,.tl-row{grid-template-columns:1fr;}
  .form-row{flex-direction:column;}
  .stats{flex-wrap:wrap;gap:20px;justify-content:center;}
  .resume-row{flex-direction:column;gap:8px;}
  .resume-row .tag{width:auto;}
  .tl-line .year{width:auto;text-align:left;}
  .tl-line{flex-wrap:wrap;}
}