<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="新越股份，基于移动数字经济与实体经济产业融合的系统性方案服务商。"
    />
    <title>新越股份 | 移动数字经济与实体经济融合服务商</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <header class="site-header" data-header>
      <a class="brand" href="#top" aria-label="新越股份首页">
        <img src="./assets/logo.png" alt="新越股份" />
      </a>
      <button class="nav-toggle" type="button" aria-label="打开导航" aria-expanded="false" data-nav-toggle>
        <span></span>
        <span></span>
      </button>
      <nav class="site-nav" data-nav>
        <a href="#business">业务类型</a>
        <a href="#values">集团理念</a>
        <a href="#about">关于我们</a>
      </nav>
    </header>

    <main id="top">
      <section class="hero" aria-labelledby="hero-title">
        <div class="hero-media" aria-hidden="true"></div>
        <div class="hero-content">
          <p class="eyebrow">Xinyue Corporation</p>
          <h1 id="hero-title">移动数字经济与实体经济融合的系统性方案服务商</h1>
          <p class="hero-copy">
            新越股份业务覆盖互动娱乐、城市生活、圈层社交、视频内容与教育培训服务。
          </p>
          <div class="hero-actions">
            <a class="button button-primary" href="#business">查看业务布局</a>
            <a class="button button-secondary" href="#about">了解新越</a>
          </div>
        </div>
        <div class="hero-panel" aria-label="集团定位">
          <span>Group Position</span>
          <strong>数字经济 + 实体经济</strong>
          <p>围绕移动互联网服务，连接消费、社区与教育场景。</p>
        </div>
      </section>

      <section class="section intro" aria-label="集团简介">
        <div class="section-kicker">集团概览</div>
        <div class="intro-grid">
          <h2>破旧履新，世纪跨越之集大成者。</h2>
          <p>
            新越股份是一支朝气蓬勃、有理想、有目标、具奋斗精神的团队，基于移动数字经济与实体经济产业融合开展业务。
          </p>
        </div>
      </section>

      <section class="section section-muted" id="business" aria-labelledby="business-title">
        <div class="section-heading">
          <p class="section-kicker">Business Portfolio</p>
          <h2 id="business-title">业务布局</h2>
        </div>
        <div class="business-grid">
          <article class="business-card">
            <span class="card-index">01</span>
            <h3>数字游戏与互动娱乐</h3>
            <p>移动休闲游戏、棋牌游戏与互动产品研运。</p>
          </article>
          <article class="business-card">
            <span class="card-index">02</span>
            <h3>城市社区与本地生活服务</h3>
            <p>城市社区娱乐、健身、民生保障等综合服务。</p>
          </article>
          <article class="business-card">
            <span class="card-index">03</span>
            <h3>圈层社交与视频内容服务</h3>
            <p>圈层社交、直播视频与内容服务。</p>
          </article>
          <article class="business-card">
            <span class="card-index">04</span>
            <h3>教育培训与就业创业服务</h3>
            <p>教育培训、就业创业教育服务。</p>
          </article>
        </div>
      </section>

      <section class="section values" id="values" aria-labelledby="values-title">
        <div class="section-heading align-left">
          <p class="section-kicker">Corporate Philosophy</p>
          <h2 id="values-title">公司理念</h2>
        </div>
        <div class="values-grid">
          <article>
            <h3>企业使命</h3>
            <p>成就数字经济与实体经济的产业融合，为回馈社会做出应有贡献。</p>
          </article>
          <article>
            <h3>企业愿景</h3>
            <p>奋斗无止境，打造一流移动数字经济与实体经济融合的产业集团企业。</p>
          </article>
          <article>
            <h3>核心价值观</h3>
            <p>敢于担当、积极思考、团结拼搏、彻底执行。</p>
          </article>
          <article>
            <h3>社会责任</h3>
            <p>将公益性事业持续进行。</p>
          </article>
        </div>
      </section>

      <section class="section about" id="about" aria-labelledby="about-title">
        <div class="about-image">
          <img src="./assets/about.jpg" alt="新越股份企业形象图" />
        </div>
        <div class="about-copy">
          <p class="section-kicker">About Xinyue</p>
          <h2 id="about-title">以团队奋斗推动产业融合</h2>
          <p>
            新越股份是一支朝气蓬勃、有理想、有目标、具奋斗精神的团队。公司围绕线上娱乐、城市服务、圈层社交、视频内容与教育培训等方向，开展移动数字经济与实体经济融合业务。
          </p>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <p><span>©2019 新越股份版权所有</span><a href="http://beian.miit.gov.cn/" target="_blank" rel="noreferrer">蜀ICP备20005903号-9</a></p>
    </footer>

    <script src="./script.js"></script>
  </body>
</html>
