/* ==========================================================================
   广和 GUANGHE — 官网首页
   ========================================================================== */
:root{
  --cream:#FFFDF6;
  --yellow:#FBCB13;
  --ink:#1C1917;
  --ink-2:#3F3B36;
  --muted:#6B655D;
  --gold:#DDB129;
  --green:#35673A;
  --dark:#161311;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
h1,h2,h3,h4{font-weight:700;line-height:1.25}

.container{width:1060px;max-width:calc(100% - 48px);margin:0 auto}
.container-wide{width:1098px;max-width:calc(100% - 48px);margin:0 auto}

/* ---------- 通用按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;white-space:nowrap;transition:.25s}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;white-space:nowrap}
.pill-dark{background:var(--dark);color:#fff;padding:7px 16px;font-size:12px}
.pill-light{background:#fff;color:#1A1A1A;padding:9px 22px;font-size:13px}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;container-type:inline-size;--u:calc(100cqw / 1280);background:#211c19;overflow:hidden}
.hero-bg{width:100%;height:auto}

/* 品牌文字（LOGO 图形本身在背景图内） */
.hero-brand{position:absolute;left:calc(216 * var(--u));top:calc(34 * var(--u));color:#fff}
.hero-brand .tag{
  font-size:calc(15.5 * var(--u));
  line-height:calc(21 * var(--u));
  font-weight:300;
  letter-spacing:calc(.6 * var(--u));
  color:rgba(255,255,255,.95);
}
.hero-brand .meta{
  display:flex;gap:calc(25 * var(--u));
  margin-top:calc(8 * var(--u));
  font-size:calc(11 * var(--u));
  color:rgba(255,255,255,.9);
}
.hero-brand .ls{letter-spacing:calc(.9 * var(--u))}

/* 主导航 */
.nav{
  position:absolute;left:0;right:0;top:calc(155 * var(--u));
  height:calc(36 * var(--u));
  background:var(--yellow);
  display:flex;align-items:center;
  padding-left:calc(250 * var(--u));
}
.nav a{
  display:flex;align-items:center;height:100%;
  padding:0 calc(15 * var(--u));
  font-size:calc(10.5 * var(--u));
  letter-spacing:calc(.1 * var(--u));
  color:#1A1A1A;
}
.nav a.active{background:rgba(255,255,255,.24)}

/* hero 主文案 */
.hero-copy{position:absolute;left:calc(110 * var(--u));top:0;color:#fff}
.hero-copy .en{
  position:absolute;top:calc(287 * var(--u));white-space:nowrap;
  font-size:calc(54 * var(--u));line-height:1;letter-spacing:calc(0 * var(--u));
}
.hero-copy .cn{
  position:absolute;top:calc(368 * var(--u));white-space:nowrap;
  font-size:calc(57 * var(--u));line-height:1;letter-spacing:calc(0 * var(--u));
}
.hero-copy .sub{
  position:absolute;top:calc(447 * var(--u));white-space:nowrap;
  font-size:calc(18.5 * var(--u));font-weight:300;letter-spacing:calc(.4 * var(--u));
}
.hero-copy .btn-white{
  position:absolute;left:calc(4 * var(--u));top:calc(531 * var(--u));
  height:calc(38 * var(--u));padding:0 calc(29 * var(--u));
  background:#fff;color:#1A1A1A;
  font-size:calc(14.5 * var(--u));
}

/* ==========================================================================
   国家旗帜
   ========================================================================== */
.markets{padding:8px 0 58px}
.flags{display:flex;justify-content:center;gap:17px}
.flags li{width:47px;text-align:center}
.flags img{width:47px;height:47px;border-radius:50%}
.flags span{display:block;margin-top:5px;font-size:11px;color:#3C3832;letter-spacing:.2px}

/* ==========================================================================
   三大入口
   ========================================================================== */
.entries{padding-bottom:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.entry{background:var(--yellow);display:flex;flex-direction:column;border-radius:2px;overflow:hidden}
.entry-media{position:relative;aspect-ratio:340 / 271;overflow:hidden}
.entry-media img{width:100%;height:100%;object-fit:cover}
.entry-media h3{
  position:absolute;left:32px;bottom:11px;
  color:#fff;font-size:33px;letter-spacing:.5px;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.entry-body{flex:1;padding:12px 30px 50px 30px;min-height:199px;display:flex;flex-direction:column;align-items:flex-start}
.entry-body h4{font-size:18.5px;letter-spacing:.2px}
.entry-body p{font-size:15px;line-height:23px;color:#332F2A;margin-top:9px}
.entry-body .pill-dark{margin-top:auto;margin-left:-8px;height:31px;padding:0 31px;font-size:12px}

/* ==========================================================================
   全球足迹
   ========================================================================== */
.footprint{padding:104px 0 147px}
.fp-inner{display:flex;align-items:flex-start}
.fp-left{width:290px;flex:none}
.h-sec{font-size:34px;font-weight:700;letter-spacing:1px}
.h-gold{margin-top:8px;font-size:20px;font-weight:500;color:var(--gold);letter-spacing:.6px}
.stats{margin-top:58px}
.stats li{display:flex;align-items:center;gap:21px;margin-bottom:22px}
.stats li:last-child{margin-bottom:0}
.stats .ic{
  width:47px;height:47px;flex:none;border-radius:50%;
  background:var(--yellow);display:flex;align-items:center;justify-content:center;
}
.stats .ic svg{width:25px;height:25px;stroke:#231F20;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stats b{display:block;font-size:34px;font-weight:700;line-height:1.0}
.stats b small{font-size:18px;margin-left:2px}
.stats i{display:block;font-style:normal;font-size:17px;color:#3B3730;margin-top:2px;line-height:1.15}
.fp-map{flex:none;width:880px;margin-left:-4px;margin-right:-96px;margin-top:126px}
.fp-map img{width:880px;max-width:none}

/* ==========================================================================
   四个维度
   ========================================================================== */
.fourdim{padding-bottom:159px}
.h-d1{text-align:center;font-size:36px;font-weight:500;letter-spacing:.5px}
.h-d2{text-align:center;font-size:54px;font-weight:700;letter-spacing:1.5px;margin-top:16px}
.dim-wrap{position:relative;height:404px;margin-top:60px}
.dim-img{position:absolute;left:377px;top:0;width:381px}
.dim-img img{width:100%;height:auto}
.dim-block{position:absolute}
.dim-block h4{font-size:23px;font-weight:700;letter-spacing:.5px}
.dim-block p{margin-top:9px;font-size:14px;line-height:23px;color:#3A362F}
.dim-l1{left:-19px;top:43px;width:354px;text-align:right}
.dim-r1{left:770px;top:40px;width:420px}
.dim-l2{left:-19px;top:299px;width:354px;text-align:right}
.dim-r2{left:770px;top:302px;width:430px}

/* ==========================================================================
   产品线
   ========================================================================== */
.productline{background:var(--yellow);padding:86px 0 163px}
.pl-head{text-align:center}
.h-p1{font-size:55px;font-weight:400;letter-spacing:2px;line-height:64px}
.h-p2{font-size:60px;font-weight:700;letter-spacing:1px;line-height:67px;margin-top:0}
.h-p3{font-size:20px;font-weight:400;margin-top:13px;letter-spacing:.5px;line-height:32px}
.pl-grid{width:992px;max-width:calc(100% - 48px);margin:54px auto 0}
.pl-row{display:grid;gap:13px}
.pl-row.r1{grid-template-columns:537fr 443fr}
.pl-row.r2{grid-template-columns:442fr 537fr;margin-top:11px}
.pcard{
  position:relative;height:515px;display:flex;flex-direction:column;
  padding:38px 52px;color:#fff;
  background-image:var(--img);background-size:cover;background-position:center;
  overflow:hidden;
}
.pcard::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.22) 100%);
  pointer-events:none;
}
.pcard h3,.pcard p,.pcard .pill{position:relative;z-index:1}
.pcard .pill{align-self:flex-start}
.pcard h3{font-size:27px;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.pcard p{margin-top:16px;font-size:15px;line-height:26px;color:rgba(255,255,255,.95);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.pcard .pill-light{margin-top:auto;text-shadow:none}

/* ==========================================================================
   广和简介
   ========================================================================== */
.about{padding:103px 0 0}
.about-inner{display:flex;gap:27px;align-items:flex-start}
.about-txt{flex:1;padding-top:52px}
.h-about{font-size:51px;font-weight:700;letter-spacing:2px}
.about-txt p{margin-top:52px;font-size:15px;line-height:30px;color:#2E2A26;letter-spacing:.2px}
.btn-dark{background:var(--dark);color:#fff;height:42px;padding:0 34px;font-size:15px;margin-top:110px;padding:0 41px}
.about-img{width:520px;flex:none}
.about-img img{width:100%;height:auto}

/* ==========================================================================
   视频
   ========================================================================== */
.video{padding:235px 0 26px}
.video-box{width:890px;max-width:calc(100% - 48px);margin:0 auto;display:flex;height:364px}
.video-stage{position:relative;width:563px;flex:none}
.video-stage img{width:100%;height:100%;object-fit:cover}
.play{
  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
  width:162px;height:162px;border:0;background:none;padding:0;cursor:pointer;
  display:block;
}
.play svg{width:100%;height:100%;filter:drop-shadow(0 2px 10px rgba(0,0,0,.12))}
.video-side{position:relative;width:327px;flex:none}
.video-side img{width:100%;height:100%;object-fit:cover}
.video-side::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,44,30,.55),rgba(16,44,30,.18) 55%,rgba(12,36,24,.5));
}
.video-side-txt{position:absolute;inset:0;z-index:2;padding:66px 22px 0 24px;color:#fff}
.video-side-txt h3{font-size:26px;letter-spacing:.5px}
.video-side-txt p{margin-top:14px;font-size:11.5px;line-height:20px;color:rgba(255,255,255,.9)}

/* ==========================================================================
   35 项专利
   ========================================================================== */
.certs{position:relative;container-type:inline-size;--u:calc(100cqw / 1280)}
.certs > img{width:100%;height:auto}
.certs-copy{
  position:absolute;left:0;right:0;top:calc(24 * var(--u));
  text-align:center;color:var(--green);
  font-size:calc(64 * var(--u));line-height:calc(88 * var(--u));
  font-weight:700;letter-spacing:calc(2 * var(--u));
}

/* ==========================================================================
   每一张纸的背后
   ========================================================================== */
.wood{position:relative;container-type:inline-size;--u:calc(100cqw / 1280)}
.wood > img{width:100%;height:auto}
.wood-copy{opacity:0;pointer-events:none;position:absolute;left:calc(97 * var(--u));top:calc(86 * var(--u));color:#fff}
.wood-copy h3{font-size:calc(47 * var(--u));line-height:calc(73 * var(--u));letter-spacing:calc(2 * var(--u));text-shadow:0 2px 14px rgba(0,0,0,.3)}
.wood-copy p{margin-top:calc(26 * var(--u));font-size:calc(15 * var(--u));line-height:calc(26 * var(--u));color:rgba(255,255,255,.92)}

/* ==========================================================================
   做正确的事
   ========================================================================== */
.mission{position:relative;height:480px}
.mission-shape{position:absolute;inset:0;width:100%;height:100%;display:block}
.mission-inner{position:relative}
.mission h2{
  padding-top:76px;font-size:52px;font-weight:600;line-height:73px;letter-spacing:2px;
}
.mission p{margin-top:22px;font-size:15px;line-height:20px;color:#332F28}
.investor{
  position:absolute;right:-10px;top:332px;height:48px;padding:0 28px;
  background:var(--dark);color:#fff;font-size:15px;letter-spacing:.2px;
}
.investor span{margin-left:8px}

/* ==========================================================================
   未来已来
   ========================================================================== */
.future{padding:134px 0 65px}
.h-fut1{font-size:36px;line-height:65px;font-weight:700;letter-spacing:1.5px}
.h-fut2{font-size:40px;line-height:65px;font-weight:700;letter-spacing:1.5px}
.future-inner{display:flex;gap:70px;margin-top:21px}
.future-img{width:404px;flex:none}
.future-img img{width:100%;height:auto}
.future-txt{flex:1;border-top:1px solid #D6D1C6;padding-top:18px}
.ev-kicker{font-size:12.5px;color:#4A443C}
.future-txt h3{font-size:21px;font-weight:500;margin-top:12px;letter-spacing:.4px}
.ev-desc{margin-top:14px;font-size:13px;line-height:17.5px;color:#3F3A33}
.ev-meta{margin-top:22px}
.ev-meta li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:18px;color:#3F3A33;margin-bottom:10px}
.ev-meta svg{width:15px;height:15px;stroke:#5A544B;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ev-link{display:inline-block;margin-top:18px;font-size:13px;color:#1C1917}

/* ==========================================================================
   最新消息
   ========================================================================== */
.news{
  padding:58px 0 106px;
  background:url("assets/newsbg.jpg") top center / 1280px 1140px no-repeat;
}
.news-panel{
  width:1144px;max-width:calc(100% - 48px);margin:0 auto;
  background:rgba(255,252,246,.88);
  border-radius:14px;
  padding:58px 50px 86px;
  box-shadow:0 20px 60px rgba(60,50,30,.06);
}
.news-head{display:flex;justify-content:space-between;align-items:flex-start}
.news-head h2{font-size:40px;font-weight:700;letter-spacing:2px}
.news-head p{margin-top:8px;font-size:15.5px;color:#4A443C}
.pill-outline{border:1px solid #3B3630;color:#1C1917;padding:9px 20px;font-size:13px;margin-top:6px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:62px}
.news-card{background:#fff;display:flex;flex-direction:column}
.news-media{overflow:hidden}
.news-media img{width:100%;aspect-ratio:336/330;object-fit:cover}
.news-body{padding:20px 20px 0;display:flex;flex-direction:column;flex:1}
.cat{font-size:12px;color:#5C564D}
.news-body h3{margin-top:41px;font-size:17.5px;line-height:30px;letter-spacing:.2px}
.news-body .txt{margin-top:14px;font-size:13px;line-height:19.5px;color:#4A443C}
.news-body .more{margin-top:auto;padding-top:38px;font-size:13px}

/* ==========================================================================
   页脚
   ========================================================================== */
.footer{background:var(--yellow);padding:62px 0 60px}
.footer-top{display:flex;align-items:flex-start}
.f-brand{width:534px;flex:none}
.f-brand h2{font-size:25px;font-weight:700;letter-spacing:.5px}
.f-brand p{margin-top:14px;font-size:13px;line-height:19px;color:#2B2723}
.f-cols{display:flex;flex:1}
.f-cols ul{width:117px}
.f-cols a{display:block;font-size:13px;line-height:30.7px;color:#221E1A}
.f-cols a.head{font-weight:700}

/* 底部条 */
.bottombar{
  height:172px;
  background:url("assets/footerbar.jpg") center top / cover no-repeat;
}
.bottombar .container{display:flex;gap:27px;padding-top:31px}
.bottombar a{font-size:12px;color:#221E1A}