<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华致科技 - 数字化解决方案专家</title>
    <meta name="description" content="华致科技专注于电子政务、低空经济、信息系统集成和中小企业ICT解决方案，为政府和运营商客户提供专业的数字化服务">
    <meta name="keywords" content="华致科技,电子政务,低空经济,信息系统集成,ICT解决方案,数字化">
    
    <!-- DaisyUI + Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="./js/jquery-1.8.3.min.js"></script>
    <link href="./css/full.css" rel="stylesheet">
    <link rel="icon" href="favicon.ico">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="./css/style.css">
    
    <!-- 图标库 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>

<body class="bg-base-100">
    <!-- 导航栏 -->
    <header class="navbar bg-base-100 shadow-lg fixed top-0 z-50">
        <div class="navbar-start">
            <div class="dropdown lg:hidden">
                <!-- <label tabindex="0" class="btn btn-ghost">
                    <i class="fas fa-bars text-xl"></i>
                    <image
                        class="logo"
                        src="./logo_icon.png"
                        mode="scaleToFill"
                    />
                </label> -->
                <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 text-base-content text-base-content-mobile" >
                    <li><a href="#home" class="nav-link">首页</a></li>
                    <li><a href="#business" class="nav-link">产品及服务</a></li>
                    <!-- <li><a href="#solutions" class="nav-link">解决方案</a></li> -->
                    <li><a href="#cases" class="nav-link">成功案例</a></li>
                    <li><a href="#partner" class="nav-link">合作伙伴</a></li>
                    <li><a href="#contact" class="nav-link">联系我们</a></li>
                </ul>
            </div>
            <a class="btn btn-ghost text-xl font-bold text-primary">
                <!-- <i class="fas fa-microchip mr-2"></i>
                华致科技 -->
                <image
                        class="logo"
                        src="./image/logo.png"
                        mode="scaleToFill"
                    />
            </a>
        </div>
        <div class="navbar-center hidden lg:flex">
            <ul class="menu menu-horizontal px-1 text-base-content text-base-content-mobile">
                <li><a href="#home" class="nav-link">首页</a></li>
                <li><a href="#business" class="nav-link">产品及服务</a></li>
                <!-- <li><a href="#solutions" class="nav-link">解决方案</a></li> -->
                <li><a href="#cases" class="nav-link">成功案例</a></li>
                <li><a href="#partner" class="nav-link">合作伙伴</a></li>
                <li><a href="#contact" class="nav-link">联系我们</a></li>
            </ul>
        </div>
        <div class="navbar-end">
            <a href="#contact" class="btn btn-primary theme-btn">
                <i class="fas fa-phone mr-2"></i>
                联系我们
            </a>
        </div>
    </header>

    <!-- 首页横幅 -->
    <section id="home" class="">
        <!-- <div class="hero-content text-center text-primary-content">
            <div class="max-w-4xl">
                <div class="mb-8">
                    <div class="tech-icon-container">
                        <i class="fas fa-microchip tech-icon"></i>
                    </div>
                </div>
                <h1 class="mb-5 text-5xl font-bold leading-tight">
                    华致科技
                    <span class="block text-3xl mt-2 opacity-90">数字化解决方案专家</span>
                </h1>
                <p class="mb-8 text-xl opacity-90 max-w-2xl mx-auto">
                    专注于电子政务、低空经济、信息系统集成和中小企业ICT解决方案
                    <br>为政府和运营商客户提供专业的数字化服务
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center">
                    <a href="#business" class="btn btn-accent btn-lg">
                        <i class="fas fa-rocket mr-2"></i>
                        了解业务
                    </a>
                    <a href="#contact" class="btn btn-outline btn-lg text-white border-white hover:bg-white hover:text-primary">
                        <i class="fas fa-handshake mr-2"></i>
                        合作咨询
                    </a>
                </div>
            </div>
        </div> -->
        <!-- <div class="hero-overlay bg-opacity-20"></div> -->
        <div class="slider" id="slider">
            <div class="slides">
              <div class="slide"><img src="./image/slide-1.jpg" alt=""></div>
              <div class="slide"><img src="./image/slide-4.jpg" alt=""></div>
              <div class="slide"><img src="./image/slide-3.jpg" alt=""></div>			  
              <div class="slide"><img src="./image/slide-2.jpg" alt=""></div>			  
              <div class="slide active">
                <img src="./image/slide-0.jpg" alt="">
                <div class="silder-block">
                    <div class="silder-text">
                        <img src="./image/slide-text.png" alt="">
                    </div>
                    <div class="silder-btns items-center">
                        <a href="#business">
                            <img src="./image/btn-2.png" alt="">
                        </a>
                        <a href="#contact">
                            <img src="./image/btn-1.png" alt="">
                        </a>
                    </div>
                </div>
              </div>
            </div>
            <button class="btn-slider prev" aria-label="上一张">‹</button>
            <button class="btn-slider next" aria-label="下一张">›</button>
            <div class="dots" aria-label="轮播指示器"></div>
          </div>
    </section>

    <!-- 业务方向 -->
    <section id="business" class="pt-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8">
                <h2 class="text-4xl font-bold mb-4">产品及服务</h2>
                <p class="text-l max-w-2xl mx-auto color-4">
                    精铸高质量产品，诚献优质服务，只为客户满意！
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            <!-- 低空经济 -->
                <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 business-card p-2">
                    <div class="card-body text-center">
                        <div class="mx-auto mb-4 w-16 h-16 bg-secondary rounded-full flex items-center justify-center bg-pink">
                            <i class="fas fa-helicopter text-2xl text-white"></i>
                        </div>
                        <h3 class="card-title justify-center text-xl mb-3">低空经济</h3>
                        <p class="text-base-content opacity-70 mb-4">
                            发展低空技术应用，提供无人机和低空飞行器相关技术服务
                        </p>
                        <ul class="space-y-2 text-base-content text-base-content-mobile text-left">
                            <li class="flex items-center">1.能源巡检解决方案</li>
                            <li class="flex items-center">2.测绘&三维建模解决方案</li>
                            <li class="flex items-center">3.公路交通巡检解决方案</li>
                            <li class="flex items-center">4.水利巡检解决方案</li>
                            <li class="flex items-center">5.耕地保护解决方案</li>
                            <li class="flex items-center">6.公安&应急解决方案</li>
                        </ul>
                    </div>
                </div>


                <!-- 信息系统集成 -->
                <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 business-card p-3">
                    <div class="card-body text-center">
                        <div class="mx-auto mb-4 w-16 h-16 bg-accent rounded-full flex items-center justify-center">
                            <i class="fas fa-network-wired text-2xl text-white"></i>
                        </div>
                        <h3 class="card-title justify-center text-xl mb-3">信息系统集成</h3>
                        <p class="text-base-content opacity-70 mb-4">
                            为企业和机构提供全面的信息系统集成服务，包括设计、开发和维护
                        </p>
                        <ul class="space-y-2 text-base-content text-base-content-mobile text-left">
                            <li class="flex items-center">1.行业Wi-Fi整体解决方案(金融/能源)</li>
                            <li class="flex items-center">2.智慧园区IBMS集成管控平台</li>
                            <li class="flex items-center">3.算力中心/IDC交钥匙工程</li>
                        </ul>
                    </div>
                </div>
            
                <!-- 中小企业ICT -->
                <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 business-card p-4">
                    <div class="card-body text-center">
                        <div class="mx-auto mb-4 w-16 h-16 bg-info rounded-full flex items-center justify-center">
                            <i class="fas fa-laptop-code text-2xl text-white"></i>
                        </div>
                        <h3 class="card-title justify-center text-xl mb-3">中小企业ICT</h3>
                        <p class="text-base-content opacity-70 mb-4">
                            为中小企业提供定制化ICT解决方案，助力企业数字化转型
                        </p>
                        <ul class="space-y-2 text-base-content text-base-content-mobile text-left">
                            <li class="flex items-center">1.企业一站式组网</li>
                            <li class="flex items-center">2.安防视频监控</li>
                            <li class="flex items-center">3.机房建设与搬迁</li>
                            <li class="flex items-center">4.音视频会议系统</li>
                            <li class="flex items-center">5.综合布线</li>
                        </ul>
                    </div>
                </div>
				
                <!-- 电子政务 -->
                <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 business-card p-1">
                    <div class="card-body text-center">
                        <div class="mx-auto mb-4 w-16 h-16 bg-primary rounded-full flex items-center justify-center">
                            <!-- <i class="fas fa-building text-2xl text-white"></i> -->
                            <i class="icon-1 text-2xl text-white"></i>
                        </div>
                        <h3 class="card-title justify-center text-xl mb-3">电子政务</h3>
                        <p class="text-base-content opacity-70 mb-4">
                            为政府机构提供数字化政务服务解决方案，提升政务效率和服务质量
                        </p>
                        <ul class="space-y-2 text-base-content text-base-content-mobile text-left">
                            <li class="flex items-center">1.政府网站/政务服务绩效考核管理平台</li>
                            <li class="flex items-center">2.政府网站设计与运维</li>
                            <li class="flex items-center">3.政务综合办理系统</li>
                            <li class="flex items-center">4.AI智慧政务服务助理平台</li>
                            <li class="flex items-center">5.依申请公开数据分析管理系统</li>             
                        </ul>
                    </div>
                </div>				
            </div>
        </div>
    </section>

    <!-- 解决方案 -->
    <!-- <section id="solutions" class="py-10 bg-base-100">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8">
                <h2 class="text-4xl font-bold mb-4">核心解决方案</h2>
                <p class="text-xl opacity-70 max-w-2xl mx-auto">
                    基于多年技术积累，为客户提供完整的数字化解决方案
                </p>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
                <div class="card bg-gradient-to-br from-primary to-primary-focus text-primary-content shadow-xl">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <i class="fas fa-city text-3xl mr-4"></i>
                            <h3 class="card-title text-2xl">政府数字化解决方案</h3>
                        </div>
                        <p class="mb-6 opacity-90">
                            为政府机构提供全方位的数字化转型服务，提升政务效率和公共服务水平
                        </p>
                        <div class="grid grid-cols-2 gap-4 mb-6">
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-users mb-2 text-lg"></i>
                                <p class="text-sm">协同办公平台</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-chart-line mb-2 text-lg"></i>
                                <p class="text-sm">绩效管理系统</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-mobile-alt mb-2 text-lg"></i>
                                <p class="text-sm">移动政务服务</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-shield-alt mb-2 text-lg"></i>
                                <p class="text-sm">信息安全保障</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card bg-gradient-to-br from-secondary to-secondary-focus text-secondary-content shadow-xl">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <i class="fas fa-industry text-3xl mr-4"></i>
                            <h3 class="card-title text-2xl">企业数字化解决方案</h3>
                        </div>
                        <p class="mb-6 opacity-90">
                            帮助企业实现数字化转型，提升运营效率和竞争力
                        </p>
                        <div class="grid grid-cols-2 gap-4 mb-6">
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-cloud mb-2 text-lg"></i>
                                <p class="text-sm">云平台建设</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-database mb-2 text-lg"></i>
                                <p class="text-sm">数据管理平台</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-cogs mb-2 text-lg"></i>
                                <p class="text-sm">业务流程优化</p>
                            </div>
                            <div class="bg-white bg-opacity-20 p-3 rounded-lg">
                                <i class="fas fa-robot mb-2 text-lg"></i>
                                <p class="text-sm">智能化应用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <!-- 成功案例 -->
    <section id="cases" class="pt-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center mb-8">
                <h2 class="text-4xl font-bold mb-4">成功案例</h2>
                <p class="text-l max-w-2xl mx-auto color-4">
                    与企业精诚合作，打造行业标杆!
                </p>
            </div>

            <!-- <div class="carousel w-full" id="cases-carousel">
                <div id="case1" class="carousel-item w-full">

                </div>
            </div> -->
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 w-full">
                <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-4">
                                <!-- <i class="fas fa-lightning-bolt text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">北京平谷峪口镇东樊各庄数字乡村</h3>
                                <!-- <p class="text-base-content text-base-content-mobile opacity-70">大型山地光伏</p></i> -->
                            </div>
                        </div>
                        <p class="mb-2">项目类型：数字乡村治理  </p>
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                            <li class="flex items-center">应用成果：实景三维模型驱动驾驶舱，党建、治理、产业一屏统管，村庄管理可视化、精细化、高效化。</li>
                        </ul>
                    </div>
               </div>					
               <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-5">
                                <!-- <i class="fas fa-lightning-bolt text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">秦岭保护区森林防火监测应急系统</h3>
                                <!--<p class="text-base-content text-base-content-mobile opacity-70">铁路线巡检</p>-->
                            </div>
                        </div>
                        <p class="mb-2">项目类型：林火智慧防控  </p>
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                            <li class="flex items-center">应用成果：无人机倾斜摄影三维建模，AI自动巡火，灾前精准识别、灾中快速处置，护秦岭生态安全。</li>
                        </ul>
                    </div>
                </div>
                <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-6">
                                <!-- <i class="fas fa-lightning-bolt text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">四川某露天矿群违法监测预警系统 </h3>
                                <!--<p class="text-base-content text-base-content-mobile opacity-70">智慧警务</p>-->
                            </div>
                        </div>
                        <p class="mb-2">项目类型：矿产资源智慧监管 </p>
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                            <li class="flex items-center">应用成果：构建“空天地”一体化监测网络，AI秒级识别越界开采并闭环执法，实现矿区一张图可视、证照到期预警、违法率下降70%，助力矿产资源治理现代化。</li>
                        </ul>
                    </div>
                </div>
                <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-3">
                                <!-- <i class="fas fa-lightning-bolt text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">交通运输部项目</h3>
                               <!--  <p class="text-base-content text-base-content-mobile opacity-70">交通桥梁巡检</p> -->
                            </div>
                        </div>
                        <p class="mb-2">项目类型：桥梁智慧巡检</p>
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                            <li class="flex items-center">应用成果：山东试点大桥无人机机库值守，信息全采、缺陷识别≥90%，巡检效率倍增、成本大降，桥梁安全实时智控，显著提升桥梁结构安全监测水平。</li>
                        </ul>
                    </div>
                </div>	
                <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-1">
                                <!-- <i class="fas fa-industry text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">农业银行省级WiFi项目</h3>
                                  <!--<p class="text-base-content text-base-content-mobile opacity-70">省各网点WiFi覆盖</p>-->
                            </div>
                        </div>
                        <!--  <p class="mb-2">项目规模：xxxxxx</p>  -->
                        <p class="mb-2">项目类型：省各网点WiFi覆盖</p> 
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                             <li class="flex items-center">应用成果：完成全省网点高速WiFi统一覆盖，建成公安网监实时对接平台，安全、体验与运营效率全面提升，助力智慧金融服务升级</li>
                        </ul>
                        <!-- <div class="badge badge-success mb-2">年降电费超百万元</div>
                        <div class="badge badge-info">xxxxxx</div> -->
                    </div>
                </div>

                <div class="card bg-base-100 shadow-xl content-block">
                    <div class="card-body">
                        <div class="flex items-center mb-4">
                            <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4 icon-item-2">
                                <!-- <i class="fas fa-bolt text-white"></i> -->
                            </div>
                            <div>
                                <h3 class="font-bold text-lg">政府网站与新媒体绩效考核管理项目</h3>
                                <!-- <p class="text-base-content text-base-content-mobile opacity-70">平地集中式光伏</p>  -->
                            </div>
                        </div>
                        <p class="mb-2">项目类型：四川省数字政府服务项目</p>
                        <ul class="space-y-2 color-6 item-ul text-base-content text-base-content-mobile">
                            <li class="flex items-center">应用成果：平台多年高效稳定运行，对四川省省级部门及21市州政府网站、政务新媒体全覆盖绩效考评，数据精准、分析全面、反馈及时，显著提升网上履职和公共服务效能。</li>
                        </ul>
                        <!-- <div class="badge badge-success mb-2">免增容改造</div>
                        <div class="badge badge-info">xxxxxx</div> -->
                    </div>
                </div>
            </div>
            <!-- <div class="flex justify-center mt-8">
                <div class="btn-group">
                    <button class="btn btn-sm" onclick="document.getElementById('case1').scrollIntoView()">1</button>
                </div>
            </div> -->
        </div>
    </section>
    <!-- 合作伙伴 -->
    <section id="partner" class="pt-20 bg-base-200">
        <div class="container mx-auto px-4">
            <div class="text-center">
                <h2 class="text-4xl font-bold mb-4">合作伙伴</h2>
                <p class="text-l max-w-2xl mx-auto color-4">
                    诚信合作，服务至上！
                </p>
            </div>
            <div class="grid grid-cols-1 lg:grid-cols-1 gap-24 w-full partner-image show-lg">
                <image
                    src="./image/partner.png"
                    mode="scaleToFill"
                />
            </div>
            <div class="grid grid-cols-1 lg:grid-cols-1 gap-24 w-full partner-image show-mobile mt-4">
                <image
                    src="./image/partner-mobile.png"
                    mode="scaleToFill"
                />
            </div>
        </div>
    </section>
    <!-- 联系我们 -->
    <section id="contact" class="pt-20 bg-base-100">
        <div class="container mx-auto px-6">
            <!-- <div class="text-center mb-8">
                <h2 class="text-4xl font-bold mb-4">联系我们</h2>
                <p class="text-xl opacity-70 max-w-2xl mx-auto">
                    期待与您合作，共同推进数字化转型
                </p>
            </div> -->

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:px-4 pt-2 bg-white">
                <!-- 联系信息 -->
                <div class="space-y-8">
                    <div class="card bg-base-200 shadow-lg">
                        <div class="card-body">
                            <h3 class="card-title text-2xl mb-6">
                                <!-- <image class="mr-3 logo_icon" src="./image/logo_icon.png"  mode="scaleToFill"/> -->
                                <i class="fas fa-building mr-3 text-primary theme-text"></i>
                                公司信息
                            </h3>
                            <div class="space-y-4">
                                <div class="flex items-start">
                                    <!-- <i class="fas fa-map-marker-alt text-primary mt-1 mr-3"></i> -->
                                    <image class="mr-3 space_icon" src="./image/email.png"  mode="scaleToFill"/>
                                    <div>
                                        <p class="font-semibold">公司邮箱</p>
                                        <p class="opacity-70">service@huazhitech.cn</p>
                                    </div>
                                </div>
                                <div class="flex items-start">
                                    <!-- <i class="fas fa-map-marker-alt text-primary mt-1 mr-3"></i> -->
                                    <image class="mr-3 space_icon" src="./image/tel.png"  mode="scaleToFill"/>
                                    <div>
                                        <p class="font-semibold">联系电话</p>
                                        <p class="opacity-70">028-83352070/83352071</p>
                                    </div>
                                </div>
                                <div class="flex items-start">
                                    <!-- <i class="fas fa-map-marker-alt text-primary mt-1 mr-3"></i> -->
                                    <image class="mr-3 space_icon" src="./image/phone.png"  mode="scaleToFill"/>
                                    <div>
                                        <p class="font-semibold">业务联系电话</p>
                                        <p class="opacity-70">13980861978 18908071977</p>
                                    </div>
                                </div>                              
                                <div class="flex items-start">
                                    <!-- <i class="fas fa-map-marker-alt text-primary mt-1 mr-3"></i> -->
                                    <image class="mr-3 space_icon" src="./image/email.png"  mode="scaleToFill"/>
                                    <div>
                                        <p class="font-semibold">总部地址</p>
                                        <p class="opacity-70">四川省成都市高新区盛安街133号汇锦广场A座2206室</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card from-primary to-primary-focus text-primary-content shadow-lg">
                        <div class="card-body p-0">
                            <image src="./image/contant-bg.png"  mode="scaleToFill"/>
                        </div>
                        <!-- <div class="card-body">
                            <h3 class="card-title text-xl mb-4">
                                <i class="fas fa-handshake mr-3"></i>
                                合作优势
                            </h3>
                            <ul class="space-y-3">
                                <li class="flex items-center">
                                    <i class="fas fa-check-circle mr-3"></i>
                                    <span>10年以上行业经验</span>
                                </li>
                                <li class="flex items-center">
                                    <i class="fas fa-check-circle mr-3"></i>
                                    <span>专业技术团队</span>
                                </li>
                                <li class="flex items-center">
                                    <i class="fas fa-check-circle mr-3"></i>
                                    <span>定制化解决方案</span>
                                </li>
                                <li class="flex items-center">
                                    <i class="fas fa-check-circle mr-3"></i>
                                    <span>全程技术支持</span>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                </div>

                <!-- 联系表单 -->
                <div class="card bg-base-200 shadow-lg">
                    <div class="card-body">
                        <h3 class="card-title text-2xl mb-6">
                            <!-- <i class="fas fa-envelope mr-3 text-primary"></i> -->
                            <image class="mr-3 space_icon w-6 h-4" src="./image/email.png"  mode="scaleToFill"/>
                            咨询合作
                        </h3>
                        <form id="contact-form" class="space-y-4">
                            <div class="form-control">
                                <label class="label">
                                    <span class="label-text font-semibold">公司名称</span>
                                </label>
                                <input type="text" placeholder="请输入您的公司名称" class="input input-bordered" name="companyName" required>
                            </div>
                            <div class="form-control">
                                <label class="label">
                                    <span class="label-text font-semibold">联系人</span>
                                </label>
                                <input type="text" placeholder="请输入联系人姓名" class="input input-bordered" name="contactName" required>
                            </div>
                            <div class="form-control">
                                <label class="label">
                                    <span class="label-text font-semibold">联系电话</span>
                                </label>
                                <input type="tel" placeholder="请输入联系电话" class="input input-bordered" name="contactPhone" required>
                            </div>
                            <div class="form-control">
                                <label class="label">
                                    <span class="label-text font-semibold">业务需求</span>
                                </label>
                                <select class="select select-bordered" name="businessType" required>
                                    <option disabled selected>请选择业务类型</option>
                                    <option value="1">电子政务</option>
                                    <option value="2">低空经济</option>
                                    <option value="3">信息系统集成</option>
                                    <option value="4">中小企业ICT</option>
                                    <option value="5">其他</option>
                                </select>
                            </div>
                            <div class="form-control">
                                <label class="label">
                                    <span class="label-text font-semibold">项目描述</span>
                                </label>
                                <textarea class="textarea textarea-bordered h-24 " placeholder="请简要描述您的项目需求" name="projectDescription"></textarea>
                            </div>
                            <div class="form-control mt-6">
                                <button type="submit" class="btn btn-primary theme-btn">
                                    <i class="fas fa-paper-plane mr-2"></i>
                                    提交咨询
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class=" site-footer">
        <div class="footer-content">
            <div class="footer-col">
              <h4>低空经济</h4>
              <ul>
                <li>无人机应用</li>
                <li>低空监管</li>
                <li>空域管理</li>
              </ul>
            </div>
            <div class="divider"></div>
            <div class="footer-col">
              <h4>信息系统集成</h4>
              <ul>
                <li>系统架构设计</li>
                <li>软件开发</li>
                <li>运维服务</li>
              </ul>
            </div>
            <div class="divider"></div>
            <div class="footer-col">
              <h4>中小企业ICT</h4>
              <ul>
                <li>云计算服务</li>
                <li>数据分析</li>
                <li>IT咨询</li>
              </ul>
            </div>
            <div class="divider"></div>			
            <div class="footer-col">
              <h4>电子政务</h4>
              <ul>
                <li>政务系统集成</li>
                <li>数字化办公</li>
                <li>公共服务平台</li>
              </ul>
            </div>			
        </div>
        <div class="copyright">
            <span>Copyright@2025 成都华致科技有限公司 版权所有 蜀ICP备14002700号-1</span>
        </div>
    </footer>

    <!-- JavaScript -->
    <!-- <script type="module" src="./js/script.js"></script> -->
    <script>
        (function () {
          const slider = document.getElementById('slider');
          const slides = Array.from(slider.querySelectorAll('.slide'));
          const prevBtn = slider.querySelector('.prev');
          const nextBtn = slider.querySelector('.next');
          const dotsWrap = slider.querySelector('.dots');
        
          let current = slides.length - 1;;
          let timer = null;
          const intervalMs = 30000;
        
          function createDots() {
            slides.forEach((_, i) => {
              const dot = document.createElement('span');
              dot.className = 'dot' + (i === 0 ? ' active' : '');
              dot.dataset.index = String(i);
              dotsWrap.appendChild(dot);
            });
          }
        
          function updateUI(index) {
            slides.forEach((el, i) => el.classList.toggle('active', i === index));
            const dots = dotsWrap.querySelectorAll('.dot');
            dots.forEach((d, i) => d.classList.toggle('active', i === index));
          }
        
          function goTo(index) {
            current = (index + slides.length) % slides.length;
            updateUI(current);
          }
        
          function next() { goTo(current + 1); }
          function prev() { goTo(current - 1); }
        
          function start() {
            stop();
            timer = setInterval(next, intervalMs);
          }
        
          function stop() {
            if (timer) {
              clearInterval(timer);
              timer = null;
            }
          }
        
          createDots();
          updateUI(current);
          start();
        
          nextBtn.addEventListener('click', () => { next(); start(); });
          prevBtn.addEventListener('click', () => { prev(); start(); });
        
          dotsWrap.addEventListener('click', (e) => {
            const target = e.target;
            if (target && target.classList.contains('dot')) {
              goTo(Number(target.dataset.index));
              start();
            }
          });
        
          slider.addEventListener('mouseenter', stop);
          slider.addEventListener('mouseleave', start);
        
          // 可选：键盘左右切换
          document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowRight') { next(); start(); }
            if (e.key === 'ArrowLeft') { prev(); start(); }
          });
        
          // 可选：触摸滑动
          let startX = 0;
          slider.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; stop(); }, { passive: true });
          slider.addEventListener('touchend', (e) => {
            const delta = e.changedTouches[0].clientX - startX;
            if (Math.abs(delta) > 40) { delta < 0 ? next() : prev(); }
            start();
          }, { passive: true });
        })();
        </script>
    <script>
        function showMessage(text, type) {
            const messageDiv = document.createElement('div');
            messageDiv.className = `${type}-message`;
            messageDiv.innerHTML = `
               <i class="fas fa-${type === 'success' ? 'check-circle' : 'exclamation-circle'} mr-2"></i>
               ${text}
           `;
           var form = document.getElementById('contact-form');

           form.appendChild(messageDiv);
        
          // 显示动画
          setTimeout(() => {
              messageDiv.classList.add('show');
          }, 100);
        
          // 自动隐藏
          setTimeout(() => {
              messageDiv.classList.remove('show');
              setTimeout(() => {
                  if (messageDiv.parentNode) {
                      messageDiv.remove();
                  }
              }, 300);
          }, 5000);
        }
        async  function ajax(url, data, type) {
            return new Promise(function (resolve, reject) {
              $.ajax({
                url: url,
                type: type || 'POST',
                contentType: 'application/json;charset=utf-8',
                dataType: 'JSON',
                data: JSON.stringify(data),
                success: function (res) {
                   resolve(res)
                },
                error: function (res) {
                  reject(res)
                }
              });
            });
        }
        document.addEventListener('DOMContentLoaded', function () {
            var form = document.getElementById('contact-form');
            if (!form) return;
            
            var submitBtn = form.querySelector('[type="submit"]');
            var endpoint = 'http://10.1.1.23:9020/system/feedback/add'; // ← 替换为你的接口
            
            form.addEventListener('submit', async function (e) {
                e.preventDefault();
            
                var formData = new FormData(form);
                var data = {};
                formData.forEach(function(value, key) { data[key] = value; });
            
                // 简单校验（可根据需要扩展）
                if (!data.companyName || !data.contactName || !data.businessType || !data.contactPhone) {
                  showMessage('请完整填写表单', 'error');
                  return;
                }
            
                try {
                  if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = '提交中...'; }
                  var res = await ajax(endpoint, data, 'post')
                  //   if (!res.ok) throw new Error('Network response was not ok');
                  // 可根据后端返回格式解析：例如 { success: true, msg: '...' }
                  // var json = await res.json();
                  if (res.code == 200) {
                    showMessage('感谢您的咨询！我们将尽快与您联系。', 'success');
                    form.reset();
                  } else {
                    showMessage('提交失败，请稍后重试。', 'error');
                  }

                } catch (err) {
                  showMessage('提交失败，请稍后重试。', 'error');
                } finally {
                  if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = '提交'; }
                }
            });
        });
    </script>
</body>
</html>