/* ==========================================================
   敦煌罗布麻综合开发中心 — 首页独立样式
   配色：大漠沙金 / 墨绿 / 米白 / 印章红
   ========================================================== */
:root{
  --green:#254234;
  --green-d:#183026;
  --gold:#c39a58;
  --gold-d:#a97f3f;
  --red:#a5352c;
  --ink:#2f2a24;
  --muted:#7d7466;
  --paper:#f7f2e8;
  --paper-2:#efe6d4;
  --line:#e2d7c2;
  --serif:"Noto Serif SC","Source Han Serif SC","STZhongsong","SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.7;overflow-x:hidden;}
ul,ol{list-style:none;}
a{text-decoration:none;color:inherit;transition:color .25s;}
img{max-width:100%;display:block;border:0;}
em,i{font-style:normal;}
button{font-family:inherit;background:none;border:0;cursor:pointer;}
.wrap{width:min(1240px,92%);margin:0 auto;}
.clr{clear:both;}

/* ---------- 通用 ---------- */
.btn{display:inline-block;padding:13px 34px;font-size:15px;letter-spacing:2px;border-radius:3px;transition:.3s;line-height:1.4;}
.btn-gold{background:var(--gold);color:#fff;}
.btn-gold:hover{background:var(--gold-d);color:#fff;}
.btn-ghost{border:1px solid rgba(255,255,255,.75);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.92);color:var(--green);}
.btn-line{border:1px solid var(--gold-d);color:var(--gold-d);}
.btn-line:hover{background:var(--gold-d);color:#fff;}
.sec{padding:90px 0;}
.sec-eyebrow{font-size:12px;letter-spacing:6px;color:var(--gold-d);text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-family:var(--serif);font-size:36px;font-weight:600;color:var(--green);letter-spacing:4px;line-height:1.3;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:48px;}
.sec-more{font-size:14px;color:var(--muted);letter-spacing:2px;white-space:nowrap;padding-bottom:6px;}
.sec-more em{color:var(--gold-d);margin-left:6px;transition:margin .3s;}
.sec-more:hover{color:var(--gold-d);}
.sec-more:hover em{margin-left:12px;}

/* 进场动画 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}

/* ==========================================================
   头部导航
   ========================================================== */
.header{position:fixed;left:0;top:0;width:100%;z-index:1000;padding:18px 0;transition:.35s;}
.header:before{content:"";position:absolute;inset:0;background:#fff;box-shadow:0 2px 18px rgba(40,32,18,.08);opacity:0;transition:.35s;}
.header.header-on:before,.header.header-active:before{opacity:1;}
.header.header-on,.header.header-active{padding:10px 0;}
.header .logo,.header .header-right,.header .menu,.header .header-menu{position:relative;z-index:2;}
.header .logo{float:left;margin-left:4%;}
.header .logo img{height:52px;width:auto;}
.header .logo a{display:flex;align-items:center;background:rgba(255,255,255,.94);padding:5px 14px;border-radius:4px;box-shadow:0 1px 8px rgba(40,32,18,.12);}
.header .header-right{float:right;margin-right:4%;display:flex;align-items:center;}
.header .header-right ul{display:flex;}
.header .header-right ul li{position:relative;}
.header .header-right ul li>span{display:block;}
.header .header-right ul li a{display:block;padding:12px 20px;color:#fff;font-size:15px;letter-spacing:2px;position:relative;}
.header:not(.header-on):not(.header-active) .header-right ul li a{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);}
.header.header-on .header-right ul li a,.header.header-active .header-right ul li a{color:var(--ink);}
.header .header-right ul li a:after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;background:var(--gold);transition:.3s;transform:translateX(-50%);}
.header .header-right ul li:hover a:after,.header .header-right ul li.active a:after{width:44%;}
.header .header-right ul li:hover a,.header .header-right ul li.active a{color:var(--gold-d) !important;}
/* 下拉 */
.header .sub-nav{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(12px);background:#fff;min-width:170px;padding:10px 0;border-radius:4px;box-shadow:0 10px 30px rgba(40,32,18,.18);opacity:0;visibility:hidden;transition:.3s;}
.header .sub-nav:before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:#fff;transform:translateX(-50%) rotate(45deg);}
.header ul li:hover .sub-nav,.header ul li.active .sub-nav{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.header .sub-nav p{display:block;text-align:center;}
.header .sub-nav em{display:block;}
.header .sub-nav em a{display:block;padding:9px 22px;color:var(--ink) !important;font-size:14px;white-space:nowrap;}
.header .sub-nav em a:hover{color:var(--gold-d) !important;background:var(--paper);}
/* 搜索 */
.header-search{width:22px;height:22px;margin-left:14px;cursor:pointer;position:relative;opacity:.9;}
.header-search:before,.header-search:after{content:"";position:absolute;border-radius:50%;border:2px solid currentColor;}
.header:not(.header-on):not(.header-active) .header-search{color:#fff;}
.header.header-on .header-search,.header.header-active .header-search{color:var(--ink);}
.header-search:before{width:12px;height:12px;left:2px;top:2px;}
.header-search:after{width:8px;height:2px;background:currentColor;border:0;left:13px;top:16px;transform:rotate(45deg);border-radius:2px;}
.search{position:fixed;inset:0;background:rgba(24,48,38,.96);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.35s;}
.search.search-active{opacity:1;visibility:visible;}
.search form{width:min(720px,86%);display:flex;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:12px;}
.search .txt{flex:1;background:none;border:0;outline:none;color:#fff;font-size:24px;letter-spacing:2px;font-family:var(--serif);}
.search .txt::placeholder{color:rgba(255,255,255,.45);}
.search .bt{width:120px;background:var(--gold);color:#fff;border:0;border-radius:3px;font-size:16px;letter-spacing:4px;cursor:pointer;}
.search-close{position:absolute;right:5%;top:6%;width:36px;height:36px;cursor:pointer;}
.search-close:before,.search-close:after{content:"";position:absolute;left:50%;top:50%;width:34px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);}
.search-close:after{transform:translate(-50%,-50%) rotate(-45deg);}
/* 移动端按钮 */
.header .header-menu{display:none;}
.header .menu{display:none;width:34px;height:26px;cursor:pointer;margin-right:4%;flex-direction:column;justify-content:space-between;}
.header .menu span{display:block;height:2px;background:#fff;border-radius:2px;transition:.3s;}
.header.header-on .menu span,.header.header-active .menu span{background:var(--ink);}

/* ==========================================================
   首屏 Hero
   ========================================================== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;}
.hero-mask{position:absolute;inset:0;background:linear-gradient(105deg,rgba(24,48,38,.82) 0%,rgba(24,48,38,.55) 42%,rgba(120,72,30,.25) 100%);}
.hero-inner{position:relative;z-index:2;width:min(1240px,92%);margin:0 auto;padding:140px 0 120px;}
.hero-eyebrow{color:var(--gold);font-size:15px;letter-spacing:8px;margin-bottom:22px;}
.hero-eyebrow:before{content:"";display:inline-block;width:42px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px;}
.hero-title{font-family:var(--serif);font-size:56px;font-weight:700;color:#fff;letter-spacing:6px;line-height:1.25;margin-bottom:20px;max-width:820px;}
.hero-sub{color:rgba(255,255,255,.85);font-size:16px;letter-spacing:2px;max-width:640px;margin-bottom:38px;}
.hero-btns{display:flex;gap:18px;margin-bottom:64px;}
.hero-stats{display:flex;flex-wrap:wrap;gap:0;}
.hero-stats li{padding:0 44px;border-left:1px solid rgba(255,255,255,.28);}
.hero-stats li:first-child{padding-left:0;border-left:0;}
.hero-stats em{display:block;font-family:var(--serif);font-size:40px;font-weight:700;color:#fff;line-height:1.15;}
.hero-stats em small{font-size:20px;}
.hero-stats span{display:block;color:rgba(255,255,255,.75);font-size:13px;letter-spacing:1px;margin-top:4px;}
.hero-scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:24px;height:40px;border:2px solid rgba(255,255,255,.6);border-radius:14px;z-index:2;}
.hero-scroll i{position:absolute;left:50%;top:7px;width:4px;height:9px;margin-left:-2px;border-radius:4px;background:var(--gold);animation:scrollHint 1.8s ease-in-out infinite;}
@keyframes scrollHint{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}

/* ==========================================================
   关于我们
   ========================================================== */
.sec-about{background:var(--paper);}
.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center;}
.about-media{position:relative;}
.about-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;box-shadow:0 24px 60px rgba(63,48,24,.22);}
.about-media:before{content:"";position:absolute;left:-22px;top:-22px;right:60px;bottom:60px;border:2px solid var(--gold);border-radius:4px;opacity:.55;z-index:-1;}
.about-badge{position:absolute;right:-18px;bottom:-24px;background:var(--green);color:#fff;padding:22px 26px;border-radius:4px;box-shadow:0 14px 34px rgba(24,48,38,.35);display:flex;align-items:center;gap:12px;}
.about-badge em{font-family:var(--serif);font-size:38px;font-weight:700;color:var(--gold);line-height:1;}
.about-badge span{font-size:12px;letter-spacing:2px;line-height:1.6;opacity:.9;}
.about-text{color:var(--muted);margin:26px 0 28px;text-align:justify;font-size:15.5px;}
.about-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px;}
.about-tags li{padding:8px 20px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:13.5px;letter-spacing:2px;color:var(--green);}
.about-tags li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:2px;}

/* ==========================================================
   产品中心
   ========================================================== */
.sec-prod{background:#fff;border-top:1px solid var(--line);}
.prod-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;}
.prod-tab{padding:11px 30px;border:1px solid var(--line);border-radius:999px;font-size:15px;letter-spacing:2px;color:var(--muted);transition:.3s;}
.prod-tab:hover{border-color:var(--gold);color:var(--gold-d);}
.prod-tab.on{background:var(--green);border-color:var(--green);color:#fff;}
.prod-panel.hide{display:none;}
.prod-panel{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:start;animation:fadeUp .5s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.prod-intro{background:var(--paper);border-radius:4px;padding:34px 30px;position:sticky;top:110px;}
.prod-intro:before{content:"";position:absolute;left:0;top:26px;width:4px;height:44px;background:var(--gold);}
.prod-intro h3{font-family:var(--serif);font-size:24px;color:var(--green);letter-spacing:3px;margin-bottom:16px;}
.prod-intro p{font-size:14px;color:var(--muted);line-height:1.9;text-align:justify;}
.prod-intro-link{display:inline-block;margin-top:20px;font-size:14px;color:var(--gold-d);letter-spacing:2px;}
.prod-intro-link em{transition:margin .3s;}
.prod-intro-link:hover em{margin-left:8px;}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.prod-card{background:var(--paper);border-radius:4px;overflow:hidden;transition:.35s;display:block;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(63,48,24,.16);}
.prod-pic{background:#fff;}
.prod-pic img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s;}
.prod-card:hover .prod-pic img{transform:scale(1.05);}
.prod-info{padding:20px 22px 24px;}
.prod-info h4{font-family:var(--serif);font-size:18px;color:var(--green);letter-spacing:1px;margin-bottom:8px;}
.prod-info p{font-size:13.5px;color:var(--muted);line-height:1.8;}

/* ==========================================================
   资质荣誉（双向跑马灯）
   ========================================================== */
.sec-honor{background:var(--green);overflow:hidden;}
.sec-honor .sec-title{color:#fff;}
.sec-honor .sec-more{color:rgba(255,255,255,.65);}
.sec-honor .sec-more:hover{color:var(--gold);}
.honor-row{overflow:hidden;padding:10px 0 26px;}
.honor-row-2{padding-top:0;}
.honor-track{display:flex;width:max-content;animation:honorScroll 46s linear infinite;}
.honor-row-2 .honor-track{animation:honorScrollRev 52s linear infinite;}
.honor-row:hover .honor-track{animation-play-state:paused;}
@keyframes honorScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes honorScrollRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.honor-card{width:230px;margin-right:26px;background:#fff;border-radius:4px;padding:14px 14px 16px;transition:.3s;}
.honor-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.25);}
.honor-pic{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper);border-radius:2px;}
.honor-pic img{max-height:100%;max-width:100%;object-fit:contain;}
.honor-card p{margin-top:12px;font-size:13px;color:var(--ink);text-align:center;line-height:1.5;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ==========================================================
   新闻资讯
   ========================================================== */
.sec-news{background:var(--paper);}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.news-card{background:#fff;border-radius:4px;overflow:hidden;display:block;transition:.35s;box-shadow:0 4px 18px rgba(63,48,24,.06);}
.news-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(63,48,24,.16);}
.news-pic{overflow:hidden;}
.news-pic img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s;}
.news-card:hover .news-pic img{transform:scale(1.06);}
.news-body{padding:24px 26px 28px;}
.news-date{font-size:13px;color:var(--gold-d);letter-spacing:2px;}
.news-body h4{font-family:var(--serif);font-size:18px;color:var(--ink);line-height:1.6;margin:10px 0 12px;height:58px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s;}
.news-card:hover h4{color:var(--gold-d);}
.news-body p{font-size:13.5px;color:var(--muted);line-height:1.85;height:76px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-link{display:inline-block;margin-top:16px;font-size:13.5px;color:var(--green);letter-spacing:2px;}
.news-link em{transition:margin .3s;}
.news-card:hover .news-link em{margin-left:8px;}

/* ==========================================================
   CTA
   ========================================================== */
.cta{background:linear-gradient(115deg,var(--green-d),var(--green) 60%,#2f5243);padding:80px 0;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.cta h2{font-family:var(--serif);font-size:34px;color:#fff;letter-spacing:5px;margin-bottom:14px;}
.cta h2:before{content:"";display:inline-block;width:34px;height:3px;background:var(--gold);vertical-align:middle;margin-right:18px;}
.cta p{color:rgba(255,255,255,.72);letter-spacing:1.5px;}
.cta-btns{display:flex;gap:16px;flex-wrap:wrap;}

/* ==========================================================
   页脚
   ========================================================== */
.footer{background:var(--green-d);color:rgba(255,255,255,.72);}
.footer-1{width:min(1240px,92%);margin:0 auto;display:flex;justify-content:space-between;gap:50px;padding:64px 0 48px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-1left{display:flex;gap:56px;align-items:flex-start;}
.footer-1info p{font-size:14px;line-height:2.1;letter-spacing:1px;}
.footer-1info a{color:var(--gold);}
.footer-1wx .footer-1line{text-align:center;}
.footer-1wx img{width:104px;height:104px;background:#fff;padding:6px;border-radius:4px;}
.footer-1wx span{display:block;margin-top:10px;font-size:12.5px;letter-spacing:2px;}
.footer-1right{display:flex;gap:64px;flex-wrap:wrap;}
.footer-1item h3{font-family:var(--serif);font-size:17px;color:#fff;letter-spacing:3px;margin-bottom:16px;position:relative;padding-bottom:10px;}
.footer-1item h3:after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;background:var(--gold);}
.footer-1item ul li a{display:block;font-size:13.5px;line-height:2.2;color:rgba(255,255,255,.6);}
.footer-1item ul li a:hover{color:var(--gold);}
.footer-2{width:min(1240px,92%);margin:0 auto;padding:22px 0 26px;font-size:12.5px;color:rgba(255,255,255,.42);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;letter-spacing:1px;}
.footer-2 a{color:rgba(255,255,255,.42);}
.footer-2 a:hover{color:var(--gold);}

/* ==========================================================
   响应式
   ========================================================== */
@media (max-width:1000px){
  .sec{padding:64px 0;}
  .sec-title{font-size:28px;}
  /* 抽屉导航 */
  .header .menu{display:flex;}
  .header .header-right ul{position:fixed;right:0;top:0;height:100vh;width:min(320px,82%);background:var(--green-d);flex-direction:column;padding:90px 0 40px;transform:translateX(100%);transition:.4s;overflow-y:auto;z-index:-1;}
  .header.header-slide .header-right ul{transform:none;box-shadow:-10px 0 40px rgba(0,0,0,.3);}
  .header .header-right ul li a{color:#fff !important;text-shadow:none;font-size:16px;padding:15px 36px;}
  .header .header-right ul li a:after{display:none;}
  .header .sub-nav{position:static;transform:none;opacity:1;visibility:visible;background:transparent;box-shadow:none;min-width:0;padding:0;display:none;}
  .header .sub-nav:before{display:none;}
  .header .sub-nav p{background:rgba(255,255,255,.05);margin:0 20px 10px;border-radius:4px;}
  .header .sub-nav em a{color:rgba(255,255,255,.75) !important;padding:10px 18px;text-align:left;}
  .header .sub-nav em a:hover{background:transparent;color:var(--gold) !important;}
  .header .header-right ul li samp{position:absolute;right:14px;top:2px;width:34px;height:40px;cursor:pointer;}
  .header .header-right ul li:not(:has(.sub-nav)) samp{display:none;}
  .header .header-right ul li samp:before,.header .header-right ul li samp:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:2px;background:rgba(255,255,255,.7);transition:.3s;}
  .header .header-right ul li samp:before{transform:translate(-50%,-50%) rotate(45deg);}
  .header .header-right ul li samp:after{transform:translate(-50%,-50%) rotate(-45deg);}
  .header .header-right ul li samp.on:before{transform:translate(-50%,-50%) rotate(135deg);}
  .header .header-right ul li samp.on:after{transform:translate(-50%,-50%) rotate(45deg);}
  .header.header-slide .menu span:nth-child(1){transform:translateY(12px) rotate(45deg);}
  .header.header-slide .menu span:nth-child(2){opacity:0;}
  .header.header-slide .menu span:nth-child(3){transform:translateY(-12px) rotate(-45deg);}
  .header.header-slide .menu span,.header.header-slide:not(.header-on) .menu span{background:#fff;}
  .header.header-slide:before{opacity:1;}
  .header.header-slide .logo a{background:transparent;box-shadow:none;}
  .header.header-slide .logo img{filter:brightness(0) invert(1);}
  .header.header-slide .header-right{margin-right:0;}
  .header.header-slide .header-search{position:fixed;right:calc(4% + 44px);top:26px;z-index:5;}
  .header.header-slide:not(.header-on) .header-search{color:#fff;}

  .hero-title{font-size:38px;letter-spacing:3px;}
  .hero-stats li{padding:0 22px;}
  .hero-stats em{font-size:30px;}
  .about-grid{grid-template-columns:1fr;gap:56px;}
  .about-media:before{left:-14px;top:-14px;}
  .prod-panel{grid-template-columns:1fr;}
  .prod-intro{position:static;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .news-grid{grid-template-columns:1fr;}
  .footer-1{flex-direction:column;gap:40px;}
  .footer-1left{flex-direction:column;gap:28px;}
}
@media (max-width:640px){
  .hero-inner{padding:120px 0 100px;}
  .hero-title{font-size:30px;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 0;margin-top:8px;}
  .hero-stats li{border-left:0;padding:0;}
  .hero-btns{flex-wrap:wrap;margin-bottom:48px;}
  .sec-head{flex-direction:column;align-items:flex-start;gap:8px;}
  .prod-grid{grid-template-columns:1fr;}
  .prod-tab{padding:9px 20px;font-size:13.5px;}
  .cta-inner{flex-direction:column;align-items:flex-start;}
  .cta h2{font-size:26px;}
  .footer-1right{gap:36px;}
}