X1_Site/产品.md

<div style="width:100%;background:#f5f7fb;">
  <div style="max-width:960px;margin:0 auto;padding:48px 24px;text-align:center;">
    <p style="color:#118af4;font-size:14px;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;">Product Portfolio</p>
    <h1 style="font-size:32px;color:#0f1f39;margin:0 0 16px;">核心监测终端与智能设备</h1>
    <p style="color:#4b5565;line-height:1.7;margin:0 auto;max-width:720px;">
      全系列设备覆盖视频、定位、雷达、水文、气象等关键场景，采用<span style="color:#118af4;font-weight:600;">长续航、低功耗、云端同步</span>设计，满足复杂户外与无人值守需求。
    </p>
  </div>
</div>

<div style="max-width:1100px;margin:-36px auto 0;padding:0 24px 64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;">
  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">AI Camera</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">AI 视频联动监控终端</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        三年以上续航，搭载太阳能充电板与阴天模式，支持 4G 无线通信与 360° 云台巡航。内置 1080P 全高清成像与红外/全彩/智能三模切换，险情触发后即刻录像上云。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· IP66 防护，全天候部署。</li>
        <li>· AI 目标识别与事件联动。</li>
        <li>· 云台远程控制与巡检预设位。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">3+ 年续航</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">全彩夜视</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片1.png" alt="AI视频联动监控" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Weather Station</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">自动气象监测仪</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        高精度监测风向（1°）、风速（±0.1m/s）、温湿度、气压、雨量、土壤温湿等常规气象要素。低静态功耗 <50µA，支持多种无线联网并可扩展 RJ45 接入。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 全要素组合模块，部署灵活。</li>
        <li>· 自适应电源管理，适配离网场景。</li>
        <li>· 数据秒级上报，支持边缘缓存。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">±0.1℃ 精度</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">多网互联</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片2.png" alt="自动气象监测仪" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">GNSS</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">北斗 GNSS 监测站</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        部署于地质与结构形变监测点，结合 GNSS 接收机、天线及环境传感器组成全场景测量站。自检、数据采集与本地缓存一体化设计，消息队列传输支持断点续传。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 毫米级形变监测能力。</li>
        <li>· 多星座融合定位，抗遮挡。</li>
        <li>· 远程 OTA 升级与设备管理。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">断点续传</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">环境联测</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片3.png" alt="北斗GNSS监测站" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Machine Vision</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">智能机器视觉位移仪</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        面向大跨度结构位移监测，支持 30 个靶标，最大测距 400 m（可定制）。AI 算法自动标定转角与距离，无需人工测距调平，Ethernet 通讯，整机防护等级 IP65。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· ±0.2℃ 恒温控制，消除温漂。</li>
        <li>· 支持竖向/横向位移同步输出。</li>
        <li>· 数据可接入第三方平台。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">AI 标定</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">IP65 防护</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片4.png" alt="智能机器视觉位移仪" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Audio Alert</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">4G 型语音报警装置</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        支持 DC 9–25V 供电（建议 12V），未工作功耗 0.5W，最大声压 ≥110dB，频率覆盖 20Hz–20kHz。工作温度 -20℃~+80℃，湿度 0–95%RH，适用于极端环境。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 4G 远程下发语音指令。</li>
        <li>· 多级告警策略与自检。</li>
        <li>· IP65 外壳，屋外稳定运行。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">110dB 声压</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">4G 联网</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片5.png" alt="4G语音报警装置" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Doppler Sensor</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">多普勒流量流速仪</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        单向待机电流 65mA/12V、测量 106mA/12V；双向待机 72mA/12V、测量 126mA/12V。流速精度 ±1.0%±1cm/s，水位精度 0.3%±0.5cm，瞬时流量 0–99.99m³，累积流量 0.1–999999m³。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 支持双向测量与多模式采样。</li>
        <li>· 防淤堵结构，适配恶劣水域。</li>
        <li>· 数据曲线实时可视化。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">±1.0% 精度</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">双向采样</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片6.png" alt="多普勒流量流速仪" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Radar Meter</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">雷达流量计</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        低功耗 1.3W，测速频率 24GHz，量程 0.1–20m/s，精度 ±2%，分辨率 0.01m/s。77–79GHz 水位测距，量程 0.15–65m，精度 ±1mm，分辨率 1mm，支持 0–20m 高程安装。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 雷达 + 水位联动，精准识别断面流量。</li>
        <li>· 自适应滤波，抗雨雪干扰。</li>
        <li>· 适配多种安装支架与角度补偿。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">±1mm 水位</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">0.01m/s 分辨率</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片7.png" alt="雷达流量计" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>

  <article style="background:#ffffff;border-radius:20px;border:1px solid rgba(17,138,244,0.12);box-shadow:0 18px 42px rgba(17,138,244,0.08);padding:32px;display:flex;gap:28px;align-items:flex-start;">
    <div style="flex:1;">
      <div style="display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#e4f2ff;color:#118af4;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;">Slope Radar</div>
      <h2 style="font-size:22px;color:#0f1f39;margin:20px 0 12px;">边坡位移雷达</h2>
      <p style="color:#4b5565;line-height:1.7;margin-bottom:16px;">
        最大探测 ≥5km，形变测量精度优于 0.1mm，距离分辨率优于 0.3m，角度分辨率优于 5mrad。支持 360° 方位扫描与 ±30° 俯仰调节，数据 1 次/min 更新。
      </p>
      <ul style="list-style:none;padding:0;margin:0;color:#1f2937;font-size:14px;line-height:1.8;">
        <li>· 广域实时监测滑坡与崩塌征兆。</li>
        <li>· 点云可视化，支持三维复现。</li>
        <li>· 远程自检与自动巡航策略。</li>
      </ul>
      <div style="display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;">
        <span style="background:#f0f9ff;color:#118af4;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;">≥5km 覆盖</span>
        <span style="background:#f9fafb;color:#4b5565;padding:8px 16px;border-radius:999px;font-size:12px;">0.1mm 精度</span>
      </div>
    </div>
    <figure style="width:220px;flex-shrink:0;margin:0;">
      <img src="X1_Site/site/public/img/图片8.png" alt="边坡位移雷达" style="width:100%;border-radius:16px;border:1px solid rgba(17,138,244,0.18);box-shadow:0 10px 28px rgba(15,31,57,0.12);">
    </figure>
  </article>
</div>