<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>温州飞儿云信息技术有限公司 - 官方网站</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      background-color: #f4f6f8;
      color: #333;
      line-height: 1.6;
    }

    header {
      background-color: #2c3e50;
      color: white;
      padding: 50px 20px;
      text-align: center;
    }

    header h1 {
      font-size: 36px;
      margin-bottom: 10px;
    }

    header p {
      font-size: 18px;
      color: #ccc;
    }

    nav {
      background-color: #34495e;
      padding: 12px 20px;
      text-align: center;
    }

    nav a {
      color: #ecf0f1;
      margin: 0 18px;
      text-decoration: none;
      font-size: 16px;
      transition: color 0.3s;
    }

    nav a:hover {
      color: #3498db;
    }

    .container {
      max-width: 1000px;
      margin: 40px auto;
      background: white;
      padding: 40px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      border-radius: 10px;
    }

    .section {
      margin-bottom: 50px;
    }

    .section h2 {
      font-size: 26px;
      margin-bottom: 20px;
      border-left: 5px solid #3498db;
      padding-left: 12px;
      color: #2c3e50;
    }

    .section p {
      font-size: 16px;
      color: #555;
      margin-bottom: 12px;
    }

    ul.service-list {
      list-style: none;
      padding-left: 0;
    }

    ul.service-list li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 15px;
      font-size: 16px;
      color: #555;
    }

    ul.service-list svg {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      margin-right: 12px;
      fill: #3498db;
      margin-top: 2px;
    }

    footer {
      background-color: #ecf0f1;
      padding: 25px;
      text-align: center;
      font-size: 14px;
      color: #777;
    }

    footer a {
      color: #555;
      text-decoration: none;
    }

    footer a:hover {
      text-decoration: underline;
    }

    .highlight {
      color: #e74c3c;
      font-weight: bold;
    }

    .contact {
      background: #f9f9f9;
      padding: 18px;
      border-left: 6px solid #2980b9;
      font-size: 15px;
    }

    /* 优化响应式 */
    @media (max-width: 768px) {
      .container {
        padding: 20px;
      }

      header h1 {
        font-size: 28px;
      }

      header p {
        font-size: 16px;
      }

      nav a {
        display: inline-block;
        margin: 5px 10px;
      }
    }
  </style>
</head>
<body>

  <header>
    <h1>温州飞儿云信息技术有限公司</h1>
    <p>专注信息技术服务 · 赋能企业数字化升级</p>
  </header>

  <nav>
    <a href="#about">关于我们</a>
    <a href="#services">服务范围</a>
    <a href="#advantages">公司优势</a>
    <a href="#contact">联系我们</a>
  </nav>

  <div class="container">

    <section class="section" id="about">
      <h2>公司简介</h2>
      <p>
        温州飞儿云信息技术有限公司（<span class="highlight">feieryun.cn</span>）是一家专注于信息技术服务与系统集成的技术型企业，致力于为企业客户提供稳定、安全、可持续的信息化解决方案。
      </p>
      <p>
        公司以“技术驱动，服务至上”为核心理念，长期深耕云计算架构、网络系统、安全体系与软件平台建设领域，为政企单位及中小企业提供专业的技术支持与实施服务。
      </p>
    </section>

    <section class="section" id="services">
      <h2>服务范围</h2>
      <p>我们围绕企业信息化建设需求，提供以下技术服务与解决方案：</p>
      <ul class="service-list">
        <li>
          <!-- 云计算 SVG 图标 -->
          <svg viewBox="0 0 64 64">
            <path d="M48 28a12 12 0 0 0-23.8-2.3A9 9 0 0 0 8 34h40a8 8 0 0 0 0-16z"/>
          </svg>
          云计算环境架构设计、部署实施及运维技术支持
        </li>
        <li>
          <!-- 安全锁 SVG 图标 -->
          <svg viewBox="0 0 64 64">
            <path d="M32 4a12 12 0 0 0-12 12v8h-4a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h32a4 4 0 0 0 4-4V28a4 4 0 0 0-4-4h-4v-8a12 12 0 0 0-12-12zM24 16a8 8 0 0 1 16 0v8H24v-8z"/>
          </svg>
          网络与信息系统安全规划、配置实施及运维服务
        </li>
        <li>
          <!-- 网络连接 SVG 图标 -->
          <svg viewBox="0 0 64 64">
            <path d="M32 0a16 16 0 0 0-16 16v8h-8v32h48V24h-8v-8A16 16 0 0 0 32 0zM24 16a8 8 0 0 1 16 0v8H24v-8z"/>
          </svg>
          企业内部网络互联及远程办公技术方案设计与部署支持
        </li>
        <li>
          <!-- 数据 SVG 图标 -->
          <svg viewBox="0 0 64 64">
            <path d="M8 8h48v8H8V8zm0 16h48v8H8v-8zm0 16h48v8H8v-8zm0 16h48v8H8v-8z"/>
          </svg>
          网站系统、业务平台及数据管理系统的建设与维护服务
        </li>
        <li>
          <!-- 工具 SVG 图标 -->
          <svg viewBox="0 0 64 64">
            <path d="M48 8l8 8-24 24-8-8L48 8zm-32 48H8V32l16-16 8 8-16 16v16z"/>
          </svg>
          定制化软件开发、系统集成及持续技术支持服务
        </li>
      </ul>
      <p style="margin-top:10px;font-size:14px;color:#777;">
        注：上述服务均为信息技术服务与系统集成内容，不向不特定公众提供通信接入或电信业务。
      </p>
    </section>

    <section class="section" id="advantages">
      <h2>为什么选择我们？</h2>
      <p>✅ 专业技术团队：具备多年企业级系统建设与运维经验。</p>
      <p>✅ 高效服务响应：提供及时、稳定、可持续的技术支持。</p>
      <p>✅ 稳定与安全并重：严格遵循行业规范与最佳实践。</p>
    </section>

    <section class="section" id="contact">
      <h2>联系我们</h2>
      <div class="contact">
        客服 QQ：<strong>17779583</strong>（Sunnie）<br>
        公司官网：<a href="http://feieryun.cn" target="_blank">feieryun.cn</a><br>
        工信部备案号：<a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备20005080号-1</a><br>
        公安备案号：<a href="http://beian.mps.gov.cn/#/query/webSearch?code=33030402000611" rel="noreferrer" target="_blank">浙公网安备33030402000611号</a>
      </div>
    </section>

  </div>

  <footer>
    &copy; 2025 温州飞儿云信息技术有限公司 ｜ 
    <a href="http://feieryun.cn" target="_blank">vhd9.cn</a> ｜ 
    浙ICP备20005080号-1 | 
    <a href="http://beian.mps.gov.cn/#/query/webSearch?code=33030402000611" rel="noreferrer" target="_blank">浙公网安备33030402000611号</a>
  </footer>

</body>
</html>
