<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>程医橙心 - 万普瑞邦 B2B 远程数字医疗解决方案</title>
  <meta name="description" content="万普瑞邦旗下程医橙心，为药店、基层医疗机构和单采血浆站提供药店处方 SaaS、连锁远程审方、云处方接入、远程诊断及行业解决方案。" />
  <meta name="keywords" content="程医橙心，万普瑞邦，药店数字化，药店ERP，云处方，电子处方，远程诊断，云心电，云影像，单采血浆站，县域医共体" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  <link rel="preload" as="image" href="img/hero-pharmacy-background.webp" type="image/webp" fetchpriority="high" />
  <link rel="stylesheet" type="text/css" href="css/global.css" />
  <link rel="stylesheet" type="text/css" href="css/index.css?v=20261019-tablet-footer" />

<link rel="stylesheet" href="css/medical-layout.css" />
<link rel="stylesheet" href="css/home-solutions.css?v=20261019-mobile-spacing" />
<link rel="stylesheet" href="css/cases-showcase.css?v=20261020-photo-ratio" />
<link rel="stylesheet" href="css/reach-showcase.css?v=20261019-mobile-spacing" />
<link rel="stylesheet" href="css/site-navigation.css?v=20261019-tablet" />
<link rel="stylesheet" href="css/connection-showcase.css?v=20261019-mobile-label" />
<link rel="stylesheet" href="css/home-gradient.css?v=20260927-soft-edges" />
<link rel="stylesheet" href="css/home-typography.css?v=20260928-connection-line" />
<link rel="stylesheet" href="css/home-hero.css?v=20261006-home-reading" />
</head>

<body class="home-page medical-layout home-index">
  <header class="site-header">
    <div class="container nav-inner">
      <a class="brand" href="index.html" aria-label="程医橙心首页"><span class="brand-mark" aria-hidden="true"><img src="img/logo.png" alt="" /></span><span class="brand-wordmark" aria-hidden="true">程医橙心</span></a>
      <nav class="site-nav" aria-label="主导航">
        <a href="index.html" aria-current="page">首页</a>
        <div class="nav-products">
          <a class="nav-products-trigger" href="html/service/index.html#pharmacy" aria-haspopup="true">产品服务</a>
          <div class="product-submenu" aria-label="产品服务子菜单">
            <a href="html/service/index.html#pharmacy"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4.5 9 6 4h12l1.5 5"/><path d="M4 9v11h16V9"/><path d="M4 9h16"/><path d="M9.5 20v-5.5h5V20"/></svg>药店数字化</a>
            <a href="html/service/index.html#check"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/><path d="M6.5 10h2.5l1.5-3 3 6 1.5-3h2.5"/></svg>远程诊断</a>
            <a href="html/service/index.html#open-platform"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M7 18a4.5 4.5 0 1 1 .7-8.95A5.5 5.5 0 0 1 18.4 11 3.5 3.5 0 0 1 17.5 18z"/></svg>云处方接入</a>
            <a href="html/service/index.html#industry"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg>行业方案</a>
          </div>
        </div>
        <a href="aboutus.html">关于我们</a>
      </nav>
      <a class="nav-contact" href="#consultation">合作咨询 <span aria-hidden="true"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14m-6-6 6 6-6 6" /></svg></span></a>
    </div>
  </header>
  <main id="main">
  <section class="hero hero--platform" aria-labelledby="hero-title">
    <img class="hero-scene" src="img/hero-pharmacy-background.webp" width="1774" height="887" alt="" fetchpriority="high" decoding="async" />
    <div class="container hero-inner">
      <div class="hero-copy">
        <p class="hero-eyebrow"><span class="hero-eyebrow-line" aria-hidden="true"></span>数字医疗 · SaaS 服务平台</p>
        <h1 id="hero-title">让优质医疗<br /><span class="accent">触手</span>可及</h1>
        <p class="hero-description">连接医疗资源，为药店与医疗机构<br />提供专业、高效、可信赖的数字医疗服务平台。</p>
        <div class="hero-actions">
          <a class="primary-link" href="html/service/index.html"><span>了解产品服务</span><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14m-5-5 5 5-5 5" /></svg></a>
        </div>
      </div>
      <!-- 平台采用真实文字与响应式布局，示意数据不代表实时业务状态。 -->
      <figure class="platform-preview" aria-labelledby="platform-preview-caption">
        <figcaption id="platform-preview-caption" class="platform-preview-caption">数字医疗平台 · 界面示意</figcaption>
        <aside class="platform-sidebar" aria-label="平台功能示意">
          <div class="platform-brand"><span class="platform-brand-mark"><img src="img/logo.png" alt="" /></span><strong>程医橙心<span>数字医疗平台</span></strong></div>
          <ul class="platform-menu">
            <li class="is-selected"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M4 10v10h16V10M3 10l2-6h14l2 6M9 20v-6h6v6" /></svg>首页</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M9 13h6M9 17h6" /></svg>电子处方</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M21 11.5a8.5 8.5 0 0 1-8.5 8.5c-1.5 0-3-.4-4.2-1.1L3 20l1.1-5.3A8.5 8.5 0 1 1 21 11.5z" /></svg>患者随访</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4M6.5 10h2.5l1.5-3 3 6 1.5-3h2.5"/></svg>远程协同</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><circle cx="12" cy="6" r="3.5"/><path d="M6 21H3.5v-4a6 6 0 0 1 4-5.7M16.5 11.3a6 6 0 0 1 4 5.7v4H18"/></svg>患者管理</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M3 3v18h18M7 15v3M12 10v8M17 6v12"/></svg>数据管理</li>
            <li><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg>平台设置</li>
          </ul>
        </aside>
        <div class="platform-workspace">
          <div class="platform-toolbar"><span class="platform-demo-label">示例数据</span><span class="platform-account"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><circle cx="12" cy="6" r="3.5"/><path d="M6 21H3.5v-4a6 6 0 0 1 4-5.7M16.5 11.3a6 6 0 0 1 4 5.7v4H18"/></svg>医生工作台</span></div>
          <div class="platform-welcome"><h2>上午好</h2><p>让专业医疗服务，走进更多人</p></div>
          <div class="platform-services">
            <a class="platform-service platform-service--prescription" href="html/service/index.html#pharmacy"><span class="platform-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M9 13h6M9 17h6"/></svg></span><h3>电子处方</h3><p>在线开方 · 合规便捷</p></a>
            <a class="platform-service" href="html/service/index.html#pharmacy"><span class="platform-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4M10 8l5 2-5 3z"/></svg></span><h3>视频问诊</h3><p>视频看诊 · 高效专业</p></a>
            <a class="platform-service" href="html/service/index.html#open-platform"><span class="platform-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 18a4.5 4.5 0 1 1 .7-8.95A5.5 5.5 0 0 1 18.4 11 3.5 3.5 0 0 1 17.5 18z"/></svg></span><h3>云平台</h3><p>数据安全 · 稳定可靠</p></a>
            <a class="platform-service" href="html/service/index.html#check"><span class="platform-service-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="6" r="3.5"/><path d="M6 21H3.5v-4a6 6 0 0 1 4-5.7M16.5 11.3a6 6 0 0 1 4 5.7v4H18M8 12v3a3 3 0 0 0 6 0v-3M11 18v3h4"/><circle cx="17" cy="18" r="1.5"/></svg></span><h3>远程诊断</h3><p>专家会诊 · 精准高效</p></a>
          </div>
          <div class="platform-panels">
            <section class="platform-panel platform-overview" aria-labelledby="platform-overview-title"><div class="platform-panel-heading"><h3 id="platform-overview-title">服务数据概览</h3><span>近7日</span></div><div class="platform-chart-legend"><span>问诊量</span><span>处方量</span></div><div id="platform-trend" class="platform-trend" role="img" aria-label="示例数据：周一至周日问诊量分别为100、180、130、260、160、210、280次；处方量分别为80、120、90、180、130、170、220张。"><p class="platform-chart-fallback">近7日问诊 1,320 次<br />开具处方 990 张</p></div></section>
            <section class="platform-panel platform-review" aria-labelledby="platform-review-title"><h3 id="platform-review-title">处方审核通过率</h3><div class="platform-review-chart"><div id="platform-ring" class="platform-ring" aria-hidden="true"></div><div class="platform-review-value"><strong>98%</strong><span>审核通过率</span></div></div></section>
            <section class="platform-panel platform-tasks" aria-labelledby="platform-tasks-title"><h3 id="platform-tasks-title">待处理事项</h3><ul><li><span>待审核处方</span><b>12</b></li><li><span>待访患者</span><b>4</b></li><li><span>异常预警</span><b>3</b></li></ul></section>
          </div>
        </div>
      </figure>
      <div class="hero-metrics" aria-label="服务规模">
        <div class="hero-metric hero-metric--stores">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10v10h16V10M3 10l2-6h14l2 6M3 10c0 3 4 3 4 0 0 3 5 3 5 0 0 3 5 3 5 0 0 3 4 3 4 0M9 20v-6h6v6" /></svg>
          <div class="hero-metric-content"><strong>65,000<span>+</span></strong><span>服务药店</span></div>
        </div>
        <div class="hero-metric hero-metric--doctors">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="6" r="3.5"/><path d="M6 21H3.5v-4a6 6 0 0 1 4-5.7M16.5 11.3a6 6 0 0 1 4 5.7v4H18M8 12v3a3 3 0 0 0 6 0v-3M11 18v3h4"/><circle cx="17" cy="18" r="1.5"/></svg>
          <div class="hero-metric-content"><strong>4,800<span>+</span></strong><span>合作医生</span></div>
        </div>
        <div class="hero-metric hero-metric--partners">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 19H6a4.5 4.5 0 0 1-.6-9A6.5 6.5 0 0 1 18 8.5 5.3 5.3 0 0 1 18 19h-2M12 19V10m-3 3 3-3 3 3"/></svg>
          <div class="hero-metric-content"><strong>300<span>+</span></strong><span>平台接入</span></div>
        </div>
      </div>
    </div>
  </section>
  <section class="intro-strip container" id="introduction" aria-label="公司简介">

    <div class="intro-heading"><h2>专注基层场景，<br />提供数字医疗服务。</h2></div>
    <p>深圳万普瑞邦技术有限公司成立于2015年，专注 B2B 远程数字医疗。程医橙心是公司旗下注册商标及服务平台品牌，服务药店、基层医疗机构与单采血浆站。</p>
  </section>
  <!-- 平台业务 -->
  <section class="business-con solutions-showcase" id="services" aria-labelledby="solutions-title">
    <div class="container">
      <div class="solutions-heading">
        <p class="eyebrow">我们的解决方案</p>
        <h2 class="title" id="solutions-title">为不同医疗场景提供数字化能力</h2>
        <p class="solutions-subtitle">以数字化连接医疗服务的每一个环节，助力医疗机构提升效率、优化服务、实现可持续增长。</p>
      </div>
      <div class="solution-tabs" role="tablist" aria-label="选择解决方案">
        <button type="button" role="tab" id="solution-tab-pharmacy" aria-controls="solution-panel-pharmacy" aria-selected="true" tabindex="0"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4.5 9 6 4h12l1.5 5"/><path d="M4 9v11h16V9"/><path d="M4 9h16"/><path d="M9.5 20v-5.5h5V20"/></svg>药店数字化经营</button>
        <button type="button" role="tab" id="solution-tab-check" aria-controls="solution-panel-check" aria-selected="false" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/><path d="M6.5 10h2.5l1.5-3 3 6 1.5-3h2.5"/></svg>数字医疗远程诊断</button>
        <button type="button" role="tab" id="solution-tab-open-platform" aria-controls="solution-panel-open-platform" aria-selected="false" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 18a4.5 4.5 0 1 1 .7-8.95A5.5 5.5 0 0 1 18.4 11 3.5 3.5 0 0 1 17.5 18z"/></svg>云处方开放平台</button>
        <button type="button" role="tab" id="solution-tab-industry" aria-controls="solution-panel-industry" aria-selected="false" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg>行业解决方案</button>
      </div>
      <div class="solution-panels">
        <div class="solution-panel" id="solution-panel-pharmacy" role="tabpanel" aria-labelledby="solution-tab-pharmacy" tabindex="0">
          <div class="solution-panel-copy"><span class="solution-panel-number">01 / 解决方案</span><h3>药店数字化经营</h3><p>从在线问诊、处方服务到经营数据，提供一站式药店数字化经营能力，助力门店提效增收。</p>
            <ul class="solution-features">
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.5 8.5 0 0 1-8.5 8.5c-1.5 0-3-.4-4.2-1.1L3 20l1.1-5.3A8.5 8.5 0 1 1 21 11.5z"/></svg></span><div><strong>在线问诊与处方服务</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="m9 15 2 2 4-4"/></svg></span><div><strong>连锁远程审方</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 15v3M12 10v8M17 6v12"/></svg></span><div><strong>处方与经营数据分析</strong></div></li>
            </ul>
            <div class="solution-panel-actions">
              <a class="solution-panel-cta" href="html/service/index.html#pharmacy">查看解决方案 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <figure class="solution-panel-visual"><div class="solution-preview"><img src="img/solution-pharmacy.webp" data-fallback-src="img/solution-pharmacy.png" alt="药店电子处方申请界面" width="1536" height="1024" loading="lazy" decoding="async" /></div></figure>
        </div>
        <div class="solution-panel" id="solution-panel-check" role="tabpanel" aria-labelledby="solution-tab-check" tabindex="0" inert aria-hidden="true">
          <div class="solution-panel-copy"><span class="solution-panel-number">02 / 解决方案</span><h3>数字医疗远程诊断</h3><p>连接基层检查与专业诊断资源，让采集、诊断与报告回传高效协同。</p>
            <ul class="solution-features">
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.5-1.5 3-3.3 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3.4 1-4.5 2.5C10.9 4 9.3 3 7.5 3A5.5 5.5 0 0 0 2 8.5c0 2.2 1.5 4 3 5.5l7 7z"/><path d="M3.2 12h5.3l1.5-3 3 6 1.5-3h2"/></svg></span><div><strong>云心电、云影像远程诊断</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="1.5"/><path d="M9 21v-4h6v4"/><path d="M12 7v6M9 10h6"/></svg></span><div><strong>基层检查与集中诊断</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M9 13h6M9 17h6"/></svg></span><div><strong>专家质控与报告回传</strong></div></li>
            </ul>
            <div class="solution-panel-actions">
              <a class="solution-panel-cta" href="html/service/index.html#check">查看解决方案 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <figure class="solution-panel-visual"><div class="solution-preview"><img data-src="img/solution-remote-diagnosis.webp" data-fallback-src="img/solution-remote-diagnosis.png" alt="程医橙心远程诊断平台工作台" width="1536" height="1024" loading="lazy" decoding="async" /></div></figure>
        </div>
        <div class="solution-panel" id="solution-panel-open-platform" role="tabpanel" aria-labelledby="solution-tab-open-platform" tabindex="0" inert aria-hidden="true">
          <div class="solution-panel-copy"><span class="solution-panel-number">03 / 解决方案</span><h3>云处方开放平台</h3><p>通过标准化 API，将在线处方能力接入已有业务系统，连接企业与医疗服务资源。</p>
            <ul class="solution-features">
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M9 7V3M15 7V3"/><path d="M7 7h10v4a5 5 0 0 1-10 0z"/><path d="M12 16v5"/></svg></span><div><strong>药店 ERP 与网销系统接入</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="m8 8-4 4 4 4M16 8l4 4-4 4"/></svg></span><div><strong>标准化 API 对接</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M4 13a8 8 0 0 1 16 0"/><rect x="2.5" y="13" width="4" height="6" rx="1.5"/><rect x="17.5" y="13" width="4" height="6" rx="1.5"/><path d="M20 19a3 3 0 0 1-3 3h-4"/></svg></span><div><strong>技术对接与部署支持</strong></div></li>
            </ul>
            <div class="solution-panel-actions">
              <a class="solution-panel-cta" href="html/service/index.html#open-platform">查看解决方案 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <figure class="solution-panel-visual"><div class="solution-preview"><img data-src="img/solution-cloud-prescription.webp" data-fallback-src="img/solution-cloud-prescription.png" alt="云处方平台连接药店、医院与业务系统" width="1448" height="1086" loading="lazy" decoding="async" /></div></figure>
        </div>
        <div class="solution-panel" id="solution-panel-industry" role="tabpanel" aria-labelledby="solution-tab-industry" tabindex="0" inert aria-hidden="true">
          <div class="solution-panel-copy"><span class="solution-panel-number">04 / 解决方案</span><h3>行业解决方案</h3><p>面向县域医共体、医院与单采血浆站，按业务场景组织产品、诊断与实施服务。</p>
            <ul class="solution-features">
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="2.5"/><circle cx="5" cy="19" r="2.5"/><circle cx="19" cy="19" r="2.5"/><path d="M12 7.5 6 16.8M12 7.5l6 9.3M7.5 19h9"/></svg></span><div><strong>县域心电“一张网”</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/><path d="M6.5 10h2.5l1.5-3 3 6 1.5-3h2.5"/></svg></span><div><strong>院内网络与血浆站远程诊断</strong></div></li>
              <li><span class="solution-feature-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.5"/><path d="M2.5 20a6.5 6.5 0 0 1 13 0"/><path d="M16 4.6a3.5 3.5 0 0 1 0 6.8M17.5 14.2a6.5 6.5 0 0 1 4 5.8"/></svg></span><div><strong>平台建设、培训与运营支持</strong></div></li>
            </ul>
            <div class="solution-panel-actions">
              <a class="solution-panel-cta" href="html/service/index.html#industry">查看解决方案 <span aria-hidden="true">→</span></a>
            </div>
          </div>
          <figure class="solution-panel-visual"><div class="solution-preview"><img data-src="img/solution-industry-medical-data-platform.webp" data-fallback-src="img/solution-industry-medical-data-platform.png" alt="县域医院、三级医院、基层医疗机构与社区卫生服务中心接入医疗数据中台示意" width="1536" height="1024" loading="lazy" decoding="async" /></div></figure>
        </div>
      </div>
    </div>
  </section>
<section class="reach-band" aria-labelledby="scale-title"><div class="container reach-inner"><div class="reach-heading"><span class="eyebrow" aria-hidden="true"></span><h2 class="title" id="scale-title">服务规模，<br />让连接看得见</h2><p class="reach-description">从一家药店，到基层医疗机构与区域医疗网络，<br />让数字医疗服务深入真实医疗场景。</p></div><div class="service-metrics"><div><strong>30<em>+</em></strong><span>覆盖省级行政区</span></div><div><strong>65,000<em>+</em></strong><span>服务药店</span></div><div><strong>10,000<em>+</em></strong><span>基层医疗机构</span></div><div><strong>200<em>+</em></strong><span>单采血浆站</span></div><div><strong>3<small class="metric-unit">亿</small><em>+</em></strong><span>平台电子处方</span></div><div><strong>200<small class="metric-unit">万</small><em>+</em></strong><span>累计远程诊断</span></div></div></div></section>
  <!-- 以平台连接关系承载原有四项优势，不将装饰节点当作业务数据。 -->
  <section class="platform-con container brand-connection" aria-labelledby="connection-title">
    <div class="connection-visual">
      <svg class="connection-links" fill="none" aria-hidden="true"><path/><path/><path/><path/></svg>
      <div class="connection-benefits">
        <div class="connection-card"><span class="connection-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none"><path d="M11 8v11a9 9 0 0 0 18 0V8M8 8h6m12 0h6M29 19a5 5 0 1 1 0 10v2a7 7 0 0 1-14 0v-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><div class="connection-card-copy"><span class="connection-kicker">方案沟通</span><h3>结合业务场景明确接入范围</h3></div><span class="connection-number" aria-hidden="true">01</span></div>
        <div class="connection-card"><span class="connection-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none"><path d="M8 16h24l-2-8H10l-2 8ZM9 16v16h22V16M14 32V22h12v10M9 16c0 3 4 4 6 1 2 3 6 3 8 0 2 3 6 2 8-1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><div class="connection-card-copy"><span class="connection-kicker">上线培训</span><h3>提供操作辅导与设备调试</h3></div><span class="connection-number" aria-hidden="true">03</span></div>
      </div>
      <div class="connection-core">
        <div class="connection-heading"><h2 class="title" id="connection-title">从方案接入，<span>到日常使用。</span></h2><p>提供技术对接、操作培训与售后支持，帮助团队用好产品。</p></div>
        <div class="connection-diagram">
        <svg class="connection-orbit" viewBox="0 0 480 420" fill="none" aria-hidden="true"><circle cx="240" cy="210" r="204" stroke="#e8edf2"/><circle cx="240" cy="210" r="174" stroke="#d8e1e9" stroke-dasharray="4 5"/><circle cx="240" cy="210" r="138" fill="#fff9f5" fill-opacity=".75"/><ellipse cx="240" cy="210" rx="202" ry="97" transform="rotate(-35 240 210)" stroke="#ffad83"/><ellipse cx="240" cy="210" rx="202" ry="97" transform="rotate(35 240 210)" stroke="#ffad83"/><g fill="#fff" stroke="#e9edf2"><circle cx="95" cy="105" r="15"/><circle cx="385" cy="105" r="15"/><circle cx="95" cy="315" r="15"/><circle cx="385" cy="315" r="15"/></g><g fill="#f46b2c"><circle cx="95" cy="105" r="5"/><circle cx="385" cy="105" r="5"/><circle cx="95" cy="315" r="5"/><circle cx="385" cy="315" r="5"/></g></svg>
        <div class="connection-logo"><img src="img/logo.png" alt="" loading="lazy" decoding="async"/><span>医 · 药 · 检 · 云</span></div>
        </div>
      </div>
      <div class="connection-benefits">
        <div class="connection-card"><span class="connection-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none"><circle cx="10" cy="20" r="4" stroke="currentColor" stroke-width="2"/><circle cx="29" cy="10" r="4" stroke="currentColor" stroke-width="2"/><circle cx="29" cy="30" r="4" stroke="currentColor" stroke-width="2"/><path d="m14 18 11-6M14 22l11 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><div class="connection-card-copy"><span class="connection-kicker">技术接入</span><h3>提供系统对接与部署支持</h3></div><span class="connection-number" aria-hidden="true">02</span></div>
        <div class="connection-card"><span class="connection-icon" aria-hidden="true"><svg viewBox="0 0 40 40" fill="none"><path d="m20 5 13 5v9c0 8-5 13-13 17C12 32 7 27 7 19v-9l13-5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m14 20 4 4 8-9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><div class="connection-card-copy"><span class="connection-kicker">持续服务</span><h3>跟进使用问题与售后维护</h3></div><span class="connection-number" aria-hidden="true">04</span></div>
      </div>
    </div>
    <p class="connection-motto">具体服务内容结合产品与机构需求确定。</p>
  </section>
<section id="cases" aria-labelledby="cases-title"><div class="container">
      <div class="cases-heading"><div><h2 class="title" id="cases-title">让每一个方案，在真实场景中产生价值</h2><p class="cases-subtitle">从远程诊断到县域医疗协同，我们持续将产品与服务落地到真实医疗场景。</p></div></div>
      <div class="cases-layout">
        <article class="case-featured">
          <div class="case-photo ppt-window"><img src="img/ppt/county-medical-consortium-remote-diagnosis-natural.jpg" alt="医生查看心电报告的远程诊断场景示意" width="1659" height="948" loading="lazy" decoding="async" /><div class="case-photo-caption" aria-hidden="true">
<!--            <span>REMOTE DIAGNOSIS<br />CONNECTING CARE, CLOSER TO YOU</span><span>/ 01</span>-->
          </div></div>
          <div class="case-body">
            <div class="case-main-copy">
              <div class="case-meta"><span class="case-category"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11Z"/><path d="M5 12h4l1.5-2.5 3 5 1.5-2.5h4"/></svg>基层医疗数字化</span></div>
              <h3 class="case-title">县域医共体远程诊断平台</h3>
              <p class="case-desc">连接县级医院与基层医疗机构，整合心电、影像等远程诊断服务，实现检查数据上传、专家诊断与报告回传，提升基层诊疗效率。</p>
              <p class="case-tags"><span>远程心电</span><span>远程影像</span><span>医共体协同</span></p>
              <a class="case-cta" href="html/service/index.html#industry">了解相关方案 <svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14m-5-5 5 5-5 5" /></svg></a>
            </div>
          </div>
        </article>
        <div class="case-stack">
          <article class="case-item">
            <div class="case-thumb ppt-window crop-county"><img src="img/ppt/hospital-projects.webp" alt="田东县人民医院心电一张网诊断现场" loading="lazy" decoding="async" /></div>
            <div class="case-copy">
              <div class="case-meta"><span class="case-category"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11Z"/><path d="M5 12h4l1.5-2.5 3 5 1.5-2.5h4"/></svg>县域心电网络</span></div>
              <h3 class="case-title">田东县人民医院心电“一张网”</h3>
              <p class="case-desc">通过县域心电网络连接医院与基层检查网点，支持心电数据共享和诊断协作。</p>
            </div>
          </article>
          <article class="case-item">
            <div class="case-thumb ppt-window crop-chest"><img src="img/ppt/hospital-projects.webp" alt="嘉禾县、天等县人民医院胸痛中心现场" loading="lazy" decoding="async" /></div>
            <div class="case-copy">
              <div class="case-meta"><span class="case-category"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 21V4h11v17M15 10h5v11M2 21h20M8 8h3M8 12h3M8 16h3M17 14h1M17 17h1"/></svg>胸痛中心</span></div>
              <h3 class="case-title">嘉禾县、天等县人民医院项目</h3>
              <p class="case-desc">结合胸痛中心建设，支持基层检查、信息共享与急救协同，提升区域救治能力。</p>
            </div>
          </article>
          <article class="case-item">
            <div class="case-thumb ppt-window crop-plasma"><picture><source srcset="img/ppt/plasma-projects.webp" type="image/webp" /><img src="img/ppt/plasma-projects.jpg" alt="单采血浆站远程心电与胸片诊断工作站" loading="lazy" decoding="async" width="2880" height="1620" /></picture></div>
            <div class="case-copy">
              <div class="case-meta"><span class="case-category"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2c3 4.5 7 8.6 7 12a7 7 0 0 1-14 0c0-3.4 4-7.5 7-12Z"/></svg>单采血浆站</span></div>
              <h3 class="case-title">一站式远程心电与胸片诊断</h3>
              <p class="case-desc">提供设备安装调试、平台操作培训、远程诊断及售后维护支持。</p>
            </div>
          </article>
        </div>
      </div>
<!--      <div class="cases-footer"><a class="cases-more" href="html/service/index.html#industry">更多落地案例，持续更新中 <span aria-hidden="true"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14m-5-5 5 5-5 5"/></svg></span></a></div>-->
    </div></section>
  <!-- 合作机构 -->
  <div class="cooperation-con cooperation-title">
    <div class="container">
      <div class="section-heading"><div><h2 class="title">与专业同行，共筑健康未来</h2><p class="section-description">合作诊断资源覆盖11个省/直辖市、20+地市，连接100+医院和4,800+医生。</p></div></div>
      <div class="clearfix">
        <ul class="cooperation-list fl">
          <li>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency1.webp" type="image/webp" /><img src="img/hospital/agency1.png" width="240" height="90" alt="中国医科大学附属第一医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency2.webp" type="image/webp" /><img src="img/hospital/agency2.png" width="240" height="90" alt="郑州大学第一附属医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency3.webp" type="image/webp" /><img src="img/hospital/agency3.png" width="240" height="90" alt="郑州大学第二附属医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency4.webp" type="image/webp" /><img src="img/hospital/agency4.png" width="240" height="90" alt="河南省中医院" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency5.webp" type="image/webp" /><img src="img/hospital/agency5.png" width="240" height="90" alt="河南省人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency6.webp" type="image/webp" /><img src="img/hospital/agency6.png" width="240" height="90" alt="河南省肿瘤医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency7.webp" type="image/webp" /><img src="img/hospital/agency7.png" width="240" height="90" alt="河南省第二人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency8.webp" type="image/webp" /><img src="img/hospital/agency8.png" width="240" height="90" alt="河南中医药大学第一附属医院" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency9.webp" type="image/webp" /><img src="img/hospital/agency9.png" width="240" height="90" alt="河南大学附属郑州颐和医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency10.webp" type="image/webp" /><img src="img/hospital/agency10.png" width="240" height="90" alt="郑州市第一人民医院医疗集团" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency11.webp" type="image/webp" /><img src="img/hospital/agency11.png" width="240" height="90" alt="暨南大学附属郑州医院（郑州市第二人民医院）" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency12.webp" type="image/webp" /><img src="img/hospital/agency12.png" width="240" height="90" alt="河南中医药大学人民医院（郑州人民医院）" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency13.webp" type="image/webp" /><img src="img/hospital/agency13.png" width="240" height="90" alt="郑州市第六人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency14.webp" type="image/webp" /><img src="img/hospital/agency14.png" width="240" height="90" alt="郑州市第七人民医院（郑州市心血管病医院）" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency15.webp" type="image/webp" /><img src="img/hospital/agency15.png" width="240" height="90" alt="郑州市第九人民医院（郑州市老年病医院）" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency16.webp" type="image/webp" /><img src="img/hospital/agency16.png" width="240" height="90" alt="华中科技大学同济医学院附属协和医院" loading="lazy" decoding="async" /></picture></span></span>
            </div>
          </li>
          <li style="display: none">
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency17.webp" type="image/webp" /><img src="img/hospital/agency17.png" width="240" height="90" alt="华中科技大学同济医学院附属同济医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency18.webp" type="image/webp" /><img src="img/hospital/agency18.png" width="240" height="90" alt="武汉科技大学附属天佑医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency19.webp" type="image/webp" /><img src="img/hospital/agency19.png" width="240" height="90" alt="湖北省第三人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency20.webp" type="image/webp" /><img src="img/hospital/agency20.png" width="240" height="90" alt="湖北省中医院" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency21.webp" type="image/webp" /><img src="img/hospital/agency21.png" width="240" height="90" alt="武汉大学中南医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency22.webp" type="image/webp" /><img src="img/hospital/agency22.png" width="240" height="90" alt="湖北省中西医结合医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency23.webp" type="image/webp" /><img src="img/hospital/agency23.png" width="240" height="90" alt="武汉市第一医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency24.webp" type="image/webp" /><img src="img/hospital/agency24.png" width="240" height="90" alt="武汉市第三医院（武汉大学附属同仁医院）" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency25.webp" type="image/webp" /><img src="img/hospital/agency25.png" width="240" height="90" alt="武汉市第四医院（武汉市骨科医院）" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency26.webp" type="image/webp" /><img src="img/hospital/agency26.png" width="240" height="90" alt="武汉市普仁医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency27.webp" type="image/webp" /><img src="img/hospital/agency27.png" width="240" height="90" alt="粤北人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency28.webp" type="image/webp" /><img src="img/hospital/agency28.png" width="240" height="90" alt="湖南中医药大学第二附属医院（湖南省中医院）" loading="lazy" decoding="async" /></picture></span></span>
            </div>
            <div>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency29.webp" type="image/webp" /><img src="img/hospital/agency29.png" width="240" height="90" alt="长沙市第三医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency30.webp" type="image/webp" /><img src="img/hospital/agency30.png" width="240" height="90" alt="长沙市第一医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency31.webp" type="image/webp" /><img src="img/hospital/agency31.png" width="240" height="90" alt="郴州市第一人民医院" loading="lazy" decoding="async" /></picture></span></span>
              <span class="partner-logo"><span class="partner-logo-frame"><picture><source srcset="img/hospital/agency32.webp" type="image/webp" /><img src="img/hospital/agency32.png" width="240" height="90" alt="长沙市中医医院（长沙市第八医院）" loading="lazy" decoding="async" /></picture></span></span>
            </div>
          </li>
        </ul>
        <div class="partner-controls" role="group" aria-label="合作机构切换">
        <button type="button" class="left-arrow fl" aria-label="上一组合作机构"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 12H4m6-6-6 6 6 6" /></svg></button>
        <button type="button" class="right-arrow fl" aria-label="下一组合作机构"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 12h16m-6-6 6 6-6 6" /></svg></button>
        </div>
      </div>
    </div>
  </div>
  <!-- 业务分布 -->
  <div class="map-con cooperation-title">
    <div class="container">
      <div class="intro-con map-panel">
        <div class="map-panel-heading">
          <span class="map-panel-slogan"><i aria-hidden="true"></i>用科技连接医疗<span>让优质医疗触手可及</span></span>
<!--          <span class="map-panel-en">TECHNOLOGY FOR A HEALTHIER CHINA</span>-->
        </div>
        <div class="map-visual">
          <div id="container" role="img" aria-label="全国服务网络地图，全国为浅橙色，重点与核心区域逐级加深，深圳总部高亮，可使用右侧区域按钮查看详情"></div>
          <div class="map-network-legend" aria-label="地图图例">
            <span><i class="legend-core"></i>核心服务区域</span>
            <span><i class="legend-key"></i>重点服务区域</span>
            <span><i class="legend-national"></i>全国服务覆盖</span>
<!--            <span><i class="legend-unavailable"></i>暂未开展业务</span>-->
            <span><i class="legend-headquarters"></i>服务枢纽</span>
          </div>
        </div>
        <div class="map-intro national-map-info">
          <p class="map-headquarters-label">全国服务网络</p>
          <h2 class="map-legend-title">让优质医疗触达更广</h2>
          <p class="map-network-title">区域服务网络</p>
          <div class="map-region-tabs" role="tablist" aria-label="区域服务网络"></div>
          <div class="map-region-detail" id="map-region-detail" role="tabpanel" tabindex="0">
            <div class="region-detail-summary">
              <span class="region-detail-icon" aria-hidden="true"><svg viewBox="0 0 32 32" fill="none"><path d="M5 27h22M8 27V9l8-4v22M16 27V13l8-3v17M12 11v2m0 3v2m0 3v2m8-7v2m0 3v2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
              <div class="region-detail-content">
                <h4 class="region-detail-title"></h4><p class="region-detail-description"></p>
                <div class="region-detail-extra"><h5>覆盖区域</h5><p class="region-detail-coverage"></p></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 合作咨询沿用既有字段与校验规则，提交至官网咨询专用接口。 -->
  <section class="business-con ask-con" id="consultation" aria-labelledby="consultation-title">
    <div class="container">
      <div class="section-heading"><div><h2 class="title" id="consultation-title">携手，让健康更进一步</h2><p class="section-description">欢迎进行产品咨询、业务合作与医疗机构合作沟通。</p></div></div>
      <div class="consultation-panel">
        <div class="contact-intro">
          <h3 class="contact-heading">欢迎与我们沟通</h3>
          <p class="contact-note">无论是产品咨询、业务合作，还是医疗机构合作，我们都乐意与您交流。</p>
          <div class="contact-item">
            <span class="contact-label"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1Z" /></svg>咨询热线</span>
            <a class="contact-phone" href="tel:075584879354">0755-84879354</a>
          </div>
          <div class="contact-item">
            <span class="contact-label"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 5h16v11H9l-5 4V5Z" /><path d="M8 10h8M8 13h5" /></svg>适用场景</span>
            <p class="contact-scene">药店数字化 · 系统接入<br />医疗机构及单采血浆站合作</p>
          </div>
          <div class="contact-item">
            <span class="contact-label"><svg class="ui-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 6h16v12H4z" /><path d="m4 7 8 6 8-6" /></svg>公司邮箱</span>
            <a class="contact-email" href="mailto:wprbyl@wanputech.com">wprbyl@wanputech.com</a>
          </div>
        </div>
        <div class="form-tab">
          <ul class="form-list clearfix">
            <li>
              <label class="form-title" for="name">机构名称<span>*</span></label>
              <input type="text" class="form-enter" id="name" aria-invalid="false" aria-describedby="consultation-error-name" maxlength="100" aria-required="true" autocomplete="organization" placeholder="请输入药店、医疗机构或企业名称" />
              <div class="erorr-tips"><span class="tips-intro1" id="consultation-error-name">请输入机构名称</span></div>
            </li>
            <li>
              <label class="form-title" for="address">机构地址<span>*</span></label>
              <input type="text" class="form-enter" id="address" aria-invalid="false" aria-describedby="consultation-error-address" maxlength="255" aria-required="true" autocomplete="street-address" placeholder="请输入机构详细地址" />
              <div class="erorr-tips"><span class="tips-intro2" id="consultation-error-address">请输入机构地址</span></div>
            </li>
            <li>
              <label class="form-title" for="people">联系人</label>
              <input type="text" class="form-enter" id="people" maxlength="50" autocomplete="name" placeholder="请输入您的称呼" />
              <div class="erorr-tips"></div>
            </li>
            <li>
              <label class="form-title" for="contact">联系方式<span>*</span></label>
              <input type="tel" class="form-enter" id="contact" aria-invalid="false" aria-describedby="consultation-error-contact" maxlength="11" aria-required="true" autocomplete="tel" placeholder="请输入您的手机号码" />
              <div class="erorr-tips"><span class="tips-intro3" id="consultation-error-contact">请输入联系方式</span></div>
            </li>
            <li class="form-message-row">
              <label class="form-title" for="message">给我们留言</label>
              <textarea class="form-message" id="message" maxlength="1000" placeholder="请简单介绍您的需求，例如药店数字化、云处方接入、远程诊断或单采血浆站合作。"></textarea>
            </li>
          </ul>
          <div class="btn-con"><button type="button" class="btn">提交咨询</button></div>
          <p class="consultation-status" id="consultation-status" role="status" aria-live="polite" aria-atomic="true"></p>
        </div>
      </div>
    </div>
  </section>
  </main>
  <!-- 公司信息按名称、地址、联系方式和公众号分组。 -->
  <footer class="footer-wrap">
    <div class="footer-con">
      <div class="footer container">
        <div class="footer-company">
          <h2 class="footer-title">深圳万普瑞邦技术有限公司</h2>
          <p class="footer-brand-note">程医橙心 · B2B 远程数字医疗</p>
          <div class="footer-address"><span class="footer-label">公司地址</span><p>广东省深圳市龙岗区吉华街道甘坑社区甘李六路12号中海信创新产业城14栋A座904</p></div>
        </div>
        <div class="footer-contact">
          <span class="footer-label">联系我们</span>
          <a class="footer-phone" href="tel:075584879354">0755-84879354</a>
          <span class="footer-label footer-email-label">公司邮箱</span>
          <a class="footer-email" href="mailto:wprbyl@wanputech.com">wprbyl@wanputech.com</a>
        </div>
        <div class="footer-social">
          <div class="footer-social-group">
            <span class="footer-label">关注我们</span>
            <div class="code-con tc">
              <div><img src="img/fwzj.jpg" width="88" height="88" alt="程医橙心服务之家公众号二维码" loading="lazy" decoding="async" /><div class="code-title">程医橙心服务之家</div></div>
              <div><span class="doctor-code-image"><img src="img/doctor-wechat.jpg" width="88" height="88" alt="程医橙心医生之家公众号二维码" loading="lazy" decoding="async" /></span><div class="code-title">程医橙心医生之家</div></div>
            </div>
          </div>
          <div class="footer-social-group footer-store">
            <span class="footer-label">门店服务</span>
            <div class="code-con tc">
              <div><span class="store-code-image"><img src="img/store-mini-program.jpg?v=20261016-square" width="88" height="88" alt="程医橙心门店小程序二维码" loading="lazy" decoding="async" /></span><div class="code-title">程医橙心小程序</div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-reserved container">Copyright© 2014–2026 深圳万普瑞邦技术有限公司 <a target="_blank" rel="noopener" href="http://beian.miit.gov.cn/">粤ICP备15092399号-3</a> All Rights Reserved.</div>
  </footer>
  <div class="toast-tips">您已提交成功，客服会在最近3天内联系您！</div>

<script src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script>
  var consultationAttempted = false
  var consultationToastTimer
  var consultationFields = ['name', 'address', 'contact']

  function validateConsultationField(id) {
    var field = $('#' + id)
    var value = $.trim(field.val())
    var error = ''
    if (id === 'name' && !value) error = '请输入机构名称'
    if (id === 'address' && !value) error = '请输入机构地址'
    if (id === 'contact') {
      if (!value) error = '请输入联系方式'
      else if (!/^1[0-9]{10}$/.test(value)) error = '手机号码格式错误'
    }
    field.attr('aria-invalid', error ? 'true' : 'false')
    $('#consultation-error-' + id).text(error).toggle(Boolean(error))
    return !error
  }

  // 首次提交前不打断填写；出现错误后随输入及时更新提示。
  $('#name, #address, #contact').on('input', function () {
    if (!consultationAttempted) return
    validateConsultationField(this.id)
    if (!$('#name, #address, #contact').filter('[aria-invalid="true"]').length) {
      $('#consultation-status.is-error').text('').removeClass('is-error')
    }
  })

  $('#consultation .btn').click(function () {
    if (this.disabled) return
    consultationAttempted = true
    var errorCount = 0
    var firstInvalid = null
    consultationFields.forEach(function (id) {
      if (!validateConsultationField(id)) {
        errorCount++
        if (!firstInvalid) firstInvalid = document.getElementById(id)
      }
    })
    if (firstInvalid) {
      $('#consultation-status').text('请补全或检查标红的信息后再提交。').addClass('is-error')
      // 固定导航和手机键盘都可能遮住错误，定位到首个字段便于立即修正。
      firstInvalid.focus({ preventScroll: true })
      firstInvalid.scrollIntoView({ block: 'center', behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' })
    }
    // 验证通过
    if (errorCount == 0) {
      var $submitButton = $('#consultation .btn')
      var sendData = {
        institutionName: $.trim($('#name').val()),
        institutionAddress: $.trim($('#address').val()),
        contactName: $.trim($('#people').val()),
        mobile: $.trim($('#contact').val()),
        message: $.trim($('#message').val())
      }
      jQuery.support.cors = true
      $('#consultation-status').text('正在提交，请稍候...').removeClass('is-error')
      $submitButton.prop('disabled', true).attr('aria-busy', 'true').text('提交中...')
      $.ajax({
        type: 'POST',
        url: 'http://api.wprbyl.com/mall/public/website-consultation/submit',
        dataType: 'json',
        contentType: 'application/json',
        data: JSON.stringify(sendData),
        success: function (data) {
          if (data.retCode === 0) {
            showConsultationToast('您已提交成功，客服会在最近3天内联系您！')
            resetConsultationForm()
          } else {
            showConsultationToast(data.errMsg || '提交失败，请稍后重试', true)
          }
        },
        error: function () {
          showConsultationToast('提交失败，请检查网络后重试', true)
        },
        complete: function () {
          $submitButton.prop('disabled', false).removeAttr('aria-busy').text('提交咨询')
        }
      })
    }
  })
  function showConsultationToast(message, isError) {
    $('#consultation-status').text(message).toggleClass('is-error', Boolean(isError))
    clearTimeout(consultationToastTimer)
    $('.toast-tips').stop(true, true).text(message).fadeIn()
    consultationToastTimer = setTimeout(function () {
      $('.toast-tips').fadeOut()
    }, 2500)
  }
  function resetConsultationForm() {
    $('#name, #address, #people, #contact, #message').val('')
    $('.erorr-tips span').text('').hide()
    $('#name, #address, #contact').attr('aria-invalid', 'false')
    consultationAttempted = false
  }
  $(function () {
    var isMac =
      navigator.platform == 'Mac68K' ||
      navigator.platform == 'MacPPC' ||
      navigator.platform == 'Macintosh' ||
      navigator.platform == 'MacIntel'
    if (isMac) {
      $('.form-list li .form-title span').css('vertical-align', '-3')
    }
    $('.menu-con>li').hover(function (e) {
      $(this)
        .children()
        .stop()
        .slideToggle()
    })
    /*轮播图*/
    //隐藏第一张以外的图片
    $('#banner>ul>li:gt(0)').hide()
    $('.cooperation-list>li:gt(0)').hide()
    var n = 0
    var n1 = 0
    var len = $('#banner ul li').length //获取的是li的长度 数量
    var len1 = 0
    var partnerGroupSize = 0
    var partnerLogos = $('.cooperation-list .partner-logo')
    var partnerMobile = window.matchMedia('(max-width: 700px)')
    var partnerVisible = !('IntersectionObserver' in window)
    var partnerHovered = false
    var t
    var t1

    function activateSlideImages(slide) {
      // 轮播项从隐藏变为可见时改为立即加载，避免部分手机内核不重新触发 lazy。
      slide.find('img[loading="lazy"]').each(function () {
        this.removeAttribute('loading')
      })
    }

    function play1() {
      var current = $('.cooperation-list li').eq(n1)
      current
        .show()
        .attr('aria-hidden', 'false')
        .siblings()
        .hide()
        .attr('aria-hidden', 'true')
      if (partnerVisible) activateSlideImages(current)
    }

    function arrangePartners() {
      var size = partnerMobile.matches ? 8 : 16
      if (size === partnerGroupSize) return
      // 复用全部原始机构标识；跨尺寸重排时保留当前组首家机构所在的页。
      var firstIndex = n1 * partnerGroupSize
      partnerGroupSize = size
      var list = $('.cooperation-list')
      partnerLogos.detach()
      list.empty()
      for (var start = 0; start < partnerLogos.length; start += size) {
        var group = $('<li>').hide().attr('aria-hidden', 'true')
        for (var row = start; row < Math.min(start + size, partnerLogos.length); row += 4) {
          group.append($('<div>').append(partnerLogos.slice(row, row + 4)))
        }
        list.append(group)
      }
      len1 = list.children().length
      n1 = Math.min(Math.floor(firstIndex / size), len1 - 1)
      play1()
      autoPlay1()
    }
    arrangePartners()
    if (partnerMobile.addEventListener) partnerMobile.addEventListener('change', arrangePartners)
    else partnerMobile.addListener(arrangePartners)

    function autoPlay1() {
      clearInterval(t1)
      t1 = null
      // 离屏或切到后台时暂停，避免隐藏轮播继续下载图片、抢占首屏带宽。
      if (!partnerVisible || document.hidden || partnerHovered || len1 < 2) return
      t1 = setInterval(function () {
        //alert(1)
        n1++
        if (n1 >= len1) {
          n1 = 0
        }
        play1()
      }, 5000)
    }
    if ('IntersectionObserver' in window) {
      new IntersectionObserver(function (entries) {
        partnerVisible = entries[0].isIntersecting
        if (partnerVisible) activateSlideImages($('.cooperation-list li').eq(n1))
        autoPlay1()
      }, { rootMargin: '200px 0px' }).observe(document.querySelector('.cooperation-con'))
    }
    document.addEventListener('visibilitychange', autoPlay1)
    $('.cooperation-list').hover(
      function () {
        partnerHovered = true
        autoPlay1()
      },
      function () {
        partnerHovered = false
        autoPlay1()
      }
    )
    //点击下一张
    $('.right-arrow').click(function () {
      n1++
      if (n1 >= len1) {
        n1 = 0
      }
      play1()
    })
    //点击上一张
    $('.left-arrow').click(function () {
      if (n1 <= 0) {
        n1 = len1
      }
      n1--
      play1()
    })
    //点击数字显示相应的图片
    $('#num span').each(function (index) {
      //alert(index)
      $(this).click(function () {
        //alert(index)
        n = index
        play()
      })
    })
  })
</script>
<script src="js/national-map.js?v=20261015-static"></script>
<script src="js/home-effects.js?v=20261015-scroll"></script>
<script src="js/home-solutions.js?v=20260922-1"></script>
<script src="js/site-navigation.js"></script>
<script src="js/home-platform-preview.js?v=20260929"></script>
</body>
</html>
