<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>华网畅达科技 | 数智化转型与AI内容创作引领者</title>
  <meta name="description" content="天津华网畅达科技有限公司 — 旗下拥有天元数智与素码科技，专注于政企数智化转型与AIGC内容创作">
  <link rel="preconnect" href="http://fonts.googleapis.com">
  <link rel="preconnect" href="http://fonts.gstatic.com" crossorigin>
  <link href="http://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/style.css">
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏢</text></svg>">
</head>
<body>

  <!-- ===== Header ===== -->
  <header class="site-header" id="header">
    <div class="header-inner">
      <a href="#hero" class="logo">
        <img src="images/logo.png" alt="华网畅达" class="logo-img">
      </a>
      <nav class="nav-links" id="navLinks">
        <a href="#about">公司简介</a>
        <a href="#business">业务布局</a>
        <a href="#tianyuan">天元数智</a>
        <a href="#suma">素码科技</a>
        <a href="#partners">合作伙伴</a>
        <a href="#contact">联系我们</a>
      </nav>
      <button class="menu-toggle" id="menuToggle" aria-label="菜单">
        <span></span><span></span><span></span>
      </button>
    </div>
  </header>

  <!-- ===== Hero ===== -->
  <section class="hero" id="hero">
    <div class="hero-grid-bg"></div>
    <div class="hero-content">
      <div class="hero-badge">数字化 · 智能化 · 内容创作</div>
      <h1>以科技驱动<span class="highlight">数智未来</span></h1>
      <p>天津华网畅达科技有限公司 — 深耕智慧营销、物联网与大数据分析，旗下天元数智与素码科技双轮驱动，为政企客户提供数智化转型与AI内容创作全栈服务。</p>
      <div class="hero-buttons">
        <a href="#about" class="btn btn-primary">了解更多 →</a>
        <a href="#contact" class="btn btn-outline">联系我们</a>
      </div>
      <div class="hero-stats">
        <div class="hero-stat">
          <span class="num">10+</span>
          <span class="label">年行业经验</span>
        </div>
        <div class="hero-stat">
          <span class="num">100+</span>
          <span class="label">服务企业</span>
        </div>
        <div class="hero-stat">
          <span class="num">30+</span>
          <span class="label">专业技术团队</span>
        </div>
        <div class="hero-stat">
          <span class="num">1万亿+</span>
          <span class="label">MA标识发放</span>
        </div>
      </div>
    </div>
    <div class="scroll-indicator">
      <span>向下滚动</span>
      <div class="arrow"></div>
    </div>
  </section>

  <!-- ===== About 华网畅达 ===== -->
  <section class="about-section" id="about">
    <div class="container">
      <div class="section-divider"></div>
      <h2 class="section-title">关于华网畅达</h2>
      <p class="section-subtitle">天津华网畅达科技有限公司是一家致力于利用物联网、大数据及人工智能前沿技术，为政府与企事业单位提供数字化、智能化整体解决方案的高科技企业。</p>
      <div class="about-grid">
        <div class="about-text">
          <h3>集团概况</h3>
          <p>天津华网畅达科技有限公司深耕智慧营销、物联网与大数据分析领域多年，积累了深厚的技术沉淀与行业经验。2025年，为顺应市场发展趋势、优化业务布局，公司将业务拆分为两大板块——<strong>政企IT解决方案</strong>与<strong>AI内容创作</strong>，分别由旗下全资子公司<strong>天元数智（天津）科技有限公司</strong>和成员企业<strong>天津素码科技有限公司</strong>独立运营。</p>
          <p>两大子公司协同发展，共享母公司技术与资源优势，形成了以"<strong>AI+标识+应用</strong>"为核心的技术能力体系，可满足从政企数字化转型到AI影视内容创作的全方位需求。</p>
          <ul>
            <li><span class="check">✓</span> 深耕行业十余年，服务覆盖政府、制造业、化工、食品等多领域</li>
            <li><span class="check">✓</span> 独家MA国际标识体系技术，全球三大国际组织认可</li>
            <li><span class="check">✓</span> AI+双轮驱动，政企数智化与AIGC内容创作协同发展</li>
            <li><span class="check">✓</span> 全栈交付能力：从咨询、设计、开发到部署运维一站式服务</li>
          </ul>
        </div>
        <div class="about-visual">
          <div class="about-card">
            <div class="icon">📊</div>
            <h4>智慧营销</h4>
            <p>大数据驱动的精准营销与用户洞察解决方案</p>
          </div>
          <div class="about-card">
            <div class="icon">🌐</div>
            <h4>物联网</h4>
            <p>设备互联、数据采集与工业协议深度集成</p>
          </div>
          <div class="about-card">
            <div class="icon">🤖</div>
            <h4>人工智能</h4>
            <p>大模型训练、RAG知识库与智能体平台</p>
          </div>
          <div class="about-card">
            <div class="icon">🔗</div>
            <h4>MA标识</h4>
            <p>ISO国际标准标识代码注册、解析与应用</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== Business Layout ===== -->
  <section class="biz-section" id="business">
    <div class="container">
      <div class="section-divider"></div>
      <h2 class="section-title">业务布局</h2>
      <p class="section-subtitle">华网畅达通过旗下两大业务实体，形成政企数智化与AI内容创作双核驱动的战略格局</p>
      <p class="biz-intro">
        2025年，华网畅达进行战略业务拆分：将<strong>政企IT解决方案</strong>业务独立为<strong>天元数智</strong>，专注于政府和企事业单位的数字化、智能化转型；将<strong>AI内容创作</strong>业务独立为<strong>素码科技</strong>，专注于AIGC领域的AI短剧制作与数字内容创作。两大子公司既独立运营又紧密协同，共享技术与客户资源。
        <button class="help-trigger" type="button">?<span class="help-popup">天元数智与素码科技同属华网畅达业务生态，前者侧重B端政企服务，后者侧重AIGC内容创作，两者在AI技术、数据资源等方面形成互补协同。</span></button>
      </p>
      <div class="biz-cards">
        <!-- 天元数智 Card -->
        <div class="biz-card">
          <div class="biz-card-header">
            <div class="biz-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">🏛️</div>
            <h3>天元数智 <span style="font-size:0.8rem;color:var(--text-light);font-weight:400;">全资子公司</span></h3>
            <p>专注于政企数智化转型，以"AI+标识+应用"为核心，提供从MA标识赋码到超算一体机部署的全栈式服务。</p>
          </div>
          <div class="biz-card-body">
            <ul>
              <li><span class="dot">▸</span> 基于MA-UNS的数智一体化平台（企业版 / 区域版）</li>
              <li><span class="dot">▸</span> AI智能中心：大模型管理 + RAG知识库 + 智能体</li>
              <li><span class="dot">▸</span> 数据运营中心：多维度分析、可视化看板、数据资产确权</li>
              <li><span class="dot">▸</span> 超算一体机部署：本地化大模型训练与推理</li>
            </ul>
          </div>
          <div class="biz-card-footer">
            <a href="#tianyuan">查看详情 →</a>
          </div>
        </div>
        <!-- 素码科技 Card -->
        <div class="biz-card">
          <div class="biz-card-header">
            <div class="biz-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">🎬</div>
            <h3>素码科技 <span style="font-size:0.8rem;color:var(--text-light);font-weight:400;">成员企业</span></h3>
            <p>专注于AIGC领域AI短剧制作与数字内容创作，以AI驱动创意，以技术赋能影视内容生产。</p>
          </div>
          <div class="biz-card-body">
            <ul>
              <li><span class="dot">▸</span> AI真人海外短剧——从剧本到成片全流程AI制作</li>
              <li><span class="dot">▸</span> 标准化AI短剧流水线：剧本解析 → 角色设计 → 分镜生成 → 视频成片</li>
              <li><span class="dot">▸</span> 云端+本地双平台：即梦AI / 小云雀 / Seedance / ComfyUI</li>
              <li><span class="dot">▸</span> 30+人专业团队，与哪吒小镇共建制作基地</li>
            </ul>
          </div>
          <div class="biz-card-footer">
            <a href="#suma">查看详情 →</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 天元数智 Section ===== -->
  <section class="sub-section" id="tianyuan">
    <div class="container">
      <div class="sub-header">
        <div class="sub-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">🏛️</div>
        <h2>天元数智（天津）科技有限公司</h2>
        <p>华网畅达全资子公司 · 政企数智化转型可靠伙伴</p>
      </div>

      <!-- Company Overview -->
      <div style="margin-bottom:40px;">
        <p style="color:var(--text-mid);line-height:1.8;text-align:center;max-width:800px;margin:0 auto;">
          天元数智专注于为政府和企事业单位提供领先的数字化、智能化转型解决方案。依托母公司十余年技术沉淀，构建了以<strong>"AI+标识+应用"</strong>为核心的技术能力体系，可为客户提供从MA标识赋码、模型微调训练、智能体平台搭建到应用定制开发、超算一体机部署的全栈式服务。
          <button class="help-trigger" type="button">?<span class="help-popup">天元数智成立于2025年华网畅达业务拆分，继承并发展了母公司政企IT解决方案全部业务能力。核心团队拥有丰富的政府、制造业、化工等行业数字化项目交付经验。</span></button>
        </p>
      </div>

      <!-- Tab Navigation -->
      <div class="tabs">
        <button class="tab-btn active" data-tab="ty-core">核心产品</button>
        <button class="tab-btn" data-tab="ty-arch">平台架构</button>
        <button class="tab-btn" data-tab="ty-cases">客户案例</button>
        <button class="tab-btn" data-tab="ty-tech">技术能力</button>
      </div>

      <!-- Tab: 核心产品 -->
      <div class="tab-content active" id="ty-core">
        <div class="feature-grid">
          <div class="feature-card">
            <div class="fc-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">🎯</div>
            <h4>企业数智一体化平台</h4>
            <p>面向制造业等企业客户，采用<strong>"1+3+N"</strong>模块化分层架构，以MA-UNS统一命名空间为基础，构建AI智能、数据运营、业务协同三大核心中心，支持N个定制化场景应用。</p>
            <button class="help-trigger" type="button" style="margin-top:8px;">?<span class="help-popup">"1+3+N"：1个基础(MA-UNS统一命名空间) + 3大核心(AI智能中心、数据运营中心、业务协同应用中心) + N个定制化应用场景。</span></button>
          </div>
          <div class="feature-card">
            <div class="fc-icon" style="background:rgba(0,168,181,0.1);color:var(--secondary);">🏙️</div>
            <h4>区域数智一体化平台</h4>
            <p>面向市、县域，以构建区域MA二级节点为核心，提供六大功能体系：MA节点综合平台、大数据融合平台、数据资产登记确权平台、人工智能+底座、综合服务平台、综合门户网站。</p>
          </div>
          <div class="feature-card">
            <div class="fc-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">🔗</div>
            <h4>MA标识注册与解析</h4>
            <p>为产品/设备赋予全球唯一的MA代码，遵循ISO/IEC 15459国际标准，实现"一物一码"。兼容企业现有编码体系，支持多码融合与平滑过渡。</p>
            <button class="help-trigger" type="button" style="margin-top:8px;">?<span class="help-popup">MA标识是中国首个获得ISO、CEN、AIM三大国际组织认可的全球顶级节点代码，已覆盖全球30多个国家，发放超1万亿个代码。</span></button>
          </div>
          <div class="feature-card">
            <div class="fc-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">💻</div>
            <h4>AI超算一体机</h4>
            <p>搭载DeepSeek、千问Qwen、ChatGLM等多模型，支持多拟态训练与本地化部署。适用于企业私有化AI应用场景，保障数据安全与低延迟推理。</p>
          </div>
        </div>
      </div>

      <!-- Tab: 平台架构 -->
      <div class="tab-content" id="ty-arch">
        <div style="background:var(--bg-light);border-radius:var(--radius);padding:32px;margin-bottom:24px;">
          <h4 style="font-size:1.1rem;color:var(--primary-dark);margin-bottom:16px;">企业数智一体化平台 — "1+3+N" 架构</h4>
          <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;">
            <div style="background:#0a4b7a;color:#fff;border-radius:8px;padding:16px;text-align:center;">
              <div style="font-size:0.75rem;opacity:0.7;margin-bottom:4px;">基础层</div>
              <strong style="font-size:0.95rem;">MA-UNS</strong>
              <div style="font-size:0.75rem;opacity:0.8;margin-top:4px;">统一命名空间</div>
              <div style="font-size:0.7rem;opacity:0.6;margin-top:6px;">支持385+种工业协议</div>
            </div>
            <div style="background:var(--primary-light);color:#fff;border-radius:8px;padding:16px;text-align:center;">
              <div style="font-size:0.75rem;opacity:0.7;margin-bottom:4px;">核心层</div>
              <strong style="font-size:0.95rem;">AI智能中心</strong>
              <div style="font-size:0.75rem;opacity:0.8;margin-top:4px;">大模型+RAG+智能体</div>
            </div>
            <div style="background:var(--primary-light);color:#fff;border-radius:8px;padding:16px;text-align:center;">
              <div style="font-size:0.75rem;opacity:0.7;margin-bottom:4px;">核心层</div>
              <strong style="font-size:0.95rem;">数据运营中心</strong>
              <div style="font-size:0.75rem;opacity:0.8;margin-top:4px;">分析+看板+预测</div>
            </div>
            <div style="background:var(--primary-light);color:#fff;border-radius:8px;padding:16px;text-align:center;">
              <div style="font-size:0.75rem;opacity:0.7;margin-bottom:4px;">核心层</div>
              <strong style="font-size:0.95rem;">业务协同中心</strong>
              <div style="font-size:0.75rem;opacity:0.8;margin-top:4px;">低代码+科研+协同</div>
            </div>
          </div>
          <div style="text-align:center;margin-top:16px;font-size:0.88rem;color:var(--text-light);">
            + N个定制化场景：碳足迹追溯 · 设备健康管理 · 虚拟事业部 · AI媒体宣发 ···
            <button class="help-trigger" type="button">?<span class="help-popup">平台采用模块化设计，企业可根据需求灵活组合功能模块。AI智能中心覆盖财务、人事、研发、生产、营销等全职能领域。</span></button>
          </div>
        </div>

        <div style="background:var(--bg-light);border-radius:var(--radius);padding:32px;">
          <h4 style="font-size:1.1rem;color:var(--primary-dark);margin-bottom:16px;">区域数智一体化平台 — 六大功能体系</h4>
          <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;">
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">🏷️</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">MA节点综合平台</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">城市码·碳码·多码合一</div>
            </div>
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">📊</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">大数据融合平台</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">万亿级数据融合</div>
            </div>
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">📋</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">数据资产登记确权</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">确权与资产化</div>
            </div>
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">🤖</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">人工智能+底座</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">共享AI模型能力</div>
            </div>
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">🛠️</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">综合服务平台</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">SaaS应用集聚</div>
            </div>
            <div style="background:var(--bg-white);border-radius:8px;padding:14px;text-align:center;border:1px solid #eef2f7;">
              <div style="font-size:1.2rem;margin-bottom:4px;">🌐</div>
              <div style="font-size:0.82rem;font-weight:600;color:var(--primary-dark);">综合门户网站</div>
              <div style="font-size:0.72rem;color:var(--text-light);margin-top:4px;">对外展示窗口</div>
            </div>
          </div>
        </div>
      </div>

      <!-- Tab: 客户案例 -->
      <div class="tab-content" id="ty-cases">
        <div class="case-grid">
          <div class="case-card">
            <span class="case-tag" style="background:rgba(10,75,122,0.1);color:var(--primary);">化工行业</span>
            <h4>天津奥展兴达化工 — AI化工技术方案辅助系统</h4>
            <p class="case-client">天津奥展兴达化工技术有限公司 · 天津市南开区</p>
            <p class="case-desc">
              <strong>项目内容：</strong>部署AI超算一体机，承载化工技术方案辅助系统；大模型多拟态训练（DeepSeek 32B + 千问Qwen3 27B）；RAG知识库构建与智能体管理模块初始化配置；化工专业术语对齐与本地化数据脱敏处理。<br><br>
              <strong>项目价值：</strong>工程师通过AI辅助完成化工技术方案初步设计，效率提升显著；模型输出专业术语准确率 &gt;95%；半年内随大模型版本同步迭代训练，持续优化。<br><br>
              <strong>交付模式：</strong>超算一体机本地部署 + 模型训练服务 + 一年免费维护。
            </p>
          </div>
          <div class="case-card">
            <span class="case-tag" style="background:rgba(0,168,181,0.1);color:var(--secondary);">食品行业</span>
            <h4>北京壹甲天下 — 基于MA标识体系的发码解析平台</h4>
            <p class="case-client">北京壹甲天下数字科技集团有限公司 · 中码院授权</p>
            <p class="case-desc">
              <strong>项目内容：</strong>基于MA国际标识代码体系建设发码解析平台；面向农副食品加工业、食品制造业企业提供标识赋码服务；发码解析平台项目落地与运营支持。<br><br>
              <strong>项目价值：</strong>为行业企业提供统一标识代码注册、解析服务；支撑全链路产品追溯与数据治理；促进产业链上下游数据互联互通。
            </p>
          </div>
        </div>
      </div>

      <!-- Tab: 技术能力 -->
      <div class="tab-content" id="ty-tech">
        <div class="advantage-grid">
          <div class="advantage-card">
            <div class="av-icon">🖥️</div>
            <h4>部署模式</h4>
            <p>物理机 / 虚拟机 / K8s集群 / 信创环境（麒麟+达梦+东方通）</p>
          </div>
          <div class="advantage-card">
            <div class="av-icon">📅</div>
            <h4>交付周期</h4>
            <p>标准部署2周内，定制化4-6周</p>
          </div>
          <div class="advantage-card">
            <div class="av-icon">🧠</div>
            <h4>AI模型适配</h4>
            <p>DeepSeek、千问Qwen、ChatGLM等多模型，支持多拟态训练</p>
          </div>
          <div class="advantage-card">
            <div class="av-icon">🔒</div>
            <h4>安全体系</h4>
            <p>全链路加密(TLS 1.3)、RBAC权限控制、等保2.0审计日志</p>
          </div>
          <div class="advantage-card">
            <div class="av-icon">🔄</div>
            <h4>数据迁移</h4>
            <p>支持Oracle/MySQL/SQL Server平滑迁移</p>
          </div>
          <div class="advantage-card">
            <div class="av-icon">📈</div>
            <h4>运维支持</h4>
            <p>全链路可观测（日志、监控、告警、审计）</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== 素码科技 Section ===== -->
  <section class="sub-section" id="suma" style="background:var(--bg-light);">
    <div class="container">
      <div class="sub-header">
        <div class="sub-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">🎬</div>
        <h2>天津素码科技有限公司</h2>
        <p>华网畅达旗下成员企业 · AI短剧制作引领者</p>
      </div>

      <div style="margin-bottom:40px;">
        <p style="color:var(--text-mid);line-height:1.8;text-align:center;max-width:800px;margin:0 auto;">
          素码科技专注于AIGC（人工智能生成内容）领域的AI短剧制作与数字内容创作，致力于成为国内领先的AI影视内容生产商。聚焦<strong>AI真人海外剧</strong>方向，依托先进的AI视频生成技术，在角色一致性、多镜头叙事、多语种适配等方面形成独特优势。
          <button class="help-trigger" type="button">?<span class="help-popup">"AI真人海外剧"指利用AI技术生成以真人演员为视觉基础、面向海外市场的短剧内容，可实现多语种自动配音与字幕适配，大幅降低影视制作门槛与成本。</span></button>
        </p>
      </div>

      <div class="tabs">
        <button class="tab-btn active" data-tab="sm-flow">制作流程</button>
        <button class="tab-btn" data-tab="sm-tech">技术平台</button>
        <button class="tab-btn" data-tab="sm-team">团队与基地</button>
      </div>

      <!-- Tab: 制作流程 -->
      <div class="tab-content active" id="sm-flow">
        <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;">
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">📝</div>
            <h4>剧本解析</h4>
            <p>利用AI智能体对剧本进行深度解析，梳理世界观、时间线与人物关系，自动生成结构化剧本分析报告。</p>
          </div>
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(0,168,181,0.1);color:var(--secondary);">🎭</div>
            <h4>角色设计</h4>
            <p>基于剧本自动生成角色形象，智能分析角色全生命周期（年龄、状态、服饰等）的形象变化，确保角色视觉一致性。</p>
          </div>
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">🎬</div>
            <h4>分镜生成</h4>
            <p>自动化分镜系统根据情节自动生成镜头序列，包含景别、机位、运镜等专业信息，直接驱动视频生成流程。</p>
          </div>
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">▶️</div>
            <h4>视频成片</h4>
            <p>通过多平台协同完成视频成片制作，支持1080P高清输出、多语种配音与字幕，实现从剧本到成片的全流程AI化。</p>
          </div>
        </div>
      </div>

      <!-- Tab: 技术平台 -->
      <div class="tab-content" id="sm-tech">
        <p style="color:var(--text-mid);margin-bottom:24px;text-align:center;">
          素码科技采用<strong>"云端平台 + 本地部署"</strong>相结合的技术架构，整合国内外主流AI视频创作工具与平台：
        </p>
        <div class="platform-grid">
          <div class="platform-card">
            <div class="pc-icon">🎨</div>
            <h4>即梦AI</h4>
            <p>字节跳动旗下AI视频创作平台，具备多镜头叙事能力，支持1080P高清视频生成与丰富的风格化表达。</p>
            <button class="help-trigger" type="button" style="margin-top:6px;">?<span class="help-popup">即梦AI是字节跳动推出的AI视频创作平台，支持通过文字或图片生成高质量视频，具备业界领先的多镜头叙事能力。</span></button>
          </div>
          <div class="platform-card">
            <div class="pc-icon">🐦</div>
            <h4>小云雀AI</h4>
            <p>字节跳动一站式AI内容创作平台，搭载Seedance 2.0模型。短剧Agent支持上传10万字剧本、一键直出视频成片。</p>
          </div>
          <div class="platform-card">
            <div class="pc-icon">📚</div>
            <h4>LiblibAI</h4>
            <p>中国最大的多模态模型与创作社区，整合图像、视频、3D、LoRA训练等能力，提供丰富的模型生态与社区资源。</p>
          </div>
          <div class="platform-card">
            <div class="pc-icon">⚡</div>
            <h4>Seedance</h4>
            <p>字节跳动视频生成模型，支持9图+3视频+3音频+指令混合输入，15秒高质量多镜头音视频输出。</p>
          </div>
          <div class="platform-card">
            <div class="pc-icon">🔧</div>
            <h4>ComfyUI</h4>
            <p>本地部署的模块化AI视频生成工作流平台，通过可视化节点编排与预置模板，实现定制化流程管控。</p>
            <button class="help-trigger" type="button" style="margin-top:6px;">?<span class="help-popup">ComfyUI采用节点式编程界面，用户通过拖拽连接不同功能模块来构建AI视频生成工作流，支持高度定制化与批量处理。</span></button>
          </div>
        </div>
      </div>

      <!-- Tab: 团队与基地 -->
      <div class="tab-content" id="sm-team">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(10,75,122,0.1);color:var(--primary);">👥</div>
            <h4>专业团队</h4>
            <p>素码科技拥有一支<strong>30余人</strong>的AI制作专业团队，涵盖AI视频工程师、剧本分析师、角色设计师、分镜师、后期制作等岗位，具备从剧本到成片的全流程AI短剧制作能力。</p>
            <p style="margin-top:8px;color:var(--text-light);font-size:0.88rem;">团队成员来自影视制作、人工智能、计算机图形学等多领域，形成跨学科融合的专业技术梯队。</p>
          </div>
          <div class="feature-card" style="background:var(--bg-white);">
            <div class="fc-icon" style="background:rgba(245,166,35,0.1);color:var(--accent);">🏠</div>
            <h4>制作基地 — 哪吒小镇</h4>
            <p>素码科技与天津哪吒小镇合作共建AI短剧制作基地。哪吒小镇位于天津市河西区郁江道13号，原为渤海无线电厂区，占地<strong>100亩</strong>，建筑面积<strong>3.2万余平方米</strong>。</p>
            <p style="margin-top:8px;color:var(--text-light);font-size:0.88rem;">小镇将陈塘哪吒地标符号与工业建筑相融合，定位为文化创意园区。素码科技在此联合合作伙伴团队共计约<strong>100余人</strong>，形成规模化、协同化的AI短剧生产能力。</p>
            <button class="help-trigger" type="button" style="margin-top:4px;">?<span class="help-popup">哪吒小镇位于天津市河西区，以"陈塘关哪吒"文化IP为核心，将旧工业厂房改造为文化创意产业园区，是天津市重点文化产业项目。</span></button>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== Partners ===== -->
  <section class="partners-section" id="partners">
    <div class="container">
      <div class="section-divider"></div>
      <h2 class="section-title">合作伙伴</h2>
      <p class="section-subtitle">华网畅达与多家行业领先机构建立了深度战略合作关系，共同推动技术创新与产业升级</p>

      <h3 style="font-size:1.1rem;color:var(--primary-dark);margin-bottom:16px;">天元数智合作伙伴</h3>
      <div class="partner-list" style="margin-bottom:40px;">
        <div class="partner-card">
          <div class="pc-avatar" style="background:rgba(10,75,122,0.1);color:var(--primary);">🏛️</div>
          <div class="pc-info">
            <h4>中关村工信二维码技术研究院（中码院）</h4>
            <p>MA国际标识代码体系战略合作</p>
          </div>
        </div>
        <div class="partner-card">
          <div class="pc-avatar" style="background:rgba(0,168,181,0.1);color:var(--secondary);">🏢</div>
          <div class="pc-info">
            <h4>北京壹甲天下数字科技集团</h4>
            <p>MA标识发行运营合作伙伴</p>
          </div>
        </div>
        <div class="partner-card">
          <div class="pc-avatar" style="background:rgba(245,166,35,0.1);color:var(--accent);">🧪</div>
          <div class="pc-info">
            <h4>天津奥展兴达化工技术有限公司</h4>
            <p>AI化工智能化合作伙伴</p>
          </div>
        </div>
      </div>

      <h3 style="font-size:1.1rem;color:var(--primary-dark);margin-bottom:16px;">素码科技合作伙伴</h3>
      <div class="partner-list">
        <div class="partner-card">
          <div class="pc-avatar" style="background:rgba(10,75,122,0.1);color:var(--primary);">🎥</div>
          <div class="pc-info">
            <h4>天津电影制片厂</h4>
            <p>影视内容创作、编导技术支持、音乐技术支持等战略合作</p>
          </div>
        </div>
        <div class="partner-card">
          <div class="pc-avatar" style="background:rgba(245,166,35,0.1);color:var(--accent);">🏠</div>
          <div class="pc-info">
            <h4>天津哪吒小镇</h4>
            <p>AI短剧制作基地合作</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== Contact ===== -->
  <section class="contact-section" id="contact">
    <div class="container">
      <div class="section-divider"></div>
      <h2 class="section-title">联系我们</h2>
      <p class="section-subtitle">无论您是寻求数字化转型的政企客户，还是希望合作AI内容创作，我们都期待与您沟通</p>
      <div class="contact-grid">
        <div class="contact-info">
          <div class="contact-item">
            <div class="ci-icon">📍</div>
            <div>
              <h4>公司地址</h4>
              <p> </p>
            </div>
          </div>
          <div class="contact-item">
            <div class="ci-icon">📧</div>
            <div>
              <h4>电子邮箱</h4>
              <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="deadbbaca8b7bdbb9ebdbfb0bbaaa9b1acb5f0bdb0">[email&#160;protected]</a></p>
            </div>
          </div>
          <div class="contact-item">
            <div class="ci-icon">📞</div>
            <div>
              <h4>联系电话</h4>
              <p></p>
            </div>
          </div>
          <div class="contact-item">
            <div class="ci-icon">🌐</div>
            <div>
              <h4>相关网站</h4>
              <p>
                <a href="http://company.maos.xin" target="_blank" style="color:var(--secondary-light);">公司介绍门户</a>
              </p>
            </div>
          </div>
        </div>
        <form class="contact-form" id="contactForm" onsubmit="handleFormSubmit(event)">
          <input type="text" placeholder="您的姓名" required>
          <input type="email" placeholder="电子邮箱" required>
          <input type="text" placeholder="公司名称">
          <textarea placeholder="请描述您的需求或合作意向..." required></textarea>
          <button type="submit" class="btn btn-primary">发送消息 →</button>
          <p style="font-size:0.78rem;color:rgba(255,255,255,0.4);margin-top:4px;">
            提交即表示您同意我们处理您的个人信息。我们会尽快与您联系。
            <button class="help-trigger" type="button" style="width:16px;height:16px;font-size:10px;vertical-align:middle;">?<span class="help-popup">您提交的信息仅用于华网畅达与您取得联系，不会用于其他用途。我们承诺对您的个人信息严格保密。</span></button>
          </p>
        </form>
      </div>
    </div>
  </section>

  <!-- ===== Footer ===== -->
  <footer class="site-footer">
    <div class="container">
      <p>&copy; 2025 天津华网畅达科技有限公司 版权所有 | <a href="#hero">返回首页</a></p>
      <p style="margin-top:6px;">旗下企业：天元数智（天津）科技有限公司 · 天津素码科技有限公司</p>
    </div>
  </footer>

  <!-- ===== Back to Top ===== -->
  <button class="back-top" id="backTop" aria-label="返回顶部">↑</button>

  <!-- ===== Modal ===== -->
  <div class="modal-overlay" id="modalOverlay">
    <div class="modal-content">
      <button class="modal-close" id="modalClose">✕</button>
      <h3 id="modalTitle"></h3>
      <div id="modalBody"></div>
    </div>
  </div>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/main.js"></script>
  <script>
    function handleFormSubmit(e) {
      e.preventDefault();
      alert('感谢您的留言！我们会尽快与您取得联系。');
      e.target.reset();
    }
  </script>
<script type="module" src="http://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"56425d4e06764a498df52cb940f6ebaf","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>
