<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>北京华争信息技术有限公司</title>
  <link rel="icon" href="images/logo-blue.png" type="image/png">
  <link rel="stylesheet" href="css/style.css">
  <link rel="preconnect" href="http://fonts.googleapis.com">
  <link rel="preconnect" href="http://fonts.gstatic.com" crossorigin>
  <link href="http://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>

  <!-- 顶部导航 -->
  <header class="header" id="header">
    <div class="container header-inner">
      <a href="#home" class="logo">
        <img src="images/logo-blue.png" alt="华争信息" class="logo-img">
        <span class="logo-text">北京华争信息技术有限公司</span>
      </a>
      <nav class="nav" id="nav">
        <a href="#home" class="nav-link active">首页</a>
        <a href="#about" class="nav-link">公司介绍</a>
        <a href="#copyrights" class="nav-link">软件著作权</a>
        <a href="#products" class="nav-link">产品介绍</a>
        <a href="#contact" class="nav-link">联系我们</a>
      </nav>
      <button class="menu-btn" id="menuBtn" aria-label="菜单">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
  </header>

  <!-- 首页横幅 -->
  <section class="hero" id="home">
    <div class="hero-bg"></div>
    <div class="container hero-content">
      <img src="images/logo.png" alt="华争信息" class="hero-logo">
      <p class="hero-tag">图书数字化 · 教育数据智能 · AI 低代码平台</p>
      <h1 class="hero-title">北京华争信息技术有限公司</h1>
      <p class="hero-desc">专注图书行业信息化、教育数据智能与 AI 平台能力，为出版、学校与企业提供全方位解决方案</p>
      <div class="hero-btns">
        <a href="#products" class="btn btn-primary">查看产品</a>
        <a href="#contact" class="btn btn-outline">期待与您合作</a>
      </div>
      <div class="hero-stats">
        <div class="stat-item">
          <span class="stat-num">2020</span>
          <span class="stat-label">成立年份</span>
        </div>
        <div class="stat-item">
          <span class="stat-num">北京</span>
          <span class="stat-label">总部所在地</span>
        </div>
        <div class="stat-item">
          <span class="stat-num">朝阳</span>
          <span class="stat-label">注册分局</span>
        </div>
      </div>
    </div>
  </section>

  <!-- 公司介绍 -->
  <section class="section about" id="about">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">ABOUT US</span>
        <h2 class="section-title">公司介绍</h2>
      </div>
      <div class="about-grid">
        <div class="about-text">
          <p>
            公司主要经营技术推广、技术服务、技术咨询、技术开发；经济贸易咨询；电脑图文设计、制作；设计、制作、代理、发布广告；承办展览展示活动；企业策划；组织文化艺术交流活动；软件开发；计算机系统服务；销售计算机、软件及辅助设备、电子产品、通讯设备、建筑材料；会议服务；翻译服务；旅游信息咨询；企业管理咨询；市场调查；公共关系服务；数据处理；出租办公用房；互联网信息服务等业务。
          </p>
          <p class="about-highlight">期待与您合作，共创美好未来。</p>
        </div>
        <div class="about-cards">
          <div class="about-card">
            <div class="about-card-icon">🎯</div>
            <h3>专业专注</h3>
            <p>深耕信息技术领域，以专业技术驱动企业发展</p>
          </div>
          <div class="about-card">
            <div class="about-card-icon">🤝</div>
            <h3>诚信合作</h3>
            <p>以客户需求为导向，提供可靠的技术服务</p>
          </div>
          <div class="about-card">
            <div class="about-card-icon">🚀</div>
            <h3>创新进取</h3>
            <p>持续创新，助力企业数字化转型与升级</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 软件著作权 -->
  <section class="section copyrights" id="copyrights">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">COPYRIGHTS</span>
        <h2 class="section-title">软件著作权</h2>
        <p class="section-desc">北京华争信息技术有限公司持有 <strong>20</strong> 项计算机软件著作权登记证书，覆盖图书 ERP、教材征订、仓储财务、国情检索及 AI 平台等自研产品</p>
      </div>

      <div class="copyrights-summary">
        <div class="copyrights-stat">
          <span class="copyrights-stat-num">20</span>
          <span class="copyrights-stat-label">登记证书</span>
        </div>
        <div class="copyrights-stat">
          <span class="copyrights-stat-num">原始取得</span>
          <span class="copyrights-stat-label">权利取得方式</span>
        </div>
      </div>

      <div class="copyrights-gallery">
        <figure class="copyrights-item">
          <a href="images/certificates/cert-01.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-01.jpg" alt="华争智慧图书云服务管理平台 V1.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争智慧图书云服务管理平台</strong>
            <span>2024SR1957215 · 2024-12-03</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-02.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-02.jpg" alt="慧选书教材结算管理系统（经销商端）V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>慧选书教材结算管理系统（经销商端）</strong>
            <span>2024SR0477790 · 2024-04-09</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-03.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-03.jpg" alt="慧选书大中专院校教材管理平台 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>慧选书大中专院校教材管理平台</strong>
            <span>2024SR0468690 · 2024-04-07</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-04.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-04.jpg" alt="华争国情大数据检索系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争国情大数据检索系统</strong>
            <span>2024SR0265598 · 2024-02-09</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-05.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-05.jpg" alt="慧选书教材选用审核管理系统 V1.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>慧选书教材选用审核管理系统</strong>
            <span>2024SR0161536 · 2024-01-24</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-06.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-06.jpg" alt="华争教材报订综合管理服务平台 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争教材报订综合管理服务平台</strong>
            <span>2024SR0145426 · 2024-01-22</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-07.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-07.jpg" alt="华争图书库房综合管理系统 V1.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书库房综合管理系统</strong>
            <span>2024SR0140781 · 2024-01-22</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-08.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-08.jpg" alt="华争图书财务管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书财务管理系统</strong>
            <span>2023SR1493554 · 2023-11-23</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-09.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-09.jpg" alt="慧选书教材征订公共服务平台小程序 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>慧选书教材征订公共服务平台小程序</strong>
            <span>2023SR1490662 · 2023-11-23</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-10.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-10.jpg" alt="服务商智慧教材管理平台 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>服务商智慧教材管理平台</strong>
            <span>2023SR1394003 · 2023-11-07</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-11.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-11.jpg" alt="慧选书教材征订公共服务平台 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>慧选书教材征订公共服务平台</strong>
            <span>2023SR1091734 · 2023-09-18</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-12.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-12.jpg" alt="华争大中专院校教材征订系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争大中专院校教材征订系统</strong>
            <span>2023SR0128145 · 2023-01-20</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-13.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-13.jpg" alt="华争图书批销管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书批销管理系统</strong>
            <span>2022SR0959989 · 2022-07-22</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-14.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-14.jpg" alt="华争库存配书管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争库存配书管理系统</strong>
            <span>2022SR0957350 · 2022-07-21</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-15.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-15.jpg" alt="华争教材征订管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争教材征订管理系统</strong>
            <span>2022SR0737662 · 2022-06-10</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-16.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-16.jpg" alt="华争图书对账管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书对账管理系统</strong>
            <span>2022SR0410795 · 2022-03-30</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-17.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-17.jpg" alt="华争图书订单管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书订单管理系统</strong>
            <span>2022SR0481146 · 2022-04-18</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-18.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-18.jpg" alt="华争图书仓储管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书仓储管理系统</strong>
            <span>2022SR0499806 · 2022-04-21</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-19.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-19.jpg" alt="华争图书分销管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书分销管理系统</strong>
            <span>2022SR0149050 · 2022-01-24</span>
          </figcaption>
        </figure>
        <figure class="copyrights-item">
          <a href="images/certificates/cert-20.jpg" target="_blank" rel="noopener noreferrer">
            <img src="images/certificates/cert-20.jpg" alt="华争图书分发管理系统 V1.0.0 软著证书" loading="lazy">
          </a>
          <figcaption>
            <strong>华争图书分发管理系统</strong>
            <span>2022SR0158181 · 2022-01-25</span>
          </figcaption>
        </figure>
      </div>
    </div>
  </section>

  <!-- 产品介绍 -->
  <section class="section products" id="products">
    <div class="container">
      <div class="section-header">
        <span class="section-tag">PRODUCTS</span>
        <h2 class="section-title">产品介绍</h2>
        <p class="section-desc">三大业务板块，覆盖图书数字化、教育数据智能与 AI 平台能力</p>
      </div>

      <!-- 板块总览 -->
      <div class="product-pillars">
        <a href="#books" class="product-pillar product-pillar-books">
          <span class="product-pillar-icon">📚</span>
          <h3>图书数字化</h3>
          <p>覆盖出版发行全流程的信息化解决方案</p>
          <div class="product-pillar-tags">
            <span>ERP</span><span>学校采购</span><span>学生教材订购</span><span>慧展书</span>
          </div>
        </a>
        <a href="#education" class="product-pillar product-pillar-edu">
          <span class="product-pillar-icon">🎓</span>
          <h3>教育合作</h3>
          <p>国别数据资源与智能检索应用</p>
          <div class="product-pillar-tags">
            <span>MNDB</span><span>非结构化数据库</span><span>蒙古国国情库</span><span>校医院</span>
          </div>
        </a>
        <a href="#ai-platform" class="product-pillar product-pillar-ai">
          <span class="product-pillar-icon">🤖</span>
          <h3>AI 平台</h3>
          <p>流程编排与低代码构建，快速落地 AI 应用</p>
          <div class="product-pillar-tags">
            <span>AxeCoder</span><span>AI 工作流引擎</span><span>低代码搭建</span><span>RAG 问答</span>
          </div>
        </a>
      </div>

      <!-- 板块一：图书相关 -->
      <div class="product-category" id="books">
        <div class="product-category-header product-category-header-books">
          <span class="product-category-num">01</span>
          <div>
            <h3 class="product-category-title">图书数字化</h3>
            <p class="product-category-desc">面向出版社、经销商与学校，提供图书业务全流程数字化工具</p>
          </div>
        </div>
        <div class="product-showcase-list">

          <article class="product-showcase" id="book-erp">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">📊</span>
              <div>
                <h4>图书 ERP</h4>
                <p class="product-showcase-lead">面向出版社、教材发行商与图书经销商的一体化业务管理平台，打通征订、采购、仓储、销售与财务结算全链路，让书目、库存与账目在同一系统里实时可查。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>基础资料</h5>
                <p>客户学校、供应商、书目与供货关系集中维护，业务往来有据可依。</p>
              </div>
              <div class="product-showcase-block">
                <h5>征订采购</h5>
                <p>学校教材征订汇总、采购计划编制、下单与到货跟踪，减少人工汇总差错。</p>
              </div>
              <div class="product-showcase-block">
                <h5>配书发书</h5>
                <p>按征订结果配书，支持班级与学生两种发书模式，退补书流程清晰可查。</p>
              </div>
              <div class="product-showcase-block">
                <h5>储运仓储</h5>
                <p>入库出库、库存查询、库位管理与盘点，多环节流转状态一目了然。</p>
              </div>
              <div class="product-showcase-block">
                <h5>财务结算</h5>
                <p>应收应付、单据复核、收付款与发票核销，账目与业务单据自动关联。</p>
              </div>
              <div class="product-showcase-block">
                <h5>查询统计</h5>
                <p>销售进货明细、汇总报表与业务数据统计，辅助经营决策。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/erp/home.png" alt="华争图书管理系统首页" loading="lazy">
                  <figcaption>系统首页 · 业务模块一览</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/erp/books.png" alt="本地图书管理界面" loading="lazy">
                  <figcaption>书目管理 · 海量图书信息维护</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/erp/inventory-log.png" alt="库存日志查询界面" loading="lazy">
                  <figcaption>库存日志 · 出入库全程追溯</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/erp/collection-writeoff.png" alt="收款核销管理界面" loading="lazy">
                  <figcaption>收款核销 · 账单与发票对账</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>出版社发行部门、教材经销商、图书批发商，以及需要管理教材征订—采购—发书—结算完整流程的机构。</p>
          </article>

          <article class="product-showcase" id="book-school">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">🏫</span>
              <div>
                <h4>学校图书采购</h4>
                <p class="product-showcase-lead">面向高校教材中心的全周期管理平台，打通教务、学院、任课教师与教材供应商，覆盖教材选用、征订报订、回告换书、收订发货、发放登记与清单统计，让一学期的教材工作在线协同、全程留痕。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>基础信息与教学任务</h5>
                <p>维护学院、班级、学生与教学任务，为按班征订、按班发书打好数据基础。</p>
              </div>
              <div class="product-showcase-block">
                <h5>教材选用与审核</h5>
                <p>教师为课程选书，支持多级审核、教材提报与马工程/黑名单约束，选用结果可追溯。</p>
              </div>
              <div class="product-showcase-block">
                <h5>征订计划与报订</h5>
                <p>教务开启征订后按班级生成计划，支持征订、补订、退订，订单路由自动匹配供应商并报订。</p>
              </div>
              <div class="product-showcase-block">
                <h5>供应商协同</h5>
                <p>供应商在线收订、回告有书/无书/换书、发货与退货，学校实时查看履约与收订状态。</p>
              </div>
              <div class="product-showcase-block">
                <h5>回告换书</h5>
                <p>缺书、改版、换书经审核后自动同步至征订明细与发放版本，避免信息脱节。</p>
              </div>
              <div class="product-showcase-block">
                <h5>发书与清单统计</h5>
                <p>学用/教用发放登记，校、院、生多维度教材清单，数据中心监控选用与征订进度。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/school/home.png" alt="学校图书采购系统首页" loading="lazy">
                  <figcaption>系统首页 · 多角色工作台入口</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/school/teacher-workspace.png" alt="教师工作台界面" loading="lazy">
                  <figcaption>教师工作台 · 选用、征订与发书</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/school/academic-workspace.png" alt="教务工作台界面" loading="lazy">
                  <figcaption>教务工作台 · 计划、报订与清单</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/school/supplier-workspace.png" alt="供应商工作台界面" loading="lazy">
                  <figcaption>供应商工作台 · 收订、回告与发货</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/school/data-center.png" alt="数据中心界面" loading="lazy">
                  <figcaption>数据中心 · 进度监控与统计查询</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>高等院校教材科、教务处、学院教务、任课教师、库房及合作教材供应商；亦适用于有集中教材征订发书需求的中等职业学校。</p>
          </article>

          <article class="product-showcase" id="book-student-order">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">📱</span>
              <div>
                <h4>学生教材订购</h4>
                <p class="product-showcase-lead">面向高校学生的一站式教材征订平台，微信小程序端完成认证、选书、下单与查单，Web 管理端统筹课程教材、订单履约、收款结算与物流跟踪，打通「教务排课—教材计划—学生订购—发货结算」全链路。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>学生小程序</h5>
                <p>微信授权登录与学生身份认证，按班级必修课、个人选修课自动展示待购教材，支持购物车、在线下单、订单查询与教材到货查看。</p>
              </div>
              <div class="product-showcase-block">
                <h5>教材征订计划</h5>
                <p>维护课程—教材、课程—班级、课程—学生关联，按学期生成征订计划，学生端书目与教务数据实时同步。</p>
              </div>
              <div class="product-showcase-block">
                <h5>订单与售后</h5>
                <p>订单收订、明细查询、作废处理，售后单与退款申请全流程在线办理，状态变更可追溯。</p>
              </div>
              <div class="product-showcase-block">
                <h5>收款与结算</h5>
                <p>收款助手对接外部订单，支持新生缴费导入、退款确认与账款查询，订单结算与物流信息集中管理。</p>
              </div>
              <div class="product-showcase-block">
                <h5>基础信息与设置</h5>
                <p>学校、学期、学院、专业、班级、学生名单与征订规则统一维护，角色权限与商户配置灵活可控。</p>
              </div>
              <div class="product-showcase-block">
                <h5>统计与通知</h5>
                <p>征订进度、订单与发放统计多维度查询，通知消息及时推送，辅助教材科掌握整体进展。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/student-order/home.png" alt="智慧教材选购平台首页" loading="lazy">
                  <figcaption>平台首页 · 六大工作区入口</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/student-order/teaching-book.png" alt="教材征订管理界面" loading="lazy">
                  <figcaption>教材征订管理 · 计划、收单与结算</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/student-order/out-order.png" alt="收款助手界面" loading="lazy">
                  <figcaption>收款助手 · 订单、售后与新生缴费</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/student-order/system.png" alt="系统设置界面" loading="lazy">
                  <figcaption>系统设置 · 角色、征订与运费配置</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>高等院校教材科、教务处及有集中学生教材征订需求的中职院校；学生通过微信小程序自助完成每学期教材订购。</p>
          </article>

          <article class="product-showcase" id="book-exhibition">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">🎪</span>
              <div>
                <h4>慧展书（展书系统）</h4>
                <p class="product-showcase-lead">面向出版社、教材经销商与高校的教材展示与样书服务平台。前台门户支持多维度检索、在线阅读与样书申请，后台统筹书目维护、专题巡展、学校专区与样书履约，打通「书目展示—教师选书—样书申请—物流跟踪」全链路，适用于订货会、教材巡展与学校线上选书等场景。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>多维度教材检索</h5>
                <p>支持书号、书名、作者、出版社关键词搜索，按教育层级、专业一/二级分类、规划教材、获奖情况、教材类型多维筛选，快速定位目标书目。</p>
              </div>
              <div class="product-showcase-block">
                <h5>书目详情与在线阅读</h5>
                <p>展示封面、简介、目录、作者介绍、规划教材与获奖标识，支持 PDF 在线预览与浏览量统计，选书决策信息一目了然。</p>
              </div>
              <div class="product-showcase-block">
                <h5>出版社教材巡展</h5>
                <p>按出版社或主题创建专题展区，配置封面与介绍文案，集中展示旗下教材，适用于订货会、新品发布与品牌推介活动。</p>
              </div>
              <div class="product-showcase-block">
                <h5>学校教材样书库</h5>
                <p>为合作院校开设专属样书专区，按学校维度组织推荐书目，教师登录后可浏览本校精选教材并申请样书。</p>
              </div>
              <div class="product-showcase-block">
                <h5>样书申请与订单履约</h5>
                <p>教师认证通过后加入样书单、填写收货地址并提交申请；后台审核样书单、配置物流信息与预设审批流程，订单状态全程可查。</p>
              </div>
              <div class="product-showcase-block">
                <h5>后台教材与运营管理</h5>
                <p>维护基础书目库与分类体系，控制教材库/教材目录上下架与样书标识，管理专题、学校专区、前台用户、教师认证与出版社账号。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/exhibition/home.png" alt="慧展书首页" loading="lazy">
                  <figcaption>首页 · 多维度检索与分类筛选</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/exhibition/catalog.png" alt="慧展书教材目录" loading="lazy">
                  <figcaption>教材目录 · 获奖教材与类型筛选</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/exhibition/book-detail.png" alt="慧展书书目详情" loading="lazy">
                  <figcaption>书目详情 · 在线阅读与样书申请</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/exhibition/school-exhibition.png" alt="慧展书学校教材巡展" loading="lazy">
                  <figcaption>学校教材巡展 · 专场信息与样书二维码</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>出版社教材营销部门、教材经销商、高校教材选用教师及教材科；适用于北京/地方订货会、出版社教材巡展、学校线上教材推介与样书发放等场景。</p>
          </article>

        </div>
      </div>

      <!-- 板块二：教育合作 -->
      <div class="product-category" id="education">
        <div class="product-category-header product-category-header-edu">
          <span class="product-category-num">02</span>
          <div>
            <h3 class="product-category-title">教育合作项目</h3>
            <p class="product-category-desc">以国别数据资源为底座，构建非结构化存储与文献检索应用</p>
          </div>
        </div>
        <div class="product-showcase-list">

          <article class="product-showcase product-showcase-featured" id="edu-mndb">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">📦</span>
              <div>
                <h4>MNDB 非结构化数据库</h4>
                <p class="product-showcase-lead">面向报刊扫描件、PDF、Word、PPT、Markdown、TXT、图片、音视频等多模态资源的统一存储与数字化处理平台。以 Object 对象为核心，将原始文件、OCR 文本、版面切块与文献元数据纳入同一数据体系，内置文档识别服务，支持扫描件 OCR 与复杂版式可编辑标记，打通「入库归档—格式解析—OCR 识别—版式标记—索引发布—开放查询」全链路，为蒙古国国情库等国别文献项目提供底层数据底座。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid product-screenshots-grid--single">
                <figure class="product-screenshot">
                  <img src="images/products/mndb/home.png" alt="MNDB 非结构化数据库资源库界面" loading="lazy">
                  <figcaption>非结构化资源库 · 源文件目录管理与内容加工</figcaption>
                </figure>
              </div>
            </div>
            <div class="product-capabilities">
              <h5 class="product-screenshots-title">核心能力</h5>

              <article class="product-capability">
                <div class="product-capability-body">
                  <h5>多格式统一接入</h5>
                  <p>统一接入 PDF、Word、PPT、Markdown、TXT、图片、音视频等多模态资源，以 Object 对象为核心纳入同一数据体系；内置文档识别服务，在线预览与正文抽取，辅以 PDF 拆分、音视频转码、图片优化与裁剪，按目录树管理海量文件并按用户与目录精细授权，一站式完成入库归档与格式解析。</p>
                </div>
                <figure class="product-screenshot">
                  <img src="images/products/mndb/home.png" alt="MNDB 多格式资源目录管理与内容加工" loading="lazy">
                  <figcaption>资源库 · 多格式文件目录管理与在线加工</figcaption>
                </figure>
              </article>

              <article class="product-capability product-capability--solo">
                <div class="product-capability-body">
                  <h5>OCR 扫描件识别</h5>
                  <p>针对报刊扫描件与复杂版式文献，内置 OCR 识别引擎，自动提取可检索文本并与原始文件、文献元数据关联；配套可编辑标记工具校正识别结果，支持版面切块（TSV）与页码维护，将扫描件转化为结构化、可索引、可发布的文献资产，打通「OCR 识别—版式标记—索引发布」关键环节。</p>
                </div>
              </article>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>统一对象存储</h5>
                <p>以目录树管理海量文件，支持图片、PDF、视频、音频等多种格式，按用户与目录精细授权。</p>
              </div>
              <div class="product-showcase-block">
                <h5>文档识别与解析</h5>
                <p>内置文档识别服务，支持 PDF/Word/PPT/Markdown/TXT 等主流格式解析；扫描件 OCR 识别，复杂版式文档配套可编辑标记工具，辅以版面切块（TSV）、图片优化与裁剪、PDF 拆分、音视频转码，源文件到可检索文献一站式处理。</p>
              </div>
              <div class="product-showcase-block">
                <h5>报刊文献管理</h5>
                <p>按报刊类型、刊期、版面组织 ArticleDocument，维护标题、摘要、关键词、译文与页码关联，支持发布与下架。</p>
              </div>
              <div class="product-showcase-block">
                <h5>全文检索</h5>
                <p>对接 Elasticsearch，支持关键词、标题、字段限定等多模式检索，快速定位目标文献片段。</p>
              </div>
              <div class="product-showcase-block">
                <h5>数据加密</h5>
                <p>从客户端到服务端、从磁盘到备份介质，敏感知识库与对话记录全程采用 TLS 传输加密与 AES 存储加密；管理员可设定定时快照与异地备份策略，一键恢复到指定时间点，满足政企客户对数据主权、容灾与合规的要求。</p>
              </div>
              <div class="product-showcase-block">
                <h5>备份与运维</h5>
                <p>支持数据备份与恢复、操作日志审计、导出订单管理，保障大规模文献资产安全可控。</p>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>国别文献数字化中心、高校区域研究中心、报刊档案馆及需统一管理扫描件、音视频并支撑检索与智能应用的数据平台建设项目。</p>
          </article>

          <article class="product-showcase product-showcase-featured" id="edu-mongolia">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">🇲🇳</span>
              <div>
                <h4>蒙古国国情数据库</h4>
                <p class="product-showcase-lead">面向蒙古国研究与外事工作的综合性国情信息平台，由内蒙古大学蒙古国研究中心建设运营。汇集政治、外交、经济、社会、法律、文化、历史等十余个专题栏目，提供全文检索、分类浏览、国情概况与文献在线阅读，打通「栏目导航—关键词检索—原文查阅—资料收藏」全链路。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>专题栏目</h5>
                <p>覆盖政治、外交、经济、社会、法律、文化艺术、历史、教育科技、宗教、旅游、新闻媒体等 14 个专题，分级导航直达目标文献。</p>
              </div>
              <div class="product-showcase-block">
                <h5>全文检索</h5>
                <p>首页与检索页统一搜索入口，支持关键词检索、分页浏览与高级查询，快速定位蒙文报刊与中文摘要文献。</p>
              </div>
              <div class="product-showcase-block">
                <h5>国情概况</h5>
                <p>结构化呈现国名、人口、首都、宪法、议会、政府、经济、军事、对外关系等 25 项国情要素，便于快速查阅。</p>
              </div>
              <div class="product-showcase-block">
                <h5>文献阅读</h5>
                <p>文章详情支持 PDF 在线预览、图片浏览与附件下载，浏览次数与收藏功能便于长期跟踪研究。</p>
              </div>
              <div class="product-showcase-block">
                <h5>外部新闻</h5>
                <p>对接新华网、人民网等权威媒体，在同一平台完成境内新闻与蒙方文献的联合检索。</p>
              </div>
              <div class="product-showcase-block">
                <h5>用户服务</h5>
                <p>注册登录、个人中心与收藏夹，支持文献收藏与账户管理，适配 PC 与移动端访问。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/mysearch/home.png" alt="蒙古国国情数据库首页" loading="lazy">
                  <figcaption>系统首页 · 专题导航与统一检索</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/mysearch/search.png" alt="蒙古国国情数据库检索结果" loading="lazy">
                  <figcaption>检索结果 · 关键词命中与摘要预览</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/mysearch/article.png" alt="蒙古国国情数据库文献详情" loading="lazy">
                  <figcaption>文献详情 · 报刊原文在线阅读</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/mysearch/preview.png" alt="蒙古国国情数据库原文预览" loading="lazy">
                  <figcaption>原文预览 · 扫描件与文本对照</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>高校蒙古学研究机构、国别区域研究中心、外事部门、智库及从事蒙古国政治、经济、社会与文化研究的学者与研究生。</p>
          </article>

          <article class="product-showcase" id="medical">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">🏥</span>
              <div>
                <h4>校医院系统</h4>
                <p class="product-showcase-lead">面向校医院或校内医疗机构的 B/S 综合管理平台，打通门诊接诊、处方审核发药、药品与库房管理、业务数据统计及后台配置全链路，支撑医师、药师、库管员与系统管理员分工协作。</p>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>医师工作台</h5>
                <p>门诊接诊、就诊者信息维护、体征与诊断录入、开具处方与医疗处置、假条打印，提交后流转至药师环节。</p>
              </div>
              <div class="product-showcase-block">
                <h5>药师工作台</h5>
                <p>处方审核与发药登记，核对患者身份，与医师开方及库存扣减联动。</p>
              </div>
              <div class="product-showcase-block">
                <h5>药品库管理</h5>
                <p>药品主数据、批次库存、入出库、拆包、盘库及各类业务台账，药事管理与追溯的核心入口。</p>
              </div>
              <div class="product-showcase-block">
                <h5>库房管理</h5>
                <p>仓储层入出库、当前库存、流水追溯与近效期预警，支持向药房调拨等场景。</p>
              </div>
              <div class="product-showcase-block">
                <h5>数据中心</h5>
                <p>病例查询、医师与药师工作量统计、支付记录、药品销售与医疗处置、假条记录等业务追溯。</p>
              </div>
              <div class="product-showcase-block">
                <h5>系统设置</h5>
                <p>角色与用户管理、供应商维护、诊疗与假条模板配置，操作日志审计保障安全可控。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/medical/home.png" alt="校医院系统首页健康数据统计" loading="lazy">
                  <figcaption>系统首页 · 校园健康数据统计概览</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/medical/doctor-workbench.png" alt="校医院系统医师工作台" loading="lazy">
                  <figcaption>医师工作台 · 门诊接诊与处方开具</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/medical/pharmacist-workbench.png" alt="校医院系统药师工作台" loading="lazy">
                  <figcaption>药师工作台 · 处方审核与发药出库</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/medical/drug-inventory.png" alt="校医院系统药品库存管理" loading="lazy">
                  <figcaption>药品库 · 药品库存查询与管理</figcaption>
                </figure>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>高等院校校医院、校内医务室及有门诊、发药、药品库存管理需求的校内医疗机构。</p>
          </article>

        </div>
      </div>

      <!-- 板块三：AI 平台 -->
      <div class="product-category" id="ai-platform">
        <div class="product-category-header product-category-header-ai">
          <span class="product-category-num">03</span>
          <div>
            <h3 class="product-category-title">AI 平台</h3>
            <p class="product-category-desc">可视化编排 AI 工作流，低代码快速构建智能化业务应用</p>
          </div>
        </div>
        <div class="product-showcase-list">

          <article class="product-showcase product-showcase-platform product-showcase-featured" id="axecoder">
            <div class="product-showcase-top">
              <span class="product-showcase-icon">🤖</span>
              <h4>AxeCoder · 智能体和数字人平台</h4>
            </div>
            <div class="product-showcase-intro-row">
              <p class="product-showcase-lead">AxeCoder 是华争信息自研的智能体与数字人一体化 AI 平台，面向学校与企业提供低代码/无代码搭建能力。平台基于 React Flow 可视化编排，支持智能体、工作流与知识库等多种应用；对话引擎支持上下文智能压缩、多模态输入及 Markdown、图表等富媒体输出；知识库提供多源文档导入、混合向量检索及切片可视化干预。集成 MCP 工具、插件技能、主流与信创数据库及 Coze、Dify 第三方对接，支持云端与本地私有化大模型，配套 RBAC 权限、统一身份认证、四层内容合规与全链路加密。数字人覆盖服务、助手、录课等多类形态，支持 AI、真人视频、照片等多种驱动，可嵌入智慧校园、学习平台、公众号与小程序等载体。</p>
              <figure class="product-showcase-arch">
                <img src="images/products/axecoder/core-architecture.png" alt="AxeCoder 平台核心架构图：技术基座、核心应用、对话引擎、数字人、安全合规" loading="lazy">
                <figcaption>平台核心架构</figcaption>
              </figure>
            </div>

            <div class="product-capabilities">
              <h5 class="product-screenshots-title">核心能力</h5>

              <article class="product-capability product-capability--solo">
                <div class="product-capability-body">
                  <h5>数据导入与解析</h5>
                  <p>构建知识库时，支持文本、文档、网页链接等多源异构数据导入，配套问答库模板与批量导入功能（含 Excel / CSV）。内置文档识别服务：PDF 在线预览与正文抽取，Word 由 Mammoth 解析，Markdown / TXT 直接读取渲染；Word / PPT 等 Office 格式经 LibreOffice 无头转换为 PDF 后统一解析入库。扫描件以 Tesseract OCR 引擎识别转写（支持 TSV 版式输出），复杂版式文档配套可编辑标记工具校正后入库。左侧项目目录集中管理多格式文件，点选即可在主工作区按格式预览或编辑；右侧 Agent 会话联动目录文档，支持点选或拖拽注入上下文，实现「文档入库—格式解析—智能问答」闭环。</p>
                  <p>在多源异构数据导入方面，文本支持直接粘贴或上传纯文本文件；文档支持通过拖拽或文件选择器批量上传（单次不超过 50 个文件、总大小不超过 200MB）；网页链接输入 URL 后，由 Playwright 无头浏览器自动抓取动态渲染网页内容，并提取正文、去除广告导航等噪声。平台提供统一导入工作台，左侧切换导入方式，右侧实时记录操作历史，便于追溯每次入库任务。</p>
                  <p>在问答库模板方面，提供 CSV 预制模板供用户下载，填写「问题」「答案」两列后即可批量导入；批量导入模块同时支持上传 CSV 或 Excel（.xlsx）文件，一次性导入大量 QA 对，模板预览区展示标准格式示例，降低结构化知识录入门槛。</p>
                  <p>在文档识别服务方面，PDF 文本型使用 PyMuPDF 解析文本层，扫描型自动调用 OCR 引擎识别；Word 使用 python-docx 解析，提取段落、表格、图片等结构化信息；PPT 使用 python-pptx 逐页提取文字和结构；Markdown 与 TXT 直接文本读取。各格式按文件类型自动匹配识别引擎，解析结果统一入库供检索与问答调用。</p>
                  <p>在扫描件 OCR 识别方面，采用 PaddleOCR 主力引擎与 Tesseract 辅助引擎的双引擎协同方案，中文场景优先 PaddleOCR 保障精度，多语言场景由 Tesseract 兜底，两路结果取置信度更高者输出，兼顾准确率与稳定性。</p>
                  <p>在复杂版式文档方面，配套可编辑标记工具——左侧显示原始扫描图片，右侧显示 OCR 识别文字；用户可修正识别错误、标记区域类型（正文、标题、表格、图片说明等）并调整区域边界框，标注结果保存后与文献元数据关联，支撑后续全文检索与 RAG 问答。</p>
                </div>
                <div class="product-screenshots" style="margin-bottom: 0;">
                  <div class="product-screenshots-grid">
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/knowledge-base.png" alt="AxeCoder 项目目录文档管理与 PDF 在线预览解析" loading="lazy">
                      <figcaption>知识库 · 目录文档管理与 PDF 在线预览解析</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/import-text.png" alt="AxeCoder 知识库多源异构文本导入" loading="lazy">
                      <figcaption>多源导入 · 文本粘贴与 .txt 文件上传</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/qa-import.png" alt="AxeCoder 问答库 CSV 模板与批量导入" loading="lazy">
                      <figcaption>问答库 · CSV 模板下载与 Excel 批量导入</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/doc-recognition.png" alt="AxeCoder 文档识别服务 PyMuPDF python-docx python-pptx" loading="lazy">
                      <figcaption>文档识别 · PDF / Word / PPT / MD / TXT 多格式解析</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/ocr-recognition.png" alt="AxeCoder 扫描件 OCR 双引擎识别" loading="lazy">
                      <figcaption>OCR 识别 · PaddleOCR + Tesseract 双引擎协同</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/layout-annotation.png" alt="AxeCoder 复杂版式文档区域标注" loading="lazy">
                      <figcaption>版式标注 · 扫描图对照与区域类型编辑</figcaption>
                    </figure>
                  </div>
                </div>
              </article>

              <article class="product-capability product-capability--solo">
                <div class="product-capability-body">
                  <h5>流程编排与智能体配置</h5>
                  <p>在应用类型定义和可视化搭建方面，平台支持智能体应用、工作流应用及知识库应用三种类型，每种类型配套独立图标与专属交互界面，业务人员可按场景选用对应应用形态快速落地。</p>
                  <p>在可视化编排画布方面，基于 React Flow 框架实现无限画布，支持鼠标拖拽平移和滚轮缩放（缩放范围 10% 至 300%）；左侧组件面板按输入、处理、输出、工具及连接类别分组展示可拖拽组件，右侧属性配置面板根据当前选中组件动态显示配置项。节点之间通过拖拽连接线定义执行顺序和数据流向，连接线起点与终点具有类型约束并自动验证有效性，画布上可拖拽节点、配置属性并做连接类型校验。</p>
                  <p>在配置文件导出方面，平台实时读取当前画布、提示词、工具集与知识库配置，支持将智能体完整配置导出为 JSON 或 YAML 格式文件，便于备份、迁移和版本管理，无需手写配置文件。</p>
                  <p>在智能体配置方面，提示词编辑器支持变量插入和版本管理，对话示例以对话气泡形式支持多轮示例编辑，工具集以卡片勾选面板形式配置；知识库支持列表勾选或拖拽方式关联，并支持一对多和多对一两种关联模式。</p>
                  <p>此外，平台仍支持用自然语言描述流程即可生成可执行工作流——例如 @Tech Lead「先 clarify 澄清需求，再 make-proposals 输出方案」，平台自动写出命令与工作流定义，确认后可落盘或导出；步骤顺序与角色分工亦可在页面拖拽调整，完成从可视化编排到智能体落地的全流程。</p>
                </div>
                <div class="product-screenshots" style="margin-bottom: 0;">
                  <div class="product-screenshots-grid">
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/workflow-canvas.png" alt="AxeCoder 工作流画布节点拖拽与连接配置" loading="lazy">
                      <figcaption>工作流编排 · 画布节点拖拽与连接配置</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/agent-config.png" alt="AxeCoder 智能体提示词工具集与知识库配置" loading="lazy">
                      <figcaption>智能体配置 · 提示词、工具集与知识库</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/config-export.png" alt="AxeCoder 智能体配置 JSON YAML 导出" loading="lazy">
                      <figcaption>配置导出 · JSON / YAML 下载与复制</figcaption>
                    </figure>
                    <figure class="product-screenshot">
                      <img src="images/products/axecoder/app-types.png" alt="AxeCoder 智能体工作流知识库三种应用类型" loading="lazy">
                      <figcaption>应用类型 · 智能体 / 工作流 / 知识库</figcaption>
                    </figure>
                  </div>
                </div>
              </article>

              <article class="product-capability">
                <div class="product-capability-body">
                  <h5>多智能体协作</h5>
                  <p>Workshop 模式下，Tech Lead、Architect、Developer 等角色各守其责，在同一会话里接力完成澄清、设计、开发与评审；步骤进度一目了然，支持检查点回退，复杂任务不必靠单个 Agent 硬扛。</p>
                </div>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/workshop.png" alt="AxeCoder 多智能体协作 Workshop" loading="lazy">
                  <figcaption>Workshop · 多角色分工与步骤可视化</figcaption>
                </figure>
              </article>

              <article class="product-capability">
                <div class="product-capability-body">
                  <h5>多模态对话</h5>
                  <p>对话里直接丢图片，智能体识别内容后继续追问或总结；思考过程与工具调用实时流式输出，侧边栏管理多会话，长链路任务也能随时接上。</p>
                </div>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/multimodal-chat.png" alt="AxeCoder 多模态智能体对话" loading="lazy">
                  <figcaption>智能体对话 · 图片识别与上下文问答</figcaption>
                </figure>
              </article>

              <article class="product-capability">
                <div class="product-capability-body">
                  <h5>多模型支持</h5>
                  <p>同一工作流可接入 OpenAI、Anthropic、DeepSeek、Ollama 等多家模型，按 Agent 角色或任务步骤分别指定推理、嵌入与重排模型；支持云端 API 与本地私有化部署，任务路由灵活切换，在效果与成本之间按需取舍。</p>
                </div>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/agent-workflow.png" alt="AxeCoder 多模型 API 配置与任务路由" loading="lazy">
                  <figcaption>模型管理 · 多提供商接入与按任务路由</figcaption>
                </figure>
              </article>

              <article class="product-capability product-capability--solo">
                <div class="product-capability-body">
                  <h5>CodeGraph 节省算力</h5>
                  <p>基于代码依赖图自动裁剪上下文，只将与当前任务相关的函数、类与调用链送入大模型，避免整仓代码全文灌入。在代码理解、重构建议与 Bug 定位等场景显著减少 Token 消耗与推理开销，同等任务下算力成本更低、响应更快。</p>
                </div>
              </article>

              <article class="product-capability product-capability--solo">
                <div class="product-capability-body">
                  <h5>系统级沙箱隔离</h5>
                  <p>Agent 执行终端命令、读写文件与运行脚本时，在独立沙箱环境中运行，与宿主机系统隔离；可限制网络访问与文件读写范围，防止误删、越权访问与恶意脚本扩散，企业内网私有化部署更安全可控。</p>
                </div>
              </article>

              <article class="product-capability">
                <div class="product-capability-body">
                  <h5>数据加密</h5>
                  <p>支持数据全链路加密：从浏览器访问、API 调用到知识库入库与 Agent 会话持久化全程覆盖，多环节协同保障数据安全，满足政企客户对数据主权、容灾与合规的要求。</p>
                  <p>在传输加密方面，平台全站强制使用 HTTPS 协议（TLS 1.3 版本），数据库连接启用 TLS 加密传输，微服务之间的内部通信采用 gRPC over TLS 或 mTLS 双向认证，文件传输使用 SFTP 协议或 HTTPS 加密通道，远程运维管理统一使用 SSH 协议禁用 Telnet 等明文协议；浏览器 WebSocket 会话（WSS）同样全程加密。</p>
                  <p>在存储加密方面，数据库中存储的师生个人信息、系统配置密钥及 Token 等敏感数据字段使用 AES-256-GCM 算法加密存储，存储层对知识库文档、向量索引与对话记录同样采用 AES-256-GCM 加密落盘；文件系统中的知识库文档及数字人模型文件等非结构化数据使用 LUKS 进行磁盘级加密并叠加 eCryptfs 进行目录级透明加密。</p>
                  <p>在密钥管理方面，加密密钥由专用的密钥管理系统（KMS）统一管理，密钥与加密数据物理分离存储，密钥有效期不超过 90 天到期自动轮换，密钥访问权限严格控制——仅 KMS 管理员和授权自动化服务可访问。</p>
                  <p>在数据备份与恢复方面，实施 3-2-1 备份策略——至少保留 3 份数据副本（1 份生产数据加 2 份备份数据），使用至少 2 种不同存储介质（磁盘阵列加对象存储），至少 1 份备份数据异地存储（不同物理位置）；备份频率为每日全量加每小时增量加每月归档，内置定时快照与增量备份机制，支持一键恢复到指定时间点，每季度至少执行一次备份恢复验证测试。</p>
                </div>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/data-security-architecture.png" alt="AxeCoder 数据安全架构：传输加密、存储加密、密钥管理与数据备份恢复" loading="lazy">
                  <figcaption>数据安全架构 · 传输加密、存储加密、密钥管理与备份恢复</figcaption>
                </figure>
              </article>
            </div>

            <div class="product-screenshots">
              <h5 class="product-screenshots-title">更多界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/rules-skills.png" alt="AxeCoder 规则与技能配置" loading="lazy">
                  <figcaption>规则与技能 · 提示词规范与 Skills 工具集管理</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/agent-workflow.png" alt="AxeCoder 多模型 API 配置" loading="lazy">
                  <figcaption>模型管理 · 多提供商接入与任务路由</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/models.png" alt="AxeCoder 斜杠命令工作流" loading="lazy">
                  <figcaption>智能体对话 · 斜杠命令触发全流程 Pipeline</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/axecoder/dev-plan.png" alt="AxeCoder 开发计划文档" loading="lazy">
                  <figcaption>计划文档 · AI 生成开发 TODO 与 Markdown 预览</figcaption>
                </figure>
              </div>
            </div>

            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>多模型与 CodeGraph</h5>
                <p>多提供商模型按角色与步骤灵活路由；CodeGraph 依赖图剪枝只送相关代码片段，降低 Token 与算力开销，长链路代码任务更省、更快。</p>
              </div>
              <div class="product-showcase-block">
                <h5>沙箱与工具生态</h5>
                <p>系统级沙箱隔离保障终端与文件操作安全；内置 36 种 Agent 工具，支持 Hooks、Skills 扩展与 MCP 服务挂载，按需组装工具集。</p>
              </div>
              <div class="product-showcase-block">
                <h5>规则与技能扩展</h5>
                <p>Rules 面板维护提示词规范与编码标准，Skills 目录挂载专项能力脚本；支持按项目、按用户粒度加载，与斜杠命令和 Agent 工具联动，扩展智能体领域知识。</p>
              </div>
              <div class="product-showcase-block">
                <h5>运行监控与会话管理</h5>
                <p>Agent / Workshop 会话分域持久化，侧边栏管理多会话与检查点回退；流式输出思考过程与工具执行日志，保障长链路工作流稳定可观测、可恢复。</p>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>出版社、高校、科研机构及企业 IT 部门——需快速搭建智能客服、知识问答、文档处理、代码辅助、多角色协作评审等 AI 工作流，且希望以低代码方式配置提示词、工具集与知识库、降低落地门槛的团队。</p>
          </article>

          <article class="product-showcase product-showcase-platform product-showcase-featured" id="ai-rag">
            <div class="product-showcase-head">
              <span class="product-showcase-icon">💬</span>
              <div>
                <h4>RAG 智能问答</h4>
                <p class="product-showcase-lead">面向统计年鉴、国别文献等专业数据资源的 RAG 智能问答系统。以 MongoDB 结构化表格为数据底座，结合 Elasticsearch 向量与全文混合检索、BGE 重排序与大模型生成，支持自然语言查数、多轮对话、统计分析与报告生成，每条回答附可点击的表格引用，打通「提问—检索—推理—溯源」全链路。已在《蒙古国统计年鉴》（2016–2024）场景落地验证。</p>
              </div>
            </div>
            <div class="product-screenshots">
              <h5 class="product-screenshots-title">系统界面</h5>
              <div class="product-screenshots-grid">
                <figure class="product-screenshot">
                  <img src="images/products/ai-rag/home.png" alt="蒙古国统计年鉴智能AI助手首页" loading="lazy">
                  <figcaption>产品首页 · 智能查数、趋势分析与报告解读</figcaption>
                </figure>
                <figure class="product-screenshot">
                  <img src="images/products/ai-rag/chat.png" alt="蒙古国统计年鉴智能AI助手对话界面" loading="lazy">
                  <figcaption>智能对话 · 多轮问答与引用溯源</figcaption>
                </figure>
              </div>
            </div>
            <div class="product-showcase-grid">
              <div class="product-showcase-block">
                <h5>意图识别与任务分流</h5>
                <p>自动识别问答、数据查询、趋势分析、总结与报告生成等意图，按任务类型调用不同处理流程，复杂问题拆解为可执行子步骤。</p>
              </div>
              <div class="product-showcase-block">
                <h5>混合检索与重排序</h5>
                <p>Elasticsearch 融合 1024 维向量语义检索与 BM25 关键词匹配，支持中英文分词与年份范围过滤；BGE Reranker 对候选表格按相关度精排，提升命中率。</p>
              </div>
              <div class="product-showcase-block">
                <h5>多轮对话与会话管理</h5>
                <p>支持上下文理解与追问改写，会话历史持久保存，侧边栏管理多个对话主题，流式输出回答与思考过程。</p>
              </div>
              <div class="product-showcase-block">
                <h5>引用溯源</h5>
                <p>回答中标注编号引用，点击可弹窗查看原始统计表格数据，来源可查、数据可核，避免大模型幻觉。</p>
              </div>
              <div class="product-showcase-block">
                <h5>统计报告生成</h5>
                <p>根据用户指定章节结构，自动检索相关指标、撰写分章分析并输出完整 Markdown 报告，适用于课题研究与工作汇报。</p>
              </div>
              <div class="product-showcase-block">
                <h5>数据查询与安全防护</h5>
                <p>提供按指标分类与年份的精确查表入口；内置敏感内容检测，保障问答内容合规可控。</p>
              </div>
            </div>
            <p class="product-showcase-scene"><strong>适用对象</strong>国别区域研究中心、高校蒙古学及统计学科、外事与智库机构，以及拥有年鉴、统计公报、行业数据库等结构化知识库、希望以自然语言提供智能查数与问答服务的单位。</p>
          </article>

        </div>
      </div>
    </div>
  </section>

  <!-- 联系我们 -->
  <section class="section contact" id="contact">
    <div class="container">
      <div class="contact-box">
        <div class="contact-text">
          <span class="section-tag">CONTACT</span>
          <h2 class="section-title">期待与您合作</h2>
          <p>北京华争信息技术有限公司愿以专业的技术能力和优质的服务，成为您值得信赖的合作伙伴。欢迎洽谈合作事宜。</p>
        </div>
        <div class="contact-info">
          <div class="contact-item">
            <span class="contact-label">公司名称</span>
            <span class="contact-value">北京华争信息技术有限公司</span>
          </div>
          <div class="contact-item">
            <span class="contact-label">所在地区</span>
            <span class="contact-value">北京市朝阳区</span>
          </div>
          <div class="contact-item">
            <span class="contact-label">成立时间</span>
            <span class="contact-value">2020年7月7日</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 页脚 -->
  <footer class="footer">
    <div class="container footer-inner">
      <img src="images/logo.png" alt="华争信息" class="footer-logo">
      <p>版权所有 © 北京华争信息技术有限公司</p>
      <p class="footer-contact">
        联系人：崔云峰 · <a href="tel:15710001081">15710001081</a> · <a href="mailto:cuiyunfeng@huazhengit.com">cuiyunfeng@huazhengit.com</a>
      </p>
      <p class="footer-beian">
        <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京ICP备2020042080号-1</a>
        <span class="footer-beian-sep">|</span>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502056443" target="_blank" rel="noopener noreferrer">京公网安备11010502056443号</a>
      </p>
    </div>
  </footer>

  <!-- 回到顶部 -->
  <button class="back-top" id="backTop" aria-label="回到顶部">↑</button>

  <script src="js/vendor/jquery-3.7.1.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>
