898 行
49 KiB
HTML
898 行
49 KiB
HTML
{extend name="web/official_common/pc/base" /}
|
||
|
||
{block name="content"}
|
||
<!-- 纳海川官方网站 首页主体 开始 -->
|
||
|
||
<!-- 1. 高端大气全景首屏轮播图系统 (Hero Panoramic Carousel) 开始 -->
|
||
<section class="nhc-hero-carousel-wrap nhc-lattice-pattern">
|
||
<div class="nhc-carousel" id="nhcHeroCarousel">
|
||
<div class="nhc-carousel-track">
|
||
|
||
<!-- 幻灯片 1：纳海川 · 领航篇（总览与数字底座） -->
|
||
<div class="nhc-carousel-slide nhc-slide-theme-1 active" data-slide-index="0">
|
||
<div class="nhc-container">
|
||
<div class="nhc-hero-content">
|
||
<div class="nhc-hero-badge">
|
||
<span class="nhc-seal">纳海川</span>
|
||
<span class="nhc-hero-badge-text">现代企业数字化底座与智能体定制专家</span>
|
||
</div>
|
||
<h1 class="nhc-hero-title">
|
||
海纳百川以成巨流 <span class="highlight">聚智能</span>以启新元
|
||
</h1>
|
||
<p class="nhc-hero-subtitle">
|
||
纳海川专注于为政企与高成长型企业构筑稳固的业务技术中台、全端移动生态与垂直领域 AI 智能体体系，融合东方秩序美学与现代软件工程标准，赋能实体业务深层数字化跃升。
|
||
</p>
|
||
<div class="nhc-hero-cta">
|
||
<a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||
<span>预约专家咨询</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
<a href="#products" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||
<span>浏览核心产品</span>
|
||
</a>
|
||
</div>
|
||
<div class="nhc-hero-metrics">
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">99.8<sub>%</sub></div>
|
||
<div class="nhc-metric-label">项目按期高质量交付率</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">50<sub>+</sub></div>
|
||
<div class="nhc-metric-label">核心自主软件著作权资产</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">200<sub>+</sub></div>
|
||
<div class="nhc-metric-label">政企与各行业标杆客户</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">10<sub>+</sub></div>
|
||
<div class="nhc-metric-label">年企业级软件工程沉淀</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 幻灯片 2：核心服务 · 匠造篇（软件开发与全端定制） -->
|
||
<div class="nhc-carousel-slide nhc-slide-theme-2" data-slide-index="1">
|
||
<div class="nhc-container">
|
||
<div class="nhc-hero-content">
|
||
<div class="nhc-hero-badge">
|
||
<span class="nhc-seal">精工匠造</span>
|
||
<span class="nhc-hero-badge-text">企业级中台 · 全端移动生态 · 源码交付</span>
|
||
</div>
|
||
<h1 class="nhc-hero-title">
|
||
经纬立骨铸基石 <span class="highlight">精工致远</span>赢未来
|
||
</h1>
|
||
<p class="nhc-hero-subtitle">
|
||
从高并发微服务底层中台到全端原生/跨端移动应用与微信小程序生态，纳海川提供全流程测试驱动开发与金融级安全私有化部署。
|
||
</p>
|
||
<div class="nhc-hero-cta">
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||
<span>探索软件开发服务</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||
<span>查阅标杆案例</span>
|
||
</a>
|
||
</div>
|
||
<div class="nhc-hero-metrics">
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val"><50<sub>ms</sub></div>
|
||
<div class="nhc-metric-label">核心接口微服务平均响应</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">100<sub>%</sub></div>
|
||
<div class="nhc-metric-label">工程自主可控与源码移交</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">60<sub>fps</sub></div>
|
||
<div class="nhc-metric-label">全端移动界面丝滑交互体验</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">ISO<sub>9001</sub></div>
|
||
<div class="nhc-metric-label">标准化研发质量严苛审计</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 幻灯片 3：前沿科技 · 智元篇（企业级 AI 智能体应用） -->
|
||
<div class="nhc-carousel-slide nhc-slide-theme-3" data-slide-index="2">
|
||
<div class="nhc-container">
|
||
<div class="nhc-hero-content">
|
||
<div class="nhc-hero-badge">
|
||
<span class="nhc-seal">智能跃升</span>
|
||
<span class="nhc-hero-badge-text">企业私域大模型 · 多智能体协同 · RAG 知识库</span>
|
||
</div>
|
||
<h1 class="nhc-hero-title">
|
||
格物致知启新智 <span class="highlight">人机协同</span>创非凡
|
||
</h1>
|
||
<p class="nhc-hero-subtitle">
|
||
深入垂直行业业务一线，将大语言模型与企业专属知识库深度结合，自主编排业务工作流，打造安全可控的高阶企业级智能体（Agent）。
|
||
</p>
|
||
<div class="nhc-hero-cta">
|
||
<a href="#contact" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||
<span>预约智能体场景演示</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
<a href="#services" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||
<span>了解智能体能力</span>
|
||
</a>
|
||
</div>
|
||
<div class="nhc-hero-metrics">
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val"><1.5<sub>s</sub></div>
|
||
<div class="nhc-metric-label">私域知识库精准向量检索</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">85<sub>%</sub></div>
|
||
<div class="nhc-metric-label">重复业务工单自动解决率</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">Multi<sub>Agent</sub></div>
|
||
<div class="nhc-metric-label">多智能体分工协同调度体系</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">0<sub>泄露</sub></div>
|
||
<div class="nhc-metric-label">数据私有化本地隔离部署</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 幻灯片 4：产品矩阵 · 赋能篇（四大核心成熟产品） -->
|
||
<div class="nhc-carousel-slide nhc-slide-theme-4" data-slide-index="3">
|
||
<div class="nhc-container">
|
||
<div class="nhc-hero-content">
|
||
<div class="nhc-hero-badge">
|
||
<span class="nhc-seal">矩阵赋能</span>
|
||
<span class="nhc-hero-badge-text">商城 · 收银 · 进销存 · 云原生 SaaS 平台</span>
|
||
</div>
|
||
<h1 class="nhc-hero-title">
|
||
积厚流光成重器 <span class="highlight">矩阵赋能</span>拓坦途
|
||
</h1>
|
||
<p class="nhc-hero-subtitle">
|
||
历经千万级真实交易峰值淬炼的标准模块化产品体系，兼具即开即用与定制灵活性，支持公有云 SaaS 订阅与专有私有化买断部署。
|
||
</p>
|
||
<div class="nhc-hero-cta">
|
||
<a href="#products" class="nhc-btn nhc-btn-primary nhc-btn-lg">
|
||
<span>申请全系统在线演示</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
<a href="#contact" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||
<span>咨询部署方案</span>
|
||
</a>
|
||
</div>
|
||
<div class="nhc-hero-metrics">
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">4<sub>大</sub></div>
|
||
<div class="nhc-metric-label">核心商业产品开箱即用</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">10W<sub>+</sub></div>
|
||
<div class="nhc-metric-label">日交易订单平稳支撑能力</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">软硬<sub>一体</sub></div>
|
||
<div class="nhc-metric-label">智能收银与扫码硬件全兼容</div>
|
||
</div>
|
||
<div class="nhc-metric-item">
|
||
<div class="nhc-metric-val">99.99<sub>%</sub></div>
|
||
<div class="nhc-metric-label">云原生多租户金融级可用性</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- 左右切换悬浮导航控件 -->
|
||
<div class="nhc-carousel-nav nhc-carousel-prev" id="nhcPrevBtn" title="上一张">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg>
|
||
</div>
|
||
<div class="nhc-carousel-nav nhc-carousel-next" id="nhcNextBtn" title="下一张">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
|
||
</div>
|
||
|
||
<!-- 底部精美长条指示器与编号 -->
|
||
<div class="nhc-carousel-indicators" id="nhcIndicators">
|
||
<div class="nhc-carousel-dot active" data-goto="0">
|
||
<span class="nhc-carousel-dot-num">01</span>
|
||
<span class="nhc-carousel-dot-bar"></span>
|
||
</div>
|
||
<div class="nhc-carousel-dot" data-goto="1">
|
||
<span class="nhc-carousel-dot-num">02</span>
|
||
<span class="nhc-carousel-dot-bar"></span>
|
||
</div>
|
||
<div class="nhc-carousel-dot" data-goto="2">
|
||
<span class="nhc-carousel-dot-num">03</span>
|
||
<span class="nhc-carousel-dot-bar"></span>
|
||
</div>
|
||
<div class="nhc-carousel-dot" data-goto="3">
|
||
<span class="nhc-carousel-dot-num">04</span>
|
||
<span class="nhc-carousel-dot-bar"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 1. 高端大气全景首屏轮播图系统 结束 -->
|
||
|
||
|
||
<!-- 2. 服务入口 (Services Section) 开始 -->
|
||
<section id="services" class="nhc-services">
|
||
<div class="nhc-container">
|
||
<div class="nhc-section-header">
|
||
<div class="nhc-section-tag">
|
||
<span class="nhc-seal">服务矩阵</span>
|
||
<span class="nhc-tag-text">ENGINEERING CAPABILITIES</span>
|
||
</div>
|
||
<h2 class="nhc-section-title">聚焦三大核心服务 · 铸造数字生产力</h2>
|
||
<p class="nhc-section-desc">
|
||
紧密围绕企业实际业务痛点，提供从底层中台架构、全场景移动端触点到前沿 AI 智能体的全栈定制研发服务。
|
||
</p>
|
||
<div class="nhc-line-divider"><span></span></div>
|
||
</div>
|
||
|
||
<div class="nhc-services-grid">
|
||
<!-- 核心服务一：软件开发 -->
|
||
<div class="nhc-service-card">
|
||
<span class="nhc-service-watermark">壹</span>
|
||
<div class="nhc-service-icon">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
|
||
</div>
|
||
<h3 class="nhc-service-title">软件开发</h3>
|
||
<p class="nhc-service-desc">
|
||
定制企业级业务中台与私有化核心系统，解决高并发性能瓶颈、数据孤岛与复杂业务逻辑流转难题。
|
||
</p>
|
||
<ul class="nhc-service-list">
|
||
<li class="nhc-service-item">企业微服务与分布式高可用架构</li>
|
||
<li class="nhc-service-item">业务中台整合与跨系统数据打通</li>
|
||
<li class="nhc-service-item">金融级数据加密与私有化安全部署</li>
|
||
<li class="nhc-service-item">严格代码质量审计与完整源码交付</li>
|
||
</ul>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
|
||
<span>了解软件开发方案</span>
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 核心服务二：APP与小程序定制 -->
|
||
<div class="nhc-service-card">
|
||
<span class="nhc-service-watermark">贰</span>
|
||
<div class="nhc-service-icon">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
|
||
</div>
|
||
<h3 class="nhc-service-title">APP与小程序定制</h3>
|
||
<p class="nhc-service-desc">
|
||
覆盖全端移动生态，深度定制 iOS/Android 原生与跨平台 APP，无缝接入微信、支付宝及抖音多端小程序。
|
||
</p>
|
||
<ul class="nhc-service-list">
|
||
<li class="nhc-service-item">iOS / Android 跨平台高性能统一框架</li>
|
||
<li class="nhc-service-item">微信小程序、企业微信生态深度闭环</li>
|
||
<li class="nhc-service-item">蓝牙硬件、物联网 IoT 边缘设备对接</li>
|
||
<li class="nhc-service-item">60fps 丝滑交互与极致首屏加载性能</li>
|
||
</ul>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
|
||
<span>查看移动端定制能力</span>
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 核心服务三：智能体开发 -->
|
||
<div class="nhc-service-card">
|
||
<span class="nhc-service-watermark">叁</span>
|
||
<div class="nhc-service-icon">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14.93V17a1 1 0 0 1-2 0v-.07A7 7 0 1 1 18.93 11H19a1 1 0 0 1 0 2h-.07A7 7 0 0 1 13 16.93zM12 6a6 6 0 1 0 6 6 6 6 0 0 0-6-6z"/></svg>
|
||
</div>
|
||
<h3 class="nhc-service-title">智能体开发</h3>
|
||
<p class="nhc-service-desc">
|
||
聚焦垂直领域大模型工程化落地，研发具备深度业务推理、企业知识库检索（RAG）与自主工作流调度的高阶 Agent。
|
||
</p>
|
||
<ul class="nhc-service-list">
|
||
<li class="nhc-service-item">私域知识库 RAG 向量检索与精准问答</li>
|
||
<li class="nhc-service-item">多智能体（Multi-Agent）协同决策与执行</li>
|
||
<li class="nhc-service-item">业务审批、数据分析与工单智能自动化</li>
|
||
<li class="nhc-service-item">大模型本地私有化部署与敏感数据防护</li>
|
||
</ul>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>19,':sid'=>19])}" class="nhc-service-link">
|
||
<span>探索智能体落地案例</span>
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 服务入口 (Services Section) 结束 -->
|
||
|
||
|
||
<!-- 3. 产品矩阵入口 (Products Section) 开始 -->
|
||
<section id="products" class="nhc-products">
|
||
<div class="nhc-container">
|
||
<div class="nhc-section-header">
|
||
<div class="nhc-section-tag">
|
||
<span class="nhc-seal">核心产品</span>
|
||
<span class="nhc-tag-text">STANDARDIZED SOLUTIONS</span>
|
||
</div>
|
||
<h2 class="nhc-section-title">四大成熟产品矩阵 · 即开即用的商业驱动力</h2>
|
||
<p class="nhc-section-desc">
|
||
标准化模块架构，兼具高灵活性与成熟稳定性，全面支持公有云 SaaS 订阅与专有私有化买断部署。
|
||
</p>
|
||
<div class="nhc-line-divider"><span></span></div>
|
||
</div>
|
||
|
||
<div class="nhc-products-grid">
|
||
<!-- 产品 1：商城 -->
|
||
<div class="nhc-product-card">
|
||
<div class="nhc-product-header">
|
||
<span class="nhc-product-type-badge">新零售 · 全渠道</span>
|
||
<h3 class="nhc-product-name">商城</h3>
|
||
<p class="nhc-product-desc">
|
||
B2B2C 多商户入驻、社交裂变营销与全域私域流量精细化运营商城系统。
|
||
</p>
|
||
</div>
|
||
<ul class="nhc-product-features">
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>微信、H5、APP 三端订单与数据无缝同步</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>分销裂变、拼团秒杀、积分抵扣营销工具</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>供应商结算与自动佣金分账体系</span>
|
||
</li>
|
||
</ul>
|
||
<div class="nhc-product-footer">
|
||
<span class="nhc-product-tag">支持 SaaS / 私有化</span>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产品 2：收银 -->
|
||
<div class="nhc-product-card">
|
||
<div class="nhc-product-header">
|
||
<span class="nhc-product-type-badge">智慧门店 · 秒级结算</span>
|
||
<h3 class="nhc-product-name">收银</h3>
|
||
<p class="nhc-product-desc">
|
||
软硬件一体化智能收银系统，毫秒级结算响应，无缝适配各类商超零售与餐饮连锁。
|
||
</p>
|
||
</div>
|
||
<ul class="nhc-product-features">
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>聚合支付秒级核销（微信/支付宝/银行卡）</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>网络中断离线记账，联网自动双向对账</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>全面兼容扫码枪、计价秤、小票打印硬件</span>
|
||
</li>
|
||
</ul>
|
||
<div class="nhc-product-footer">
|
||
<span class="nhc-product-tag">软硬件深度集成</span>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">申请演示</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产品 3：进销存 -->
|
||
<div class="nhc-product-card">
|
||
<div class="nhc-product-header">
|
||
<span class="nhc-product-type-badge">业财一体 · 精细管控</span>
|
||
<h3 class="nhc-product-name">进销存</h3>
|
||
<p class="nhc-product-desc">
|
||
采购、销售、仓储与财务全链路打通的云进销存 ERP，消除呆滞料，盘活现金流。
|
||
</p>
|
||
</div>
|
||
<ul class="nhc-product-features">
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>多级仓库实时智能调拨与安全库存预警</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>批次管理与全生命周期保质期扫码溯源</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>自动生成经营毛利分析与多维度财务报表</span>
|
||
</li>
|
||
</ul>
|
||
<div class="nhc-product-footer">
|
||
<span class="nhc-product-tag">业财协同标准版</span>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-outline nhc-btn-sm">查看详情</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产品 4：SaaS版本 -->
|
||
<div class="nhc-product-card">
|
||
<div class="nhc-product-header">
|
||
<span class="nhc-product-type-badge">云原生 · 高可用</span>
|
||
<h3 class="nhc-product-name">SaaS版本</h3>
|
||
<p class="nhc-product-desc">
|
||
多租户云原生架构 SaaS 平台，开箱即用，免运维部署，伴随企业规模弹性扩展。
|
||
</p>
|
||
</div>
|
||
<ul class="nhc-product-features">
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>多租户物理/逻辑强隔离，数据主权严密受控</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>弹性容器集群与自动故障转移，99.99% 高可用</span>
|
||
</li>
|
||
<li class="nhc-product-feat-item">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
|
||
<span>提供丰富标准 OpenAPI 与第三方生态扩展</span>
|
||
</li>
|
||
</ul>
|
||
<div class="nhc-product-footer">
|
||
<span class="nhc-product-tag">按需订阅 / 极速交付</span>
|
||
<a href="{:addon_url('official/web.official_product/list',[':pid'=>22,':sid'=>22])}" class="nhc-btn nhc-btn-primary nhc-btn-sm">立即开通</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 产品矩阵入口 (Products Section) 结束 -->
|
||
|
||
|
||
<!-- 4. 案例入口 (Cases Section) 开始 -->
|
||
<section id="cases" class="nhc-cases">
|
||
<div class="nhc-container">
|
||
<div class="nhc-section-header">
|
||
<div class="nhc-section-tag">
|
||
<span class="nhc-seal">标杆案例</span>
|
||
<span class="nhc-tag-text">PROVEN OUTCOMES</span>
|
||
</div>
|
||
<h2 class="nhc-section-title">精选实践成果 · 严谨数据验证</h2>
|
||
<p class="nhc-section-desc">
|
||
我们以扎实的工程交付标准，为各行业客户交付经得起业务考验的数字化解决方案。
|
||
</p>
|
||
<div class="nhc-line-divider"><span></span></div>
|
||
</div>
|
||
|
||
<div class="nhc-cases-grid">
|
||
<!-- 案例 1 -->
|
||
<div class="nhc-case-card">
|
||
<div class="nhc-case-meta">
|
||
<span class="nhc-case-category">商贸批发 · 数字化中台</span>
|
||
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
|
||
</div>
|
||
<h3 class="nhc-case-title">大型快消供应链集团「全渠道分销商城与订货中台」</h3>
|
||
<div class="nhc-case-details">
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">业务挑战</span>
|
||
<span class="nhc-case-detail-content">跨区域经销商价格体系混乱，传统人工抄单错漏率高，订单处理周期超过 24 小时。</span>
|
||
</div>
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">解决方案</span>
|
||
<span class="nhc-case-detail-content">搭建纳海川定制 B2B 分销中台，接入灵活等级阶梯价、信用授信账期管控及自动化拆单履约。</span>
|
||
</div>
|
||
</div>
|
||
<div class="nhc-case-metrics-bar">
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">65%</div>
|
||
<div class="nhc-case-metric-sub">订单处理效率提升</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">0.02%</div>
|
||
<div class="nhc-case-metric-sub">人工错单率降至</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">10W+</div>
|
||
<div class="nhc-case-metric-sub">日峰值订单处理</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 案例 2 -->
|
||
<div class="nhc-case-card">
|
||
<div class="nhc-case-meta">
|
||
<span class="nhc-case-category">连锁零售 · 软硬件一体</span>
|
||
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
|
||
</div>
|
||
<h3 class="nhc-case-title">知名区域连锁餐饮「全场景智能收银与门店一体化」</h3>
|
||
<div class="nhc-case-details">
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">业务挑战</span>
|
||
<span class="nhc-case-detail-content">就餐高峰期前台排队拥堵严重，前厅与后厨信息断层，各门店原物料损耗无法实时溯源。</span>
|
||
</div>
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">解决方案</span>
|
||
<span class="nhc-case-detail-content">上线一体化收银系统与后厨 KDS 联动看板，打通扫码点单、聚合支付与实时扣料核销。</span>
|
||
</div>
|
||
</div>
|
||
<div class="nhc-case-metrics-bar">
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">70%</div>
|
||
<div class="nhc-case-metric-sub">排队结算耗时缩短</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">28%</div>
|
||
<div class="nhc-case-metric-sub">物料损耗有效降低</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">300+</div>
|
||
<div class="nhc-case-metric-sub">全国门店稳定部署</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 案例 3 -->
|
||
<div class="nhc-case-card">
|
||
<div class="nhc-case-meta">
|
||
<span class="nhc-case-category">智能制造 · 进销存ERP</span>
|
||
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
|
||
</div>
|
||
<h3 class="nhc-case-title">高端装备制造企业「生产进销存与供应链敏捷协同」</h3>
|
||
<div class="nhc-case-details">
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">业务挑战</span>
|
||
<span class="nhc-case-detail-content">零部件品类繁多达数万种，采购节拍与装配需求严重脱节，呆滞库存占用大量资金。</span>
|
||
</div>
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">解决方案</span>
|
||
<span class="nhc-case-detail-content">定制落地精益进销存 ERP，建立动态物料 BOM 匹配、安全库存预警与供应商端协同门户。</span>
|
||
</div>
|
||
</div>
|
||
<div class="nhc-case-metrics-bar">
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">42%</div>
|
||
<div class="nhc-case-metric-sub">综合库存周转率提升</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">55%</div>
|
||
<div class="nhc-case-metric-sub">呆滞积压料降低</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">35%</div>
|
||
<div class="nhc-case-metric-sub">采购采购周期缩短</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 案例 4 -->
|
||
<div class="nhc-case-card">
|
||
<div class="nhc-case-meta">
|
||
<span class="nhc-case-category">政企服务 · AI智能体</span>
|
||
<span class="nhc-seal" style="font-size: 11px;">成果验证</span>
|
||
</div>
|
||
<h3 class="nhc-case-title">知识密集型政务机构「专属 RAG 业务审核智能体」</h3>
|
||
<div class="nhc-case-details">
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">业务挑战</span>
|
||
<span class="nhc-case-detail-content">政策法规与历史档案跨越数十年，人工查证检索费时耗力，初审标准难以保证统一严谨。</span>
|
||
</div>
|
||
<div class="nhc-case-detail-row">
|
||
<span class="nhc-case-detail-label">解决方案</span>
|
||
<span class="nhc-case-detail-content">构建基于私有大模型与向量数据库的 RAG 智能体，自动检索法规依据并输出规范化审核建议。</span>
|
||
</div>
|
||
</div>
|
||
<div class="nhc-case-metrics-bar">
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num"><1.5s</div>
|
||
<div class="nhc-case-metric-sub">复杂问答检索耗时</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">85%</div>
|
||
<div class="nhc-case-metric-sub">初审人工耗时缩减</div>
|
||
</div>
|
||
<div class="nhc-case-metric-box">
|
||
<div class="nhc-case-metric-num">94.6%</div>
|
||
<div class="nhc-case-metric-sub">业务采纳准确率</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="text-align: center; margin-top: 48px;">
|
||
<a href="{:addon_url('official/web.official_case_show/list',[':pid'=>14,':sid'=>14])}" class="nhc-btn nhc-btn-outline nhc-btn-lg">
|
||
<span>浏览全部标杆案例</span>
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 案例入口 (Cases Section) 结束 -->
|
||
|
||
|
||
<!-- 5. 全生命周期交付流程 (Process Section) 开始 -->
|
||
<section id="process" class="nhc-process">
|
||
<div class="nhc-container">
|
||
<div class="nhc-section-header">
|
||
<div class="nhc-section-tag">
|
||
<span class="nhc-seal">交付体系</span>
|
||
<span class="nhc-tag-text">STANDARD METHODOLOGY</span>
|
||
</div>
|
||
<h2 class="nhc-section-title">五步严谨工程法 · 全生命周期守护</h2>
|
||
<p class="nhc-section-desc">
|
||
恪守现代中式工匠规矩与敏捷工程标准，每一步都有明确的标准产出与质量验收节点。
|
||
</p>
|
||
<div class="nhc-line-divider"><span></span></div>
|
||
</div>
|
||
|
||
<div class="nhc-process-flow">
|
||
<!-- 步骤 1 -->
|
||
<div class="nhc-process-card">
|
||
<div class="nhc-process-step-num">01</div>
|
||
<h4 class="nhc-process-step-title">需求深度研判</h4>
|
||
<p class="nhc-process-step-desc">
|
||
格物致知，派驻资深架构师深入业务一线，全流程梳理业务痛点，产出详尽需求规格蓝图。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 步骤 2 -->
|
||
<div class="nhc-process-card">
|
||
<div class="nhc-process-step-num">02</div>
|
||
<h4 class="nhc-process-step-title">架构严谨立骨</h4>
|
||
<p class="nhc-process-step-desc">
|
||
经纬分明，制定高可用系统拓扑、高安全数据底座、微服务治理及应对极端峰值的应急预案。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 步骤 3 -->
|
||
<div class="nhc-process-card">
|
||
<div class="nhc-process-step-num">03</div>
|
||
<h4 class="nhc-process-step-title">敏捷测试驱动</h4>
|
||
<p class="nhc-process-step-desc">
|
||
精工细琢，严格遵循 TDD 模式与 CI/CD 自动化流水线，代码评审严苛，确保无缺陷交付。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 步骤 4 -->
|
||
<div class="nhc-process-card">
|
||
<div class="nhc-process-step-num">04</div>
|
||
<h4 class="nhc-process-step-title">高压安全审计</h4>
|
||
<p class="nhc-process-step-desc">
|
||
严审磐石，全路径模拟超负荷并发压力测试，配合权威渗透扫描与合规校验，坚固如磐。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 步骤 5 -->
|
||
<div class="nhc-process-card">
|
||
<div class="nhc-process-step-num">05</div>
|
||
<h4 class="nhc-process-step-title">私有化与维保</h4>
|
||
<p class="nhc-process-step-desc">
|
||
笃行护航，专业工程师实地或专网部署交付，提供完善运维赋能培训与 7x24 持续演进支持。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 交付流程 (Process Section) 结束 -->
|
||
|
||
|
||
<!-- 6. 客户评价与合作伙伴 (Testimonials & Clients) 开始 -->
|
||
<section class="nhc-testimonials">
|
||
<div class="nhc-container">
|
||
<div class="nhc-section-header">
|
||
<div class="nhc-section-tag">
|
||
<span class="nhc-seal">信赖之选</span>
|
||
<span class="nhc-tag-text">VOICE OF PARTNERS</span>
|
||
</div>
|
||
<h2 class="nhc-section-title">客户信赖之选 · 见证长期价值同行</h2>
|
||
<p class="nhc-section-desc">
|
||
我们珍视每一次托付，用稳定运行的系统与专业的态度赢得长期战略合作伙伴的由衷认可。
|
||
</p>
|
||
<div class="nhc-line-divider"><span></span></div>
|
||
</div>
|
||
|
||
<div class="nhc-testimonials-grid">
|
||
<div class="nhc-testimonial-card">
|
||
<div class="nhc-quote-icon">“</div>
|
||
<p class="nhc-testimonial-text">
|
||
纳海川团队展现了极强的架构能力与业务敏锐度。在极短周期内为我们重构了 B2B 订货中台，不仅顶住了销售大促的高峰压力，更彻底解决了困扰我们多年的库存对账误差问题。
|
||
</p>
|
||
<div class="nhc-testimonial-author">
|
||
<div class="nhc-author-avatar">张</div>
|
||
<div class="nhc-author-info">
|
||
<span class="nhc-author-name">张立伟</span>
|
||
<span class="nhc-author-role">供应链流通集团 · 数字化技术总监</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nhc-testimonial-card">
|
||
<div class="nhc-quote-icon">“</div>
|
||
<p class="nhc-testimonial-text">
|
||
收银与门店进销存系统在 300 多家连锁门店上线后，收银员上手迅速，几乎没有出现过死机或掉单情况。即使遇到网络故障，离线记账功能也能平稳过度，让我们非常安心。
|
||
</p>
|
||
<div class="nhc-testimonial-author">
|
||
<div class="nhc-author-avatar">李</div>
|
||
<div class="nhc-author-info">
|
||
<span class="nhc-author-name">李青蓉</span>
|
||
<span class="nhc-author-role">连锁新零售品牌 · 运营副总裁</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="nhc-testimonial-card">
|
||
<div class="nhc-quote-icon">“</div>
|
||
<p class="nhc-testimonial-text">
|
||
在企业级 AI 智能体开发上，纳海川团队的技术储备令人印象深刻。搭建的专属 RAG 知识库检索准确率极高，而且在私有化部署和数据合规上做得滴水不漏，值得托付。
|
||
</p>
|
||
<div class="nhc-testimonial-author">
|
||
<div class="nhc-author-avatar">王</div>
|
||
<div class="nhc-author-info">
|
||
<span class="nhc-author-name">王振邦</span>
|
||
<span class="nhc-author-role">智能制造装备企业 · 首席信息官 CIO</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 合作企业展位 -->
|
||
<div style="text-align: center; margin-bottom: 24px;">
|
||
<span style="font-size: 13px; letter-spacing: 2px; color: var(--text-muted); text-transform: uppercase;">服务涵盖政企金融、先进制造、新零售及现代物流领域的领先组织</span>
|
||
</div>
|
||
<div class="nhc-clients-grid">
|
||
<div class="nhc-client-item">贵阳商贸供应链</div>
|
||
<div class="nhc-client-item">西南智能制造</div>
|
||
<div class="nhc-client-item">黔信互联科技</div>
|
||
<div class="nhc-client-item">连锁零售商超</div>
|
||
<div class="nhc-client-item">智慧农特产业</div>
|
||
<div class="nhc-client-item">现代医药物流</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 客户评价与合作伙伴 结束 -->
|
||
|
||
|
||
<!-- 7. 底部行动号召 (CTA Section) 开始 -->
|
||
<section id="contact" class="nhc-cta">
|
||
<div class="nhc-container">
|
||
<div class="nhc-cta-inner">
|
||
<div class="nhc-cta-content">
|
||
<span class="nhc-seal" style="background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); color: #FFFFFF; margin-bottom: 12px;">立即携手</span>
|
||
<h2 class="nhc-cta-title">准备好开启新一代数字化与智能化升级了吗？</h2>
|
||
<p class="nhc-cta-desc">
|
||
资深系统架构师与业务专家团队随时待命，为您提供深度业务剖析、架构建议与原型演示，24 小时内快速响应对接。
|
||
</p>
|
||
</div>
|
||
<div class="nhc-cta-buttons">
|
||
<a href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}" class="nhc-btn nhc-cta-btn-light nhc-btn-lg">
|
||
<span>立即提交需求预约</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||
</a>
|
||
<a href="tel:{:__config('site_mobile','value')}" class="nhc-btn nhc-cta-btn-ghost nhc-btn-lg">
|
||
<span>致电专家热线</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 底部行动号召 (CTA Section) 结束 -->
|
||
|
||
<!-- 首页主体 结束 -->
|
||
{/block}
|
||
|
||
{block name="js"}
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
var carousel = document.getElementById('nhcHeroCarousel');
|
||
if (!carousel) return;
|
||
|
||
var slides = carousel.querySelectorAll('.nhc-carousel-slide');
|
||
var dots = carousel.querySelectorAll('.nhc-carousel-dot');
|
||
var prevBtn = document.getElementById('nhcPrevBtn');
|
||
var nextBtn = document.getElementById('nhcNextBtn');
|
||
var currentIndex = 0;
|
||
var totalSlides = slides.length;
|
||
var autoPlayTimer = null;
|
||
var intervalDuration = 6000;
|
||
|
||
function goToSlide(index) {
|
||
if (index < 0) {
|
||
index = totalSlides - 1;
|
||
} else if (index >= totalSlides) {
|
||
index = 0;
|
||
}
|
||
|
||
slides.forEach(function(slide, i) {
|
||
if (i === index) {
|
||
slide.classList.add('active');
|
||
} else {
|
||
slide.classList.remove('active');
|
||
}
|
||
});
|
||
|
||
dots.forEach(function(dot, i) {
|
||
if (i === index) {
|
||
dot.classList.add('active');
|
||
} else {
|
||
dot.classList.remove('active');
|
||
}
|
||
});
|
||
|
||
currentIndex = index;
|
||
}
|
||
|
||
function nextSlide() {
|
||
goToSlide(currentIndex + 1);
|
||
}
|
||
|
||
function prevSlide() {
|
||
goToSlide(currentIndex - 1);
|
||
}
|
||
|
||
function startAutoPlay() {
|
||
stopAutoPlay();
|
||
autoPlayTimer = setInterval(nextSlide, intervalDuration);
|
||
}
|
||
|
||
function stopAutoPlay() {
|
||
if (autoPlayTimer) {
|
||
clearInterval(autoPlayTimer);
|
||
autoPlayTimer = null;
|
||
}
|
||
}
|
||
|
||
if (prevBtn) {
|
||
prevBtn.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
prevSlide();
|
||
startAutoPlay();
|
||
});
|
||
}
|
||
|
||
if (nextBtn) {
|
||
nextBtn.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
nextSlide();
|
||
startAutoPlay();
|
||
});
|
||
}
|
||
|
||
dots.forEach(function(dot) {
|
||
dot.addEventListener('click', function() {
|
||
var targetIdx = parseInt(this.getAttribute('data-goto'), 10);
|
||
if (!isNaN(targetIdx)) {
|
||
goToSlide(targetIdx);
|
||
startAutoPlay();
|
||
}
|
||
});
|
||
});
|
||
|
||
carousel.addEventListener('mouseenter', stopAutoPlay);
|
||
carousel.addEventListener('mouseleave', startAutoPlay);
|
||
|
||
// 触摸滑动支持
|
||
var touchStartX = 0;
|
||
var touchEndX = 0;
|
||
carousel.addEventListener('touchstart', function(e) {
|
||
touchStartX = e.changedTouches[0].screenX;
|
||
stopAutoPlay();
|
||
}, { passive: true });
|
||
|
||
carousel.addEventListener('touchend', function(e) {
|
||
touchEndX = e.changedTouches[0].screenX;
|
||
if (touchStartX - touchEndX > 50) {
|
||
nextSlide();
|
||
} else if (touchEndX - touchStartX > 50) {
|
||
prevSlide();
|
||
}
|
||
startAutoPlay();
|
||
}, { passive: true });
|
||
|
||
document.addEventListener('visibilitychange', function() {
|
||
if (document.hidden) {
|
||
stopAutoPlay();
|
||
} else {
|
||
startAutoPlay();
|
||
}
|
||
});
|
||
|
||
startAutoPlay();
|
||
});
|
||
</script>
|
||
{/block} |