<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<!-- 移动端视口设置 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家</title>
	<meta name="keywords" content="隧道炉,烘箱,高温炉">
	<meta name="description" content="上海冠顶公司Tel:18930058003专业生产隧道炉,烘箱,高温炉,高温隧道炉,燃气隧道炉,隧道炉烘干线,红外线隧道炉,远红外隧道炉,上海隧道炉,隧道炉烘箱,远红外线隧道炉,防爆烘箱,热风循环烘箱,真空烘箱,工业烘箱,高温烘箱,隧道烘箱等热处理设备；欢迎来公司考察详询：021-67353639">
      <script src="/template/default/js/tailwindcss.js"></script>
      <script src="/template/default/js/chart.umd.min.js"></script>
      <link rel="stylesheet" href="/template/default/fontawesome-7.0.1/css/all.min.css">
      <link href="/template/default/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
      <!-- 配置Tailwind自定义颜色（匹配品牌LOGO） -->
      <script>
        tailwind.config = {
          theme: {
            extend: {
              colors: {
                primary: '#0055AA', // 工业蓝（主色）
                accent: '#E6392F', // 活力红（辅助色）
                dark: '#333333',   // 深色文字
                light: '#F5F5F5',  // 浅色背景
              },
              fontFamily: {
                sans: ['Inter', 'system-ui', 'sans-serif'],
              },
            },
          }
        }
      </script>

      <style>
        /* 增加备用的CSS显示控制 */
        .mobile-menu-visible {
          display: block !important;
        }
        
        /* 语言切换器样式 */
        .language-switcher {
            position: relative;
            display: inline-block;
            margin: 0 10px;
        }

        .language-switcher select {
            padding: 8px 30px 8px 15px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%; /* 确保select充满容器 */
        }

        /* 自定义下拉箭头（默认朝下） */
        .language-switcher::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 12px; /* 固定在最右侧 */
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #666; /* 下箭头 */
            transition: transform 0.3s ease; /* 箭头变化动画 */
            pointer-events: none;
        }

        /* 下拉展开时箭头朝上（通过:focus状态判断） */
        .language-switcher select:focus + ::after,
        .language-switcher select:focus::after {
            border-top: none;
            border-bottom: 5px solid #666; /* 上箭头 */
            transform: translateY(-50%);
        }

        .language-switcher select:focus {
            outline: none;
            border-color: #666;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
        }

        /* 当前选中语言高亮 */
        .language-switcher select option:checked {
            background-color: #f0f0f0;
            font-weight: bold;
        }

        /* PC端下拉菜单样式 - 只为有子菜单的项添加 */
        .nav-item-with-dropdown {
            position: relative;
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 200px;
            background: white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 100;
            padding: 8px 0;
        }

        .nav-item-with-dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-item {
            display: block;
            padding: 10px 20px;
            color: #333;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .dropdown-item:hover {
            background-color: #f5f5f5;
            color: #E6392F;
        }
    
      </style>
      <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KFKSRGC6');</script>
        <!-- End Google Tag Manager -->      
</head>

<body class="bg-gray-50 font-sans text-dark">
  <!-- 导航栏 -->
  <header class="sticky top-0 z-50 bg-white/90 backdrop-blur-sm shadow-sm transition-all duration-300">
    <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <a href="/?about_11/" class="flex items-center space-x-2 nav-item" data-path="index.html">
                <!-- 响应式Logo尺寸 - 优化移动端显示 -->
                <img src="/static/upload/image/20250915/1757916328883741.png" class="w-16 sm:w-20 md:w-24 lg:w-28 h-auto" alt="网站Logo" style="width:10rem">
                <span class="text-lg md:text-xl font-bold tracking-tight hidden sm:inline-block"></span>
            </a>
      
      <nav class="hidden md:flex items-center space-x-6 lg:space-x-8">
          
          <!-- 检查是否有二级菜单 -->
          
          <!-- 没有二级菜单的项直接链接 -->
          <a href="/?about_11/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
              首页
          </a>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?pcb_2/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                隧道炉烘箱
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?Continuous-oven/73.html" class="dropdown-item" data-path="Continuous-oven">
                    隧道炉/连续通过式烘箱
                </a>
                
                <a href="/?Trolley-oven/74.html" class="dropdown-item" data-path="Trolley-oven">
                    台车式/批量式热风循环烘箱
                </a>
                
                <a href="/?proof-oven/75.html" class="dropdown-item" data-path="proof-oven">
                    防爆型精密烘箱
                </a>
                
                <a href="/?resistant-oven/76.html" class="dropdown-item" data-path="resistant-oven">
                    防腐型高温烘箱
                </a>
                
                <a href="/?Clean-Oven/77.html" class="dropdown-item" data-path="Clean-Oven">
                    洁净烘箱
                </a>
                
                <a href="/?Tunnel-oven/78.html" class="dropdown-item" data-path="Tunnel-oven">
                    隧道炉烘箱
                </a>
                
                <a href="/?circulation-oven/79.html" class="dropdown-item" data-path="circulation-oven">
                    标准型热风循环烘箱
                </a>
                
                <a href="/?Large-oven/80.html" class="dropdown-item" data-path="Large-oven">
                    大型台车式烘箱（多层）
                </a>
                
                <a href="/?esd-oven/81.html" class="dropdown-item" data-path="esd-oven">
                    防静电（ESD）型精密烤箱
                </a>
                
                <a href="/?Explosion-oven/82.html" class="dropdown-item" data-path="Explosion-oven">
                    防爆型固化炉
                </a>
                
            </div>
          </div>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?lithium_3/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                高温箱式炉系列
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?electricfurnace/177.html" class="dropdown-item" data-path="electricfurnace">
                    箱式电炉
                </a>
                
                <a href="/?Intelligentfurnace/178.html" class="dropdown-item" data-path="Intelligentfurnace">
                    智能箱式电炉
                </a>
                
                <a href="/?Splitfurnace/179.html" class="dropdown-item" data-path="Splitfurnace">
                    分体式箱式电炉
                </a>
                
            </div>
          </div>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?electronic_4/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                高温管式炉系列
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?Tubu-furnace/186.html" class="dropdown-item" data-path="Tubu-furnace">
                    管式炉(卧式开启式)
                </a>
                
                <a href="/?Vertical-furnace/187.html" class="dropdown-item" data-path="Vertical-furnace">
                    垂直管式炉(开启式)
                </a>
                
                <a href="/?Translational/188.html" class="dropdown-item" data-path="Translational">
                    平移式管式炉(开启式)
                </a>
                
                <a href="/?furnace-tiltable/189.html" class="dropdown-item" data-path="furnace-tiltable">
                    管式炉(可倾斜式)
                </a>
                
                <a href="/?furnace-rotary/190.html" class="dropdown-item" data-path="furnace-rotary">
                    管式炉(旋转式)
                </a>
                
                <a href="/?Rotary-tube-furnace/185.html" class="dropdown-item" data-path="Rotary-tube-furnace">
                    自动进出料回转管式炉
                </a>
                
            </div>
          </div>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?list_5/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                客户案例
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?solutions/" class="dropdown-item" data-path="solutions">
                    行业解决方案
                </a>
                
                <a href="/?list_38/" class="dropdown-item" data-path="">
                    箱式炉
                </a>
                
                <a href="/?list_39/" class="dropdown-item" data-path="">
                    管式炉
                </a>
                
            </div>
          </div>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?list_6/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                新闻资讯
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?list_28/" class="dropdown-item" data-path="">
                    企业新闻
                </a>
                
                <a href="/?list_29/" class="dropdown-item" data-path="">
                    行业资讯
                </a>
                
                <a href="/?list_30/" class="dropdown-item" data-path="">
                    知识分享
                </a>
                
            </div>
          </div>
          
         
          <!-- 检查是否有二级菜单 -->
          
          <!-- 有二级菜单的项使用下拉菜单 -->
          <div class="nav-item-with-dropdown">
            <a href="/?about_7/" class="text-gray-700 hover:text-accent transition-colors py-2 text-lg">
                关于冠顶
            </a>
            <!-- 下拉菜单（子菜单） -->
            <div class="dropdown-menu">
                
                <a href="/?list_8/" class="dropdown-item" data-path="">
                    资质荣誉
                </a>
                
                <a href="/?list_9/" class="dropdown-item" data-path="">
                    公司相册
                </a>
                
            </div>
          </div>
          
         
      </nav>
      
      <div class="flex items-center space-x-4">
        <!-- 多语言切换（修改：使用指定链接而非动态路径） -->
        <div class="language-switcher">
            <select id="langSelector" onchange="switchLanguage(this.value)">
                <option value="/?about_11/" selected>简体中文</option>
                <option value="/?index_20/" >English</option>
                <option value="/?index_62/" >Bahasa Indonesia</option>
                <option value="/?index_12/" >Tiếng Việt</option>
            </select>
        </div>
        
        <a href="/?about_7/#contact" class="hidden md:inline-block bg-primary hover:bg-primary/90 text-white px-5 py-2 rounded-lg transition-all transform hover:scale-105">
          咨询详情
        </a>
        <button class="md:hidden text-gray-700 focus:outline-none" id="menu-toggle" aria-label="打开菜单" onclick="toggleMobileMenu()">
          <i class="fa fa-bars text-xl" id="menu-icon"></i>
        </button>
      </div>
    </div>
    
    <!-- 移动端菜单 - 只显示一级菜单 -->
    <div class="md:hidden hidden bg-white border-t absolute w-full left-0 shadow-md" id="mobile-menu">
      <div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?about_11/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              首页
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?pcb_2/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              隧道炉烘箱
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?lithium_3/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              高温箱式炉系列
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?electronic_4/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              高温管式炉系列
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?list_5/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              客户案例
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?list_6/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              新闻资讯
          </a>
          
          <!-- 移动端只显示一级菜单 -->
          <a href="/?about_7/" class="text-gray-700 hover:text-accent py-3 transition-colors border-b border-gray-100" onclick="toggleMobileMenu()"> 
              关于冠顶
          </a>
          
        <!-- 移动端语言切换：使用指定链接 -->
        <div class="flex flex-wrap border-t pt-3 pb-2 gap-3">
          <a href="/?about_11/" class="text-gray-700 hover:text-accent transition-colors py-2" onclick="toggleMobileMenu()">中文</a>
          <a href="/?index_20/" class="text-gray-700 hover:text-accent transition-colors py-2" onclick="toggleMobileMenu()">English</a>
          <a href="/?index_62/" class="text-gray-700 hover:text-accent transition-colors py-2" onclick="toggleMobileMenu()">Bahasa</a>
          <a href="/?index_12/" class="text-gray-700 hover:text-accent transition-colors py-2" onclick="toggleMobileMenu()">Tiếng Việt</a>
        </div>
        <a href="/?about_7/#contact" class="bg-primary hover:bg-primary/90 text-white px-5 py-3 rounded-lg text-center transition-all transform hover:scale-[1.02] mt-2" onclick="toggleMobileMenu()">
          咨询详情
        </a>
      </div>
    </div>
  </header>

  <!-- 语言切换脚本（修改：直接跳转指定链接） -->
  <script>
    // 检测是否存在语言cookie
    function getLanguageCookie() {
        const cookies = document.cookie.split(';');
        for (let cookie of cookies) {
            const [name, value] = cookie.trim().split('=');
            if (name === 'site_language') {
                return value;
            }
        }
        return null;
    }

    // 设置语言cookie
    function setLanguageCookie(lang, days = 30) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = `site_language=${lang}; ${expires}; path=/`;
    }

    // 切换语言（直接跳转到选定的URL）
    function switchLanguage(url) {
        // 从URL中提取语言代码用于cookie
        const langMap = {
            '/cn/': 'cn',
            '/en/': 'en',
            '/id/': 'id',
            '/vi/': 'vi'
        };
        
        // 确定当前选择的语言代码
        let langCode = 'en'; // 默认英文
        for (const [path, code] of Object.entries(langMap)) {
            if (url.includes(path)) {
                langCode = code;
                break;
            }
        }
        
        setLanguageCookie(langCode);
        window.location.href = url; // 直接跳转到指定链接
    }

    // 浏览器语言自动检测（修改：跳转到对应语言的指定页面）
    document.addEventListener('DOMContentLoaded', function() {
        // 已有语言参数/Cookie时，不重复检测
        if (getLanguageCookie() || window.location.search.includes('lg=')) {
            return;
        }

        // 获取浏览器原生语言
        const browserLang = navigator.language || navigator.userLanguage;
        const langCode = browserLang.split('-')[0].toLowerCase();
        
        // 语言映射表：浏览器语言 → 对应语言的指定首页
        const langUrlMap = {
            'zh': '/?about_11/',    // 中文 → 中文首页
            'en': '/?index_20/',    // 英文 → 英文首页
            'id': '/?index_62/',    // 印尼语 → 印尼语首页
            'vi': '/?index_12/'     // 越南语 → 越南语首页
        };

        // 自动跳转：有匹配则跳对应语言页面，无匹配默认英文首页
        const targetUrl = langUrlMap[langCode] || '/?index_20/';
        
        if (targetUrl && !window.location.pathname.includes(targetUrl.split('/')[1])) {
            // 300ms延迟跳转，避免页面闪烁
            setTimeout(() => {
                const langCode = targetUrl.includes('/cn/') ? 'cn' : 
                               targetUrl.includes('/en/') ? 'en' :
                               targetUrl.includes('/id/') ? 'id' : 'vi';
                setLanguageCookie(langCode);
                window.location.href = targetUrl;
            }, 300);
        }
    });
  </script>

  <!-- 移动端菜单脚本 -->
  <script>
    // 全局函数，确保能被onclick调用
    function toggleMobileMenu() {
      try {
        // 获取元素
        const mobileMenu = document.getElementById('mobile-menu');
        const menuIcon = document.getElementById('menu-icon');
        const menuToggle = document.getElementById('menu-toggle');
        
        // 切换菜单显示状态
        if (mobileMenu.classList.contains('hidden')) {
          // 显示菜单
          mobileMenu.classList.remove('hidden');
          mobileMenu.classList.add('mobile-menu-visible');
          // 更新图标和标签
          menuIcon.classList.remove('fa-bars');
          menuIcon.classList.add('fa-times');
          menuToggle.setAttribute('aria-label', '关闭菜单');
        } else {
          // 隐藏菜单
          mobileMenu.classList.add('hidden');
          mobileMenu.classList.remove('mobile-menu-visible');
          // 更新图标和标签
          menuIcon.classList.remove('fa-times');
          menuIcon.classList.add('fa-bars');
          menuToggle.setAttribute('aria-label', '打开菜单');
        }
      } catch (error) {
        console.error('菜单切换出错:', error);
      }
    }
    
    // 页面加载完成后验证元素
    window.onload = function() {
      const mobileMenu = document.getElementById('mobile-menu');
      const menuIcon = document.getElementById('menu-icon');
      const menuToggle = document.getElementById('menu-toggle');
      
      // 确保初始状态正确
      if (mobileMenu && !mobileMenu.classList.contains('hidden')) {
        mobileMenu.classList.add('hidden');
      }
    };
    
    // 滚动时调整导航栏样式
    window.addEventListener('scroll', function() {
      const header = document.querySelector('header');
      if (header) {
        if (window.scrollY > 50) {
          header.classList.add('py-2', 'shadow');
          header.classList.remove('py-3', 'shadow-sm');
        } else {
          header.classList.add('py-3', 'shadow-sm');
          header.classList.remove('py-2', 'shadow');
        }
      }
    });
  </script>

<script src='/?Spider/&url=/' async='async'></script>
</body>
</html>

  <style type="text/tailwindcss">
    @layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
      }
      .hover-lift {
        @apply transition-all duration-300 hover:-translate-y-1;
      }
      .img-zoom {
        @apply transition-transform duration-500 hover:scale-105;
      }
      .gradient-overlay {
        @apply absolute inset-0 bg-gradient-to-t from-dark/70 to-transparent;
      }
      /* 新增导航栏专属样式（与其他页面保持一致，避免滚动样式冲突） */
      .nav-link {
        @apply transition-colors;
      }
      .nav-link-light {
        @apply text-white hover:text-gray-200;
      }
      .nav-link-dark {
        @apply text-dark hover:text-primary;
      }
    }
  </style>

  <!-- 英雄区域：背景色与其他页面统一（渐变+半透明图）+ 文字改为白色 -->
  <section id="home" class="bg-gradient-to-br from-primary to-primary/80 text-white 
                          min-h-screen flex items-center justify-center relative overflow-hidden pt-16">
    <!-- 背景图片层：半透明叠加，增强行业氛围（与其他页面英雄区风格一致） -->
    
    <div class="absolute inset-0 z-0">
      <img src="/static/upload/image/20250916/1758031965571875.jpg" alt="智能烘干设备与 工业自动化解决方案" 
           class="w-full h-full object-cover opacity-20">
    </div>
    
    <!-- 内容层：层级高于背景，文字全白适配深色背景 -->
    <div class="container mx-auto px-4 relative z-10">
      <div class="flex flex-col lg:flex-row items-center gap-12">
        <!-- 文字区域：所有文字改为白色，调整辅助色适配深色背景 -->
        <div class="lg:w-1/2 text-center lg:text-left">
          <!-- 主标题：文字全白，增强阴影提升可读性 -->
          <h1 class="text-[clamp(2rem,5vw,3.2rem)] font-bold mb-6 leading-tight text-shadow">
            智能烘干设备与<br>
            <span class="text-white">工业自动化解决方案</span>
          </h1>
          <!-- 副标题：改为浅灰色，避免与主标题冲突 -->
          <p class="text-gray-100 text-lg mb-8 max-w-lg mx-auto lg:mx-0">
            20+年专注烘干设备研发制造，为汽车、电子、食品等多行业提供高效、智能的定制化解决方案
          </p>
          <!-- 按钮：调整样式适配深色背景（白底/白边框） -->
          <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
            <a href="#products" class="bg-white text-primary hover:bg-gray-100 px-8 py-3 rounded-full text-center font-medium transition-all shadow-lg hover:shadow-xl">
              查看产品
            </a>
            <a href="#contact" class="border-2 border-white text-white hover:bg-white/10 px-8 py-3 rounded-full text-center font-medium transition-all">
              咨询方案
            </a>
          </div>
        </div>

        <!-- 图片区域：保留原有布局，增强阴影适配深色背景 -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            
        </div>
      </div>
    </div>
  </section>

  <!-- 核心产品 -->
  <section id="products" class="py-16 md:py-24 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 text-dark mb-4">
          烘干设备系列
        </h2>
        <p class="text-gray-600 max-w-2xl mx-auto">
          专注研发制造各类烘干设备，可根据客户需求提供定制化解决方案
        </p>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 产品 -->
      
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759029833282951.png" alt="隧道炉/连续通过式烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">隧道炉/连续通过式烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB板半固化片预固化等连续化生产环节设计，实现高效、均匀、连续的烘干工艺，保障半固化片预固化质量与产线生产效率</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>连续通过式生产，大幅提升产线效率</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>多温区独立控制，温度均匀性±2℃以内</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>洁净热风系统，保障半固化片表面清洁度</span>
            </li>
          </ul>
          <a href="/?Continuous-oven/73.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759030124832025.png" alt="台车式/批量式热风循环烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">台车式/批量式热风循环烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB产业链上游铜箔防氧化剂干燥环节设计的批量式烘干设备，采用热风循环技术实现100-150℃稳定控温，兼具高性价比与精准控温能力（±1℃），完美适配铜箔防氧化剂干燥的批量生产需求，为铜箔表面防护提供稳定工艺保障。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>精准控温（±1℃）</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>批量高效处理</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>高性价比</span>
            </li>
          </ul>
          <a href="/?Trolley-oven/74.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759030389683129.png" alt="防爆型精密烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">防爆型精密烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB油墨树脂合成与固化测试设计的防爆级烘干设备，采用304不锈钢内胆与防爆设计,结合程序控温系统与强排风功能，在室温至200℃范围内实现±2-3℃的精确控温，完美应对油墨生产过程中的易燃易爆环境挑战。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>全面防爆设计</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>精密温控系统</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>高效排风系统</span>
            </li>
          </ul>
          <a href="/?proof-oven/75.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759029668186846.png" alt="防腐型高温烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">防腐型高温烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB产业链上游药水原料干燥、催化剂再生环节设计的防腐级高温烘干设备，采用SUS304/SUS316不锈钢材质与防腐设计，实现室温至300℃（特殊场景可达500℃）的宽温域控温，温度均匀性±2-5℃，完美应对强酸碱、腐蚀性气体等恶劣工况下的烘干需求。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>全防腐结构</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>宽温域精准控温</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>强排风系统</span>
            </li>
          </ul>
          <a href="/?resistant-oven/76.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759030718245379.png" alt="洁净烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">洁净烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB生产中游显影后、蚀刻后、超声波清洗后烘干环节设计的洁净级烘干设备,打造60-80℃无尘环境，兼具“无尘、温度均匀、多批次小批量适配”三大核心优势，完美解决PCB板清洁后残留水分/杂质导致的不良问题，保障后续工序品质。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>无尘环境保障</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>精准控温均匀烘干</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>多批次小批量适配</span>
            </li>
          </ul>
          <a href="/?Clean-Oven/77.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759036640654889.png" alt="隧道炉烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">隧道炉烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB生产中游阻焊油墨最终固化环节设计的连续式烘干设备，实现140-150℃精准控温与可编程控温曲线，兼具“连续固化、高均匀性、防爆（溶剂型油墨）”三大核心优势，完美解决阻焊油墨固化不充分、批次差异大、易燃易爆风险等问题，保障PCB板阻焊层品质与生产安全。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>连续固化提效</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>精准控温与均匀性</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>防爆安全保障</span>
            </li>
          </ul>
          <a href="/?Tunnel-oven/78.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759031353641724.png" alt="标准型热风循环烘箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">标准型热风循环烘箱</h3>
          <p class="text-gray-600 mb-4">专为PCB生产中游沉铜前处理、电镀后烘干环节设计的通用型烘干设备，实现70-90℃精准热风循环烘干，兼具“7×24小时连续运行、孔内彻底干燥”两大核心优势，完美解决PCB板沉铜/电镀后残留水分导致的孔壁空洞、镀层结合力差等问题，保障后续工序品质与产线连续性。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>热风循环均匀性</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>7×24小时连续运行</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>智能温控与工艺存储</span>
            </li>
          </ul>
          <a href="/?circulation-oven/79.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759035883137319.png" alt="大型台车式烘箱（多层）" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">大型台车式烘箱（多层）</h3>
          <p class="text-gray-600 mb-4">融合精准控温算法与智能传感技术，专为PCB阻焊油墨固化打造的下一代烘干解决方案，实现140-150℃恒温控制与±1℃温差精度，重新定义行业标准。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>智能温控系统</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>动态热风循环</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>防爆安全体系</span>
            </li>
          </ul>
          <a href="/?Large-oven/80.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover">
        <div class="h-56 overflow-hidden">
          <img src="/static/upload/image/20250928/1759036106351213.png" alt="防静电（ESD）型精密烤箱" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
        </div>
        <div class="p-6">
          <h3 class="text-xl font-bold text-dark mb-2">防静电（ESD）型精密烤箱</h3>
          <p class="text-gray-600 mb-4">专为BGA/IC元件除湿设计的精密设备，实现125±5℃精准控温、±5℃温度均匀性，搭配ESD防静电设计与数据记录追溯功能，为敏感器件提供“安全、可控、可追溯”的除湿环境。</p>
          <ul class="space-y-2 mb-6">
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>ESD防静电保护</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>精准控温与均匀性</span>
            </li>
            <li class="flex items-start">
              <i class="fa fa-check text-accent mt-1 mr-2"></i>
              <span>数据记录与追溯</span>
            </li>
          </ul>
          <a href="/?esd-oven/81.html" class="text-primary font-medium hover:text-primary/80 transition-colors inline-flex items-center">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
        
      <!-- 查看更多按钮 -->
      <div class="text-center mt-12">
        <a href="#contact" class="inline-flex items-center border-2 border-primary text-primary hover:bg-primary/5 px-8 py-3 rounded-full font-medium transition-all">
          查看全部产品 <i class="fa fa-angle-right ml-2"></i>
        </a>
      </div>
    </div>
  </div>  
  </section>

  <!-- 公司优势 -->
  <section id="advantages" class="py-16 md:py-24 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 text-dark mb-4">
          我们的核心优势
        </h2>
        <p class="text-gray-600 max-w-2xl mx-auto">
          从技术研发到生产制造，从产品质量到售后服务，全方位打造行业领先优势
        </p>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
        <!-- 优势1：技术研发 -->
        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow hover-lift text-center">
          <div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary text-2xl mx-auto mb-6">
            <i class="fa fa-lightbulb-o"></i>
          </div>
          <h3 class="text-xl font-bold text-dark mb-3">技术研发优势</h3>
          <p class="text-gray-600">
            专业研发团队，多项专利技术，与高校合作共建实验室，持续技术创新。
          </p>
        </div>

        <!-- 优势2：智能制造 -->
        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow hover-lift text-center">
          <div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary text-2xl mx-auto mb-6">
            <i class="fa fa-cogs"></i>
          </div>
          <h3 class="text-xl font-bold text-dark mb-3">智能制造优势</h3>
          <p class="text-gray-600">
            数字化生产车间，先进加工设备，MES系统全流程管控，确保产品质量。
          </p>
        </div>

        <!-- 优势3：源头工厂 -->
        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow hover-lift text-center">
          <div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary text-2xl mx-auto mb-6">
            <i class="fa fa-industry"></i>
          </div>
          <h3 class="text-xl font-bold text-dark mb-3">源头工厂优势</h3>
          <p class="text-gray-600">
            专业生产基地，从研发到生产全流程把控，无中间商，性价比更高。
          </p>
        </div>

        <!-- 优势4：服务体系 -->
        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow hover-lift text-center">
          <div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary text-2xl mx-auto mb-6">
            <i class="fa fa-headphones"></i>
          </div>
          <h3 class="text-xl font-bold text-dark mb-3">服务体系优势</h3>
          <p class="text-gray-600">
            7×24小时响应，设备全生命周期维护，售后无忧。
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- 客户案例 -->
  <section id="cases" class="py-16 md:py-24 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 text-dark mb-4">
          客户合作案例
        </h2>
        <p class="text-gray-600 max-w-2xl mx-auto">
          服务500+企业，覆盖汽车、电子、食品、医疗等多个行业
        </p>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 案例 -->
        
         <a href="/?solutions/126.html">
        <div class="rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-shadow hover-lift relative group">
          <img src="/static/upload/other/20251014/1760410273263659.jpeg" alt="精密制造企业连续烘干解决方案" class="w-full h-64 object-cover">
          <div class="gradient-overlay opacity-0 group-hover:opacity-100 transition-opacity flex items-end">
            <div class="p-6 text-white">
              <span class="bg-primary text-white text-xs px-2 py-1 rounded mb-2 inline-block">行业解决方案</span>
              <h3 class="text-xl font-bold mb-1">精密制造企业连续烘干解决方案</h3>
              <p class="text-white/80 text-sm">1. 核心设备配置与技术参数设备类型数量关键技术参数应用场景精密隧道式连续烘干线3 条控温范围：50~200℃（精度 ±0.3℃）；传输速度：0.2~1.5m/min（变频可调）；烘干段长度：12m（分 6 段独立控温）；加热方式：红外辐射 + 热风循环（热风洁净度 Class 100）；传输带：防静电特氟龙网带（厚度 0.5mm，张力均匀度 ±2%）精</p>
            </div>
          </div>
        </div>
        </a>
            
         <a href="/?solutions/125.html">
        <div class="rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-shadow hover-lift relative group">
          <img src="/static/upload/other/20251014/1760409941649519.jpeg" alt="工业烘干材料固化解决方案" class="w-full h-64 object-cover">
          <div class="gradient-overlay opacity-0 group-hover:opacity-100 transition-opacity flex items-end">
            <div class="p-6 text-white">
              <span class="bg-primary text-white text-xs px-2 py-1 rounded mb-2 inline-block">行业解决方案</span>
              <h3 class="text-xl font-bold mb-1">工业烘干材料固化解决方案</h3>
              <p class="text-white/80 text-sm">1. 核心设备配置与技术参数设备类型数量关键技术参数应用场景多层板层压固化机4 台控温范围：室温～220℃（精度 ±0.5℃）；层压压力：0.5~5MPa（可调）；加热方式：电磁感应加热；固化腔容积：1200mm×800mm×300mm工业烘干 多层板（8-20 层）复合基材层压固化，确保层间紧密结合热风循环固化烘箱6 台控温范围：50~180℃（精度</p>
            </div>
          </div>
        </div>
        </a>
            
         <a href="/?list_39/42.html">
        <div class="rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-shadow hover-lift relative group">
          <img src="/static/upload/image/20250918/1758172383217178.jpg" alt="半导体元件精密干燥解决方案" class="w-full h-64 object-cover">
          <div class="gradient-overlay opacity-0 group-hover:opacity-100 transition-opacity flex items-end">
            <div class="p-6 text-white">
              <span class="bg-primary text-white text-xs px-2 py-1 rounded mb-2 inline-block">管式炉</span>
              <h3 class="text-xl font-bold mb-1">半导体元件精密干燥解决方案</h3>
              <p class="text-white/80 text-sm">为国内某大型半导体企业提供的精密干燥解决方案，包括12台真空干燥箱和3条隧道式干燥生产线...</p>
            </div>
          </div>
        </div>
        </a>
            

      </div>
    </div>
  </section>

  <!-- 关于我们简介 -->
  <section id="about" class="py-16 md:py-24 bg-gradient-to-br from-primary/5 to-primary/10">
    <!-- 原关于我们代码保持不变 -->
    <div class="container mx-auto px-4">
      <div class="flex flex-col lg:flex-row items-center gap-12">
        <div class="lg:w-1/2">
          <div class="grid grid-cols-2 gap-4">
          <img src="/static/upload/image/20250917/1758068606487338.jpg" alt="公司生产基地全景" class="w-full h-64 object-cover rounded-lg shadow-md img-zoom">
          <img src="/static/upload/image/20250917/1758068657883201.jpg" alt="设备研发实验室" class="w-full h-64 object-cover rounded-lg shadow-md img-zoom">
          <img src="/static/upload/image/20250917/1758068778298033.jpg" alt="智能化生产线" class="w-full h-64 object-cover rounded-lg shadow-md img-zoom">
          <img src="/static/upload/image/20250917/1758068693960079.jpg" alt="客户现场设备调试" class="w-full h-64 object-cover rounded-lg shadow-md img-zoom">
          </div>
        </div>
        <div class="lg:w-1/2">
          <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-dark mb-6">
            上海冠顶工业设备有限公司
          </h2>
          <p class="text-gray-600 mb-6 leading-relaxed">
            上海冠顶工业设备有限公司，坐落于上海市奉贤区南桥镇奉金路166号，是专业生产自动化上下料固化炉、烘干线、燃气型隧道炉、烘箱、工业烤箱、大型烘烤房、UV光固化机、喷涂设备、真空高温烘箱炉、工业清洗机等系列设备，并提供工业机器人系统集成应用与服务的科技型企业。
          </p>
          <p class="text-gray-600 mb-8 leading-relaxed">
            公司引进多台大型激光切割机、高端数控冲床、折弯机、剪板机、加工中心、车床、线切割等先进加工装备，以精益管理、干净整洁的生产环境、精湛的技术工艺、高效服务管理体系，给客户留下深刻印象。
          </p>
          <p class="text-gray-600 mb-8 leading-relaxed">
            汇集众多高素质的管理和机械工程师人才及技术精湛的生产技术人员，拥有高素质的研发团队，可提供工业机器人自动化烘干、涂装设备技术。工艺精湛、性能稳定、品质卓越，可按用户不同需要设计生产符合特殊工艺要求的工业、实验室用非标自动化设备。
          </p>
          <a href="/?about_7/" class="inline-flex items-center bg-primary hover:bg-primary/90 text-white px-8 py-3 rounded-full font-medium transition-all shadow-md">
            了解更多 <i class="fa fa-arrow-right ml-2"></i>
          </a>
        </div>
      </div>
    </div>
  </section>
  <!-- 新闻资讯 -->
  <section id="news" class="py-16 md:py-24 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 text-dark mb-4">
          行业新闻与资讯
        </h2>
        <p class="text-gray-600 max-w-2xl mx-auto">
          关注烘干设备行业最新动态、技术趋势与市场资讯
        </p>
      </div>

      <!-- 新闻列表（网格布局） -->
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 新闻 -->
        
        <a href="/?list_29/1058.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260615/1781485943326791.jpg" alt="防爆烘箱在电子半导体行业中的应用分析：安全、稳定与工艺品质的保障" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">行业资讯</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              防爆烘箱在电子半导体行业中的应用分析：安全、稳定与工艺品质的保障
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              防爆烘箱广泛应用于电子半导体行业的元器件烘干、PCB线路板处理、封装材料固化及精密零件脱脂等工艺。本文详细解析防爆烘箱在电子制造领域的应用优势、常见工艺难题及解决方案，并介绍上海冠顶工业设备有限公司定制化防爆烘箱解决方案，帮助企业提升生产安全性与产品质量。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-15</span>
            </div>
          </div>
        </div>
        </a>
          
        <a href="/?list_29/1054.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260612/1781234064933924.png" alt="为什么越来越多锂电池企业选择热风循环烘箱？" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">行业资讯</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              为什么越来越多锂电池企业选择热风循环烘箱？
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              本文介绍热风循环烘箱在新能源锂电池行业中的应用，重点分析其在材料烘干、极片处理、产品品质控制等工艺环节的作用，并结合工业生产实际需求，解析热风循环烘箱的技术优势及应用价值，为锂电池行业技术工程师提供参考。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-14</span>
            </div>
          </div>
        </div>
        </a>
          
        <a href="/?list_29/1050.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260612/1781232779493808.jpg" alt="电子半导体生产中的安全难题，防爆烘箱如何实现稳定烘干？" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">行业资讯</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              电子半导体生产中的安全难题，防爆烘箱如何实现稳定烘干？
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              电子半导体生产中的安全难题，防爆烘箱如何实现稳定烘干？本文从安全防护、热风循环、工艺稳定性等方面，解析防爆烘箱在电子元器件干燥、胶水固化及半导体封装工艺中的应用价值，帮助企业实现安全、高效、稳定生产。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-13</span>
            </div>
          </div>
        </div>
        </a>
          
        <a href="/?list_29/1046.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260612/1781228893922522.jpg" alt="解决半导体烘干四大工艺难题：防爆烘箱精准赋能精密电子量产" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">行业资讯</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              解决半导体烘干四大工艺难题：防爆烘箱精准赋能精密电子量产
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              上海冠顶工业设备专注研发生产防爆烘箱、热风循环烘箱、半导体精密烘箱，针对电子半导体、芯片封装、PCB加工、光电元器件烘干固化难题，详解无尘防爆烘箱设备优势与落地应用案例，为半导体工厂精密烘干、除湿固化、安全量产提供靠谱工业设备解决方案。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-12</span>
            </div>
          </div>
        </div>
        </a>
          
        <a href="/?list_29/1042.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260611/1781137650696482.jpg" alt="电子半导体良率提升的关键：工业烘箱在芯片封装与PCB制造中的核心作用" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">行业资讯</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              电子半导体良率提升的关键：工业烘箱在芯片封装与PCB制造中的核心作用
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              上海冠顶工业设备有限公司专业生产工业烘箱、热风循环烘箱及电子半导体热处理设备。本文深入解析工业烘箱在PCB线路板、芯片封装、电子元器件、电子材料干燥及老化测试中的应用优势，并介绍上海冠顶丰富的行业案例经验、非标定制能力及完善的技术服务体系。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-11</span>
            </div>
          </div>
        </div>
        </a>
          
        <a href="/?list_30/1040.html">
        <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-shadow duration-300">
          <div class="h-48 overflow-hidden">
            <img src="/static/upload/image/20260610/1781053775515860.jpg" alt="新能源锂电池生产为何离不开防爆烘箱？揭秘提升安全与品质的关键设备" class="w-full h-full object-cover transition-transform duration-500 hover:scale-110">
          </div>
          <div class="p-6">
            <span class="inline-block bg-blue-100 text-primary text-xs px-3 py-1 rounded-full mb-3">知识分享</span>
            <h3 class="text-xl font-bold text-dark mb-3 hover:text-primary transition-colors">
              新能源锂电池生产为何离不开防爆烘箱？揭秘提升安全与品质的关键设备
            </h3>
            <p class="text-gray-600 mb-4 line-clamp-2">
              上海冠顶工业设备有限公司专业生产防爆烘箱、工业烘箱及新能源锂电池热处理设备，为锂电池极片烘干、电芯除湿、电池材料干燥及PACK固化等工艺提供专业解决方案。设备具备安全防爆、温度均匀、智能控制及非标定制优势，广泛应用于新能源锂电池制造行业。联系电话：+86 19921692198，网址：www.gdoven.com。
            </p>
            <div class="flex justify-between items-center text-gray-500 text-sm">
              <span><i class="fa fa-calendar-o mr-1"></i> 2026-06-10</span>
            </div>
          </div>
        </div>
        </a>
          

      </div>
    </div>
  </section>
<section id="contact" class="py-20 bg-gray-50">
    <div class="container mx-auto px-4">
        <div class="max-w-6xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden">
            <div class="flex flex-col md:flex-row">
                <!-- 左侧联系信息（无修改，保持原有内容） -->
                <div class="md:w-1/2 bg-primary p-8 md:p-12 text-white">
                    <h2 class="text-2xl md:text-3xl font-bold mb-6">联系我们</h2>
                    <p class="mb-8 opacity-90">无论您对真空烧结炉、粉末冶金设备有任何疑问或定制需求，我们的专业团队都将为您提供及时、专业的服务和支持</p>
                    
                    <div class="space-y-6">
                        <div class="flex items-start">
                            <div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 mt-1">
                                <i class="fa fa-map-marker"></i>
                            </div>
                            <div>
                                <h3 class="font-bold mb-1">公司地址</h3>
                                <p class="opacity-90">总部运营中心：中国-上海市青浦区创达路333号云轮科创园</p>
                                <p class="opacity-90">生产基地：江苏省苏州市昆山市曙光路198号</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 mt-1">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div>
                                <h3 class="font-bold mb-1">联系电话/WhatsApp</h3>
                                <p class="opacity-90">业务部 :+86 19921692198</p>
                                <p class="opacity-90"></p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 mt-1">
                                <i class="fa fa-envelope"></i>
                            </div>
                            <div>
                                <h3 class="font-bold mb-1">电子邮箱</h3>
                                <p class="opacity-90">support@gdoven.com</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center mr-4 mt-1">
                                <i class="fa fa-clock-o"></i>
                            </div>
                            <div>
                                <h3 class="font-bold mb-1">工作时间</h3>
                                <p class="opacity-90">周一至周六: 9:00 - 18:00</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-10">
                        <h3 class="font-bold mb-4">关注我们</h3>
                        <div class="flex space-x-4">
                            <a href="#" class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center hover:bg-white/30 transition-colors">
                                <i class="fa fa-weixin"></i>
                            </a>
                            <a href="#" class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center hover:bg-white/30 transition-colors">
                                <i class="fa fa-linkedin"></i>
                            </a>
                            <a href="#" class="w-10 h-10 rounded-full bg-white/20 flex items-center justify-center hover:bg-white/30 transition-colors">
                                <i class="fa fa-youtube-play"></i>
                            </a>
                        </div>
                    </div>
                </div>
                
                <!-- 右侧咨询表单（核心修改：添加验证码区域，保持原有字段逻辑） -->
                <div class="md:w-1/2 p-8 md:p-12">
                    <h3 class="text-2xl font-bold text-dark mb-6">咨询设备详情</h3>
                    <form id="consultForm" method="POST" action="send_email.php">
                        <!-- 公司名称：非必填（无修改） -->
                        <div class="mb-4">
                            <label for="company" class="block text-gray-700 mb-2">公司名称</label>
                            <input type="text" id="company" name="company" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请输入公司名称（非必填）">
                        </div>
                        
                        <!-- 姓名：必填（无修改） -->
                        <div class="mb-4">
                            <label for="name" class="block text-gray-700 mb-2">姓名 <span class="text-red-500">*</span></label>
                            <input type="text" id="name" name="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请输入您的姓名" required>
                        </div>
                        
                        <!-- 联系电话：必填（无修改） -->
                        <div class="mb-4">
                            <label for="phone" class="block text-gray-700 mb-2">联系电话/WhatsApp <span class="text-red-500">*</span></label>
                            <input type="tel" id="phone" name="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请输入您的电话" required>
                        </div>
                        
                        <!-- 电子邮箱：非必填（无修改） -->
                        <div class="mb-4">
                            <label for="email" class="block text-gray-700 mb-2">电子邮箱</label>
                            <input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请输入您的邮箱（非必填）">
                        </div>
                        
                        <!-- 感兴趣的设备：非必填（无修改） -->
                        <div class="mb-4">
                            <label for="industry" class="block text-gray-700 mb-2">感兴趣的设备</label>
                            <select id="industry" name="industry" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors">
                                <option value="">请选择设备类型（非必填）</option>
                                <option value="ironVacuumFurnace">隧道炉烘干</option>
                                <option value="titaniumVacuumFurnace">高温箱式炉系列</option>
                                <option value="copperSinteringEq">高温管式炉系列</option>
                                <option value="industrialVacuumFurnace">其它烘干设备定制</option>
                                <option value="otherEq">售后服务咨询</option>
                            </select>
                        </div>
                        
                        <!-- 留言需求：非必填（无修改） -->
                        <div class="mb-4">
                            <label for="message" class="block text-gray-700 mb-2">留言需求</label>
                            <textarea id="message" name="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请描述您的设备需求或疑问（非必填）"></textarea>
                        </div>

                        <!-- 新增：验证码输入区域（贴合原有表单样式，mb-6保持间距一致） -->
                        <div class="mb-6">
                            <label for="captcha" class="block text-gray-700 mb-2">验证码 <span class="text-red-500">*</span></label>
                            <div class="flex items-center gap-3">
                                <input type="text" id="captcha" name="captcha" class="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-colors" placeholder="请输入右侧验证码" autocomplete="off" required>
                                <!-- 验证码图片：点击刷新，样式与表单输入框统一，适配高度 -->
                                <img src="./captcha.php" alt="验证码" class="h-10 w-32 rounded-lg cursor-pointer object-cover border border-gray-300" onclick="this.src='./captcha.php?'+Math.random()">
                            </div>
                        </div>
                        
                        <!-- 提交状态提示（无修改） -->
                        <div id="submitTip" class="mb-4 text-center hidden"></div>
                        
                        <!-- 提交按钮（无修改） -->
                        <button type="submit" id="submitBtn" class="w-full bg-primary hover:bg-primary/90 text-white font-medium py-3 px-6 rounded-lg transition-colors">
                            提交咨询
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- AJAX提交脚本（修改：兼容验证码字段，保持无刷新体验） -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>
<script>
$(function() {
    $("#consultForm").on("submit", function(e) {
        e.preventDefault(); // 阻止默认表单提交
        const $submitBtn = $("#submitBtn");
        const $submitTip = $("#submitTip");
        const $captcha = $("#captcha");
        
        // 前置校验：验证码非空（补充HTML原生required的兜底，提升用户体验）
        if ($.trim($captcha.val()) === "") {
            $submitTip.removeClass("hidden text-green-500 text-red-500").addClass("text-red-500").text("请输入验证码");
            return;
        }
        
        // 禁用按钮，防止重复提交
        $submitBtn.prop("disabled", true).text("提交中...");
        $submitTip.removeClass("hidden text-green-500 text-red-500").text("正在发送咨询，请稍候...");
        
        // 发送POST请求（serialize自动包含验证码字段，无需额外修改）
        $.ajax({
            url: $(this).attr("action"),
            method: $(this).attr("method"),
            data: $(this).serialize(), // 序列化所有表单字段（含captcha），空字段自动忽略
            dataType: "json",
            success: function(res) {
                if (res.success) {
                    $submitTip.addClass("text-green-500").text("咨询提交成功！我们将尽快与您联系");
                    $("#consultForm")[0].reset(); // 重置表单（含验证码输入框）
                } else {
                    $submitTip.addClass("text-red-500").text("提交失败：" + res.error);
                    // 验证码错误时，自动刷新验证码图片
                    if (res.error.includes("验证码")) {
                        $("img[src*='captcha.php']").attr("src", "./captcha.php?" + Math.random());
                    }
                }
                // 恢复按钮
                $submitBtn.prop("disabled", false).text("提交咨询");
            },
            error: function() {
                $submitTip.addClass("text-red-500").text("网络异常，请刷新页面重试");
                $submitBtn.prop("disabled", false).text("提交咨询");
            }
        });
    });
});
</script>

<!-- 页脚 -->
<footer class="bg-dark text-white py-12">
  <div class="container mx-auto px-4">
    <!-- 调整网格列数：小屏1列，中屏及以上6列，优化间距 -->
    <div class="grid grid-cols-1 md:grid-cols-6 gap-4 md:gap-6 mb-8">
      <div>
        <div class="flex items-center space-x-2 mb-4">
          <span class="text-xl font-bold">上海冠顶工业设备有限公司</span>
        </div>
        <p class="text-gray-400 mb-4 text-sm md:text-base">专业的PCB烘干设备制造商，为全球PCB行业提供高效、节能、精准的烘干解决方案。</p>
        <div class="flex space-x-4">
          <a href="#" class="text-gray-400 hover:text-accent transition-colors">
            <i class="fa fa-weixin"></i>
          </a>
          <a href="#" class="text-gray-400 hover:text-accent transition-colors">
            <i class="fa fa-linkedin"></i>
          </a>
          <a href="#" class="text-gray-400 hover:text-accent transition-colors">
            <i class="fa fa-youtube-play"></i>
          </a>
        </div>
      </div>
      
      <div>
        <h3 class="text-lg font-bold mb-4">快速链接</h3>
        <ul class="space-y-2">
          
          <li><a href="/?about_11/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">首页</a></li>
          
          <li><a href="/?pcb_2/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">隧道炉烘箱</a></li>
          
          <li><a href="/?lithium_3/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">高温箱式炉系列</a></li>
          
          <li><a href="/?electronic_4/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">高温管式炉系列</a></li>
          
          <li><a href="/?list_5/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">客户案例</a></li>
          
          <li><a href="/?list_6/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">新闻资讯</a></li>
          
          <li><a href="/?about_7/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">关于冠顶</a></li>
          
        </ul>
      </div>
      
      <div>
        <h3 class="text-lg font-bold mb-4">PBC烘干</h3>
        <ul class="space-y-2">
          
          <li><a href="/?Continuous-oven/73.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">隧道炉/连续通过式烘箱</a></li>
          
          <li><a href="/?Trolley-oven/74.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">台车式/批量式热风循环烘箱</a></li>
          
          <li><a href="/?proof-oven/75.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">防爆型精密烘箱</a></li>
          
          <li><a href="/?resistant-oven/76.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">防腐型高温烘箱</a></li>
          
          <li><a href="/?Clean-Oven/77.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">洁净烘箱</a></li>
          
          <li><a href="/?Tunnel-oven/78.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">隧道炉烘箱</a></li>
          
          <li><a href="/?circulation-oven/79.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">标准型热风循环烘箱</a></li>
          
          <li><a href="/?Large-oven/80.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">大型台车式烘箱（多层）</a></li>
          
          <li><a href="/?esd-oven/81.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">防静电（ESD）型精密烤箱</a></li>
          
          <li><a href="/?Explosion-oven/82.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">防爆型固化炉</a></li>
          
        </ul>
      </div>
      
      <div>
        <h3 class="text-lg font-bold mb-4">箱式炉</h3>
        <ul class="space-y-2">
          
          <li><a href="/?electricfurnace/177.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">箱式电炉</a></li>
          
          <li><a href="/?Intelligentfurnace/178.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">智能箱式电炉</a></li>
          
          <li><a href="/?Splitfurnace/179.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">分体式箱式电炉</a></li>
          
        </ul>
      </div>
      
      <div>
        <h3 class="text-lg font-bold mb-4">管式炉</h3>
        <ul class="space-y-2">
          
          <li><a href="/?Tubu-furnace/186.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">管式炉(卧式开启式)</a></li>
          
          <li><a href="/?Vertical-furnace/187.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">垂直管式炉(开启式)</a></li>
          
          <li><a href="/?Translational/188.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">平移式管式炉(开启式)</a></li>
          
          <li><a href="/?furnace-tiltable/189.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">管式炉(可倾斜式)</a></li>
          
          <li><a href="/?furnace-rotary/190.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">管式炉(旋转式)</a></li>
          
          <li><a href="/?Rotary-tube-furnace/185.html" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">自动进出料回转管式炉</a></li>
          
        </ul>
      </div>
      
      <div>
        <h3 class="text-lg font-bold mb-4">公司新闻</h3>
        <ul class="space-y-2">
          
          <li><a href="/?list_28/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">企业新闻</a></li>
          
          <li><a href="/?list_29/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">行业资讯</a></li>
          
          <li><a href="/?list_30/" class="text-gray-400 hover:text-white transition-colors text-sm md:text-base">知识分享</a></li>
          
        </ul>
      </div>
    </div>
    
    <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
      <p class="text-gray-500 text-sm mb-4 md:mb-0">Copyright © 2007-2030 上海冠顶工业设备有限公司 All Rights Reserved.沪ICP备15031599号</p>
      <div class="flex space-x-6">
        <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">隐私政策</a>
        <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">使用条款</a>
        <a href="#" class="text-gray-500 hover:text-gray-400 text-sm transition-colors">网站地图</a>
      </div>
    </div>
  </div>
</footer>
<script>
    // 移动端菜单切换
  document.getElementById('menu-toggle').addEventListener('click', function() {
    const mobileMenu = document.getElementById('mobile-menu');
    mobileMenu.classList.toggle('hidden');
  });
  
  // 平滑滚动
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
      e.preventDefault();
      
      const targetId = this.getAttribute('href');
      const targetElement = document.querySelector(targetId);
      
      if (targetElement) {
        window.scrollTo({
          top: targetElement.offsetTop - 80,
          behavior: 'smooth'
        });
        
        // 关闭移动菜单（如果打开）
        document.getElementById('mobile-menu').classList.add('hidden');
      }
    });
  });
  
  // 导航栏滚动效果
  window.addEventListener('scroll', function() {
    const header = document.querySelector('header');
    if (window.scrollY > 50) {
      header.classList.add('py-2');
      header.classList.remove('py-3');
    } else {
      header.classList.add('py-3');
      header.classList.remove('py-2');
    }
  });
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFKSRGC6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  <!-- 新增：导航栏滚动效果（与其他页面保持一致，确保样式兼容） -->
  <script>
    window.addEventListener('scroll', () => {
      const header = document.getElementById('main-header');
      const navLinksLight = document.querySelectorAll('.nav-link-light');
      const navLinksDark = document.querySelectorAll('.nav-link-dark');

      if (window.scrollY > 50) {
        // 滚动后：导航栏白底+深色文字
        header.classList.add('bg-white', 'shadow-md');
        header.classList.remove('bg-transparent');
        
        // 切换导航链接样式
        navLinksLight.forEach(link => {
          link.classList.remove('nav-link-light');
          link.classList.add('nav-link-dark');
        });
      } else {
        // 顶部时：导航栏透明+白色文字
        header.classList.add('bg-transparent');
        header.classList.remove('bg-white', 'shadow-md');
        
        // 切换导航链接样式
        navLinksDark.forEach(link => {
          link.classList.remove('nav-link-dark');
          link.classList.add('nav-link-light');
        });
      }
    });

    // 平滑滚动（锚点跳转不遮挡内容）
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const targetId = this.getAttribute('href');
        const targetElement = document.querySelector(targetId);
        if (targetElement) {
          // 减去导航栏高度，避免内容被遮挡
          const headerHeight = document.getElementById('main-header').offsetHeight;
          window.scrollTo({
            top: targetElement.offsetTop - headerHeight,
            behavior: 'smooth'
          });
          
          // 关闭移动端菜单（如果存在）
          const mobileMenu = document.getElementById('mobile-menu');
          if (mobileMenu) mobileMenu.classList.add('hidden');
        }
      });
    });

    // 图片懒加载
    document.addEventListener('DOMContentLoaded', () => {
      const images = document.querySelectorAll('img');
      images.forEach((img) => {
        img.loading = 'lazy';
      });
    });
    
  </script>
<script src='/?Spider/&url=/' async='async'></script>
</body>
</html>