<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>湖南仁华创源机电设备有限公司 - 专业的电气设备解决方案提供商</title>
    <link
      href="http://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="http://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0/css/all.min.css"
      rel="stylesheet"
    />
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
      <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="#">
          <svg
            class="logo me-2"
            width="40"
            height="40"
            viewBox="0 0 100 100"
            xmlns="http://www.w3.org/2000/svg"
          >
            <!-- 外部方形边框 -->
            <rect
              x="10"
              y="10"
              width="80"
              height="80"
              fill="none"
              stroke="#3498db"
              stroke-width="2"
              rx="15"
            />

            <!-- 电力符号 -->
            <path
              d="M45,25 L60,50 L50,50 L55,75 L40,50 L50,50 L45,25"
              fill="#3498db"
              stroke="none"
            />

            <!-- 抽象的设备外形 -->
            <path
              d="M30,35 L70,35 M30,65 L70,65"
              stroke="#3498db"
              stroke-width="2"
              stroke-linecap="round"
            />
          </svg>
          湖南仁华创源机电设备有限公司
        </a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item"><a class="nav-link" href="#home">首页</a></li>
            <li class="nav-item">
              <a class="nav-link" href="#about">关于我们</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#services">业务范围</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#projects">成功案例</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#contact">联系我们</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- 首页横幅 -->
    <section id="home" class="hero-section">
      <div class="container">
        <div class="row min-vh-100 align-items-center">
          <div class="col-md-8 text-white">
            <h1 class="display-4 fw-bold">专业的电气设备解决方案提供商</h1>
            <p class="lead">为国内外重点工程提供高品质电气设备配套服务</p>
            <a href="#contact" class="btn btn-primary btn-lg">立即咨询</a>
          </div>
        </div>
      </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="py-5 bg-light">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-6">
            <h2 class="section-title">关于湖南仁华创源机电</h2>
            <p class="lead text-muted">专注电气设备配套服务20年</p>
            <p>
              湖南仁华创源机电设备有限公司是一家专业从事电气设备配套的高新技术企业，拥有完善的质量管理体系和专业的技术团队。
            </p>
            <div class="row mt-4">
              <div class="col-6 col-md-3">
                <div class="achievement text-center">
                  <i class="fas fa-project-diagram fa-2x text-primary"></i>
                  <h4 class="mt-2">200+</h4>
                  <p>成功项目</p>
                </div>
              </div>
              <div class="col-6 col-md-3">
                <div class="achievement text-center">
                  <i class="fas fa-users fa-2x text-primary"></i>
                  <h4 class="mt-2">50+</h4>
                  <p>专业团队</p>
                </div>
              </div>
              <div class="col-6 col-md-3">
                <div class="achievement text-center">
                  <i class="fas fa-globe-asia fa-2x text-primary"></i>
                  <h4 class="mt-2">10+</h4>
                  <p>服务国家</p>
                </div>
              </div>
              <div class="col-6 col-md-3">
                <div class="achievement text-center">
                  <i class="fas fa-certificate fa-2x text-primary"></i>
                  <h4 class="mt-2">20年</h4>
                  <p>行业经验</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <svg
              class="img-fluid rounded shadow-lg"
              viewBox="0 0 800 600"
              xmlns="http://www.w3.org/2000/svg"
            >
              <defs>
                <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
                  <stop
                    offset="0%"
                    style="stop-color: #3498db; stop-opacity: 0.2"
                  />
                  <stop
                    offset="100%"
                    style="stop-color: #2c3e50; stop-opacity: 0.1"
                  />
                </linearGradient>
              </defs>
              <!-- 背景 -->
              <rect width="100%" height="100%" fill="url(#grad1)" />

              <!-- 工业元素图案 -->
              <g fill="none" stroke="#3498db" stroke-width="2">
                <!-- 齿轮 -->
                <circle cx="200" cy="300" r="80" />
                <circle cx="200" cy="300" r="60" />
                <path d="M200 220 L200 180 M200 380 L200 420" />
                <path d="M120 300 L160 300 M240 300 L280 300" />
                <path d="M141 241 L170 270 M230 330 L259 359" />
                <path d="M141 359 L170 330 M230 270 L259 241" />

                <!-- 电路板线条 -->
                <path
                  d="M400 100 L700 100 L700 500 L400 500"
                  stroke-dasharray="5,5"
                />
                <circle cx="450" cy="150" r="10" />
                <circle cx="650" cy="450" r="10" />
                <path d="M450 150 L650 450" />

                <!-- 连接线 -->
                <path d="M300 300 Q400 300 450 150" />
                <path d="M300 300 Q400 300 450 450" />
              </g>

              <!-- 小圆点装饰 -->
              <g fill="#3498db">
                <circle cx="450" cy="150" r="4" />
                <circle cx="650" cy="450" r="4" />
                <circle cx="450" cy="450" r="4" />
                <circle cx="650" cy="150" r="4" />
              </g>
            </svg>
          </div>
        </div>
      </div>
    </section>

    <!-- 业务范围 -->
    <section id="services" class="py-5">
      <div class="container">
        <h2 class="text-center section-title mb-5">业务范围</h2>
        <div class="row g-4">
          <div class="col-md-4">
            <div class="service-card">
              <div class="icon-box">
                <i class="fas fa-bolt"></i>
              </div>
              <h3>电气设备配套</h3>
              <ul>
                <li>高低压配电柜</li>
                <li>变压器设备</li>
                <li>控制系统集成</li>
              </ul>
            </div>
          </div>
          <div class="col-md-4">
            <div class="service-card">
              <div class="icon-box">
                <i class="fas fa-industry"></i>
              </div>
              <h3>工程施工</h3>
              <ul>
                <li>电气安装工程</li>
                <li>自动化系统集成</li>
                <li>技术改造服务</li>
              </ul>
            </div>
          </div>
          <div class="col-md-4">
            <div class="service-card">
              <div class="icon-box">
                <i class="fas fa-tools"></i>
              </div>
              <h3>维护服务</h3>
              <ul>
                <li>设备维护保养</li>
                <li>故障诊断维修</li>
                <li>技术支持咨询</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 成功案例 -->
    <section id="projects" class="py-5">
      <div class="container">
        <h2 class="text-center mb-5">成功案例</h2>
        <div class="row g-4">
          <div class="col-md-4">
            <div class="card h-100">
              <div class="card-body">
                <h5 class="card-title">国际工程</h5>
                <ul class="list-unstyled">
                  <li>沙特民用港口电气设备配套</li>
                  <li>柬埔寨财富中心空调主机房配套</li>
                  <li>菲律宾瓦瓦大坝建设配套</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card h-100">
              <div class="card-body">
                <h5 class="card-title">国内水利工程</h5>
                <ul class="list-unstyled">
                  <li>湖南邵阳资江航运大坝建设</li>
                  <li>湖南平江抽水储能电站建设</li>
                  <li>福建泉州白濑水利枢纽建设</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card h-100">
              <div class="card-body">
                <h5 class="card-title">医疗及数据中心</h5>
                <ul class="list-unstyled">
                  <li>湘雅附一医院新建科教楼</li>
                  <li>益阳芙蓉云数据中心</li>
                  <li>上海临港联通5G中心项目</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="py-5 bg-light">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h2 class="section-title">联系我们</h2>
            <p class="lead mb-4">期待与您的合作</p>
            <div class="contact-info">
              <div class="d-flex mb-3">
                <i class="fas fa-map-marker-alt fa-2x text-primary me-3"></i>
                <div>
                  <h5>公司地址</h5>
                  <p>长沙市岳麓区含浦街道含泰社区浦旺路101号</p>
                </div>
              </div>
              <div class="d-flex mb-3">
                <i class="fas fa-phone fa-2x text-primary me-3"></i>
                <div>
                  <h5>联系电话</h5>
                  <p>0731-85867074，13507410027</p>
                </div>
              </div>
              <div class="d-flex">
                <i class="fas fa-envelope fa-2x text-primary me-3"></i>
                <div>
                  <h5>电子邮箱</h5>
                  <p>247735913@qq.com</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <form class="contact-form p-4 bg-white rounded shadow-sm">
              <div class="mb-3">
                <input
                  type="text"
                  class="form-control"
                  placeholder="您的姓名"
                />
              </div>
              <div class="mb-3">
                <input
                  type="email"
                  class="form-control"
                  placeholder="电子邮箱"
                />
              </div>
              <div class="mb-3">
                <input type="tel" class="form-control" placeholder="联系话" />
              </div>
              <div class="mb-3">
                <textarea
                  class="form-control"
                  rows="4"
                  placeholder="请输入您的留言"
                ></textarea>
              </div>
              <button type="submit" class="btn btn-primary w-100">
                提交留言
              </button>
            </form>
          </div>
        </div>
      </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-dark text-white py-4">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h5>湖南仁华创源机电设备有限公司</h5>
            <p>专业的电气设备解决方案提供商</p>
          </div>
          <div class="col-md-6 text-md-end">
            <p>联系电话：0731-85867074，13507410027</p>
            <p>邮箱：247735913@qq.com</p>
          </div>
        </div>
        <div class="row mt-3">
          <div class="col-12 text-center">
            <a
              href="http://beian.miit.gov.cn/"
              target="_blank"
              class="text-white-50 text-decoration-none"
            >
              湘ICP备2021000099号
            </a>
          </div>
        </div>
      </div>
    </footer>

    <script src="http://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
  </body>
</html>
