/* ===== 恒鼎 VI 真实色板（2026-09-07 鑫哥提供）=====

  标准色（logo 主色）：
    品牌红   CMYK 0/100/100/15   → #D90000
    品牌黑   CMYK 20/0/0/100     → #000000

  背景色（页面/区块底色）：
    主背景    白                  → #FFFFFF
    深色块    黑                  → #000000

  辅助色：
    浅灰      CMYK 0/0/0/30       → #B3B3B3
    深灰      CMYK 0/0/0/60       → #666666
    暖橙      CMYK 0/50/100/0     → #FF8000
    深蓝灰    CMYK 60/45/45/30    → #476262
    专色金    PANTONE 874C        → #8E6327（RGB 近似；印刷烫金工艺）
    专色银    PANTONE 877C        → #9C9C9C（RGB 近似；印刷烫银工艺）

  注：PANTONE 874C/877C 是印刷专色（金属），
  屏幕上无"真金属感"，logo 实际渲染用红色或黑色。
=========================================================== */


:root{
  /* === 标准色（logo 主色，导航/主按钮/标题强调）=== */
  --hz-brand:        #D90000;     /* 品牌红 */
  --hz-brand-dark:   #B30000;     /* 红色 hover/激活 */
  --hz-brand-2:      #000000;     /* 品牌黑（标题/文字） */

  /* === 背景色 === */
  --hz-bg:           #FFFFFF;     /* 页面主背景 */
  --hz-bg-dark:      #000000;     /* 深色块（hero / 页脚底） */
  --hz-bg-soft:      #F7F7F7;     /* 浅块/分隔条 */

  /* === 辅助色 === */
  --hz-gray-30:      #B3B3B3;     /* 浅灰（K30）*/
  --hz-gray-60:      #666666;     /* 深灰（K60）*/
  --hz-orange:       #FF8000;     /* 暖橙（强调/标签） */
  --hz-bluegray:     #476262;     /* 深蓝灰（行业冷调平衡） */
  --hz-gold:         #8E6327;     /* PANTONE 874C 金，RGB 近似 */
  --hz-silver:       #9C9C9C;     /* PANTONE 877C 银，RGB 近似 */

  /* === 文本 / 边框 === */
  --hz-text:         #1a1a1a;     /* 主文本（近黑，比纯黑柔和） */
  --hz-text-muted:   #666666;     /* 次要文本（= hz-gray-60） */
  --hz-text-inverse: #FFFFFF;     /* 深底反白文字 */
  --hz-link:         var(--hz-brand);
  --hz-link-hover:   var(--hz-brand-dark);
  --hz-border:       #e5e5e5;
  --hz-divider:      #B3B3B3;     /* = hz-gray-30 */

  /* === 布局 === */
  --hz-maxw:         1200px;
}

/* ===== 基础重置 ===== */
*,*::before,*::after{ box-sizing:border-box; }
img{ max-width:100%; height:auto; }
body{
  color:var(--hz-text);
  background:var(--hz-bg);
  font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  line-height:1.7;
}
a{ color:var(--hz-link); text-decoration:none; transition:color .15s; }
a:hover, a:focus{ color:var(--hz-link-hover); }

/* ===== 品牌色应用示例（阶段 3 落地后可见效果；阶段 4/6 会扩展）===== */
.hz-btn-primary{
  display:inline-block; padding:10px 24px;
  background:var(--hz-brand); color:#fff;
  border:0; border-radius:2px;
  font-size:14px; font-weight:500;
  transition:background .15s;
}
.hz-btn-primary:hover{ background:var(--hz-brand-dark); color:#fff; }

/* ===== 布局容器 ===== */
.container{ max-width:var(--hz-maxw); margin:0 auto; padding:0 16px; }

/* ===== 首页两栏 home-left(65%) / home-right(35%) ===== */
.home-columns{
  display:grid;
  grid-template-columns:65% 35%;
  gap:24px;
  max-width:var(--hz-maxw);
  margin:32px auto;
  padding:0 16px;
}
.home-col h2,.home-col h3{ color:var(--hz-brand-2); }
.home-col--right{ border-left:1px solid var(--hz-divider); padding-left:24px; }

/* ===== 响应式：窄屏单栏堆叠 ===== */
@media (max-width:768px){
  .home-columns{ grid-template-columns:1fr; gap:20px; }
  .home-col--right{ border-left:none; padding-left:0; border-top:1px solid var(--hz-divider); padding-top:20px; }
}

/* ===== 首页轮播 ===== */
.hz-banner{ width:100%; border-radius:8px; overflow:hidden; }
.hz-banner .swiper-slide img{ width:100%; height:380px; object-fit:cover; display:block; }
.hz-banner .swiper-button-prev, .hz-banner .swiper-button-next{ color:var(--hz-link); }
.hz-banner .swiper-pagination-bullet-active{ background:var(--hz-link); }
@media (max-width:768px){ .hz-banner .swiper-slide img{ height:200px; } }
body.itemid-101 .com-content-article{ display:none; }
/* 轮播跨满两列，实现通栏 Banner */
.home-columns > .hz-banner:first-child{
  grid-column:1 / -1;
  width:100%;
}
@media (max-width:768px){
  .home-columns > .hz-banner:first-child{ grid-column:auto; }
}

/* 公司简介块高度限制 + 底部渐变遮罩 */
.hz-intro{
  max-height:280px;
  overflow:hidden;
  position:relative;
}
.hz-intro::after{
  content:"";
  position:absolute;
  bottom:0; left:0; right:0;
  height:60px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events:none;
}
.hz-intro p{
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  overflow:hidden;
}



/* ===== 2026-09-11 导航栏改版：Logo 缩小 + 导航右置同行 + 浅色背景 ===== */
.header.container-header.full-width{
  display:flex !important;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  background:#f7f7f7;                 /* 浅色导航背景 */
  padding:10px 20px;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.header .grid-child:first-child{ flex:0 0 auto; }
.header .container-nav{ flex:1 1 auto; margin-left:auto; }

/* Logo 高度约 80px */
.header .brand-logo{ display:inline-flex; align-items:center; }
.header .brand-logo img{ height:80px; width:auto; }

/* 导航右对齐横排（浅底必须配深字，否则白字看不见） */
.header .mod-menu{
  display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px 18px;
}
.header .mod-menu > li > a,
.header .mod-menu .nav-header,
.header .mod-menu__toggle-sub{
  color:#333; font-size:16px;
}
.header .mod-menu > li.current > a,
.header .mod-menu > li.active > a{
  color:#D90000; font-weight:600;     /* 当前项用品牌红 */
}

/* 窄屏（手机）恢复堆叠，避免挤压换行难看 */
@media (max-width:768px){
  .header.container-header.full-width{ flex-wrap:wrap; justify-content:center; padding:10px; }
  .header .container-nav{ margin-left:0; width:100%; }
  .header .mod-menu{ justify-content:center; }
}