<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上海砺城信息科技有限公司</title>
    <meta name="keywords" content="砺城科技，砺城信息科技，上海砺城信息科技">
    <meta name="description" content="公司于2015年成立，专业从事计算机软硬件技术开发及销售服务，以云计算、大数据、人工智能、物联网、区块链、元宇宙、网络（信息）安全为核心，广泛应用于教育领域：物流管理、跨境电商、工业（服务）机器人、智能制造、计算机应用等相关专业以及信息中心、数字化教室、信息创新等综合实训整体解决方案的供应商。  上海砺城信息科技有限公司秉承着“科技创新、超越梦想”的企业文化，且坚持以“科技为先、诚信为本、服务至上”的公司理念，为客户提供最优质最真诚的服务！">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="dns-prefetch" href="http://www.lichengsoft.com.cn" />
    <link rel="canonical" href="http://www.lichengsoft.com.cn" />
	<script src="./statics/lcsoft/js/index.global.js"></script>
    <link href="./statics/lcsoft/css/font-awesome6.7.2/css/all.min.css" rel="stylesheet">
    <style type="text/tailwindcss">
    @theme {
      --color-primary: #165DFF;
      --color-secondary: #36CBCB;
      --color-dark: #1D2939;
      --color-light: #F9FAFB;
      --font-inter: 'Inter', sans-serif;
    }
    
    @utility smooth-scroll {
      scroll-behavior: smooth;
    }
    
    @utility card-hover {
      @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
    }
    
    @utility section-padding {
      @apply py-16 md:py-24;
    }
    
    body {
      font-family: var(--font-inter);
    }
    </style>
</head>

<body class="bg-light text-dark smooth-scroll">
    <!-- 导航栏 -->
  <nav class="fixed w-full top-0 z-50 bg-white/90 backdrop-blur-md shadow-sm transition-all duration-300" id="navbar">
    <div class="container mx-auto px-4 py-3 flex justify-between items-center"> <a href="/"
        class="flex items-center space-x-2"> <img src="/statics/lcsoft/images/lanlogo.png" alt="砺城信息科技有限公司 Logo"
          class="w-10 h-10 object-contain"> <span class="text-xl font-bold text-primary">上海砺城信息科技有限公司</span> </a>

      <!-- 桌面导航 -->
      <div class="hidden md:flex space-x-8">    
        <a href="#about" class="font-medium hover:text-primary transition-colors">关于我们</a>
        <a href="/html/news/" class="font-medium hover:text-primary transition-colors">新闻快讯</a>
        <a href="/html/jjfa/" class="font-medium hover:text-primary transition-colors">解决方案</a>
        <a href="#products" class="font-medium hover:text-primary transition-colors">产品介绍</a>
        <a href="/html/khal/" class="font-medium hover:text-primary transition-colors">客户案例</a>
        <a href="#partners" class="font-medium hover:text-primary transition-colors">合作伙伴</a>
        <a href="/html/lxwm/" class="font-medium hover:text-primary transition-colors">加入我们</a>        
      </div>

      <!-- 移动端菜单按钮 -->
      <button class="md:hidden text-dark focus:outline-none" id="menuBtn"> <i class="fas fa-bars text-2xl"></i>
      </button>
    </div>

    <!-- 移动端导航菜单 -->
    <div class="md:hidden hidden bg-white border-t" id="mobileMenu">
      <div class="container mx-auto px-4 py-3 flex flex-col space-y-4"> 
        <a href="#about" class="font-medium py-2 hover:text-primary transition-colors">关于我们</a>
        <a href="/html/news/" class="font-medium py-2 hover:text-primary transition-colors">新闻快讯</a>
        <a href="/html/jjfa/" class="font-medium py-2 hover:text-primary transition-colors">解决方案</a>
        <a href="#products" class="font-medium py-2 hover:text-primary transition-colors">产品介绍</a>
        <a href="/html/khal/" class="font-medium py-2 hover:text-primary transition-colors">客户案例</a>
        <a href="#partners" class="font-medium py-2 hover:text-primary transition-colors">合作伙伴</a>
        <a href="/html/lxwm/" class="font-medium py-2 hover:text-primary transition-colors">加入我们</a>
      </div>
    </div>
  </nav>  <section class="pt-24 pb-16 md:pt-32 md:pb-24 bg-gradient-to-br from-primary/5 to-secondary/5">
    <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
      <div class="md:w-1/2 mb-10 md:mb-0">
        <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight mb-6"> 数智教育<span
            class="text-primary">整体解决方案</span> </h1>
        <p class="text-lg md:text-xl text-gray-600 mb-8 max-w-lg"> 以大数据、人工智能、区块链技术为核心，为高校提供专业共建、实训室建设、信息创新等综合解决方案 </p>
        <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> <a href="#solutions"
            class="bg-primary hover:bg-primary/90 text-white font-medium py-3 px-8 rounded-lg text-center transition-all card-hover">
            了解解决方案 </a> </div>
      </div>
      <div class="md:w-1/2 flex justify-center"> <img src="./statics/lcsoft/images/01.png" alt="数智教育解决方案"
          class="rounded-2xl shadow-xl max-w-full h-auto"> </div>
    </div>
  </section>

  <!-- 关于我们 -->
  <section id="about" class="section-padding bg-white">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">关于我们</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>
      <div class="flex flex-col md:flex-row items-center gap-12">
        <div class="md:w-1/2"> <img src="./statics/lcsoft/images/02.png" alt="公司环境" class="rounded-2xl shadow-lg w-full h-auto"> </div>
        <div class="md:w-1/2">
          <p class="text-lg text-gray-600 mb-6"> 公司于2015年成立，专业从事计算机软硬件技术开发及销售服务，以大数据、人工智能、区块链、量子计算为核心，广泛应用于教育领域。 </p>
          <p class="text-lg text-gray-600 mb-6"> 我们为高校提供专业共建、实训室建设、信息创新、人才培养等综合实训，以及高校教务、科研、学生、资产等系统管理应用整体解决方案。 </p>
          <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
            <div class="bg-gray-50 p-6 rounded-xl card-hover"> <i
                class="fas fa-lightbulb text-primary text-3xl mb-4"></i>
              <h3 class="font-bold text-xl mb-2">企业文化</h3>
              <p class="text-gray-600">科技创新、超越梦想</p>
            </div>
            <div class="bg-gray-50 p-6 rounded-xl card-hover"> <i
                class="fas fa-handshake text-primary text-3xl mb-4"></i>
              <h3 class="font-bold text-xl mb-2">公司理念</h3>
              <p class="text-gray-600">科技为先、诚信为本、服务至上</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 解决方案 -->
  <section id="solutions" class="section-padding bg-gray-50">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">解决方案</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 大数据实训室 -->
        <div class="bg-white p-8 rounded-2xl shadow-md card-hover">
          <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mb-6"> <i
              class="fas fa-database text-primary text-2xl"></i> </div>
          <h3 class="text-xl font-bold mb-4">大数据应用解决方案</h3>
          <p class="text-gray-600 mb-6"> 为应用型本科、高职课程提供系统、教学资源、便捷智能的实验实训环境，全面满足教学+实验+实训+科研需求。 </p>
          <!--<a href="#" class="text-primary font-medium flex items-center"> 了解更多 <i class="fas fa-arrow-right ml-2"></i>
          </a>-->
        </div>

        <!-- 人工智能实训室 -->
        <div class="bg-white p-8 rounded-2xl shadow-md card-hover">
          <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mb-6"> <i
              class="fas fa-robot text-primary text-2xl"></i> </div>
          <h3 class="text-xl font-bold mb-4">人工智能应用解决方案</h3>
          <p class="text-gray-600 mb-6"> 提供一站式机器学习云计算应用服务解决方案，集成分类、聚类、回归等多种算法，支持拖拽式操作，无需编程即可应用。 </p>
          <!--<a href="#" class="text-primary font-medium flex items-center"> 了解更多 <i class="fas fa-arrow-right ml-2"></i>
          </a>-->
        </div>

        <!-- 区块链解决方案 -->
        <div class="bg-white p-8 rounded-2xl shadow-md card-hover">
          <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mb-6"> <i
              class="fas fa-chain text-primary text-2xl"></i> </div>
          <h3 class="text-xl font-bold mb-4">区块链解决方案</h3>
          <p class="text-gray-600 mb-6"> 打通各业务系统数据层，提取关键数据上链，借助智能合约自动化流程，构建永久保存且可信可追溯的个人数据档案。 </p>
          <!--<a href="#" class="text-primary font-medium flex items-center"> 了解更多 <i class="fas fa-arrow-right ml-2"></i>
          </a>-->
        </div>
      </div>
      <div class="text-center mt-12"> <a href="/html/jjfa/"
          class="inline-block bg-white hover:bg-gray-50 text-primary border border-primary font-medium py-3 px-8 rounded-lg transition-all card-hover">
          查看更多解决方案 <i class="fas fa-arrow-right ml-2"></i> </a> </div>
    </div>
  </section>

  <!-- 产品介绍 -->
  <section id="products" class="section-padding bg-white">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">产品介绍</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>
      <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
        <div>
          <h3 class="text-2xl font-bold mb-6">机器学习云计算平台</h3>
          <p class="text-lg text-gray-600 mb-6">
            我们的机器学习云计算平台提供直观易用的拖拽式操作界面，使用户无需编程即可快速构建机器学习应用，解决实际问题。平台集成了多种主流算法，支持代码导出学习，为教育实训提供强大支持。 </p>
          <ul class="space-y-4 mb-8">
            <li class="flex items-start"> <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
              <span>支持分类、聚类、回归等多种算法模型</span> </li>
            <li class="flex items-start"> <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
              <span>提供自然语言处理和推荐算法支持</span> </li>
            <li class="flex items-start"> <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
              <span>直观的拖拽式操作，降低使用门槛</span> </li>
            <li class="flex items-start"> <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
              <span>支持代码导出，方便深入学习</span> </li>
          </ul>
          <a href="#contact"
            class="inline-block bg-primary hover:bg-primary/90 text-white font-medium py-3 px-8 rounded-lg transition-all card-hover">
            申请试用 </a> <a href="/html/cpjs/"
            class="inline-block bg-white hover:bg-gray-50 text-primary font-medium py-3 px-8 rounded-lg transition-all card-hover">
            查看更多内容 <i class="fas fa-arrow-right ml-2"></i> </a>
        </div>
        <div class="relative"> <img src="./statics/lcsoft/images/AI.png" alt="机器学习平台界面" class="rounded-2xl shadow-xl w-full h-auto">
          <div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-xl shadow-lg card-hover">
            <div class="flex items-center space-x-2"> <i class="fas fa-star text-yellow-500"></i> <i
                class="fas fa-star text-yellow-500"></i> <i class="fas fa-star text-yellow-500"></i> <i
                class="fas fa-star text-yellow-500"></i> <i class="fas fa-star text-yellow-500"></i> <span
                class="ml-2 font-medium">5.0</span> </div>
            <p class="text-sm text-gray-600">用户满意度</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 客户案例 -->
  <section id="cases" class="section-padding bg-gray-50">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">客户案例</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>
      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
        <div class="bg-white p-6 rounded-xl shadow-md card-hover">
          <div class="h-40 mb-4 overflow-hidden"> <img src="./statics/lcsoft/images/jiaoda.jpg" alt="上海交通大学"
              class="w-full h-full object-cover"> </div>
          <h3 class="font-bold text-lg mb-2">上海交通大学</h3>
          <p class="text-gray-600 text-sm">大数据实训室建设</p>
        </div>
        <div class="bg-white p-6 rounded-xl shadow-md card-hover">
          <div class="h-40 mb-4 overflow-hidden"> <img src="./statics/lcsoft/images/yingyong.jpg" alt="上海应用技术大学"
              class="w-full h-full object-cover"> </div>
          <h3 class="font-bold text-lg mb-2">上海应用技术大学</h3>
          <p class="text-gray-600 text-sm">综合实训解决方案</p>
        </div>
        <div class="bg-white p-6 rounded-xl shadow-md card-hover">
          <div class="h-40 mb-4 overflow-hidden"> <img src="./statics/lcsoft/images/shangxueyuan.jpg" alt="上海商学院"
              class="w-full h-full object-cover"> </div>
          <h3 class="font-bold text-lg mb-2">上海商学院</h3>
          <p class="text-gray-600 text-sm">区块链实训室</p>
        </div>
        <div class="bg-white p-6 rounded-xl shadow-md card-hover">
          <div class="h-40 mb-4 overflow-hidden"> <img src="./statics/lcsoft/images/dianji.jpg" alt="上海电机学院"
              class="w-full h-full object-cover"> </div>
          <h3 class="font-bold text-lg mb-2">上海电机学院</h3>
          <p class="text-gray-600 text-sm">大数据实训室</p>
        </div>
      </div>
      <div class="text-center mt-12"> <a href="/html/khal/"
          class="inline-block bg-white hover:bg-gray-50 text-primary border border-primary font-medium py-3 px-8 rounded-lg transition-all card-hover">
          查看更多客户案例 <i class="fas fa-arrow-right ml-2"></i> </a> </div>
    </div>
  </section>

  <!-- 合作伙伴 -->
  <section id="partners" class="section-padding bg-white">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">合作伙伴</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>

      <!-- 合作伙伴网格 - 固定3行，每行7个 -->
      <div class="grid grid-cols-1 md:grid-cols-7 gap-4 md:gap-6">
        <!-- 第1行：7个合作伙伴 -->
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/1.jpg" alt="Amazon" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/2.jpg" alt="Aliexpress" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/3.jpg" alt="DELL" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/4.jpg" alt="华为" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/5.jpg" alt="浪迅" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/6.jpg" alt="向日葵" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/7.jpg" alt="合作伙伴7" class="max-h-12 object-contain"> </div>

        <!-- 第2行：7个合作伙伴 -->
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/8.jpg" alt="合作伙伴8" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/9.jpg" alt="合作伙伴9" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/10.jpg" alt="合作伙伴10" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/11.jpg" alt="合作伙伴11" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/12.jpg" alt="合作伙伴12" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/13.jpg" alt="合作伙伴13" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/14.jpg" alt="合作伙伴14" class="max-h-12 object-contain"> </div>

        <!-- 第3行：7个合作伙伴 -->
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/15.jpg" alt="合作伙伴15" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/16.jpg" alt="合作伙伴16" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/17.jpg" alt="合作伙伴17" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/18.jpg" alt="合作伙伴18" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/19.jpg" alt="合作伙伴19" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/20.jpg" alt="合作伙伴20" class="max-h-12 object-contain"> </div>
        <div
          class="partner-card bg-white rounded-lg shadow-sm p-4 flex items-center justify-center h-24 transition-all duration-300 hover:shadow-md hover:scale-105">
          <img src="./statics/lcsoft/images/hzhb/21.jpg" alt="合作伙伴21" class="max-h-12 object-contain"> </div>
      </div>
    </div>
  </section>

  <!-- 联系我们 -->
  <section id="contact" class="section-padding bg-gray-50">
    <div class="container mx-auto px-4">
      <div class="text-center mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4 text-dark">联系我们</h2>
        <div class="w-20 h-1 bg-primary mx-auto"></div>
      </div>
      <div class="bg-white rounded-2xl shadow-md overflow-hidden">
        <div class="flex flex-col md:flex-row">
          <!-- 左侧：地址等信息-->
          <div class="w-full md:w-1/2 md:p-12">
            <h3 class="text-xl font-bold mb-6 text-primary">联系我们</h3>

            <!-- 公司地址 -->
            <div class="flex items-start mb-6 pb-6 border-b border-gray-200">
              <div class="bg-primary/10 p-3 rounded-full mr-4 text-primary"> <i
                  class="fas fa-map-marker-alt text-lg"></i> </div>
              <div>
                <h4 class="font-semibold mb-1 text-gray-800">公司地址</h4>
                <p class="text-gray-600">上海市浦东新区新金桥路58号银东大厦19层C座19C室</p>
              </div>
            </div>

            <!-- 联系电话 -->
            <div class="flex items-start mb-6 pb-6 border-b border-gray-200">
              <div class="bg-primary/10 p-3 rounded-full mr-4 text-primary"> <i class="fas fa-phone text-lg"></i> </div>
              <div>
                <h4 class="font-semibold mb-1 text-gray-800">联系电话</h4>
                <p class="text-gray-600">+86 18621016151</p>
                <p class="text-gray-600">+021 61625815</p>
              </div>
            </div>

            <!-- 电子邮箱 -->
            <div class="flex items-start mb-6 pb-6 border-b border-gray-200">
              <div class="bg-primary/10 p-3 rounded-full mr-4 text-primary"> <i class="fas fa-envelope text-lg"></i>
              </div>
              <div>
                <h4 class="font-semibold mb-1 text-gray-800">电子邮箱</h4>
                <p class="text-gray-600">13795454881@139.com</p>
              </div>
            </div>

            <!-- 二维码 -->
            <div class="flex items-center mt-10">
              <div class="mr-5"> <img src="./statics/lcsoft/images/c9c69fcdc61176ea9fc1f554aa2007bb.jpg" alt="关注公众号"
                  class="h-32 w-32 shadow-lg rounded-lg"> </div>
              <div>
                <h4 class="font-medium text-gray-800 mb-2">扫码实时沟通</h4>
              </div>
            </div>
          </div>

          <!--留言表单 -->
          <div class="w-full md:w-1/2 p-8 md:p-12">
            <h3 class="text-xl font-bold mb-6 text-primary">留言咨询</h3>
            <form method="post" class="space-y-4" action="/index.php?m=formguide&c=index&a=show&formid=13&siteid=1" name="myform" id="myform">
              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                  <label class="block text-sm font-medium mb-2 text-gray-700">姓名 <span
                      class="text-red-500">*</span></label>
                  <input type="text" name="info[name]" id="name" placeholder="请输入姓名"
                    class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary transition">
                </div>
                <div>
                  <label class="block text-sm font-medium mb-2 text-gray-700">电话 <span
                      class="text-red-500">*</span></label>
                  <input type="text" name="info[phone]" id="phone" placeholder="请输入电话"
                    class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary transition">
                </div>
              </div>
              <div>
                <label class="block text-sm font-medium mb-2 text-gray-700">邮箱</label>
                <input type="text" name="info[email]" id="email" placeholder="请输入邮箱"
                  class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary transition">
              </div>
              <div>
                <label class="block text-sm font-medium mb-2 text-gray-700">咨询内容 <span
                    class="text-red-500">*</span></label>
                <select
                  class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary" name="info[zixuncon]" id="zixuncon">
                  <option selected disabled>请选择咨询内容</option>
                  <option value="1">大数据实训解决方案</option>
                  <option value="2">人工智能实训解决方案</option>
                  <option value="3">区块链解决方案</option>
                  <option value="4">高校系统管理方案</option>
                  <option value="5">产品咨询</option>
                  <option value="6">其他</option>
                </select>
              </div>
              <div>
                <label class="block text-sm font-medium mb-2 text-gray-700">留言内容</label>
                <textarea name="info[note]" id="note" placeholder="请输入您的留言..."
                  class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary h-32"></textarea>
              </div>
              <input type="submit" name="dosubmit" id="dosubmit"
                class="w-full bg-gradient-to-r from-primary to-primary/90 text-white font-bold py-3 px-4 rounded-lg hover:from-primary/90 hover:to-primary transition-all card-hover" value="提交留言 ">
              <p class="text-xs text-gray-500 text-center"> 提交留言即表示您同意我们的<span
                  class="text-primary cursor-pointer">隐私政策</span> </p>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>

    <!-- 页脚 -->
  <footer class="bg-dark text-white py-12">
    <div class="container mx-auto px-4">
      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
        <div>
          <div class="flex items-center space-x-2 mb-6"> <img src="/statics/lcsoft/images/bailogo.png" alt="上海砺城科技 Logo"
              class="w-10 h-10 object-contain"> <span class="text-xl font-bold">上海砺城科技</span> </div>
          <p class="text-gray-400 mb-6"> 专业从事计算机软硬件技术开发及销售服务，以大数据、人工智能、区块链为核心，为教育领域提供综合解决方案。 </p>
          <div class="flex space-x-4"> <a href="#" class="text-gray-400 hover:text-secondary transition-colors"> <i
                class="fab fa-weixin text-xl"></i> </a> <a href="#"
              class="text-gray-400 hover:text-secondary transition-colors"> <i class="fab fa-weibo text-xl"></i> </a> <a
              href="#" class="text-gray-400 hover:text-secondary transition-colors"> <i
                class="fab fa-linkedin text-xl"></i> </a> </div>
        </div>
        <div>
          <h4 class="text-lg font-bold mb-6">快速链接</h4>
          <ul class="space-y-3">
            <!--                        
            <li><a href="/html/aboutus/" class="text-gray-400 hover:text-secondary transition-colors">关于我们</a> </li>
                        
            <li><a href="/html/news/" class="text-gray-400 hover:text-secondary transition-colors">新闻快讯</a> </li>
                        
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">解决方案</a> </li>
                        
            <li><a href="/html/cpjs/" class="text-gray-400 hover:text-secondary transition-colors">产品介绍</a> </li>
                        
            <li><a href="/html/khal/" class="text-gray-400 hover:text-secondary transition-colors">客户案例</a> </li>
                        
            <li><a href="/html/hzhb/" class="text-gray-400 hover:text-secondary transition-colors">合作伙伴</a> </li>
                        
            <li><a href="/html/lxwm/" class="text-gray-400 hover:text-secondary transition-colors">联系我们</a> </li>
                        -->
            <li><a href="#about" class="text-gray-400 hover:text-secondary transition-colors">关于我们</a> </li>
            <li><a href="/html/news/" class="text-gray-400 hover:text-secondary transition-colors">新闻快讯</a> </li>
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">解决方案</a> </li>
            <li><a href="#products" class="text-gray-400 hover:text-secondary transition-colors">产品介绍</a> </li>
            <li><a href="/html/khal/" class="text-gray-400 hover:text-secondary transition-colors">客户案例</a> </li>
            <li><a href="#partners" class="text-gray-400 hover:text-secondary transition-colors">合作伙伴</a> </li>
            <li><a href="/html/lxwm/" class="text-gray-400 hover:text-secondary transition-colors">加入我们</a> </li>
          </ul>
        </div>
        <div>
          <h4 class="text-lg font-bold mb-6">解决方案</h4>
          <ul class="space-y-3">
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">大数据实训室</a></li>
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">人工智能实训室</a> </li>
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">区块链解决方案</a> </li>
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">信息创新实训方案</a> </li>
            <li><a href="/html/jjfa/" class="text-gray-400 hover:text-secondary transition-colors">高校系统管理方案</a> </li>
          </ul>
        </div>
        <div>
          <h4 class="text-lg font-bold mb-6">联系我们</h4>
          <ul class="space-y-3">
            <li class="flex items-start"> <i class="fas fa-map-marker-alt text-secondary mt-1 mr-3"></i> <span
                class="text-gray-400">上海市浦东新区新金桥路58号银东大厦19层C座19C室</span> </li>
            <li class="flex items-start"> <i class="fas fa-phone text-secondary mt-1 mr-3"></i> <span
                class="text-gray-400">+86 18621016151</span> </li>
            <li class="flex items-start"> <i class="fas fa-phone text-secondary mt-1 mr-3"></i> <span
                class="text-gray-400">+021 61625815</span> </li>
            <li class="flex items-start"> <i class="fas fa-envelope text-secondary mt-1 mr-3"></i> <span
                class="text-gray-400">13795454881@139.com</span> </li>
          </ul>
        </div>
      </div>
      <div class="border-t border-gray-800 pt-8 text-center text-gray-500 text-sm">
        <p>© 2020-2025 上海砺城信息科技有限公司 版权所有 沪ICP备2022023166号-1</p>
        <p class="mt-2"><a href="https://www.lichengsoft.com.cn"
            class="text-gray-400 hover:text-secondary transition-colors">https://www.lichengsoft.com.cn</a> </p>
      </div>
    </div>
  </footer>
  <script>
    // 移动端菜单切换
    const menuBtn = document.getElementById('menuBtn');
    const mobileMenu = document.getElementById('mobileMenu');

    menuBtn.addEventListener('click', () => {
      mobileMenu.classList.toggle('hidden');
    });

    // 导航栏滚动效果
    const navbar = document.getElementById('navbar');

    window.addEventListener('scroll', () => {
      if (window.scrollY > 50) {
        navbar.classList.add('py-2', 'shadow-md');
        navbar.classList.remove('py-3', 'shadow-sm');
      } else {
        navbar.classList.add('py-3', 'shadow-sm');
        navbar.classList.remove('py-2', 'shadow-md');
      }
    });

    // 平滑滚动
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        mobileMenu.classList.add('hidden'); // 点击后关闭移动端菜单
        document.querySelector(this.getAttribute('href')).scrollIntoView({
          behavior: 'smooth'
        });
      });
    });
  </script></body>

</html>