<!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="宜兴市中源环保科技有限公司"/>
    
    <!-- Tailwind CSS -->
    <script src="static/js/tailwindcss.js"></script>
    <!-- Font Awesome -->
    <link href="static/css/all.min.css" rel="stylesheet">
    <!-- 自定义样式 -->
    <link href="static/css/style.css" rel="stylesheet">
    
    <!-- 联系客服按钮样式 -->
    <style>
        /* 右侧联系按钮组 */
        .contact-buttons {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .contact-btn {
            width: 100px;
            height: 80px;
            background: #00bcd4;
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 12px;
            font-weight: 500;
            position: relative;
        }

        .contact-btn:hover {
            background: #0097a7;
            color: white;
            text-decoration: none;
            transform: translateX(-5px);
        }

        .contact-btn i {
            font-size: 24px;
            margin-bottom: 5px;
        }

        .contact-btn.phone i {
            transform: scaleX(-1);
        }

        .contact-btn.phone {
            background: #00bcd4;
        }

        .contact-btn.wechat {
            background: #00acc1;
            position: relative;
        }

        .contact-btn.top {
            background: #00838f;
        }

        /* 微信二维码悬浮框 */
        .wechat-qr {
            position: absolute;
            right: 100px;
            top: 0;
            width: 150px;
            height: 150px;
            background: white;
            border: 2px solid #00acc1;
            border-radius: 8px;
            display: none;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        .wechat-qr img {
            width: 130px;
            height: 130px;
            object-fit: contain;
        }

        .contact-btn.wechat:hover .wechat-qr {
            display: flex;
        }

        /* 手机端联系按钮 */
        .mobile-contact-btn {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            background: #00bcd4;
            color: white;
            border: none;
            border-radius: 50px;
            padding: 18px 40px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: none;
            align-items: center;
            gap: 12px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3);
            min-width: 160px;
        }

        .mobile-contact-btn:hover {
            background: #0097a7;
            color: white;
            text-decoration: none;
            transform: translateX(-50%) translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 188, 212, 0.4);
        }

        .mobile-contact-btn i {
            font-size: 18px;
            transform: scaleX(-1);
        }

        /* 响应式 */
        @media (max-width: 768px) {
            /* 隐藏桌面端按钮组 */
            .contact-buttons {
                display: none;
            }

            /* 显示手机端按钮 */
            .mobile-contact-btn {
                display: flex;
            }
        }
    </style>
    </head>
<body class="bg-gray-50">
    <!-- 导航栏 -->
    <nav class="bg-white shadow-lg fixed w-full z-50">
    <div class="max-w-7xl mx-auto px-4">
        <div class="flex justify-between items-center h-16">
            <!-- Logo -->
            <div class="flex items-center">
                <a href="/?">
                    <img src="/static/upload/image/20250716/1752636864716356.png" alt="" class="h-10 w-auto">
                </a>
            </div>

            <!-- 桌面端导航 -->
            <div class="hidden md:flex space-x-8">
                <!-- 首页 -->
                <a href="/" class="text-green-600 font-semibold transition-colors">首页</a>
                
                <!-- 动态导航菜单 -->
                
                    
                        <!-- 无子菜单的栏目 -->
                        <a href="/?about_1/" class="text-gray-700 hover:text-green-600 transition-colors">关于我们</a>
                    
                
                    
                        <!-- 有子菜单的栏目 -->
                        <div class="relative group">
                            <a href="/?products_2/" class="text-gray-700 hover:text-green-600 transition-colors flex items-center">
                                产品中心 <i class="fas fa-chevron-down ml-1 text-xs"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-1 w-40 bg-white rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                                
                                    <a href="/?products_5/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">斜管填料/斜板填料</a>
                                
                                    <a href="/?products_6/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">组合填料/弹性填料/生物绳填料</a>
                                
                                    <a href="/?products_7/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">盘式微孔曝气器/管式微孔曝气器</a>
                                
                                    <a href="/?products_8/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">可提升式微孔曝气器</a>
                                
                                    <a href="/?products_9/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">活性炭过滤器/石英石过滤器</a>
                                
                                    <a href="/?products_10/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">PAM加药装置/PP加药装置</a>
                                
                                    <a href="/?products_13/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">中心传动刮泥机/链条式刮泥机</a>
                                
                                    <a href="/?products_14/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">悬浮球填料/MBBR填料/空心球填料</a>
                                
                                    <a href="/?products_15/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">回转式格栅/内径流格栅</a>
                                
                            </div>
                        </div>
                    
                
                    
                        <!-- 有子菜单的栏目 -->
                        <div class="relative group">
                            <a href="/?news_3/" class="text-gray-700 hover:text-green-600 transition-colors flex items-center">
                                行业动态 <i class="fas fa-chevron-down ml-1 text-xs"></i>
                            </a>
                            <div class="absolute top-full left-0 mt-1 w-40 bg-white rounded-md shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                                
                                    <a href="/?news_11/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">行业动态</a>
                                
                                    <a href="/?news_12/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-green-50 hover:text-green-600">公司新闻</a>
                                
                            </div>
                        </div>
                    
                
                    
                        <!-- 无子菜单的栏目 -->
                        <a href="/?pages_4/" class="text-gray-700 hover:text-green-600 transition-colors">联系我们</a>
                    
                
            </div>

            <!-- 移动端菜单按钮 -->
            <div class="md:hidden">
                <button id="mobile-menu-btn" class="text-gray-700 hover:text-green-600">
                    <i class="fas fa-bars text-xl"></i>
                </button>
            </div>
        </div>
    </div>

    <!-- 移动端导航菜单 -->
    <div id="mobile-menu" class="md:hidden bg-white border-t hidden">
        <div class="px-2 pt-2 pb-3 space-y-1">
            <!-- 移动端首页 -->
            <a href="/" class="text-green-600 font-semibold block px-3 py-2">首页</a>
            
            <!-- 移动端动态菜单 -->
            
                <a href="/?about_1/" class="text-gray-700 hover:text-green-600 block px-3 py-2">关于我们</a>
                
            
                <a href="/?products_2/" class="text-gray-700 hover:text-green-600 block px-3 py-2">产品中心</a>
                
                    
                        <a href="/?products_5/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">斜管填料/斜板填料</a>
                    
                        <a href="/?products_6/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">组合填料/弹性填料/生物绳填料</a>
                    
                        <a href="/?products_7/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">盘式微孔曝气器/管式微孔曝气器</a>
                    
                        <a href="/?products_8/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">可提升式微孔曝气器</a>
                    
                        <a href="/?products_9/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">活性炭过滤器/石英石过滤器</a>
                    
                        <a href="/?products_10/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">PAM加药装置/PP加药装置</a>
                    
                        <a href="/?products_13/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">中心传动刮泥机/链条式刮泥机</a>
                    
                        <a href="/?products_14/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">悬浮球填料/MBBR填料/空心球填料</a>
                    
                        <a href="/?products_15/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">回转式格栅/内径流格栅</a>
                    
                
            
                <a href="/?news_3/" class="text-gray-700 hover:text-green-600 block px-3 py-2">行业动态</a>
                
                    
                        <a href="/?news_11/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">行业动态</a>
                    
                        <a href="/?news_12/" class="block px-6 py-1 text-sm text-gray-600 hover:text-green-600">公司新闻</a>
                    
                
            
                <a href="/?pages_4/" class="text-gray-700 hover:text-green-600 block px-3 py-2">联系我们</a>
                
            
        </div>
    </div>
</nav>

    <!-- 轮播图 -->
    <section class="carousel-container mt-16">
        
            <div class="carousel-slide active">
                <img src="/static/upload/image/20250716/1752637973508971.jpg" alt="">
                <!-- <div class="carousel-content">
                    <h2 class="text-2xl font-bold mb-2"></h2>
                    <p class="text-lg"></p>
                </div> -->
            </div>
        
        
        <button class="carousel-prev">
            <i class="fas fa-chevron-left"></i>
        </button>
        <button class="carousel-next">
            <i class="fas fa-chevron-right"></i>
        </button>
        
        <div class="carousel-nav">
            
                <div class="carousel-dot active" data-slide="0"></div>
            
        </div>
    </section>
    
    <!-- 公司简介 -->
    <section class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">关于中源环保</h2>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    专注污水处理用填料、曝气器装置、环保设备等，是集研发、生产、销售、服务于一体的企业。
                </p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center">
                    <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i class="fas fa-leaf text-green-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">售前</h3>
                    <p class="text-gray-600">售前多沟通，合作更精准</p>
                </div>
                
                <div class="text-center">
                    <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i class="fas fa-cogs text-green-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">售中</h3>
                    <p class="text-gray-600">细节严把控，合作更顺畅</p>
                </div>
                
                <div class="text-center">
                    <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                        <i class="fas fa-globe-americas text-green-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-semibold mb-2">售后</h3>
                    <p class="text-gray-600">问题随时响应，售后全程护航</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">产品中心</h2>
                <p class="text-lg text-gray-600">为您提供高质量的产品，贴心的服务相伴</p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
              

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_5/">
                        <img src="/static/upload/image/20250718/1752825040532797.jpg" alt="斜管填料/斜板填料" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_5/" class="text-gray-900 hover:text-green-600 transition-colors">斜管填料/斜板填料</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_5/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_6/">
                        <img src="/static/upload/image/20250719/1752891216898560.jpg" alt="组合填料/弹性填料/生物绳填料" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_6/" class="text-gray-900 hover:text-green-600 transition-colors">组合填料/弹性填料/生物绳填料</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_6/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_7/">
                        <img src="/static/upload/image/20250719/1752891351199944.jpg" alt="盘式微孔曝气器/管式微孔曝气器" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_7/" class="text-gray-900 hover:text-green-600 transition-colors">盘式微孔曝气器/管式微孔曝气器</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_7/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_8/">
                        <img src="/static/upload/image/20250719/1752891479923097.jpg" alt="可提升式微孔曝气器" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_8/" class="text-gray-900 hover:text-green-600 transition-colors">可提升式微孔曝气器</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_8/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_9/">
                        <img src="/static/upload/image/20250719/1752887082275415.jpg" alt="活性炭过滤器/石英石过滤器" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_9/" class="text-gray-900 hover:text-green-600 transition-colors">活性炭过滤器/石英石过滤器</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_9/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_10/">
                        <img src="/static/upload/image/20250719/1752891510376085.jpg" alt="PAM加药装置/PP加药装置" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_10/" class="text-gray-900 hover:text-green-600 transition-colors">PAM加药装置/PP加药装置</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_10/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_13/">
                        <img src="/static/upload/image/20250716/1752646963943849.jpg" alt="中心传动刮泥机/链条式刮泥机" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_13/" class="text-gray-900 hover:text-green-600 transition-colors">中心传动刮泥机/链条式刮泥机</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_13/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_14/">
                        <img src="/static/upload/image/20250719/1752891683689770.jpg" alt="悬浮球填料/MBBR填料/空心球填料" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_14/" class="text-gray-900 hover:text-green-600 transition-colors">悬浮球填料/MBBR填料/空心球填料</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_14/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
             

                <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow">
                    <a href="/?products_15/">
                        <img src="/static/upload/image/20250718/1752825260918797.jpg" alt="回转式格栅/内径流格栅" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold mb-2">
                            <a href="/?products_15/" class="text-gray-900 hover:text-green-600 transition-colors">回转式格栅/内径流格栅</a>
                        </h3>
                        <p class="text-gray-600 mb-4"></p>
                        <a href="/?products_15/" class="inline-block bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition-colors">了解详情</a>
                    </div>
                </div>
                
            </div>
            
            <div class="text-center mt-8">
                <a href="/?products_2/" class="inline-block bg-green-600 text-white px-8 py-3 rounded-lg hover:bg-green-700 transition-colors">查看更多产品</a>
            </div>
        </div>
    </section>

    <!-- 新闻资讯 -->
    <section class="py-16 bg-white">
        <div class="max-w-7xl mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">环保资讯</h2>
                <p class="text-lg text-gray-600">了解最新的环保动态和政策信息</p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
                
                <div class="bg-white border rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                    <a href="/?news_3/39.html">
                        <img src="/static/upload/image/20250719/1752886988157033.jpg" alt="格栅除污机的主要分类" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <span class="text-sm text-green-600 font-semibold">行业动态</span>
                        <h3 class="text-lg font-semibold mt-2 mb-3">
                            <a href="/?news_3/39.html" class="text-gray-900 hover:text-green-600 transition-colors">格栅除污机的主要分类</a>
                        </h3>
                        <p class="text-gray-600 text-sm mb-3">机...</p>
                        <div class="text-sm text-gray-400">2025-07-19</div>
                    </div>
                </div>
                
                <div class="bg-white border rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                    <a href="/?news_3/35.html">
                        <img src="/static/upload/image/20250717/1752736660570271.jpg" alt="什么介质不适合用橡胶膜片微孔曝气器" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <span class="text-sm text-green-600 font-semibold">行业动态</span>
                        <h3 class="text-lg font-semibold mt-2 mb-3">
                            <a href="/?news_3/35.html" class="text-gray-900 hover:text-green-600 transition-colors">什么介质不适合用橡胶膜片微孔曝气器</a>
                        </h3>
                        <p class="text-gray-600 text-sm mb-3">器...</p>
                        <div class="text-sm text-gray-400">2025-07-17</div>
                    </div>
                </div>
                
                <div class="bg-white border rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                    <a href="/?news_3/34.html">
                        <img src="/static/upload/image/20250717/1752736551991264.jpg" alt="斜管填料沉淀池日常维护避免倒塌" class="w-full h-48 object-cover">
                    </a>
                    <div class="p-6">
                        <span class="text-sm text-green-600 font-semibold">行业动态</span>
                        <h3 class="text-lg font-semibold mt-2 mb-3">
                            <a href="/?news_3/34.html" class="text-gray-900 hover:text-green-600 transition-colors">斜管填料沉淀池日常维护避免倒塌</a>
                        </h3>
                        <p class="text-gray-600 text-sm mb-3">塌...</p>
                        <div class="text-sm text-gray-400">2025-07-17</div>
                    </div>
                </div>
                
            </div>
            
            <div class="text-center mt-8">
                <a href="/?news_3/" class="inline-block bg-green-600 text-white px-8 py-3 rounded-lg hover:bg-green-700 transition-colors">查看更多资讯</a>
            </div>
        </div>
    </section>

    <!-- 合作伙伴 -->
    <section class="py-16 bg-gray-50">
        <div class="max-w-7xl mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold text-gray-900 mb-4">合作伙伴</h2>
                <p class="text-lg text-gray-600">与众多知名企业携手共建绿色未来</p>
            </div>
            
            <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8 items-center">
                
                    <div class="flex justify-center">
                        <img src="/static/upload/image/20250703/1751504596293343.jpg" alt="6" class="h-16 object-contain opacity-60 hover:opacity-100 transition-opacity">
                    </div>
                
                    <div class="flex justify-center">
                        <img src="/static/upload/image/20250703/1751504596824752.jpg" alt="5" class="h-16 object-contain opacity-60 hover:opacity-100 transition-opacity">
                    </div>
                
                    <div class="flex justify-center">
                        <img src="/static/upload/image/20250703/1751504596212054.jpg" alt="4" class="h-16 object-contain opacity-60 hover:opacity-100 transition-opacity">
                    </div>
                
                    <div class="flex justify-center">
                        <img src="/static/upload/image/20250703/1751504596211164.jpg" alt="3" class="h-16 object-contain opacity-60 hover:opacity-100 transition-opacity">
                    </div>
                
                    <div class="flex justify-center">
                        <img src="/static/upload/image/20250703/1751504597404244.png" alt="1" class="h-16 object-contain opacity-60 hover:opacity-100 transition-opacity">
                    </div>
                
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="bg-gray-900 text-white">
    <div class="max-w-7xl mx-auto px-4 py-12">
        <div class="grid md:grid-cols-4 gap-8">
            <div>
                <img src="/static/upload/image/20250716/1752637110254120.png" alt="" class="h-10 w-auto mb-4">
                <p class="text-gray-400 mb-4">保护水污染，人人有责。</p>
                <div class="flex space-x-4">
                    <a href="#" class="text-gray-400 hover:text-green-400"><i class="fab fa-weixin"></i></a>
                    <a href="#" class="text-gray-400 hover:text-green-400"><i class="fab fa-weibo"></i></a>
                    <a href="#" class="text-gray-400 hover:text-green-400"><i class="fab fa-qq"></i></a>
                </div>
            </div>
            
            <div>
                <h3 class="text-lg font-semibold mb-4">快速链接</h3>
                <ul class="space-y-2">
                    
                        <li><a href="/?about_1/" class="text-gray-400 hover:text-green-400">关于我们</a></li>
                    
                        <li><a href="/?products_2/" class="text-gray-400 hover:text-green-400">产品中心</a></li>
                    
                        <li><a href="/?news_3/" class="text-gray-400 hover:text-green-400">行业动态</a></li>
                    
                        <li><a href="/?pages_4/" class="text-gray-400 hover:text-green-400">联系我们</a></li>
                    
                </ul>
            </div>
            
            <div>
                <h3 class="text-lg font-semibold mb-4">新闻咨询</h3>
                <ul class="space-y-2">
                    
                        <li><a href="/?news_11/" class="text-gray-400 hover:text-green-400">行业动态</a></li>
                    
                        <li><a href="/?news_12/" class="text-gray-400 hover:text-green-400">公司新闻</a></li>
                    
                </ul>
            </div>
            
            <div>
                <h3 class="text-lg font-semibold mb-4">联系信息</h3>
                <ul class="space-y-2 text-gray-400">
                    <li><i class="fas fa-map-marker-alt mr-2"></i>江苏省宜兴市高塍镇塍文路20号</li>
                    <li><i class="fas fa-phone mr-2"></i>0510-87899839</li>
                    <li><i class="fas fa-envelope mr-2"></i>106844282@qq.com</li>
                </ul>
                <div class="mt-4">
                    <img src="/static/upload/image/20250715/1752586836916064.png" alt="微信二维码" class="w-20 h-20 object-cover">
                    <p class="text-sm text-gray-400 mt-1">扫码关注我们</p>
                </div>
            </div>
        </div>
        
        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
            <p>宜兴市中源环保科技有限公司 苏ICP备13059776号-1</p>
        </div>
    </div>
</footer>


    <!-- 右侧联系按钮组 (桌面端) -->
    <div class="contact-buttons">
        <!-- 服务热线 -->
        <a href="tel:13812203523" class="contact-btn phone" title="点击拨打电话">
            <i class="fas fa-phone"></i>
            <span>联系电话</span>
            <span>13812203523</span>
        </a>
        
        <!-- 微信咨询 -->
        <div class="contact-btn wechat" title="微信咨询">
            <i class="fab fa-weixin"></i>
            <span>微信咨询</span>
            <div class="wechat-qr">
                <img src="/static/upload/image/20250715/1752586836916064.png" alt="微信二维码" />
            </div>
        </div>
        
        <!-- 返回顶部 -->
        <div class="contact-btn top" onclick="window.scrollTo({top: 0, behavior: 'smooth'})" title="返回顶部">
            <i class="fas fa-arrow-up"></i>
            <span>返回顶部</span>
        </div>
    </div>

    <!-- 手机端联系按钮 -->
    <a href="tel:13812203523" class="mobile-contact-btn" title="点击拨打电话">
        <i class="fas fa-phone"></i>
        <span>联系客服</span>
    </a>

    <!-- JavaScript -->
    <script src="static/js/main.js"></script>
    <script>
        // 移动端菜单切换
        document.getElementById('mobile-menu-btn').addEventListener('click', function() {
            const mobileMenu = document.getElementById('mobile-menu');
            mobileMenu.classList.toggle('hidden');
        });
    </script>
 
</body>
</html> 