<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="洛阳智昊工程科技有限公司 — 人工砂石骨料加工行业一体化服务商，提供咨询、设计、建设、运营全链条解决方案。">
  <title>洛阳智昊工程科技有限公司 — 人工砂石骨料加工一体化服务</title>
  <link rel="icon" href="favicon.svg" type="image/svg+xml">
  <!-- CSS 层叠顺序：tokens → base → layout → components → blocks → pages/home -->
  <link rel="stylesheet" href="assets/css/tokens.css?v=4">
  <link rel="stylesheet" href="assets/css/base.css?v=4">
  <link rel="stylesheet" href="assets/css/layout.css?v=4">
  <link rel="stylesheet" href="assets/css/components.css?v=4">
  <link rel="stylesheet" href="assets/css/blocks.css?v=4">
  <link rel="stylesheet" href="assets/css/pages/home.css?v=4">
</head>
<body>

  <!-- 跳转到主内容（无障碍） -->
  <a href="#main" class="skip-link">跳转到主要内容</a>

  <!-- ============================
       M01 顶栏（Topbar）— 已隐藏，热线信息整合至导航栏
       ============================ -->
  <div class="topbar" id="topbar" hidden>
    <div class="shell">
      <div class="topbar__inner" style="display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);">
        <div class="topbar__left">
          <a href="tel:037969982907" class="topbar__hotline">
            <span class="icon">☎</span> 0379-69982907
          </a>
          <span class="topbar__geo">34.6197° N / 112.4540° E</span>
        </div>
        <div class="topbar__right">
          <a href="mailto:tshtp98@163.com">tshtp98@163.com</a>
        </div>
      </div>
    </div>
  </div>

  <!-- ============================
       M03 Hero 主视觉
       ============================ -->
    <section class="hero" id="hero" data-module="M03">

      <!-- M02 主导航（Site Header）— 嵌入 Hero 内作为绝对定位覆盖层 -->
      <header class="site-header" id="nav" data-scrolled="false">
        <div class="shell">
          <div class="site-header__inner">
            <!-- 品牌标识 -->
            <a href="index.html" class="brand" aria-label="智昊工程科技 首页">
              <img class="brand__mark" src="assets/img/logo/logo-mark.png" data-config-src="logo_url" alt="智昊科技图标" width="34" height="34">
              <span class="brand__text">
                <span class="brand__name" data-config="company_name">洛阳智昊工程科技有限公司</span>
                <span class="brand__sub" data-config="company_name_en">Zealhawk Engineering</span>
              </span>
            </a>

            <!-- 桌面导航 -->
            <nav class="nav" aria-label="主导航">
              <a href="#about" class="nav__link">走进智昊</a>
              <a href="#advantages" class="nav__link">智昊优势</a>
              <a href="#process" class="nav__link">业务范围</a>
              <a href="#cases" class="nav__link">成功案例</a>
              <a href="#news" class="nav__link">新闻中心</a>
              <a href="#contact" class="nav__link">联系我们</a>
              <span class="nav__indicator" data-visible="false"></span>
            </nav>

            <!-- 右侧动作区 -->
            <div class="nav__actions">
              <a href="tel:037969982907" class="topbar__hotline" style="margin-right:var(--sp-3);" data-config-tel="hotline">
                <span class="icon">☎</span> <span class="tel-text">0379-69982907</span>
              </a>
              <a href="#contact" class="btn btn--cta btn--sm">项目咨询</a>
              <button class="nav-toggle" aria-expanded="false" aria-controls="drawer" aria-label="打开导航菜单">
                <span class="nav-toggle__bar"></span>
                <span class="nav-toggle__bar"></span>
                <span class="nav-toggle__bar"></span>
              </button>
            </div>
          </div>
        </div>
      </header>

      <div class="hero__media">
        <video class="hero__video" data-config-src="hero_video_url" autoplay muted loop playsinline preload="auto">
          <source src="assets/video/hero.mp4" type="video/mp4">
        </video>
        <div class="hero__scrim"></div>
      </div>

      <!-- 声音开关：作为 .hero 直接子元素，避开 .hero__media 的 z-index:0 层叠上下文；
           浏览器策略要求静音自动播放，用户点击后才能出声 -->
      <button class="hero__mute" type="button" aria-pressed="true" aria-label="开启声音">
        <span class="hero__mute-icon" aria-hidden="true">🔇</span>
      </button>

      <div class="hero__inner">
        <div class="hero__body">
          <div class="hero__eyebrow">
            <span>ZEALHAWK · ENGINEERING TECHNOLOGY</span>
          </div>
          <h1 class="hero__title">
            <span class="hero__title-line">打造智能砂石产业</span>
            <span class="hero__title-line">让行业因我们而<span class="hero__title-accent">改变</span></span>
          </h1>
          <p class="hero__lead">专注人工砂石骨料生产技术与装备创新，提供咨询、设计、建设、运营一体化服务。</p>
          <div class="hero__actions">
            <a href="#cases" class="btn btn--onHero btn--lg">查看案例</a>
          </div>
        </div>
      </div>

      <!-- 坐标铭牌：绝对定位钉在首屏右下角 -->
      <aside class="hero__aside">
        <div class="hero__plate">
          <span>HEADQUARTERS</span>
          <strong>洛阳 · 高新区</strong>
          <span>34.6197° N</span>
          <span>112.4540° E</span>
        </div>
      </aside>
    </section>

    <!-- 移动端抽屉 -->
    <div class="drawer" id="drawer" data-open="false">
      <nav class="drawer__list" aria-label="移动端导航">
        <a href="#about" class="drawer__link"><span class="drawer__index">01</span> 走进智昊</a>
        <a href="#advantages" class="drawer__link"><span class="drawer__index">02</span> 智昊优势</a>
        <a href="#process" class="drawer__link"><span class="drawer__index">03</span> 业务范围</a>
        <a href="#cases" class="drawer__link"><span class="drawer__index">04</span> 成功案例</a>
        <a href="#news" class="drawer__link"><span class="drawer__index">05</span> 新闻中心</a>
        <a href="#contact" class="drawer__link"><span class="drawer__index">06</span> 联系我们</a>
      </nav>
      <div class="drawer__foot">
        <a href="tel:037969982907" class="btn btn--primary btn--block">☎ 0379-69982907</a>
      </div>
    </div>

    <!-- ============================
         主内容区（Hero 之后的内容）
         ============================ -->
  <main id="main">

    <!-- ============================
         M04 关键词跑马灯
         ============================ -->
    <div class="marquee" id="ticker" role="presentation" data-module="M04">
      <div class="marquee__track">
        <span>人工砂石骨料</span><span class="dot"></span>
        <span>EPCO 一体化</span><span class="dot"></span>
        <span>智慧矿山</span><span class="dot"></span>
        <span>咨询 · 设计 · 建设 · 运营</span><span class="dot"></span>
        <span>物联网远程诊断</span><span class="dot"></span>
        <span>生物纳膜抑尘</span><span class="dot"></span>
        <span>三段式湿法工艺</span><span class="dot"></span>
        <span>ZEALHAWK</span><span class="dot"></span>
      </div>
    </div>

    <!-- ============================
         M05 数据带（Stats Band）
         ============================ -->
    <section class="stats section--dark" id="stats" data-module="M05">
      <div class="shell">
        <div class="stats__grid">
          <div class="stat reveal" data-count="20">
            <div class="stat__value"><span class="stat__num">0</span><span class="stat__suffix">+</span></div>
            <div class="stat__label">行业经验（年）</div>
            <div class="stat__en">Years of Experience</div>
          </div>
          <div class="stat reveal" data-count="67">
            <div class="stat__value"><span class="stat__num">0</span><span class="stat__suffix">+</span></div>
            <div class="stat__label">在职员工</div>
            <div class="stat__en">Team Members</div>
          </div>
          <div class="stat reveal" data-count="39">
            <div class="stat__value"><span class="stat__num">0</span><span class="stat__suffix">+</span></div>
            <div class="stat__label">专业技术人员</div>
            <div class="stat__en">Professionals</div>
          </div>
          <div class="stat reveal" data-count="170">
            <div class="stat__value"><span class="stat__num">0</span><span class="stat__suffix">+</span></div>
            <div class="stat__label">施工设备（套）</div>
            <div class="stat__en">Equipment Sets</div>
          </div>
          <div class="stat reveal" data-count="25">
            <div class="stat__value"><span class="stat__num">0</span><span class="stat__suffix">+</span></div>
            <div class="stat__label">技术开发与创新</div>
            <div class="stat__en">Innovations</div>
          </div>
        </div>
      </div>
    </section>

    <!-- ============================
         M06 走进智昊（对应官网「了解智昊」板块，摘要 + 查看更多入口）
         ============================ -->
    <section class="about section" id="about" data-module="M06">
      <div class="shell">
        <div class="about__grid">
          <div class="about__copy reveal">
            <span class="eyebrow">ABOUT ZEALHAWK</span>
            <h2 class="about__title">人工砂石骨料加工<br>高科技一体化企业</h2>
            <p class="about__text">
              洛阳智昊工程科技有限公司是在原有的矿山机械生产企业基础之上成立的，集咨询、设计、安装、运行、砂石系统智能化控制、环保研发和物联网应用研发为一体的新型工程科技公司。在人工砂石骨料加工及生产运行、砂石料系统设计、非标件设计制作、系统安装运行等方面，有着雄厚的技术基础和操作经验。
            </p>
            <!-- 更多介绍 → 跳转关于智昊详情页（置于信条上方，作为阅读动线的自然出口） -->
            <div class="about__more">
              <a href="pages/about/index.html" class="btn btn--ghost">更多介绍 <span aria-hidden="true">→</span></a>
            </div>

            <div class="about__motto">
              <span class="about__motto-main">质量与服务并重</span>
              <span class="about__motto-sub">用户与诚信至上</span>
            </div>

            <!-- 高校依托（来源：官网 Service/1.html 产学研合作段） -->
            <div class="about__partners">
              <div class="about__partner">
                <span class="about__partner-name">北京建筑大学</span>
                <span class="about__partner-role">科研合作</span>
              </div>
              <div class="about__partner">
                <span class="about__partner-name">河南科技大学</span>
                <span class="about__partner-role">科研合作</span>
              </div>
              <div class="about__partner">
                <span class="about__partner-name">河南理工大学</span>
                <span class="about__partner-role">科研合作</span>
              </div>
            </div>

            <!-- 应用领域（来源：官网 Service/1.html 明确列出的四大行业） -->
            <div class="about__fields">
              <div class="about__field"><span class="icon">🛣</span> 公路</div>
              <div class="about__field"><span class="icon">🚄</span> 铁路</div>
              <div class="about__field"><span class="icon">🧱</span> 建材</div>
              <div class="about__field"><span class="icon">💧</span> 水利水电</div>
            </div>

          </div>

          <div class="about__media reveal">
            <figure class="about__figure">
              <img class="about__photo" src="assets/img/about/company-photo.jpg" data-config-src="about_photo_url" alt="智昊工程科技 — 企业实景" loading="lazy">
            </figure>
            <figcaption class="about__caption">智昊工程科技 — 人工砂石骨料加工技术引领者</figcaption>
          </div>
        </div>
      </div>
    </section>

    <!-- ============================
         M07 全过程服务流程（EPCO Process）
         ============================ -->
    <section class="section section--ruled bg-engine" id="process" data-module="M07">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">EPCO PROCESS</span>
            <h2 class="section-head__title">全过程服务流程</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">从可行性研究到运营维护，智昊提供贯穿项目全生命周期的技术支持与服务。</p>
          </div>
        </div>

        <div class="process">
          <div class="process__item reveal">
            <div class="process__node"></div>
            <span class="process__en">Consulting</span>
            <h3 class="process__title">咨询</h3>
            <p class="process__desc">可行性研究、项目建议书、厂址选择、投资分析与技术方案论证。</p>
          </div>
          <div class="process__item reveal">
            <div class="process__node"></div>
            <span class="process__en">Engineering</span>
            <h3 class="process__title">设计</h3>
            <p class="process__desc">工艺设计、土建设计、电气仪表设计、设备选型与可施工性审查。</p>
          </div>
          <div class="process__item reveal">
            <div class="process__node"></div>
            <span class="process__en">Construction</span>
            <h3 class="process__title">建设</h3>
            <p class="process__desc">工程施工、设备安装调试、技术培训与竣工验收。</p>
          </div>
          <div class="process__item reveal">
            <div class="process__node"></div>
            <span class="process__en">Operating</span>
            <h3 class="process__title">运营</h3>
            <p class="process__desc">智能化控制系统、远程诊断、全过程技术支持与管家式运维。</p>
          </div>
        </div>

        <!-- 采购能力条 -->
        <div class="process__foot reveal">
          <div>
            <span class="eyebrow">PROCUREMENT</span>
            <h3 style="margin:var(--sp-2) 0 0;font-size:var(--fs-lg);">全产业链采购</h3>
            <p style="margin:var(--sp-2) 0 0;color:var(--text-3);font-size:var(--fs-sm);">采买 · 检验 · 催交 · 物流 · 合同管理</p>
          </div>
          <a href="pages/business/service-process.html" class="btn btn--ghost">了解详情 →</a>
        </div>
      </div>
    </section>

    <!-- ============================
         M08 技术优势（Advantages）
         ============================ -->
    <section class="section section--ruled bg-tech" id="advantages" data-module="M08">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">TECHNOLOGY</span>
            <h2 class="section-head__title">技术优势</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">依托高校科研力量与二十年工程实践，形成四大核心技术壁垒。</p>
            <!-- 查看更多 → 智昊优势分类页（复刻原官网版式，默认展示智能砂石） -->
            <a href="pages/advantages/smart.html" class="section-head__more">查看更多 <span aria-hidden="true">→</span></a>
          </div>
        </div>

        <div class="bento">
          <!-- 物联网：核心壁垒，占 6 列深色大卡 -->
          <div class="card card--dark reveal" style="--col:6;">
            <div class="adv">
              <div class="adv__head">
                <div class="card__icon">📡</div>
                <div>
                  <h3 class="adv__title">物联网技术及其应用</h3>
                  <span class="process__en">IoT & Remote Diagnostics</span>
                </div>
              </div>
              <p class="adv__desc">基于物联网的远程诊断与管家式运维系统，实现设备状态实时监控、故障预警与远程技术支持，大幅降低客户停机损失。</p>
              <div class="adv__features">
                <div class="adv__feature">远程诊断</div>
                <div class="adv__feature">管家式运维</div>
                <div class="adv__feature">故障预警</div>
                <div class="adv__feature">数据分析</div>
              </div>
              <a href="pages/advantages/iot-technology.html" class="adv__more">查看更多 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <!-- 生物纳膜抑尘 -->
          <div class="card reveal" style="--col:3;">
            <div class="adv">
              <div class="card__icon">💧</div>
              <h3 class="adv__title">深锥浓缩机式水处理系统</h3>
              <p class="adv__desc">高效水处理与循环利用系统，实现生产废水零排放，降低运营用水成本。</p>
              <a href="pages/advantages/water-treatment.html" class="adv__more">查看更多 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <!-- ZY15 胶带机 -->
          <div class="card reveal" style="--col:3;">
            <div class="adv">
              <div class="card__icon">🛢</div>
              <h3 class="adv__title">砂石加工装备自动润滑系统</h3>
              <p class="adv__desc">集中自动润滑核心轴承点，减少人工维护工作量，延长设备使用寿命。</p>
              <a href="pages/advantages/auto-lubrication.html" class="adv__more">查看更多 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <!-- EPCO 一体化 -->
          <div class="card card--dark reveal" style="--col:12;">
            <div class="adv" style="flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;">
              <div>
                <h3 class="adv__title">EPCO 一体化服务</h3>
                <p class="adv__desc" style="max-width:48ch;">工程 · 采购 · 建设 · 运营，全链条覆盖，减少客户多头对接的管理成本。</p>
                <a href="pages/advantages/epco-service.html" class="adv__more">查看更多 <span aria-hidden="true">→</span></a>
              </div>
              <div class="epco">
                <div class="epco__cell"><span class="epco__letter">E</span><span class="epco__word">Engineering</span></div>
                <div class="epco__cell"><span class="epco__letter">P</span><span class="epco__word">Procurement</span></div>
                <div class="epco__cell"><span class="epco__letter">C</span><span class="epco__word">Construction</span></div>
                <div class="epco__cell"><span class="epco__letter">O</span><span class="epco__word">Operating</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ============================
         M10 工程案例（Cases）
         ============================ -->
    <section class="section section--ruled bg-engine" id="cases" data-module="M10">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">PROJECTS</span>
            <h2 class="section-head__title">成功案例</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">已交付的 6 个代表性项目，覆盖国内外多种物料与工艺类型。</p>
          </div>
        </div>

        <!-- 自动循环轮播：卡片由 home.js 克隆拼接实现无缝滚动，悬停暂停 -->
        <div class="cases__carousel reveal" data-cases-carousel>
          <div class="cases__viewport">
            <div class="cases__track" data-cases-track>
          <!-- 案例 1：满塘项目 -->
          <a href="pages/cases/mantang.html" class="case-link">
          <article class="case reveal" data-year="2019">
            <!-- 项目实景图：来自官网案例页，年份/地区徽章悬浮于图片上方 -->
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/mantang.jpg" alt="满塘项目骨料生产线现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2019</span>
                <span class="case__region">广东肇庆广宁</span>
              </figcaption>
            </figure>
            <h3 class="case__title">满塘项目</h3>
            <div class="case__capacity">450 t/h <span>+ 300 t/h</span></div>
            <p class="case__desc">钾钠长石与花岗岩双线同时生产，干法筛分保障非金属矿粒度精度，湿法段完成骨料整形。</p>
            <div class="case__foot">
              <span class="case__products">0-10 / 0-5 / 5-16 / 16-31.5mm</span>
              <span class="tag tag--brand">干法+湿法</span>
              <span class="case__client">广宁县谭布镇满塘矿业有限公司</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>

          <!-- 案例 2：土溪口项目 -->
          <a href="pages/cases/tuxikou.html" class="case-link">
          <article class="case reveal" data-year="2018">
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/tuxikou.jpg" alt="土溪口项目骨料系统现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2018</span>
                <span class="case__region">四川达州宣汉</span>
              </figcaption>
            </figure>
            <h3 class="case__title">土溪口项目</h3>
            <div class="case__capacity">570 t/h</div>
            <p class="case__desc">大型石灰岩骨料系统，四段式湿法工艺满足高产能与连续级配要求，服务水利枢纽工程。</p>
            <div class="case__foot">
              <span class="case__products">0-5 / 5-20 / 20-40 / 40-80mm</span>
              <span class="tag tag--brand">四段式湿法</span>
              <span class="case__client">中国葛洲坝集团第三工程有限公司</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>

          <!-- 案例 3：DASU 项目 -->
          <a href="pages/cases/dasu.html" class="case-link">
          <article class="case reveal" data-year="2018">
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/dasu.jpg" alt="DASU 项目麻粒岩加工线现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2018</span>
                <span class="case__region case__region--overseas">🌐 巴基斯坦 KPK</span>
              </figcaption>
            </figure>
            <h3 class="case__title">DASU 项目</h3>
            <div class="case__capacity">120 t/h</div>
            <p class="case__desc">海外高硬度麻粒岩加工，三段式湿法配置重型圆锥破应对高磨蚀性，配套远程物联网诊断。</p>
            <div class="case__foot">
              <span class="case__products">0-4.75 / 4.75-12.5 / 12.5-25 / 25-50mm</span>
              <span class="tag tag--brand">三段式湿法</span>
              <span class="case__client">中国葛洲坝集团第三工程有限公司</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>

          <!-- 案例 4：西津项目 -->
          <a href="pages/cases/xijin.html" class="case-link">
          <article class="case reveal" data-year="2017">
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/xijin.jpg" alt="西津项目花岗岩骨料生产线现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2017</span>
                <span class="case__region">广西南宁横县</span>
              </figcaption>
            </figure>
            <h3 class="case__title">西津项目</h3>
            <div class="case__capacity">570 t/h</div>
            <p class="case__desc">大型花岗岩骨料生产线，服务高速公路基建，成品粒形满足高等级公路沥青面层要求。</p>
            <div class="case__foot">
              <span class="case__products">0-5 / 5-20 / 20-40 / 40-80mm</span>
              <span class="tag tag--brand">三段式湿法</span>
              <span class="case__client">中国交通建设第四航务工程局</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>

          <!-- 案例 5：天池项目 -->
          <a href="pages/cases/tianchi.html" class="case-link">
          <article class="case reveal" data-year="2017">
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/tianchi.jpg" alt="天池项目花岗岩制砂系统现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2017</span>
                <span class="case__region">河南南阳南召</span>
              </figcaption>
            </figure>
            <h3 class="case__title">天池项目</h3>
            <div class="case__capacity">150 t/h</div>
            <p class="case__desc">中型花岗岩制砂系统，抽水蓄能电站配套，对细度模数与石粉含量有严格要求。</p>
            <div class="case__foot">
              <span class="case__products">0-5 / 5-20 / 20-40 / 0-80mm</span>
              <span class="tag tag--brand">三段式湿法</span>
              <span class="case__client">中国水利水电第十一工程局有限公司</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>

          <!-- 案例 6：SK 首部项目 -->
          <a href="pages/cases/sk.html" class="case-link">
          <article class="case reveal" data-year="2017">
            <figure class="case__media">
              <img class="case__img" src="assets/img/cases/sk.jpg" alt="SK 首部项目河卵石加工线现场" loading="lazy" decoding="async">
              <figcaption class="case__badges">
                <span class="case__year">2017</span>
                <span class="case__region case__region--overseas">🌐 巴基斯坦 KPK</span>
              </figcaption>
            </figure>
            <h3 class="case__title">SK 首部项目</h3>
            <div class="case__capacity">120 t/h</div>
            <p class="case__desc">河卵石加工，高硅含量对耐磨件损耗大，采用圆锥破+立轴破组合降低运营成本。</p>
            <div class="case__foot">
              <span class="case__products">0-4.75 / 4.75-9.5 / 9.5-19.1 / 19.1-38.2 / 38.2-76.4mm</span>
              <span class="tag tag--brand">三段式湿法</span>
              <span class="case__client">中国葛洲坝集团第三工程有限公司</span>
            </div>
            <span class="case__cta">查看详情 <span class="case__cta-arrow">→</span></span>
          </article>
          </a>
            </div>
          </div>
        </div>

        <!-- 建设单位墙 -->
        <div class="clients reveal" style="margin-top:var(--sp-12);">
          <div class="clients__item">
            <span class="clients__name">满塘矿业</span>
            <span class="clients__role">建设方</span>
            <span class="clients__project">满塘项目 · 2019</span>
          </div>
          <div class="clients__item">
            <span class="clients__name">葛洲坝三公司</span>
            <span class="clients__role">建设方</span>
            <span class="clients__project">土溪口 / DASU / SK · 2017–2018</span>
          </div>
          <div class="clients__item">
            <span class="clients__name">中交四航局</span>
            <span class="clients__role">建设方</span>
            <span class="clients__project">西津项目 · 2017</span>
          </div>
          <div class="clients__item">
            <span class="clients__name">水电十一局</span>
            <span class="clients__role">建设方</span>
            <span class="clients__project">天池项目 · 2017</span>
          </div>
        </div>
      </div>
    </section>

    <!-- ============================
         M11 新闻中心
         ============================ -->
    <section class="section section--ruled bg-people" id="news" data-module="M11">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">NEWS & INSIGHTS</span>
            <h2 class="section-head__title">新闻中心</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">行业动态、企业文化与专业知识分享。</p>
          </div>
        </div>

        <div class="news reveal">
          <!-- 头条：跳转文章详情页，配图为官网真实活动照片 -->
          <a href="pages/news/womens-day-2025.html" class="news__lead">
            <img src="assets/img/news/womens-day-2025-01.jpg" alt="温情三八节活动现场" loading="lazy" decoding="async" style="display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);border:var(--edge-light);">
            <h3 class="news__lead-title">温情三八节，致敬“她”力量！</h3>
            <p class="news__lead-excerpt">2025 年三八国际妇女节，智昊公司向全体女性员工致以节日祝福与诚挚感谢，致敬每一位在岗位上绽放光彩的“她”。</p>
            <span class="news__date">2025.03.08</span>
          </a>

          <!-- 新闻列表：点击跳转对应文章详情页 -->
          <div class="news__list">
            <div class="news__group-title">新闻动态</div>
            <a href="pages/news/mine-smart-policy.html" class="news__item">
              <span class="news__item-title">七部门发文，砂石等矿山危险岗位智能装备替代率不低于 20%</span>
              <span class="news__date">2024.07.20</span>
            </a>

            <div class="news__group-title" style="margin-top:var(--sp-6);">企业文化</div>
            <a href="pages/news/lantern-festival-2025.html" class="news__item">
              <span class="news__item-title">元宵喜乐会 猜灯谜“套”好礼</span>
              <span class="news__date">2025.02.13</span>
            </a>
            <a href="pages/news/annual-meeting-2025.html" class="news__item">
              <span class="news__item-title">公司年度总结及战略宣讲大会暨 2024 年度表彰大会圆满举行</span>
              <span class="news__date">2025.01.27</span>
            </a>
            <a href="pages/news/monopoly-team-building.html" class="news__item">
              <span class="news__item-title">瑞雪兆丰年 人人大富翁</span>
              <span class="news__date">2025.01.25</span>
            </a>
            <a href="pages/news/womens-day-2024.html" class="news__item">
              <span class="news__item-title">喜迎三八妇女节</span>
              <span class="news__date">2024.03.09</span>
            </a>

            <!-- 查看更多：无外框纯文字入口指引，随右列列表下方右对齐，跳转新闻列表页 -->
            <a href="pages/news/index.html" class="news__more">查看更多 <span aria-hidden="true">→</span></a>
          </div>
        </div>
      </div>
    </section>

    <!-- ============================
         M12 招贤纳士 + 联系转化
         ============================ -->

    <!-- 使命宣言 -->
    <section class="mission" data-module="M12">
      <div class="mission__inner">
        <div class="reveal">
          <span class="eyebrow eyebrow--invert">MISSION & VALUES</span>
          <h2 class="mission__title">打造智能化砂石产业<br>让行业因我们而<em>改变</em></h2>
        </div>
        <div class="reveal">
          <p class="mission__text">智昊以「客户价值、责任、合作、学习创新、幸福」为核心价值观，坚持科学精神、社会人心态与成年人逻辑，打造一支有温度、有担当的工程科技团队。</p>
          <div class="mission__culture">
            <div class="mission__culture-item">
              <span class="mission__culture-name">客户价值</span>
              <span class="mission__culture-keys">客户思维 · 服务心态</span>
            </div>
            <div class="mission__culture-item">
              <span class="mission__culture-name">责任</span>
              <span class="mission__culture-keys">执行 · 敬业 · 担当</span>
            </div>
            <div class="mission__culture-item">
              <span class="mission__culture-name">合作</span>
              <span class="mission__culture-keys">尊重 · 沟通 · 信任</span>
            </div>
            <div class="mission__culture-item">
              <span class="mission__culture-name">学习创新</span>
              <span class="mission__culture-keys">主动学习 · 勇于创新 · 敢于改变</span>
            </div>
            <div class="mission__culture-item">
              <span class="mission__culture-name">幸福</span>
              <span class="mission__culture-keys">积极 · 感恩 · 爱</span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 招贤纳士 -->
    <section class="section bg-people" id="careers">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">CAREERS</span>
            <h2 class="section-head__title">招贤纳士</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">加入我们，与智昊一起推动砂石行业的技术变革。</p>
          </div>
        </div>

        <div class="jobs reveal">
          <div class="job" data-job aria-expanded="false">
            <div class="job__head">
              <h3 class="job__title">采购内勤</h3>
              <span class="job__salary">¥2,500–5,000</span>
            </div>
            <p class="job__req">负责采购订单跟进、供应商对接与合同管理。</p>
            <button class="job__toggle" data-job-toggle>查看详情 <span class="icon">▼</span></button>
            <div class="job__body"><div><p>负责采购订单跟进、供应商对接与合同管理。要求细心负责、熟练使用办公软件，有工程行业采购经验优先。</p></div></div>
          </div>
          <div class="job" data-job aria-expanded="false">
            <div class="job__head">
              <h3 class="job__title">机修工</h3>
              <span class="job__salary">¥4,500–8,000</span>
            </div>
            <p class="job__req">负责矿山设备的日常维护与故障排除。</p>
            <button class="job__toggle" data-job-toggle>查看详情 <span class="icon">▼</span></button>
            <div class="job__body"><div><p>负责矿山设备的日常维护与故障排除。要求具备机械维修经验，持有相关资格证书，能适应驻场工作。</p></div></div>
          </div>
          <div class="job" data-job aria-expanded="false">
            <div class="job__head">
              <h3 class="job__title">电工</h3>
              <span class="job__salary">¥5,000–8,000</span>
            </div>
            <p class="job__req">负责电气系统安装、调试与维护。</p>
            <button class="job__toggle" data-job-toggle>查看详情 <span class="icon">▼</span></button>
            <div class="job__body"><div><p>负责电气系统安装、调试与维护。要求持有电工证，熟悉 PLC 控制系统，有矿山电气经验优先。</p></div></div>
          </div>
          <div class="job" data-job aria-expanded="false">
            <div class="job__head">
              <h3 class="job__title">电气工程师</h3>
              <span class="job__salary">¥4,000–8,000</span>
            </div>
            <p class="job__req">负责电气方案设计、自动化系统开发与项目管理。</p>
            <button class="job__toggle" data-job-toggle>查看详情 <span class="icon">▼</span></button>
            <div class="job__body"><div><p>负责电气方案设计、自动化系统开发与项目管理。要求本科及以上学历，电气自动化相关专业，3 年以上工作经验。</p></div></div>
          </div>
        </div>

        <!-- 人才理念 -->
        <div class="ethos reveal" style="margin-top:var(--sp-12);">
          <div class="ethos__item">
            <h3 class="ethos__title">科学精神</h3>
            <p class="ethos__text">帮助客户解决问题，不相信奇迹，凡事亲自做三遍，专注。</p>
          </div>
          <div class="ethos__item">
            <h3 class="ethos__title">社会人心态</h3>
            <p class="ethos__text">相信平等交换与公平回报，以社会人心态对待公司成长。</p>
          </div>
          <div class="ethos__item">
            <h3 class="ethos__title">成年人逻辑</h3>
            <p class="ethos__text">对自己负责，承认在真理面前的卑微。</p>
          </div>
        </div>
      </div>
    </section>

    <!-- 联系转化 -->
    <section class="section section--ruled" id="contact">
      <div class="shell">
        <div class="section-head reveal">
          <div>
            <span class="eyebrow">CONTACT US</span>
            <h2 class="section-head__title">联系我们</h2>
          </div>
          <div class="section-head__aside">
            <p class="section-head__lead">无论您是咨询技术方案还是洽谈项目合作，智昊团队随时为您服务。</p>
          </div>
        </div>

        <div class="contact reveal">
          <div>
            <dl class="contact__list">
              <div class="contact__row">
                <div class="contact__icon">☎</div>
                <div>
                  <div class="contact__label">服务热线</div>
                  <div class="contact__value contact__value--tel"><a href="tel:037969982907">0379-69982907</a></div>
                </div>
              </div>
              <div class="contact__row">
                <div class="contact__icon">📱</div>
                <div>
                  <div class="contact__label">项目咨询</div>
                  <div class="contact__value contact__value--tel"><a href="tel:18638874801">李经理 18638874801</a></div>
                </div>
              </div>
              <div class="contact__row">
                <div class="contact__icon">✉</div>
                <div>
                  <div class="contact__label">业务邮箱</div>
                  <div class="contact__value"><a href="mailto:tshtp98@163.com">tshtp98@163.com</a></div>
                  <div class="contact__value"><a href="mailto:chinaazhkj@163.com">chinaazhkj@163.com</a></div>
                </div>
              </div>
              <div class="contact__row">
                <div class="contact__icon">🕐</div>
                <div>
                  <div class="contact__label">服务时间</div>
                  <div class="contact__value">8:00 - 24:00</div>
                </div>
              </div>
              <div class="contact__row">
                <div class="contact__icon">📍</div>
                <div>
                  <div class="contact__label">公司地址</div>
                  <div class="contact__value">中国（河南）自由贸易试验区洛阳片区高新区河洛路215号瑞泽大厦15楼1510室</div>
                </div>
              </div>
            </dl>
          </div>

          <form class="form" id="inquiry-form" novalidate>
            <h3 style="margin:0;font-size:var(--fs-lg);">项目咨询</h3>
            <div class="form__row form__row--2">
              <div class="form__field">
                <label class="form__label" data-required="true">姓名</label>
                <input class="form__input" type="text" placeholder="您的姓名" data-field="name" required>
              </div>
              <div class="form__field">
                <label class="form__label" data-required="true">联系电话</label>
                <input class="form__input" type="tel" placeholder="您的手机号码" data-field="phone" required>
              </div>
            </div>
            <div class="form__field">
              <label class="form__label">公司名称</label>
              <input class="form__input" type="text" placeholder="您的公司名称（选填）" data-field="company">
            </div>
            <div class="form__field">
              <label class="form__label">咨询内容</label>
              <textarea class="form__textarea" placeholder="请简要描述您的项目需求，如物料类型、产能要求、项目地点等。" data-field="content"></textarea>
            </div>
            <div class="form__foot">
              <p class="form__note">提交后我们将在 1 个工作日内与您联系。或直接拨打服务热线 0379-69982907。</p>
              <button type="submit" class="btn btn--primary">提交咨询</button>
            </div>
            <p class="form__status" role="status" aria-live="polite" hidden></p>
          </form>
        </div>
      </div>
    </section>

    <!-- CTA 转化带 -->
    <section class="cta-band">
      <div class="cta-band__inner">
        <div>
          <h2 class="cta-band__title">需要专业的砂石骨料加工方案？</h2>
          <p class="cta-band__text">智昊团队拥有 20+ 年行业经验，已交付 6 个国内外代表性项目，期待与您合作。</p>
        </div>
        <div class="cta-band__actions">
          <a href="tel:037969982907" class="btn btn--cta btn--lg">☎ 立即咨询</a>
        </div>
      </div>
    </section>

  </main>

  <!-- ============================
       页脚（Site Footer）
       ============================ -->
  <footer class="site-footer">
    <div class="shell">
      <div class="site-footer__grid">
        <div class="site-footer__brand">
          <a href="index.html" class="brand" aria-label="智昊工程科技 首页">
            <img class="brand__mark" src="assets/img/logo/logo-mark.png" data-config-src="logo_url" alt="智昊科技图标" width="34" height="34">
            <span class="brand__text">
              <span class="brand__name">洛阳智昊工程科技有限公司</span>
              <span class="brand__sub">Zealhawk Engineering</span>
            </span>
          </a>
          <p class="site-footer__slogan" data-config="hero_lead">专注人工砂石骨料生产技术与装备创新，提供咨询、设计、建设、运营一体化服务。</p>
        </div>

        <div>
          <h4 class="site-footer__title">快速导航</h4>
          <ul class="site-footer__list">
            <li><a href="#about">走进智昊</a></li>
            <li><a href="#advantages">智昊优势</a></li>
            <li><a href="pages/business/index.html">业务范围</a></li>
            <li><a href="#cases">成功案例</a></li>
          </ul>
        </div>

        <div>
          <h4 class="site-footer__title">业务领域</h4>
          <ul class="site-footer__list">
            <li><a href="pages/business/overall-solution.html">砂石整体解决方案</a></li>
            <li><a href="pages/business/smart-support.html">智能化技术支持</a></li>
            <li><a href="pages/business/epco-contract.html">项目总承包</a></li>
            <li><a href="pages/business/tech-consulting.html">技术咨询</a></li>
          </ul>
        </div>

        <div>
          <h4 class="site-footer__title">联系方式</h4>
          <dl class="site-footer__contact">
            <dt>服务热线</dt>
            <dd><a href="tel:037969982907" data-config-tel="hotline">0379-69982907</a></dd>
            <dt>项目咨询</dt>
            <dd><a href="tel:18638874801" data-config-tel="business_contact">李经理 18638874801</a></dd>
            <dt>业务邮箱</dt>
            <dd><a href="mailto:tshtp98@163.com" data-config-mailto="email_primary">tshtp98@163.com</a></dd>
            <dd><a href="mailto:chinaazhkj@163.com" data-config-mailto="email_secondary">chinaazhkj@163.com</a></dd>
            <dt>服务时间</dt>
            <dd data-config="working_hours">8:00 - 24:00</dd>
            <dt>公司地址</dt>
            <dd class="is-address" data-config="address">中国（河南）自由贸易试验区洛阳片区高新区河洛路215号瑞泽大厦15楼1510室</dd>
          </dl>
        </div>
      </div>

      <div class="site-footer__bottom">
        <span>© <span data-year></span> 洛阳智昊工程科技有限公司 版权所有</span>
        <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">豫ICP备15018645号-1</a>
      </div>
    </div>
  </footer>

  <!-- 浮动快捷条 -->
  <div class="quick-bar" data-quick-bar>
    <a href="tel:037969982907" class="quick-bar__item quick-bar__item--call">
      <span class="icon">☎</span> 电话咨询
    </a>
    <button class="quick-bar__item quick-bar__item--top" data-quick-top>
      <span class="icon">↑</span> 回顶部
    </button>
  </div>

  <!-- JS：ES Module 加载（先渲染动态数据，再绑定交互） -->
  <script type="module" src="assets/js/main.js"></script>
</body>
</html>
