<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes">
  <title>自由超越ERP · 传播行业智能管理平台</title>
  <link rel="stylesheet" href="css/common.css">
<style>
    /* ---------- 英雄区域 ---------- */
    .hero {
      padding: 56px 0 44px;
      background: linear-gradient(145deg, #ffffff 0%, #fdf3f0 100%);
      border-bottom: 1px solid var(--border-light);
    }
    .hero .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .hero h1 {
      font-size: clamp(2.1rem, 5.5vw, 3.4rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.2;
      max-width: 900px;
      margin-bottom: 18px;
      color: var(--text-dark);
    }
    .hero h1 .highlight {
      background: linear-gradient(120deg, var(--primary) 0%, var(--accent) 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero p {
      font-size: 1.15rem;
      color: var(--text-medium);
      max-width: 720px;
      margin-bottom: 28px;
    }
    .hero-stats {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px 40px;
      margin-top: 8px;
    }
    .hero-stat-item {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .hero-stat-item .number {
      font-size: 2rem;
      font-weight: 700;
      color: var(--primary);
      line-height: 1.15;
    }
    .hero-stat-item .label {
      font-size: 0.85rem;
      color: var(--text-light);
      letter-spacing: 0.02em;
    }
    /* ---------- 通用区块标题 ---------- */
    .section-header {
      text-align: center;
      margin-bottom: 32px;
    }
    .section-header h2 {
      font-size: 1.85rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 8px;
    }
    .section-header p {
      color: var(--text-medium);
      font-size: 1.05rem;
      max-width: 700px;
      margin: 0 auto;
    }
    .section-more {
      text-align: center;
      margin-top: 36px;
    }
    .section-more-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--primary);
      font-size: 0.98rem;
      font-weight: 600;
      text-decoration: none;
      padding: 12px 32px;
      border-radius: 40px;
      border: 1.5px solid var(--primary-light);
      background: var(--primary-light);
      transition: all 0.25s ease;
    }
    .section-more-link:hover {
      background: #fddbd5;
      border-color: #fdd0c8;
      gap: 12px;
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(200, 50, 30, 0.15);
    }
    .section-more-link svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.25s ease;
    }
    .section-more-link:hover svg {
      transform: translateX(3px);
    }
    /* ---------- 三个系列 ---------- */
    .series-section {
      padding: 56px 0;
    }
    .series-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }
    .series-card {
      position: relative;
      background: var(--bg-white);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      padding: 28px 26px;
      box-shadow: var(--shadow-sm);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s;
      overflow: hidden;
    }
    .series-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: var(--hover-red-light);
    }
    .series-bg-icon {
      position: absolute;
      bottom: -40px;
      right: -35px;
      width: 260px;
      height: 260px;
      color: #e8eef6;
      opacity: 0.75;
      pointer-events: none;
      z-index: 0;
      transition: color 0.35s ease, opacity 0.35s ease;
    }
    .series-card:hover .series-bg-icon {
      color: var(--hover-red);
      opacity: 0.85;
    }
    .series-bg-icon svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
      stroke-width: 1.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke 0.35s ease;
    }
    .series-card > h3,
    .series-card > .product-list {
      position: relative;
      z-index: 1;
    }
    .series-card h3 {
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      margin-bottom: 14px;
      color: var(--text-dark);
    }
    .product-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .product-list li {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 0.98rem;
      color: var(--text-dark);
      padding: 2px 0;
    }
    .product-list li::before {
      content: "●";
      color: var(--accent);
      font-size: 0.75rem;
      opacity: 0.85;
      flex-shrink: 0;
    }
    .product-link {
      color: var(--text-dark);
      text-decoration: none;
      transition: color 0.2s ease, font-weight 0.2s ease;
    }
    .product-link:hover {
      color: var(--primary);
      font-weight: 600;
    }
    /* ---------- 四个核心 ---------- */
    .core-section {
      padding: 48px 0 56px;
      background: var(--bg-soft);
    }
    .core-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 16px;
    }
    .core-card {
      display: block;
      background: var(--bg-white);
      border-radius: var(--radius-md);
      padding: 26px 18px;
      text-align: center;
      box-shadow: var(--shadow-sm);
      border: 1px solid transparent;
      text-decoration: none;
      color: inherit;
      transition: all 0.25s ease;
      position: relative;
    }
    .core-card:hover {
      border-color: var(--primary-light);
      box-shadow: var(--shadow-md);
      transform: translateY(-4px);
    }
    .core-card .core-icon {
      width: 48px;
      height: 48px;
      background: var(--primary-light);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
      color: var(--primary);
      transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
    }
    .core-card:hover .core-icon {
      background: var(--primary);
      color: #ffffff;
      transform: scale(1.06);
    }
    .core-card .core-icon svg {
      width: 26px;
      height: 26px;
      stroke: currentColor;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke 0.25s ease;
    }
    .core-card h4 {
      font-size: 1.15rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      margin-bottom: 4px;
      color: var(--text-dark);
      transition: color 0.25s ease;
    }
    .core-card:hover h4 {
      color: var(--primary);
    }
    .core-card p {
      font-size: 0.88rem;
      color: var(--text-light);
      transition: color 0.25s ease;
    }
    .core-card:hover p {
      color: var(--text-medium);
    }
    /* ========== 价值亮点区域 ========== */
    .value-section {
      padding: 56px 0;
      background: var(--bg-white);
    }
    .value-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 8px;
    }
    .value-item {
      background: var(--bg-soft);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      padding: 30px 26px;
      transition: all 0.25s ease;
    }
    .value-item:hover {
      border-color: var(--primary-light);
      box-shadow: var(--shadow-md);
      transform: translateY(-3px);
    }
    .value-icon {
      width: 48px;
      height: 48px;
      background: var(--primary-light);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      color: var(--primary);
    }
    .value-icon svg {
      width: 26px;
      height: 26px;
      stroke: currentColor;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .value-item h3 {
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 8px;
      color: var(--text-dark);
    }
    .value-item p {
      font-size: 0.95rem;
      color: var(--text-medium);
      line-height: 1.55;
    }
    /* ---------- 案例展示区 ---------- */
    .cases-section {
      padding: 56px 0;
    }
    .cases-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }
    .case-card {
      background: var(--bg-white);
      border-radius: var(--radius-lg);
      padding: 24px 22px;
      border: 1px solid var(--border-light);
      box-shadow: var(--shadow-sm);
      transition: all 0.2s;
    }
    .case-card:hover {
      box-shadow: var(--shadow-md);
      border-color: var(--primary-light);
    }
    .case-tag {
      display: inline-block;
      background: var(--primary-light);
      color: var(--primary);
      font-size: 0.72rem;
      font-weight: 600;
      padding: 5px 10px;
      border-radius: 20px;
      margin-bottom: 14px;
      letter-spacing: 0.02em;
    }
    .case-card h4 {
      font-size: 1.15rem;
      font-weight: 600;
      margin-bottom: 8px;
    }
    .case-card p {
      color: var(--text-medium);
      font-size: 0.92rem;
      margin-bottom: 14px;
      line-height: 1.55;
    }
    .case-link {
      color: var(--primary);
      font-weight: 500;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.92rem;
    }
    .case-link:hover {
      gap: 10px;
    }
    /* ---------- 新闻区域 ---------- */
    .news-section {
      padding: 32px 0 56px;
      background: var(--bg-soft);
    }
    .news-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      max-width: 900px;
      margin: 0 auto;
    }
    .news-item {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 14px;
      padding: 14px 22px;
      background: var(--bg-white);
      border-radius: var(--radius-sm);
      border: 1px solid var(--border-light);
      transition: 0.2s;
    }
    .news-item:hover {
      border-color: var(--primary-light);
      box-shadow: var(--shadow-sm);
    }
    .news-date {
      font-size: 0.88rem;
      color: var(--text-light);
      font-weight: 500;
      min-width: 96px;
    }
    .news-title {
      font-size: 0.98rem;
      font-weight: 500;
      color: var(--text-dark);
      flex: 1;
    }
    .news-tag {
      background: #eef3f9;
      color: var(--text-medium);
      font-size: 0.72rem;
      padding: 4px 10px;
      border-radius: 20px;
    }
    /* ========== 立刻联系ERP顾问 ========== */
    .contact-section {
      padding: 64px 0;
      background: linear-gradient(145deg, #fdf3f0 0%, #fdecea 100%);
      border-top: 1px solid var(--border-light);
      border-bottom: 1px solid var(--border-light);
    }
    .contact-content {
      max-width: 880px;
      margin: 0 auto;
      text-align: center;
    }
    .contact-content .section-header {
      margin-bottom: 40px;
    }
    .contact-content .section-header h2 {
      font-size: 2.2rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 12px;
      color: var(--text-dark);
    }
    .contact-content .section-header p {
      color: var(--text-medium);
      font-size: 1.1rem;
      max-width: 640px;
      margin: 0 auto;
    }
    .consultant-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      text-align: left;
    }
    .consultant-card {
      background: var(--bg-white);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-lg);
      padding: 28px 26px;
      display: flex;
      align-items: flex-start;
      gap: 18px;
      box-shadow: var(--shadow-sm);
      transition: all 0.25s ease;
    }
    .consultant-card:hover {
      border-color: var(--primary-light);
      box-shadow: var(--shadow-md);
      transform: translateY(-3px);
    }
    .consultant-avatar {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: linear-gradient(135deg, #6b8ba8 0%, #8ba7bd 100%);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      font-weight: 700;
      flex-shrink: 0;
      letter-spacing: 0;
      box-shadow: 0 1px 4px rgba(80, 90, 100, 0.10);
    }
    .consultant-info {
      flex: 1;
      min-width: 0;
    }
    .consultant-name {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .consultant-role {
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--primary);
      background: var(--primary-light);
      padding: 2px 8px;
      border-radius: 10px;
      letter-spacing: 0.02em;
    }
    .consultant-row {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.95rem;
      color: var(--text-medium);
      margin-bottom: 8px;
      line-height: 1.5;
    }
    .consultant-row:last-child {
      margin-bottom: 0;
    }
    .consultant-row svg {
      width: 16px;
      height: 16px;
      stroke: var(--primary);
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex-shrink: 0;
    }
    .consultant-row a {
      color: var(--text-medium);
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .consultant-row a:hover {
      color: var(--primary);
      font-weight: 600;
    }
    .consultant-qr {
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px dashed var(--border-light);
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .consultant-qr-img {
      width: 88px;
      height: 88px;
      border-radius: 8px;
      border: 1px solid var(--border-light);
      background: var(--bg-white);
      padding: 4px;
      display: block;
      flex-shrink: 0;
      transition: all 0.25s ease;
    }
    .consultant-qr-img:hover {
      border-color: var(--primary-light);
      transform: scale(1.04);
      box-shadow: 0 4px 12px rgba(200, 50, 30, 0.12);
    }
    .consultant-qr-text {
      font-size: 0.86rem;
      color: var(--text-light);
      line-height: 1.5;
    }
    .consultant-qr-text strong {
      color: var(--text-dark);
      font-weight: 600;
      display: block;
      margin-bottom: 2px;
    }
    /* ---------- 响应式媒体查询 ---------- */
    @media (max-width: 1024px) {
      .series-grid { gap: 18px; }
      .series-card { padding: 24px 22px; }
      .series-bg-icon {
        width: 220px;
        height: 220px;
        bottom: -32px;
        right: -28px;
      }
      .core-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
      .value-grid { gap: 20px; }
      .cases-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .hero { padding: 44px 0 36px; }
      .hero p { font-size: 1rem; margin-bottom: 22px; }
      .hero-stats { gap: 18px 28px; }
      .hero-stat-item .number { font-size: 1.8rem; }
      .section-header { margin-bottom: 26px; }
      .series-section { padding: 44px 0; }
      .series-grid { grid-template-columns: 1fr; }
      .series-card { padding: 24px 22px; }
      .series-bg-icon {
        width: 200px;
        height: 200px;
        bottom: -28px;
        right: -24px;
      }
      .core-section { padding: 36px 0 44px; }
      .core-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        gap: 14px;
      }
      .value-section { padding: 44px 0; }
      .value-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
      }
      .cases-section { padding: 44px 0; }
      .cases-grid { grid-template-columns: 1fr; }
      .news-section { padding: 28px 0 44px; }
      .contact-section { padding: 48px 0; }
      .contact-content .section-header h2 { font-size: 1.7rem; }
      .contact-content .section-header p { font-size: 1rem; }
      .news-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding: 12px 18px;
      }
      .section-more { margin-top: 28px; }
      .consultant-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
      }
    }
    @media (max-width: 480px) {
      .hero { padding: 36px 0 30px; }
      .hero h1 { font-size: 1.8rem; margin-bottom: 14px; }
      .hero-stats { gap: 16px; }
      .hero-stat-item .number { font-size: 1.7rem; }
      .section-header h2 { font-size: 1.55rem; }
      .section-header p { font-size: 0.98rem; }
      .series-card { padding: 22px 20px; }
      .series-bg-icon {
        width: 170px;
        height: 170px;
        bottom: -24px;
        right: -20px;
      }
      .series-card h3 { font-size: 1.3rem; margin-bottom: 12px; }
      .core-card { padding: 22px 16px; }
      .core-card .core-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
      }
      .core-card .core-icon svg { width: 24px; height: 24px; }
      .value-item { padding: 24px 20px; }
      .case-card { padding: 20px 18px; }
      .news-item { padding: 10px 16px; }
      .contact-section { padding: 40px 0; }
      .contact-content .section-header h2 { font-size: 1.5rem; }
      .contact-content .section-header { margin-bottom: 32px; }
      .section-more-link {
        padding: 11px 26px;
        font-size: 0.92rem;
      }
      .consultant-card {
        padding: 22px 20px;
        gap: 14px;
      }
      .consultant-avatar {
        width: 46px;
        height: 46px;
        font-size: 1.02rem;
      }
      .consultant-qr-img {
        width: 72px;
        height: 72px;
      }
      .consultant-qr-text {
        font-size: 0.82rem;
      }
    }
    a, button, .series-card, .core-card, .case-card, .value-item {
      transition: all 0.2s ease;
    }
  </style>
</head>
<body>
  <!-- 导航栏 -->
  <header class="navbar">
    <div class="nav-container">
      <a href="#" class="logo">
        <img src="images/freedomlogo.png" alt="自由超越 Logo" class="logo-icon">
        <span class="logo-text">自由超越<span>ERP</span></span>
      </a>
      <nav class="nav-links">
        <a href="index.html" class="active">主页</a>
        <a href="freedomerp_cases.html">案例</a>
        <a href="freedomerp_news.html">新闻</a>
        <a href="freedomerp_us.html">我们</a>
        <a href="LastIndex.html">旧版</a>
      </nav>
      <button class="menu-toggle" aria-label="菜单">☰</button>
    </div>
  </header>
  <main>
    <!-- 英雄区域 -->
    <section class="hero">
      <div class="container">
        <h1>拥有<span class="highlight">领先行业</span>的管理能力</h1>
        <p>三个系列 · 四个核心 — 为公关、广告、传媒、营销行业提供专业ERP软件</p>
        <div class="hero-stats">
          <div class="hero-stat-item">
            <span class="number">3+</span>
            <span class="label">系列产品</span>
          </div>
          <div class="hero-stat-item">
            <span class="number">11</span>
            <span class="label">产品细分</span>
          </div>
          <div class="hero-stat-item">
            <span class="number">4</span>
            <span class="label">核心架构</span>
          </div>
        </div>
      </div>
    </section>
    <!-- 三个系列 -->
    <section class="series-section">
      <div class="container">
        <div class="section-header">
          <h2>三个系列 · 全链协同</h2>
          <p>覆盖公关、广告、财务自动化的专业ERP产品矩阵</p>
        </div>
        <div class="series-grid">
          <!-- 公关ERP系列 -->
          <div class="series-card">
            <div class="series-bg-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M3 10v4a1 1 0 0 0 1 1h2l3.5 4.5a1 1 0 0 0 1.8-.6V5.1a1 1 0 0 0-1.8-.6L6 9H4a1 1 0 0 0-1 1z"/>
                <path d="M16 8a5 5 0 0 1 0 8"/>
                <path d="M19 5a9 9 0 0 1 0 14"/>
              </svg>
            </div>
            <h3>公关ERP</h3>
            <ul class="product-list">
              <li>
                <a href="product-pr-erp.html" target="_blank" rel="noopener" class="product-link">公关/活动/会展</a>
              </li>
            </ul>
          </div>
          <!-- 广告ERP系列 -->
          <div class="series-card">
            <div class="series-bg-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <circle cx="12" cy="12" r="10"/>
                <circle cx="12" cy="12" r="6"/>
                <circle cx="12" cy="12" r="2"/>
              </svg>
            </div>
            <h3>广告ERP</h3>
            <ul class="product-list">
              <li>
                <a href="product-brand-erp.html" target="_blank" rel="noopener" class="product-link">品牌服务</a>
              </li>
              <li>
                <a href="product-ad-erp.html" target="_blank" rel="noopener" class="product-link">广告投流</a>
              </li>
              <li>
                <a href="product-kol-erp.html" target="_blank" rel="noopener" class="product-link">种草/Kol媒介</a>
              </li>
              <li>
                <a href="product-agency-erp.html" target="_blank" rel="noopener" class="product-link">媒体代理</a>
              </li>
            </ul>
          </div>
          <!-- 财务自动化系列 -->
          <div class="series-card">
            <div class="series-bg-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <circle cx="12" cy="12" r="3"/>
                <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
              </svg>
            </div>
            <h3>财务自动化</h3>
            <ul class="product-list">
              <li>
                <a href="product-invoice-receive.html" target="_blank" rel="noopener" class="product-link">收票自动化</a>
              </li>
              <li>
                <a href="product-invoice-issue.html" target="_blank" rel="noopener" class="product-link">开票自动化</a>
              </li>
              <li>
                <a href="product-bank-connect.html" target="_blank" rel="noopener" class="product-link">银企直联</a>
              </li>
              <li>
                <a href="product-voucher-auto.html" target="_blank" rel="noopener" class="product-link">凭证自动化</a>
              </li>
              <li>
                <a href="product-e-sign.html" target="_blank" rel="noopener" class="product-link">合同电子签</a>
              </li>
			  <li>
                <a href="product-expense-control.html" target="_blank" rel="noopener" class="product-link">部门预算及费用控制</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <!-- 四个核心 -->
    <section class="core-section">
      <div class="container">
        <div class="section-header">
          <h2>四个核心 · 引擎驱动</h2>
          <p>行业四大底层能力，支撑业务实践，灵活组合，随需而变</p>
        </div>
        <div class="core-grid">
          <a href="core-project-management.html" target="_blank" rel="noopener" class="core-card">
            <div class="core-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
              </svg>
            </div>
            <h4>项目管理</h4>
            <p>项目生命周期及成本利润管控</p>
          </a>
          <a href="core-media-management.html" target="_blank" rel="noopener" class="core-card">
            <div class="core-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <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>
            <h4>媒介管理</h4>
            <p>适合公关广告行业的多种媒介管理模式</p>
          </a>
          <a href="core-procurement-management.html" target="_blank" rel="noopener" class="core-card">
            <div class="core-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <circle cx="9" cy="21" r="1"/>
                <circle cx="20" cy="21" r="1"/>
                <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
              </svg>
            </div>
            <h4>采购管理</h4>
            <p>适合公关广告行业多种采购及结算模式</p>
          </a>
          <a href="core-finance-management.html" target="_blank" rel="noopener" class="core-card">
            <div class="core-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 1v22"/>
                <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
              </svg>
            </div>
            <h4>财务管理</h4>
            <p>不同业务模式的核算、结算及自动化</p>
          </a>
        </div>
      </div>
    </section>
    <!-- 价值亮点区域 -->
    <section class="value-section">
      <div class="container">
        <div class="section-header">
          <h2>为什么传播营销机构选择我们</h2>
          <p>垂直行业深耕，业财一体，灵活选配</p>
        </div>
        <div class="value-grid">
          <div class="value-item">
            <div class="value-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M9 12l2 2 4-4"/>
                <circle cx="12" cy="12" r="9"/>
              </svg>
            </div>
            <h3>垂直行业ERP</h3>
            <p>专为公关会展 / 广告传媒 / 营销定制，不是通用ERP，贴合行业真实业务管理要求。</p>
          </div>
          <div class="value-item">
            <div class="value-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
              </svg>
            </div>
            <h3>业财一体</h3>
            <p>业务数据自动同步财务，业务财务一套数据源，消除信息孤岛，对账准确充分高效。</p>
          </div>
          <div class="value-item">
            <div class="value-icon">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
                <polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
                <line x1="12" y1="22.08" x2="12" y2="12"/>
              </svg>
            </div>
            <h3>模块化选配</h3>
            <p>以满足客户场景为目标，按需组合，灵活部署，随业务成长逐步扩展。</p>
          </div>
        </div>
      </div>
    </section>
    <!-- 案例展示区 -->
    <section class="cases-section">
      <div class="container">
        <div class="section-header">
          <h2>客户案例</h2>
          <p>众多公关广告领先企业正在使用自由超越ERP提升效率</p>
        </div>
        <div class="cases-grid">
          <div class="case-card">
            <span class="case-tag">公关ERP</span>
            <h4>朗知传媒</h4>
            <p>完整的公关ERP应用，实现规模化、规范化项目管理，预算执行严格可控。</p>
            <a href="#" class="case-link">查看案例 →</a>
          </div>
          <div class="case-card">
            <span class="case-tag">广告ERP</span>
            <h4>嘉利智联</h4>
            <p>前瞻的方案选择，在行业中较早实现项目管理，大幅提升管理效率。</p>
            <a href="#" class="case-link">查看案例 →</a>
          </div>
          <div class="case-card">
            <span class="case-tag">财务自动化</span>
            <h4>尚诚同力</h4>
            <p>数字化管理上突飞猛进，贴合业务的媒介项目管理及业务财务一体化</p>
            <a href="#" class="case-link">查看案例 →</a>
          </div>
        </div>
        <div class="section-more">
          <a href="freedomerp-cases.html" target="_blank" rel="noopener" class="section-more-link">
            查看全部案例
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <line x1="5" y1="12" x2="19" y2="12"/>
              <polyline points="12 5 19 12 12 19"/>
            </svg>
          </a>
        </div>
      </div>
    </section>
    <!-- 新闻区域 暂不上线
    <section class="news-section">
      <div class="container">
        <div class="section-header">
          <h2>新闻动态</h2>
          <p>了解自由超越ERP最新产品发布与行业洞察</p>
        </div>
        <div class="news-list">
          <div class="news-item">
            <span class="news-date">2025-03-12</span>
            <span class="news-title">自由超越ERP发布“达播”与“种草”模块，赋能广告投放全链路</span>
            <span class="news-tag">产品发布</span>
          </div>
          <div class="news-item">
            <span class="news-date">2025-02-28</span>
            <span class="news-title">财务自动化系列新增“合同电子签”，实现无纸化闭环</span>
            <span class="news-tag">功能更新</span>
          </div>
          <div class="news-item">
            <span class="news-date">2025-02-10</span>
            <span class="news-title">案例：某会展公司借助公关ERP实现多项目并行管理</span>
            <span class="news-tag">客户故事</span>
          </div>
        </div>
        <div class="section-more">
          <a href="freedomerp-news.html" target="_blank" rel="noopener" class="section-more-link">
            查看全部新闻
            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <line x1="5" y1="12" x2="19" y2="12"/>
              <polyline points="12 5 19 12 12 19"/>
            </svg>
          </a>
        </div>
      </div>
    </section>
	-->
    <!-- 立刻联系ERP顾问 -->
    <section class="contact-section">
      <div class="container">
        <div class="contact-content">
          <div class="section-header">
            <h2>立刻联系ERP顾问</h2>
            <p>专属资深顾问服务，为您解答产品、方案与报价相关问题</p>
          </div>
          <div class="consultant-grid">
            <!-- 顾问一 -->
            <div class="consultant-card">
              <img src="images/zhaolei-avatar.jpg" alt="赵磊头像" class="consultant-avatar">
              <div class="consultant-info">
                <div class="consultant-name">
                  赵磊
                  <span class="consultant-role">资深顾问</span>
                </div>
                <div class="consultant-row">
                  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
                  </svg>
                  <span>手机：</span>
                  <a href="tel:13800138001">13691470242</a>
                </div>
                <div class="consultant-row">
                  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
                  </svg>
                  <span>微信：</span>
                  <a href="#">zhaolei5852</a>
                </div>
                <div class="consultant-qr">
                  <img src="images/zhaolei-qr.jpg" alt="微信二维码" class="consultant-qr-img">
                  <div class="consultant-qr-text">
                    <strong>扫码加微信</strong>
                    长按识别，咨询产品方案
                  </div>
                </div>
              </div>
            </div>
            <!-- 顾问二 -->
            <div class="consultant-card">
              <img src="images/xiabochuan-avatar.jpg" alt="夏勃川头像" class="consultant-avatar">
              <div class="consultant-info">
                <div class="consultant-name">
                  夏勃川
                  <span class="consultant-role">资深顾问</span>
                </div>
                <div class="consultant-row">
                  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
                  </svg>
                  <span>手机：</span>
                  <a href="tel:13900139002">13701211664</a>
                </div>
                <div class="consultant-row">
                  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
                  </svg>
                  <span>微信：</span>
                  <a href="#">13701211664</a>
                </div>
                <div class="consultant-qr">
                  <img src="images/xiabochuan-qr.jpg" alt="微信二维码" class="consultant-qr-img">
                  <div class="consultant-qr-text">
                    <strong>扫码加微信</strong>
                    长按识别，咨询产品方案
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
  <!-- 底部区域（含公司信息与备案） -->
  <footer class="footer">
    <div class="container">
      <div class="footer-top">
        <div class="footer-brand">
          <div class="logo">
            <img src="images/freedomlogo.png" alt="自由超越 Logo" class="logo-icon">
            <span class="logo-text">自由超越<span>ERP</span></span>
          </div>
          <!-- 公司中英文全称 -->
          <div class="footer-company-name">
            <div class="name-cn">北京自由超越信息技术有限公司</div>
            <div class="name-en">Beijing Freedom Information Technology Co., Ltd.</div>
          </div>
          <!-- 公司地址与电话 -->
          <div class="footer-contact">
            <div class="footer-contact-row">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
                <circle cx="12" cy="10" r="3"/>
              </svg>
              <span>北京市朝阳区望京阜通东大街悠乐汇E座17F</span>
            </div>
            <div class="footer-contact-row">
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
              </svg>
              <span>电话：</span>
              <a href="tel:01087733343">010-87733343</a>
            </div>
          </div>
        </div>
        <div>
          <div class="footer-nav-title">导航</div>
          <div class="footer-nav">
            <a href="index.html">主页</a>
            <a href="freedomerp-cases.html">案例</a>
            <a href="freedomerp-news.html">新闻</a>
            <a href="freedomerp-us.html">我们</a>
            <a href="LastIndex.html">旧版</a>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="footer-copyright">
          © 2010-2026 北京自由超越信息技术有限公司 · 保留所有权利
        </div>
        <div class="footer-record">
          <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener">京ICP备17072227号-1</a>
          <a href="http://www.beian.gov.cn/" target="_blank" rel="noopener">京公网安备110105013385</a>
        </div>
      </div>
    </div>
  </footer>
</body>
</html>