{extend name="web/official_common/mobile/base" /} {block name="content"}
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 开始 -->
<div
    class="nhc-mobile-about-page"
    style="background: #f8fafc; min-height: 100vh; padding-bottom: 60px"
>
    <!-- 1. 移动端 Hero 视窗 -->
    <div
        style="
            background: #ffffff;
            padding: 28px 16px 24px;
            border-bottom: 1px solid #e2e8f0;
            text-align: center;
        "
    >
        <div style="margin-bottom: 10px">
            <span class="nhc-seal" style="padding: 2px 10px; font-size: 11px"
                >自主可控 · 源码交付</span
            >
        </div>
        <h1
            style="
                font-family:
                    &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
                font-size: 20px;
                font-weight: 700;
                color: #0f172a;
                margin: 0 0 10px 0;
                line-height: 1.4;
            "
        >
            十年技术积累 · 专注自主可控软件研发
        </h1>

        <p
            style="
                font-size: 13px;
                color: #64748b;
                margin: 0;
                line-height: 1.6;
                text-align: justify;
            "
        >
            贵阳纳海川科技有限公司专注于企业级软件定制开发、全场景移动端与小程序定制、私有化
            AI
            智能体及商业数字化软件研发。交付完整工程源码与全套开发文档，支持私有化部署与后续维护。
        </p>
    </div>

    <!-- 2. 研发三大准则 -->
    <div style="padding: 20px 16px">
        <div style="text-align: center; margin-bottom: 16px">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
                >研发准则</span
            >
            <h2
                style="
                    font-family:
                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
                    font-size: 17px;
                    font-weight: 700;
                    color: #0f172a;
                    margin: 6px 0 0;
                "
            >
                扎实工程实践 · 交付自主可控软件
            </h2>
        </div>

        <div style="display: flex; flex-direction: column; gap: 12px">
            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                    border-left: 3px solid #2563eb;
                "
            >
                <h3
                    style="
                        font-family: &quot;Noto Serif SC&quot;, serif;
                        font-size: 15px;
                        font-weight: 700;
                        color: #0f172a;
                        margin: 0 0 6px;
                    "
                >
                    自主可控研发 · 拒绝低质套壳代码
                </h3>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.6;
                    "
                >
                    核心业务逻辑遵循规范自主编写，交付完整工程源码，支持客户自主维护与代码审计。
                </p>
            </div>
            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                    border-left: 3px solid #06b6d4;
                "
            >
                <h3
                    style="
                        font-family: &quot;Noto Serif SC&quot;, serif;
                        font-size: 15px;
                        font-weight: 700;
                        color: #0f172a;
                        margin: 0 0 6px;
                    "
                >
                    标准化开放架构 · 对接企业系统
                </h3>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.6;
                    "
                >
                    具备标准 API 接口规范，对接企业既有 ERP、WMS
                    仓储及第三方平台。
                </p>
            </div>
            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                    border-left: 3px solid #7c3aed;
                "
            >
                <h3
                    style="
                        font-family: &quot;Noto Serif SC&quot;, serif;
                        font-size: 15px;
                        font-weight: 700;
                        color: #0f172a;
                        margin: 0 0 6px;
                    "
                >
                    严谨工程质量管理 · 支撑系统稳定运行
                </h3>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.6;
                    "
                >
                    全流程实行规范化代码审查与自动化测试，把控质量与性能，推动系统平稳上线。
                </p>
            </div>
        </div>
    </div>

    <!-- 3. 十年技术演进历程 -->
    <div
        style="
            background: #ffffff;
            border-top: 1px solid #e2e8f0;
            border-bottom: 1px solid #e2e8f0;
            padding: 22px 16px;
        "
    >
        <div style="text-align: center; margin-bottom: 16px">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
                >演进轨迹</span
            >
            <h2
                style="
                    font-family:
                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
                    font-size: 17px;
                    font-weight: 700;
                    color: #0f172a;
                    margin: 6px 0 0;
                "
            >
                十年技术积累与发展历程
            </h2>
        </div>
        <div
            style="
                position: relative;
                padding-left: 20px;
                border-left: 2px solid #e2e8f0;
                margin-left: 10px;
            "
        >
            <div style="margin-bottom: 18px; position: relative">
                <div
                    style="
                        position: absolute;
                        left: -26px;
                        top: 2px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #2563eb;
                    "
                ></div>
                <div style="font-size: 12px; font-weight: 700; color: #2563eb">
                    2016 初创起步
                </div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px">
                    专注政企与商业软件定制，确立自主可控的微服务技术体系
                </div>
            </div>
            <div style="margin-bottom: 18px; position: relative">
                <div
                    style="
                        position: absolute;
                        left: -26px;
                        top: 2px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #06b6d4;
                    "
                ></div>
                <div style="font-size: 12px; font-weight: 700; color: #06b6d4">
                    2019 商业系统成型
                </div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px">
                    发布商城、智能收银与进销存管理系统，服务实体商户
                </div>
            </div>
            <div style="margin-bottom: 18px; position: relative">
                <div
                    style="
                        position: absolute;
                        left: -26px;
                        top: 2px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #7c3aed;
                    "
                ></div>
                <div style="font-size: 12px; font-weight: 700; color: #7c3aed">
                    2022 工程体系升级
                </div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px">
                    推行规范化代码审查与全流程测试，建立业务中台底座
                </div>
            </div>

            <div style="position: relative">
                <div
                    style="
                        position: absolute;
                        left: -26px;
                        top: 2px;
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #b91c1c;
                    "
                ></div>
                <div style="font-size: 12px; font-weight: 700; color: #b91c1c">
                    2024~2026 AI 智能体跨越
                </div>
                <div style="font-size: 12px; color: #475569; margin-top: 2px">
                    推出私有化垂直大模型与 RAG 智能体平台
                </div>
            </div>
        </div>
    </div>

    <!-- 4. 技术团队专家阵容 (Team) -->
    <div style="padding: 22px 16px">
        <div style="text-align: center; margin-bottom: 16px">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
                >核心团队</span
            >
            <h2
                style="
                    font-family:
                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
                    font-size: 17px;
                    font-weight: 700;
                    color: #0f172a;
                    margin: 6px 0 0;
                "
            >
                纳海川核心技术团队
            </h2>
        </div>

        <div style="display: flex; flex-direction: column; gap: 12px">
            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                "
            >
                <div
                    style="
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-bottom: 8px;
                    "
                >
                    <img
                        src="__ADDON__/images/showcases/team_architect.svg"
                        alt="首席系统架构师徽章"
                        style="width: 46px; height: 46px; flex-shrink: 0"
                    />
                    <div>
                        <h3
                            style="
                                font-family: &quot;Noto Serif SC&quot;, serif;
                                font-size: 15px;
                                font-weight: 700;
                                color: #0f172a;
                                margin: 0;
                            "
                        >
                            首席系统架构师
                        </h3>
                        <span
                            style="
                                font-size: 11px;
                                color: #2563eb;
                                font-weight: 600;
                            "
                            >技术总监</span
                        >
                    </div>
                </div>
                <div
                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
                >
                    多年大型系统架构经验 · 系统架构专家
                </div>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.5;
                    "
                >
                    主导业务中台与纳海川底层交易引擎。
                </p>
            </div>

            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                "
            >
                <div
                    style="
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-bottom: 8px;
                    "
                >
                    <img
                        src="__ADDON__/images/showcases/team_fullstack.svg"
                        alt="全栈研发总监徽章"
                        style="width: 46px; height: 46px; flex-shrink: 0"
                    />
                    <div>
                        <h3
                            style="
                                font-family: &quot;Noto Serif SC&quot;, serif;
                                font-size: 15px;
                                font-weight: 700;
                                color: #0f172a;
                                margin: 0;
                            "
                        >
                            全栈研发总监
                        </h3>
                        <span
                            style="
                                font-size: 11px;
                                color: #06b6d4;
                                font-weight: 600;
                            "
                            >工程交付主管</span
                        >
                    </div>
                </div>
                <div
                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
                >
                    企业软件工程经验 · 供应链系统负责人
                </div>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.5;
                    "
                >
                    主导商业进销存、收银及供应链系统研发。
                </p>
            </div>

            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                "
            >
                <div
                    style="
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-bottom: 8px;
                    "
                >
                    <img
                        src="__ADDON__/images/showcases/team_ai.svg"
                        alt="AI智能体算法主管徽章"
                        style="width: 46px; height: 46px; flex-shrink: 0"
                    />
                    <div>
                        <h3
                            style="
                                font-family: &quot;Noto Serif SC&quot;, serif;
                                font-size: 15px;
                                font-weight: 700;
                                color: #0f172a;
                                margin: 0;
                            "
                        >
                            AI 智能体算法主管
                        </h3>
                        <span
                            style="
                                font-size: 11px;
                                color: #7c3aed;
                                font-weight: 600;
                            "
                            >前沿技术带头人</span
                        >
                    </div>
                </div>
                <div
                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
                >
                    计算机硕士 · 私有 RAG 与 Agent 工作流
                </div>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.5;
                    "
                >
                    专注于政企内网环境大模型微调与多智能体工作流协同。
                </p>
            </div>

            <div
                style="
                    background: #ffffff;
                    border-radius: 6px;
                    border: 1px solid #e2e8f0;
                    padding: 16px;
                "
            >
                <div
                    style="
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-bottom: 8px;
                    "
                >
                    <img
                        src="__ADDON__/images/showcases/team_security.svg"
                        alt="质量与安全合规专家徽章"
                        style="width: 46px; height: 46px; flex-shrink: 0"
                    />
                    <div>
                        <h3
                            style="
                                font-family: &quot;Noto Serif SC&quot;, serif;
                                font-size: 15px;
                                font-weight: 700;
                                color: #0f172a;
                                margin: 0;
                            "
                        >
                            质量与安全合规专家
                        </h3>
                        <span
                            style="
                                font-size: 11px;
                                color: #059669;
                                font-weight: 600;
                            "
                            >CISSP 专家</span
                        >
                    </div>
                </div>
                <div
                    style="font-size: 11px; color: #64748b; margin-bottom: 6px"
                >
                    CISSP / ISO 9001/27001 审计师
                </div>
                <p
                    style="
                        font-size: 12px;
                        color: #475569;
                        margin: 0;
                        line-height: 1.5;
                    "
                >
                    推行规范化代码审查与全流程测试，落实等保合规要求。
                </p>
            </div>
        </div>
    </div>

    <!-- 5. 法定资质与软著资产 (Qualifications) -->
    <div
        style="
            background: #ffffff;
            border-top: 1px solid #e2e8f0;
            border-bottom: 1px solid #e2e8f0;
            padding: 22px 16px;
        "
    >
        <div style="text-align: center; margin-bottom: 16px">
            <span class="nhc-seal" style="padding: 2px 8px; font-size: 11px"
                >资质背书</span
            >
            <h2
                style="
                    font-family:
                        &quot;Noto Serif SC&quot;, &quot;SimSun&quot;, serif;
                    font-size: 17px;
                    font-weight: 700;
                    color: #0f172a;
                    margin: 6px 0 0;
                "
            >
                法定资质与合规资产
            </h2>
        </div>
        <div
            style="
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
                margin-bottom: 16px;
            "
        >
            <div
                style="
                    background: #f8fafc;
                    border: 1px solid #e2e8f0;
                    border-radius: 4px;
                    padding: 12px 8px;
                    text-align: center;
                "
            >
                <img
                    src="__ADDON__/images/showcases/cert_hi_tech.svg"
                    alt="国家高新技术企业"
                    style="height: 36px; width: auto; margin-bottom: 6px"
                />
                <div style="font-size: 12px; font-weight: 700; color: #0f172a">
                    国家高新技术企业
                </div>
                <div style="font-size: 10px; color: #64748b; margin-top: 2px">
                    官方机构备案认定
                </div>
            </div>
            <div
                style="
                    background: #f8fafc;
                    border: 1px solid #e2e8f0;
                    border-radius: 4px;
                    padding: 12px 8px;
                    text-align: center;
                "
            >
                <div
                    class="nhc-seal"
                    style="margin-bottom: 8px; font-size: 10px"
                >
                    专业认证
                </div>
                <div style="font-size: 12px; font-weight: 700; color: #0f172a">
                    双软企业评估认证
                </div>
                <div style="font-size: 10px; color: #64748b; margin-top: 2px">
                    软件专业技术评估
                </div>
            </div>
            <div
                style="
                    background: #f8fafc;
                    border: 1px solid #e2e8f0;
                    border-radius: 4px;
                    padding: 12px 8px;
                    text-align: center;
                "
            >
                <img
                    src="__ADDON__/images/showcases/cert_iso9001.svg"
                    alt="ISO9001质量认证"
                    style="height: 36px; width: auto; margin-bottom: 6px"
                />
                <div style="font-size: 12px; font-weight: 700; color: #0f172a">
                    ISO 9001 质量认证
                </div>
                <div style="font-size: 10px; color: #64748b; margin-top: 2px">
                    标准化交付体系
                </div>
            </div>
            <div
                style="
                    background: #f8fafc;
                    border: 1px solid #e2e8f0;
                    border-radius: 4px;
                    padding: 12px 8px;
                    text-align: center;
                "
            >
                <div
                    class="nhc-seal"
                    style="margin-bottom: 8px; font-size: 10px"
                >
                    安全体系
                </div>
                <div style="font-size: 12px; font-weight: 700; color: #0f172a">
                    ISO 27001 安全认证
                </div>
                <div style="font-size: 10px; color: #64748b; margin-top: 2px">
                    信息安全合规标准
                </div>
            </div>
        </div>
        <div
            style="
                background: #f1f5f9;
                border-radius: 4px;
                padding: 12px;
                text-align: center;
            "
        >
            <span
                style="
                    font-family: &quot;Noto Serif SC&quot;, serif;
                    font-size: 20px;
                    font-weight: 700;
                    color: #2563eb;
                "
                >已登记</span
            >
            <span
                style="
                    font-size: 13px;
                    font-weight: 600;
                    color: #0f172a;
                    margin-left: 6px;
                "
                >国家计算机软件著作权</span
            >
            <div style="font-size: 11px; color: #64748b; margin-top: 4px">
                等保合规适配 · 完整源码交付与私有化部署
            </div>
        </div>
    </div>

    <!-- 6. 底部行动号召 CTA -->
    <div style="padding: 24px 16px; text-align: center">
        <h3
            style="
                font-family: &quot;Noto Serif SC&quot;, serif;
                font-size: 16px;
                font-weight: 700;
                color: #0f172a;
                margin: 0 0 8px 0;
            "
        >
            预约纳海川架构师方案研讨
        </h3>
        <p style="font-size: 12px; color: #64748b; margin: 0 0 16px 0">
            24 小时内快速响应对接，量身输出数字化实施方案
        </p>
        <a
            href="{:addon_url('official/web.official_online_message/list',[':pid'=>18,':sid'=>18])}"
            style="
                display: block;
                width: 100%;
                background: #2563eb;
                color: #ffffff;
                font-size: 14px;
                font-weight: 600;
                padding: 12px 0;
                border-radius: 4px;
                text-decoration: none;
            "
        >
            预约咨询
        </a>
    </div>
</div>
<!-- 纳海川官方网站 · 移动端关于我们独立页 (About Us Page Mobile) 结束 -->
{/block}