<!DOCTYPE html>
<html lang="sitemap.xml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="icon" href="/uploads/2026/06/27/c3c464f004464cb692f7f66b4cfabbfc.png" type="image/x-icon">
    <link rel="shortcut icon" href="/uploads/2026/06/27/c3c464f004464cb692f7f66b4cfabbfc.png" type="image/x-icon">
    
    <title></title>
    <meta name="description">
    <meta name="keywords">

    <meta property="og:title">
    <meta property="og:description">
    <meta property="og:image" content="/images/logo.jpg">
    <meta property="og:url" content="/">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="金创科技">
    <meta property="og:locale" content="sitemap.xml">
    <link rel="canonical" href="/">

    <link rel="stylesheet" href="/css/animate.css">
    <link rel="stylesheet" href="/css/swiper.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/share.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

    <script src="/js/jquery.min.js"></script>
    <script src="/js/wow.js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="/js/index.js"></script>

</head>

<body>
    <h1 style="display: none;"></h1>
        <!-- 使用 Layout Header -->
        
     <header class="navbar">
        <div class="container">
            <div class="navbar-content">
                  <a href="/" class="logo">
                        <img src="/uploads/2026/06/27/303916cb7435493c8e9ad80452ea570f.png" alt="logo">
                    </a>
                <div class="navbar-right">
                    <div class="nav-links">
                        <a href="/"  class="nav-link active">首页</a>
                        <div class="nav-dropdown fullwidth-dropdown">
                            <a href="/industrialInternet.html" class="nav-link dropdown-toggle">产品展示</a>
                            <div class="dropdown-menu-full">
                                <div class="dropdown-full-content">
                                    <div class="dropdown-column">
                                        <h4 class="dropdown-column-title"><a href="/product.html">金蝶 ERP 管理系统</a></h4>
                                        <ul class="dropdown-column-list">
                                            <li><a href="/product/54.html"  class="dropdown-full-item">金蝶云·星瀚</a></li>
                                            <li><a href="/product/81.html"  class="dropdown-full-item">金蝶AI套件</a></li>
                                            <li><a href="/product/105.html"  class="dropdown-full-item">金蝶云·星空</a></li>
                                            <li><a href="/product/129.html"  class="dropdown-full-item">金蝶AI星辰</a></li>
                                        </ul>
                                    </div>
                                    <div class="dropdown-column">
                                        <h4 class="dropdown-column-title"><a href="/industrialInternet.html">金创工业互联网平台</a></h4>
                                        <ul class="dropdown-column-list">
                                              <li><a href="/industrialInternet.html#a336"  class="dropdown-full-item">生产管理</a></li>
                                              <li><a href="/industrialInternet.html#a335"  class="dropdown-full-item">设备管理</a></li>
                                              <li><a href="/industrialInternet.html#a334"  class="dropdown-full-item">计时计件</a></li>
                                              <li><a href="/industrialInternet.html#a333"  class="dropdown-full-item">质量管理</a></li>
                                              <li><a href="/industrialInternet.html#a332"  class="dropdown-full-item">仓储管理</a></li>
                                              <li><a href="/industrialInternet.html#a331"  class="dropdown-full-item">条码管理</a></li>
                                              <li><a href="/industrialInternet.html#a330"  class="dropdown-full-item">异常管理</a></li>
                                              <li><a href="/industrialInternet.html#a329"  class="dropdown-full-item">数据采集</a></li>
                                              <li><a href="/industrialInternet.html#a328"  class="dropdown-full-item">数据可视化BI</a></li>
                                              <li><a href="/industrialInternet.html#a327"  class="dropdown-full-item">协同与管控</a></li>
                                            
                                        </ul>
                                    </div>
                                    <div class="dropdown-column">
                                        <h4 class="dropdown-column-title"><a href="/aiAgent.html">金创 AI 智能体平台</a></h4>
                                        <ul class="dropdown-column-list">
                                            <li><a href="/aiAgent.html" class="dropdown-full-item">AI智能体平台</a></li>
                                        </ul>
                                    </div>
                                    <div class="dropdown-column">
                                        <h4 class="dropdown-column-title"><a href="/huaweiCloud.html">全矩阵生态产品</a></h4>
                                        <ul class="dropdown-column-list">
                                            <li><a href="/huaweiCloud.html" class="dropdown-full-item">华为云</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="nav-dropdown">
                            <a href="/solution.html"  class="nav-link dropdown-toggle">解决方案</a>
                            <div class="dropdown-menu">
                                
                                    <a href="/solution/336.html" class="dropdown-item">装备制造行业</a>
                                
                                    <a href="/solution/320.html" class="dropdown-item">新能源行业</a>
                                
                                    <a href="/solution/304.html" class="dropdown-item">新材料行业</a>
                                
                                    <a href="/solution/288.html" class="dropdown-item">现代家居行业</a>
                                
                                    <a href="/solution/274.html" class="dropdown-item">电线电缆行业</a>
                                
                                    <a href="/solution/255.html" class="dropdown-item">电气设备行业</a>
                                
                                    <a href="/solution/33.html" class="dropdown-item">石化化工行业</a>
                                
                                    <a href="/solution/35.html" class="dropdown-item">电子行业</a>
                                
                                    <a href="/solution/36.html" class="dropdown-item">医药行业</a>
                                
                                    <a href="/solution/37.html" class="dropdown-item">有色金属行业</a>
                                
                                    <a href="/solution/38.html" class="dropdown-item">汽配行业</a>
                                
                                    <a href="/solution/39.html" class="dropdown-item">食品行业</a>
                                
                                    <a href="/solution/162.html" class="dropdown-item">陶瓷行业</a>
                                
                            </div>
                        </div>
                        <div class="nav-dropdown">
                            <a href="/case.html"  class="nav-link dropdown-toggle">客户案例</a>
                            <div class="dropdown-menu">
                                
                                    <a href="/case/category/40/0/0.html" class="dropdown-item">装备制造</a>
                                
                                    <a href="/case/category/38/0/0.html" class="dropdown-item">现代家居</a>
                                
                                    <a href="/case/category/39/0/0.html" class="dropdown-item">新材料</a>
                                
                                    <a href="/case/category/37/0/0.html" class="dropdown-item">电线电缆</a>
                                
                                    <a href="/case/category/36/0/0.html" class="dropdown-item">电气设备</a>
                                
                                    <a href="/case/category/35/0/0.html" class="dropdown-item">纺织服装</a>
                                
                                    <a href="/case/category/34/0/0.html" class="dropdown-item">航空行业</a>
                                
                                    <a href="/case/category/33/0/0.html" class="dropdown-item">钢铁行业</a>
                                
                                    <a href="/case/category/23/0/0.html" class="dropdown-item">食品行业</a>
                                
                                    <a href="/case/category/24/0/0.html" class="dropdown-item">新能源</a>
                                
                                    <a href="/case/category/25/0/0.html" class="dropdown-item">有色金属</a>
                                
                                    <a href="/case/category/26/0/0.html" class="dropdown-item">医药行业</a>
                                
                                    <a href="/case/category/27/0/0.html" class="dropdown-item">电子行业</a>
                                
                                    <a href="/case/category/28/0/0.html" class="dropdown-item">石化化工</a>
                                
                                    <a href="/case/category/29/0/0.html" class="dropdown-item">汽配行业</a>
                                
                                    <a href="/case/category/30/0/0.html" class="dropdown-item">建材行业</a>
                                
                                    <a href="/case/category/32/0/0.html" class="dropdown-item">其他行业</a>
                                
                            </div>
                        </div>
                        <a href="/service.html"  class="nav-link">服务支持</a>
                        <div class="nav-dropdown">
                            <a href="/news.html"  class="nav-link dropdown-toggle">新闻中心</a>
                            <div class="dropdown-menu">
                                
                                    <a href="/news/category/14.html" class="dropdown-item">企业动态</a>
                                
                                    <a href="/news/category/13.html" class="dropdown-item">行业动态</a>
                                
                                    <a href="/news/category/12.html" class="dropdown-item">行业洞察</a>
                                
                                    <a href="/news/category/11.html" class="dropdown-item">产品资讯</a>
                                
                                    <a href="/news/category/10.html" class="dropdown-item">活动资讯</a>
                                
                            </div>
                        </div>
                        <div class="nav-dropdown">
                             <a href="/about.html"  class="nav-link dropdown-toggle">关于我们</a>
                             <div class="dropdown-menu">
                            <a href="/about.html#company" class="dropdown-item">公司介绍</a>
                            <a href="/about.html#culture" class="dropdown-item">企业文化</a>
                            <a href="/about.html#honors" class="dropdown-item">荣誉资质</a>
                            <a href="/about.html#brand" class="dropdown-item">品牌历程</a>
                            <a href="/about.html#recruit" class="dropdown-item">诚聘英才</a>
                            </div>
                        </div>
                       
                    </div>
                    <a href="tel:400-6565-086" class="tel-link">
                        <img src="/images/icons/phone.svg" alt="Phone" class="tel-icon">
                        <span>400-6565-086</span>
                    </a>
                </div>
                <button class="menu-btn" id="menuBtn">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </div>
        </div>
    </header>

      <div class="mobile-menu" id="mobileMenu">
        <div class="mobile-nav-links">
            <a href="/" class="mobile-nav-link">首页</a>
            <div class="mobile-nav-dropdown">
                <a href="/products.html" class="mobile-nav-link mobile-dropdown-toggle">产品展示</a>
                <div class="mobile-dropdown-menu">
                    <div class="mobile-dropdown-group">
                        <h5 class="mobile-dropdown-group-title">金蝶 ERP 管理系统</h5>
                        <a href="/products.html" class="mobile-dropdown-item">金蝶云·星瀚</a>
                        <a href="/products1.html" class="mobile-dropdown-item">金蝶 AI 套件</a>
                        <a href="/products2.html" class="mobile-dropdown-item">金蝶星空</a>
                        <a href="/products3.html" class="mobile-dropdown-item">金蝶星辰</a>
                    </div>
                    <div class="mobile-dropdown-group">
                        <h5 class="mobile-dropdown-group-title">金创工业互联网平台</h5>
                        <a href="/industrialInternet.html" class="mobile-dropdown-item">工业互联网平台</a>
                    </div>
                    <div class="mobile-dropdown-group">
                        <h5 class="mobile-dropdown-group-title">金创 AI 智能体平台</h5>
                        <a href="/aiAgent.html" class="mobile-dropdown-item">AI智能体平台</a>
                    </div>
                    <div class="mobile-dropdown-group">
                        <h5 class="mobile-dropdown-group-title">全矩阵生态产品</h5>
                        <a href="/huaweiCloud.html" class="mobile-dropdown-item">华为云</a>
                    </div>
                </div>
            </div>
            <div class="mobile-nav-dropdown">
                    <a href="/solution.html" class="mobile-nav-link mobile-dropdown-toggle">解决方案</a>
                    <div class="mobile-dropdown-menu">
                        
                            <a href="/solution/336.html" class="mobile-dropdown-item">装备制造行业</a>
                        
                            <a href="/solution/320.html" class="mobile-dropdown-item">新能源行业</a>
                        
                            <a href="/solution/304.html" class="mobile-dropdown-item">新材料行业</a>
                        
                            <a href="/solution/288.html" class="mobile-dropdown-item">现代家居行业</a>
                        
                            <a href="/solution/274.html" class="mobile-dropdown-item">电线电缆行业</a>
                        
                            <a href="/solution/255.html" class="mobile-dropdown-item">电气设备行业</a>
                        
                            <a href="/solution/33.html" class="mobile-dropdown-item">石化化工行业</a>
                        
                            <a href="/solution/35.html" class="mobile-dropdown-item">电子行业</a>
                        
                            <a href="/solution/36.html" class="mobile-dropdown-item">医药行业</a>
                        
                            <a href="/solution/37.html" class="mobile-dropdown-item">有色金属行业</a>
                        
                            <a href="/solution/38.html" class="mobile-dropdown-item">汽配行业</a>
                        
                            <a href="/solution/39.html" class="mobile-dropdown-item">食品行业</a>
                        
                            <a href="/solution/162.html" class="mobile-dropdown-item">陶瓷行业</a>
                        
                    </div>
                </div>
            <a href="/case.html" class="mobile-nav-link">客户案例</a>
            <a href="/service.html" class="mobile-nav-link">服务支持</a>
            <div class="mobile-nav-dropdown">
                    <a href="/news.html" class="mobile-nav-link mobile-dropdown-toggle">新闻中心</a>
                    <div class="mobile-dropdown-menu">
                        
                            <a href="/news/category/%E4%BC%81%E4%B8%9A%E5%8A%A8%E6%80%81-1782553027012" class="mobile-dropdown-item">企业动态</a>
                        
                            <a href="/news/category/%E8%A1%8C%E4%B8%9A%E5%8A%A8%E6%80%81-1782553020000" class="mobile-dropdown-item">行业动态</a>
                        
                            <a href="/news/category/%E8%A1%8C%E4%B8%9A%E6%B4%9E%E5%AF%9F-1782553012637" class="mobile-dropdown-item">行业洞察</a>
                        
                            <a href="/news/category/%E4%BA%A7%E5%93%81%E8%B5%84%E8%AE%AF-1782553003764" class="mobile-dropdown-item">产品资讯</a>
                        
                            <a href="/news/category/%E6%B4%BB%E5%8A%A8%E8%B5%84%E8%AE%AF-1782552995798" class="mobile-dropdown-item">活动资讯</a>
                        
                    </div>
                </div>
            <a href="/about.html" class="mobile-nav-link">关于我们</a>
            <a href="tel:400-6565-086" class="mobile-tel">400-6565-086</a>
        </div>
    </div>


        <section class="banner wow fadeIn">
        <div class="banner-bg">
            <div class="banner-glow"></div>
            <div class="banner-glow-right"></div>
            <div class="banner-grid"></div>
        </div>
        <div class="swiper banner-swiper">
            <div class="swiper-wrapper">
                
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </section>

    <section id="products" class="products wow fadeInUp" data-wow-delay="0.2s">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">一站式企业数智化产品</h2>
                <p class="section-desc"></p>
            </div>
            
            <div class="products-grid">
                <div class="product-box">
                    <div class="product-header">
                        <div class="product-icon-lg">
                            <img src="images/icons/document.svg" alt="ERP">
                        </div>
                        <h3 class="product-title">金蝶 ERP 管理系统</h3>
                    </div>
                    <div class="product-items">
                        <a href="/product/54.html" class="product-link">金蝶云·星瀚</a><a href="/product/81.html" class="product-link">金蝶AI套件</a><a href="/product/105.html" class="product-link">金蝶云·星空</a><a href="/product/129.html" class="product-link">金蝶AI星辰</a>
                    </div>
                </div>

                <div class="product-box">
                    <div class="product-header">
                        <div class="product-icon-lg">
                            <img src="images/icons/grid.svg" alt="工业互联网">
                        </div>
                        <h3 class="product-title">金创工业互联网平台</h3>
                    </div>
                    <div class="product-items">
                         <a href="/industrialInternet.html#a336"  class="product-link">生产管理</a><a href="/industrialInternet.html#a335"  class="product-link">设备管理</a><a href="/industrialInternet.html#a334"  class="product-link">计时计件</a><a href="/industrialInternet.html#a333"  class="product-link">质量管理</a><a href="/industrialInternet.html#a332"  class="product-link">仓储管理</a><a href="/industrialInternet.html#a331"  class="product-link">条码管理</a><a href="/industrialInternet.html#a330"  class="product-link">异常管理</a><a href="/industrialInternet.html#a329"  class="product-link">数据采集</a><a href="/industrialInternet.html#a328"  class="product-link">数据可视化BI</a><a href="/industrialInternet.html#a327"  class="product-link">协同与管控</a>
                    </div>
                </div>

                <div class="product-box">
                    <div class="product-header">
                        <div class="product-icon-lg">
                            <img src="images/icons/circle.svg" alt="AI智能体">
                        </div>
                        <h3 class="product-title">金创 AI 智能体平台</h3>
                    </div>
                    <div class="product-items">
                        <a href="/aiAgent.html" class="product-link" style="width: 100%;">AI 智能体平台</a>
                    </div>
                </div>

                <div class="product-box">
                    <div class="product-header">
                        <div class="product-icon-lg">
                            <img src="images/icons/arrow.svg" alt="软硬件生态">
                        </div>
                        <h3 class="product-title">全矩阵生态</h3>
                    </div>
                    <div class="product-items">
                        <a href="/huaweiCloud.html" class="product-link" style="width: 100%;">华为云</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="solutions" class="solutions wow fadeInUp" data-wow-delay="0.3s">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">行业解决方案</h2>
            </div>
            
            <div class="solutions-grid">
                
            </div>
        </div>
    </section>

    <section id="cases" class="cases wow fadeInUp" data-wow-delay="0.4s">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">客户案例</h2>
                <p class="section-desc">20000+企业的共同选择</p>
            </div>
            
            <div class="swiper cases-swiper">
                <div class="swiper-wrapper">
                    
                </div>
                <div class="swiper-pagination cases-pagination"></div>
            </div>
        </div>
    </section>

    <section id="news" class="news wow fadeInUp" data-wow-delay="0.5s">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">新闻中心</h2>
                <p class="section-desc">最新动态与行业资讯</p>
            </div>
            
            <div class="news-list">
                
            </div>
            <div style="text-align: center; margin-top: 32px;">
                <a href="news.html" class="intro-btn" style="display: inline-flex;">查看更多资讯</a>
            </div>
        </div>
    </section>

    

    <section class="partners ">
        <div class="container">
            <div class="section-header wow fadeInUp">
                <h2 class="section-title">合作伙伴</h2>
                <p class="section-desc">携手共进，共创未来</p>
            </div>
            
            <div class="partners-grid  wow fadeInUp">
                
            </div>
        </div>
    </section>

        <!-- 使用 Layout Footer -->
        

<section class="cta " >
        <div class="container">
            <div class="cta-content">
                <h2 class="cta-title wow fadeInUp">20000+企业共同的选择</h2>
                <p class="cta-desc wow fadeInUp">金创科技专注为企业提供管理咨询服务和一站式数智化解决方案</p>
                <div>
                    <span class="cta-btn wow fadeInUp booking-btn">资料获取</span>
                    <a href="https://affim.baidu.com/unique_2320405/chat?siteId=448431&amp;userId=2320405&amp;siteToken=71a0075e572210b5b0a7fb8c08bf2f57" target="_blank" class="cta-btn wow fadeInUp">立即咨询</a>
                </div>
                
            </div>
        </div>
    </section>
  <footer  class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-info">
                    <img src="/uploads/2026/06/27/303916cb7435493c8e9ad80452ea570f.png" alt="金创科技" class="footer-logo">
                    <div class="footer-contact">
                        <p><span class="contact-label">电话：</span><span>400-6565-086</span></p>
                         <p><span class="contact-label">邮箱：</span><span>ncjinchuang@qq.com</span></p>
                        <p><span class="contact-label">地址：</span><span>江西省青山湖区高新技术开发区火炬大街高新六路116号佰年大厦8楼</span></p>
                       
                    </div>
                </div>
                
                <div class="footer-links">
                    <ul>
                        <h4 class="footer-links-title">产品展示</h4>
                        <li><a href="/product/54.html">金蝶云·星瀚</a></li>
                        <li><a href="/product/81.html">金蝶AI套件</a></li>
                        <li><a href="/product/105.html">金蝶云·星空</a></li>
                        <li><a href="/product/129.html">金蝶AI星辰</a></li>
                        <li><a href="/industrialInternet.html" >工业互联网平台</a></li>
                        <li><a href="/aiAgent.html" >AI 智能体平台</a></li>
                        <li><a href="/huaweiCloud.html" >华为云</a></li>
                    </ul>
                    <ul>
                        <h4 class="footer-links-title">解决方案</h4>
                        
                            <li><a href="/solution/336.html">装备制造行业</a></li>
                        
                            <li><a href="/solution/320.html">新能源行业</a></li>
                        
                            <li><a href="/solution/304.html">新材料行业</a></li>
                        
                            <li><a href="/solution/288.html">现代家居行业</a></li>
                        
                            <li><a href="/solution/274.html">电线电缆行业</a></li>
                        
                            <li><a href="/solution/255.html">电气设备行业</a></li>
                        
                            <li><a href="/solution/33.html">石化化工行业</a></li>
                        
                            <li><a href="/solution/35.html">电子行业</a></li>
                        
                            <li><a href="/solution/36.html">医药行业</a></li>
                        
                            <li><a href="/solution/37.html">有色金属行业</a></li>
                        
                            <li><a href="/solution/38.html">汽配行业</a></li>
                        
                            <li><a href="/solution/39.html">食品行业</a></li>
                        
                            <li><a href="/solution/162.html">陶瓷行业</a></li>
                        
                    </ul>
                    
                    <ul>
                        <h4 class="footer-links-title">新闻中心</h4>
                        <li><a href="/news.html">全部新闻</a></li>
                        
                            <li><a href="/news/category/14.html">企业动态</a></li>
                        
                            <li><a href="/news/category/13.html">行业动态</a></li>
                        
                            <li><a href="/news/category/12.html">行业洞察</a></li>
                        
                            <li><a href="/news/category/11.html">产品资讯</a></li>
                        
                            <li><a href="/news/category/10.html">活动资讯</a></li>
                        
                    </ul>

                    <ul>
                        <h4 class="footer-links-title">关于我们</h4>
                        <li><a href="/about.html#company">公司介绍</a></li>
                        <li><a href="/about.html#culture">企业文化</a></li>
                        <li><a href="/about.html#honors">荣誉资质</a></li>
                        <li><a href="/about.html#brand">品牌历程</a></li>
                        <li><a href="/about.html#recruit">诚聘英才</a></li>
                    </ul>
                   
                </div>
                
                <div class="footer-qr">
                    <h4 class="footer-qr-title">关注我们</h4>
                    <div class="qr-codes">
                        <div class="qr-code">
                            <img src="/uploads/2026/07/01/f22de30b55b34e5487e7cba465ce4c5a.png"  alt="视频号">
                            <span class="qr-label">视频号</span>
                        </div>
                        <div class="qr-code">
                            <img src="/uploads/2026/06/27/286ac7222d8f42da83f1fd59629d6394.jpg"  alt="公众号">
                            <span class="qr-label">公众号</span>
                        </div>
                        
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
               <div class="copyright"><p><a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" target="_blank" style="text-align: center;">ICP备案/许可证号：赣ICP备10007840号</a> <a href="https://www.beian.gov.cn/" target="_blank" style="text-align: center;">赣公网安备36010902000775号 </a><a href="https://www.icesnow.net.cn/" target="_blank" style="text-align: center;">技术支持:</a><a href="https://www.icesnow.net.cn/" target="_blank" style="text-align: center;">冰雪网络</a></p></div>
            </div>
        </div>
    </footer>


    <!-- 侧边栏 -->
      <div class="sidebar">
    <a href="https://affim.baidu.com/unique_2320405/chat?siteId=448431&amp;userId=2320405&amp;siteToken=71a0075e572210b5b0a7fb8c08bf2f57" target="_blank" class="sidebar-btn sidebar-btn-primary">
        <div class="sidebar-icon">
            <img src="/images/icons/sidebar-chat.svg" alt="立即咨询">
        </div>
        <span>立即咨询</span>
    </a>
    <div class="sidebar-btn sidebar-btn-secondary wechat-btn">
        <div class="sidebar-icon">
            <img src="/images/icons/sidebar-wechat.svg" alt="微信咨询">
        </div>
        <span>微信咨询</span>
        <div class="wechat-qrcode-box">
            <img src="/uploads/2026/07/01/f495c60ecbd04bf6af09c03a6507a221.png" alt="微信二维码">
            <p>扫码联系我们</p>
        </div>
    </div>
    <div class="sidebar-btn sidebar-btn-secondary phone-btn">
        <div class="sidebar-icon">
            <img src="/images/icons/sidebar-phone.svg" alt="电话咨询">
        </div>
        <span>电话咨询</span>
        <div class="phone-popup">
            <p class="phone-label">服务热线</p>
            <p class="phone-number">400-6565-086</p>
            <p class="phone-label">商务合作</p>
            <p class="phone-number">15170486717</p>
        </div>
    </div>
    <div class="sidebar-btn sidebar-btn-secondary booking-btn">
        <div class="sidebar-icon">
            <img src="/images/icons/sidebar-booking.svg" alt="资料获取">
        </div>
        <span>资料获取</span>
    </div>
    <div class="sidebar-btn sidebar-btn-secondary" id="backToTop">
        <div class="sidebar-icon">
            <img src="/images/icons/sidebar-top.svg" alt="返回顶部">
        </div>
        <span>返回顶部</span>
    </div>
</div>

<div class="booking-modal" id="bookingModal">
    <div class="booking-modal-overlay"></div>
    <div class="booking-modal-content">
        <button class="booking-modal-close" id="bookingModalClose">×</button>
        <h3 class="booking-modal-title">资料获取</h3>
        <form class="booking-form" id="bookingForm">
            <div class="booking-form-group">
                <label class="booking-form-label">手机号 <span class="booking-form-required">*</span></label>
                <input type="tel" class="booking-form-input" id="bookingPhone" placeholder="请输入手机号码" maxlength="11">
                <span class="booking-form-error" id="bookingPhoneError"></span>
            </div>
            <div class="booking-form-group">
                <label class="booking-form-label">所属行业 <span class="booking-form-required">*</span></label>
                <select class="booking-form-input booking-form-select" id="bookingIndustry">
                    <option value="">请选择所属行业</option>
                    <option value="制造业">制造业</option>
                    <option value="金融服务业">金融服务业</option>
                    <option value="零售与电商">零售与电商</option>
                    <option value="医疗健康">医疗健康</option>
                    <option value="教育培训">教育培训</option>
                    <option value="物流与仓储">物流与仓储</option>
                    <option value="房地产">房地产</option>
                    <option value="能源与环保">能源与环保</option>
                    <option value="IT与互联网">IT与互联网</option>
                    <option value="其他">其他</option>
                </select>
                <span class="booking-form-error" id="bookingIndustryError"></span>
            </div>
            <button type="submit" class="booking-form-submit">提交预约</button>
        </form>
        <div class="booking-success" id="bookingSuccess" style="display: none;">
            <div class="booking-success-icon">✓</div>
            <p class="booking-success-text">提交成功！我们会尽快与您联系</p>
        </div>
    </div>
</div>


<script>
    
    // 返回顶部功能
    $('#backToTop').click(function() {
        $('html, body').animate({ scrollTop: 0 }, 0);
    });

    // 资料获取弹框功能
    var bookingModal = document.getElementById('bookingModal');
    var bookingBtns = document.querySelectorAll('.booking-btn');
    var bookingModalClose = document.getElementById('bookingModalClose');
    var bookingModalOverlay = document.querySelector('.booking-modal-overlay');
    var bookingForm = document.getElementById('bookingForm');
    var bookingSuccess = document.getElementById('bookingSuccess');

    function showBookingModal() {
        bookingModal.classList.add('show');
        document.body.style.overflow = 'hidden';
    }

    function hideBookingModal() {
        bookingModal.classList.remove('show');
        document.body.style.overflow = '';
    }

    function resetBookingForm() {
        bookingForm.reset();
        document.getElementById('bookingPhoneError').textContent = '';
        document.getElementById('bookingIndustryError').textContent = '';
        bookingForm.style.display = 'block';
        bookingSuccess.style.display = 'none';
    }

    bookingBtns.forEach(function(btn) {
        btn.addEventListener('click', function() {
            resetBookingForm();
            showBookingModal();
        });
    });

    bookingModalClose.addEventListener('click', hideBookingModal);

    bookingModalOverlay.addEventListener('click', hideBookingModal);

    bookingForm.addEventListener('submit', function(e) {
        e.preventDefault();
        
        var phone = document.getElementById('bookingPhone').value.trim();
        var industry = document.getElementById('bookingIndustry').value;
        var phoneError = document.getElementById('bookingPhoneError');
        var industryError = document.getElementById('bookingIndustryError');
        
        phoneError.textContent = '';
        industryError.textContent = '';
        
        var isValid = true;
        
        if (!phone) {
            phoneError.textContent = '请输入手机号码';
            isValid = false;
        } else if (!/^1[3-9]\d{9}$/.test(phone)) {
            phoneError.textContent = '请输入正确的手机号码';
            isValid = false;
        }
        
        if (!industry) {
            industryError.textContent = '请选择所属行业';
            isValid = false;
        }
        
        if (!isValid) {
            return;
        }
        
        var submitBtn = bookingForm.querySelector('.booking-form-submit');
        var originalText = submitBtn.textContent;
        submitBtn.textContent = '提交中...';
        submitBtn.disabled = true;
        
        fetch('/api/front/message/booking', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                phone: phone,
                industry: industry
            })
        })
        .then(function(response) {
            return response.json();
        })
        .then(function(data) {
            if (data.code === 200) {
                bookingForm.style.display = 'none';
                bookingSuccess.style.display = 'block';
                setTimeout(function() {
                    hideBookingModal();
                    setTimeout(resetBookingForm, 300);
                }, 2000);
            } else {
                phoneError.textContent = data.msg || '提交失败，请重试';
            }
        })
        .catch(function(error) {
            phoneError.textContent = '网络异常，请重试';
        })
        .finally(function() {
            submitBtn.textContent = originalText;
            submitBtn.disabled = false;
        });
    });
</script>


</body>

</html>