<a href="#main-content" class="skip-link">跳到主要内容</a>
  <header class="site-header">
    <a class="brand" href="index.html">
      <img class="brand-logo brand-logo-blue" src="assets/mudu-logo-blue.png" alt="木牍中考" />
      <img class="brand-logo brand-logo-white" src="assets/mudu-logo-white.png" alt="" aria-hidden="true" />
    </a>
    <button class="menu-toggle" type="button" aria-label="展开导航" aria-expanded="false">☰</button>
    <nav class="nav">
      <a class="active" href="index.html">首页</a>
      <a href="products.html">图书介绍</a>
      <a href="research.html">中考研究</a>
      <a href="about-teaching.html">教学服务</a>
      <a href="about.html">关于木牍</a>
      <a href="contact.html">联系我们</a>
    </nav>
  </header>

  <main id="main-content">
    <section class="home-hero home-hero-static is-pending">
      <div class="skeleton-pane" aria-hidden="true"></div>
      <div class="home-carousel" id="carouselTrack" aria-label="首页横幅" style="visibility:hidden">
        
        <a class="carousel-slide active" href="#" aria-label="首页横幅 1"></a>
        <a class="carousel-slide" href="#" aria-label="首页横幅 2"></a>
        <a class="carousel-slide" href="#" aria-label="首页横幅 3"></a>
      </div>
      <div class="home-hero-copy" aria-label="木牍品牌介绍" style="visibility:hidden">
        <h1 class="home-hero-title">精准备考用木牍</h1>
        <p class="home-hero-lead">立足安徽，专注研究安徽中考15年</p>
      </div>
      <div class="carousel-dots" id="carouselDots" aria-label="横幅切换" style="visibility:hidden"></div>
    </section>

    <section class="home-large-image home-showcase-carousel is-pending" data-home-showcase aria-label="首页展示图">
      <div class="skeleton-pane" aria-hidden="true">
        <span class="skeleton-note">加载中…</span>
      </div>
      <div class="home-showcase-track">
        
        <a class="home-showcase-slide active" href="contact.html" data-cms-showcase="home_large_image" aria-label="首页展示图 1">
          <img data-cms-image="home_large_image" alt="木牍中考首页展示图" loading="lazy" decoding="async" />
        </a>
        <a class="home-showcase-slide" href="contact.html" data-cms-showcase="home_large_image_1" aria-label="首页展示图 2" hidden>
          <img data-cms-image="home_large_image_1" alt="木牍中考首页展示图" loading="lazy" decoding="async" />
        </a>
        <a class="home-showcase-slide" href="contact.html" data-cms-showcase="home_large_image_2" aria-label="首页展示图 3" hidden>
          <img data-cms-image="home_large_image_2" alt="木牍中考首页展示图" loading="lazy" decoding="async" />
        </a>
        <a class="home-showcase-slide" href="contact.html" data-cms-showcase="home_large_image_3" aria-label="首页展示图 4" hidden>
          <img data-cms-image="home_large_image_3" alt="木牍中考首页展示图" loading="lazy" decoding="async" />
        </a>
        <a class="home-showcase-slide" href="contact.html" data-cms-showcase="home_large_image_4" aria-label="首页展示图 5" hidden>
          <img data-cms-image="home_large_image_4" alt="木牍中考首页展示图" loading="lazy" decoding="async" />
        </a>
      </div>
      <nav class="home-showcase-tabs" data-home-showcase-tabs aria-label="首页展示位产品切换"></nav>
      <div class="home-showcase-dots" data-home-showcase-dots aria-label="展示图切换"></div>
    </section>

    <section class="home-stack home-homepage-content">
      <section class="home-stack-section home-enterprise-section">
        <header class="home-enterprise-heading">
          <h2>企业动态</h2>
          <a href="news.html" aria-label="查看更多企业动态"><span class="home-enterprise-arrow" aria-hidden="true"></span> 探索更多</a>
        </header>
        <div class="home-enterprise-grid" data-home-news aria-live="polite" aria-busy="true">
          <div class="home-enterprise-featured">
            <div class="home-enterprise-skeleton is-large" aria-hidden="true"></div>
            <div class="home-enterprise-skeleton is-large" aria-hidden="true"></div>
          </div>
          <div class="home-enterprise-list">
            <div class="home-enterprise-skeleton" aria-hidden="true"></div>
            <div class="home-enterprise-skeleton" aria-hidden="true"></div>
            <div class="home-enterprise-skeleton" aria-hidden="true"></div>
          </div>
        </div>
      </section>
    </section>
  </main>

  <footer class="site-footer">
    <div class="footer-top">
      <div class="footer-col">
        <strong>快速导航</strong>
        <a href="products.html">中考抓分卷</a>
        <a href="products.html">培优18讲</a>
        <a href="products.html">英语词汇</a>
        <a href="products.html">名师A计划</a>
        <a href="products.html">试题精编</a>
      </div>
      <div class="footer-col">
        <strong>全媒体矩阵</strong>
        <a href="about.html">企业概况</a>
        <a href="news.html">企业动态</a>
        <a href="about-album.html">企业相册</a>
        <a href="about-teaching.html">教学服务</a>
        <a href="research.html">中考研究</a>
      </div>
      <div class="footer-col">
        <strong>联系我们</strong>
        <a href="contact.html">样书申请</a>
        <a href="contact.html">学校服务</a>
        <a href="contact.html">渠道合作</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>© 2026 木牍中考 · <a data-cms-icp href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">皖ICP备XXXXXXXX号</a></p>
    </div>
  </footer>

木牍中考专注中考教辅研发15年，四大图书产品分类覆盖全阶段备考，服务安徽200余所学校。