<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name="format-detection" content="telephone=no">
  <meta name="applicable-device" content="pc,mobile">
  
  <!-- SEO Meta -->
  <title>西安启光信息技术有限责任公司 - 智慧教育解决方案提供商</title>
  <meta name="keywords" content="智慧教育,教学质量评价,专业建设与认证,OBE教学,远程巡课,智能助教,西安启光信息">
  <meta name="description" content="西安启光信息技术有限责任公司专注于智慧教育领域，提供专业建设与认证、教学质量评价、智能助教与备课等一站式解决方案，助力高校实现教育数字化转型。">
  
  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="西安启光信息技术有限责任公司 - 智慧教育解决方案提供商">
  <meta property="og:description" content="专注于智慧教育领域，提供专业建设与认证、教学质量评价、智能助教与备课等一站式解决方案">
  <meta property="og:url" content="http://www.qiguanginfo.com/">
  <meta property="og:site_name" content="启光信息">
  
  <!-- Favicon -->
  <link rel="icon" type="image/png" href="assets/images/logo/favicon.png">
  <link rel="apple-touch-icon" href="assets/images/logo/apple-touch-icon.png">
  
  <!-- Stylesheets -->
  <link rel="stylesheet" href="assets/css/main.css">
  
  <!-- Preconnect -->
  <link rel="preconnect" href="http://webapi.amap.com">
  
  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "西安启光信息技术有限责任公司",
    "url": "http://www.qiguanginfo.com",
    "logo": "http://www.qiguanginfo.com/assets/images/logo/logo.png",
    "description": "专注于智慧教育领域，提供专业建设与认证、教学质量评价、智能助教与备课等一站式解决方案",
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "18691862071",
      "contactType": "customer service",
      "areaServed": "CN",
      "availableLanguage": "Chinese"
    },
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "高新一路2号国家开发银行大厦12层",
      "addressLocality": "西安市",
      "addressRegion": "陕西省",
      "postalCode": "710000",
      "addressCountry": "CN"
    }
  }
  </script>
</head>
<body>
  <!-- 页头占位 -->
  <div class="header-placeholder"></div>
  
  <!-- 页头 -->
  <div id="site-header"></div>

  <!-- 主内容 -->
  <main>
    <!-- Hero Banner -->
    <section class="hero-banner">
      <div class="hero-slider">
        <!-- Slide 0: 星河通汇 -->
        <a href="http://ai-edu.tech/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;color:inherit;">
        <div class="hero-slide active">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-2.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                </svg>
                <span>AI工具平台 · 全新上线</span>
              </div>
              <h1 class="hero-title">星河通汇 — AI赋能教育的全新工具平台</h1>
              <p class="hero-subtitle">汇聚海量AI教育工具，助力教师备课、出题、课件制作，全面提升教学效率与能力，开启智能教学新体验</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>AI智能备课助手</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>智能出题与组卷</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>AI课件一键生成</span>
                </div>
              </div>
              <div class="hero-actions">
                <span class="btn btn-primary btn-lg">立即体验 →</span>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
        </a>

        <!-- Slide 1: 公司介绍 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-1.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                </svg>
                <span>AI+教育 · 引领未来</span>
              </div>
              <h1 class="hero-title">AI驱动教育创新，开启智慧校园新时代</h1>
              <p class="hero-subtitle">十七年深耕教育信息化，为高等院校提供教学质量数据化解决方案，助力高校实现教育数字化转型与内涵式发展</p>
              <div class="hero-stats">
                <div class="hero-stat">
                  <span class="hero-stat-number">50<sup>+</sup></span>
                  <span class="hero-stat-label">服务院校</span>
                </div>
                <div class="hero-stat">
                  <span class="hero-stat-number">50<sup>+</sup></span>
                  <span class="hero-stat-label">软件著作权及专利</span>
                </div>
                <div class="hero-stat">
                  <span class="hero-stat-number">100<sup>万+</sup></span>
                  <span class="hero-stat-label">服务师生</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/index.html" class="btn btn-primary btn-lg">了解产品</a>
                <a href="contact/index.html" class="btn btn-outline-white btn-lg">联系我们</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
        
        <!-- Slide 2: AI-OBE 专业建设与认证 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-2.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <circle cx="12" cy="12" r="10"/>
                  <path d="M12 6v6l4 2"/>
                </svg>
                <span>AI驱动 · 智能认证</span>
              </div>
              <h1 class="hero-title">AI-OBE V5.0 新一代智能教学管理平台</h1>
              <p class="hero-subtitle">融合人工智能与OBE理念，自动化构建培养方案，智能分析达成度，实现教学质量持续改进闭环</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>智能培养方案生成</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>毕业要求达成度分析</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
                    <polyline points="22 4 12 14.01 9 11.01"/>
                  </svg>
                  <span>持续改进闭环管理</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/professional-build.html" class="btn btn-primary btn-lg">了解更多</a>
                <a href="platform/yunzhiping.html" class="btn btn-outline-white btn-lg">预约演示</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
        
        <!-- Slide 3: 教学质量评价 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-3.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                  <polyline points="14 2 14 8 20 8"/>
                  <line x1="16" y1="13" x2="8" y2="13"/>
                  <line x1="16" y1="17" x2="8" y2="17"/>
                </svg>
                <span>多维度评价体系</span>
              </div>
              <h1 class="hero-title">教学质量评价系统</h1>
              <p class="hero-subtitle">多维度教学质量评价，支持学生评教、同行评价、督导评课，AI智能分析赋能教学决策</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                    <circle cx="9" cy="7" r="4"/>
                    <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                    <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                  </svg>
                  <span>学生评教 匿名公正</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                    <circle cx="9" cy="7" r="4"/>
                    <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                    <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                  </svg>
                  <span>同行评价 专业客观</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                    <circle cx="12" cy="12" r="3"/>
                  </svg>
                  <span>督导评课 全覆盖</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/quality-evaluation.html" class="btn btn-primary btn-lg">了解更多</a>
                <a href="contact/index.html" class="btn btn-outline-white btn-lg">获取方案</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
        
        <!-- Slide 4: 智能助教与远程巡课 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-1.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <circle cx="12" cy="12" r="10"/>
                  <polygon points="10 8 16 12 10 16 10 8"/>
                </svg>
                <span>AI赋能 · 智慧教学</span>
              </div>
              <h1 class="hero-title">智能助教与远程巡课</h1>
              <p class="hero-subtitle">AI驱动智能备课，实时远程巡课系统，全方位提升教学质量监控效率</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                  </svg>
                  <span>AI智能备课推荐</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
                    <line x1="8" y1="21" x2="16" y2="21"/>
                    <line x1="12" y1="17" x2="12" y2="21"/>
                  </svg>
                  <span>远程在线巡课</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="18" y1="20" x2="18" y2="10"/>
                    <line x1="12" y1="20" x2="12" y2="4"/>
                    <line x1="6" y1="20" x2="6" y2="14"/>
                  </svg>
                  <span>教学数据分析</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/smart-assistant.html" class="btn btn-primary btn-lg">了解更多</a>
                <a href="products/remote-inspection.html" class="btn btn-outline-white btn-lg">查看功能</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
        
        <!-- Slide 5: 智慧教育解决方案 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-2.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                  <circle cx="9" cy="7" r="4"/>
                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                  <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                </svg>
                <span>全场景解决方案</span>
              </div>
              <h1 class="hero-title">智慧教育整体解决方案</h1>
              <p class="hero-subtitle">覆盖高校、职校、K12全教育阶段，从教学质量评价到智能助教，全方位赋能教育教学</p>
              <div class="hero-scenarios">
                <div class="hero-scenario">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>
                    <path d="M6 12v5c3 3 9 3 12 0v-5"/>
                  </svg>
                  <span>高等教育</span>
                </div>
                <div class="hero-scenario">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                    <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
                  </svg>
                  <span>职业教育</span>
                </div>
                <div class="hero-scenario">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                  </svg>
                  <span>K12教育</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="solutions/index.html" class="btn btn-primary btn-lg">查看方案</a>
                <a href="tel:18691862071" class="btn btn-outline-white btn-lg">立即咨询</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>

        <!-- Slide 6: 专业认证服务 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-3.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                </svg>
                <span>专业咨询培训</span>
              </div>
              <h1 class="hero-title">工程教育专业认证服务</h1>
              <p class="hero-subtitle">提供OBE理念培训、认证材料准备、现场指导等一站式专业服务，助力专业顺利通过认证</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
                    <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
                  </svg>
                  <span>OBE理念培训</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                    <polyline points="14 2 14 8 20 8"/>
                    <line x1="16" y1="13" x2="8" y2="13"/>
                    <line x1="16" y1="17" x2="8" y2="17"/>
                  </svg>
                  <span>认证材料辅导</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <circle cx="12" cy="12" r="10"/>
                    <path d="M12 6v6l4 2"/>
                  </svg>
                  <span>现场指导服务</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/consulting.html" class="btn btn-primary btn-lg">了解更多</a>
                <a href="contact/index.html" class="btn btn-outline-white btn-lg">预约咨询</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>

        <!-- Slide 7: 产教融合协同育人 -->
        <div class="hero-slide">
          <div class="hero-slide-bg" style="background-image: url('assets/images/banners/banner-1.jpg')"></div>
          <div class="hero-slide-overlay"></div>
          <div class="container">
            <div class="hero-content">
              <div class="hero-badge">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                  <circle cx="9" cy="7" r="4"/>
                  <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                  <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                </svg>
                <span>产教融合 · 协同育人</span>
              </div>
              <h1 class="hero-title">校企合作协同育人平台</h1>
              <p class="hero-subtitle">连接学校与企业，促进产教深度融合，提升人才培养质量与就业竞争力</p>
              <div class="hero-features">
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
                    <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
                  </svg>
                  <span>企业资源对接</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                    <circle cx="8.5" cy="7" r="4"/>
                    <polyline points="17 11 19 13 23 9"/>
                  </svg>
                  <span>实习就业管理</span>
                </div>
                <div class="hero-feature">
                  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                  </svg>
                  <span>技能证书认证</span>
                </div>
              </div>
              <div class="hero-actions">
                <a href="products/collaborative-education.html" class="btn btn-primary btn-lg">了解更多</a>
                <a href="contact/index.html" class="btn btn-outline-white btn-lg">合作咨询</a>
              </div>
            </div>
          </div>
          <div class="hero-decoration">
            <div class="hero-decoration-circle hero-decoration-circle-1"></div>
            <div class="hero-decoration-circle hero-decoration-circle-2"></div>
          </div>
        </div>
      </div>
      
      <!-- 轮播控制 -->
      <div class="hero-controls">
        <button class="hero-dot active" aria-label="第1张"></button>
        <button class="hero-dot" aria-label="第2张"></button>
        <button class="hero-dot" aria-label="第3张"></button>
        <button class="hero-dot" aria-label="第4张"></button>
        <button class="hero-dot" aria-label="第5张"></button>
        <button class="hero-dot" aria-label="第6张"></button>
        <button class="hero-dot" aria-label="第7张"></button>
      </div>
      
      <!-- 轮播箭头 -->
      <div class="hero-arrows">
        <button class="hero-arrow hero-arrow-prev" aria-label="上一张">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <polyline points="15 18 9 12 15 6"/>
          </svg>
        </button>
        <button class="hero-arrow hero-arrow-next" aria-label="下一张">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <polyline points="9 18 15 12 9 6"/>
          </svg>
        </button>
      </div>
      
      <!-- 滚动指示器 -->
      <div class="hero-scroll">
        <div class="hero-scroll-icon"></div>
        <span>向下滚动</span>
      </div>
    </section>

    <!-- 核心产品 -->
    <section class="section">
      <div class="container">
        <div class="section-header animate-on-scroll fade-up">
          <h2 class="section-title">核心产品</h2>
          <p class="section-subtitle">AI赋能教育全场景，打造智慧教学新生态</p>
        </div>
        
        <div class="features-grid stagger-children animate-on-scroll">
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M22 10v6M2 10l10-5 10 5-10 5z"/>
                <path d="M6 12v5c3 3 9 3 12 0v-5"/>
              </svg>
            </div>
            <h3 class="feature-title">专业建设与认证</h3>
            <p class="feature-desc">AI-OBE V5.0全新OBE平台，助力高校专业建设与工程教育认证，实现教学成果导向管理。</p>
            <a href="products/professional-build.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                <polyline points="14 2 14 8 20 8"/>
                <line x1="16" y1="13" x2="8" y2="13"/>
                <line x1="16" y1="17" x2="8" y2="17"/>
                <polyline points="10 9 9 9 8 9"/>
              </svg>
            </div>
            <h3 class="feature-title">教学质量评价</h3>
            <p class="feature-desc">多维度教学质量评价系统，支持学生评教、同行评价、督导评课等多种评价方式。</p>
            <a href="products/quality-evaluation.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <circle cx="12" cy="12" r="10"/>
                <polygon points="10 8 16 12 10 16 10 8"/>
              </svg>
            </div>
            <h3 class="feature-title">智能助教与备课</h3>
            <p class="feature-desc">AI驱动的智能助教系统，辅助教师高效备课，提供个性化教学建议和资源推荐。</p>
            <a href="products/smart-assistant.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                <circle cx="12" cy="12" r="3"/>
              </svg>
            </div>
            <h3 class="feature-title">远程巡课</h3>
            <p class="feature-desc">实时远程巡课系统，支持在线听课、课堂记录、教学督导，提升教学质量监控效率。</p>
            <a href="products/remote-inspection.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                <circle cx="9" cy="7" r="4"/>
                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
              </svg>
            </div>
            <h3 class="feature-title">协同育人</h3>
            <p class="feature-desc">校企合作协同育人平台，连接学校与企业，促进产教融合，提升人才培养质量。</p>
            <a href="products/collaborative-education.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
                <line x1="8" y1="21" x2="16" y2="21"/>
                <line x1="12" y1="17" x2="12" y2="21"/>
              </svg>
            </div>
            <h3 class="feature-title">教学装备</h3>
            <p class="feature-desc">智慧教室、实训室等教学空间建设，提供软硬件一体化解决方案。</p>
            <a href="products/equipment.html" class="btn btn-text">了解更多 →</a>
          </div>
          
          <div class="feature-card">
            <div class="feature-icon">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                <polyline points="9 12 11 14 15 10"/>
              </svg>
            </div>
            <h3 class="feature-title">教师AI素质测评</h3>
            <p class="feature-desc">教师AI素养测评云平台，四维测评模型+AI实操考核，智能评分多维报告，以测促训。</p>
            <a href="products/teacher-ai-assessment.html" class="btn btn-text">了解更多 →</a>
          </div>
        </div>
      </div>
    </section>

    <!-- 数据统计 -->
    <section class="section section-gray">
      <div class="container">
        <div class="section-header animate-on-scroll fade-up" style="margin-bottom: var(--spacing-10);">
          <p class="section-subtitle" style="color: var(--color-text-secondary);">用数据证明实力，用服务赢得信赖</p>
        </div>
        <div class="stats-grid stagger-children animate-on-scroll">
          <div class="stat-item">
            <div class="stat-number counter-number" data-count="50">50+</div>
            <div class="stat-label">服务院校（所）</div>
          </div>
          <div class="stat-item">
            <div class="stat-number counter-number" data-count="17">17+</div>
            <div class="stat-label">年深耕教育行业</div>
          </div>
          <div class="stat-item">
            <div class="stat-number counter-number" data-count="50">50+</div>
            <div class="stat-label">项软件著作权及专利</div>
          </div>
          <div class="stat-item">
            <div class="stat-number counter-number" data-count="100">100万+</div>
            <div class="stat-label">师生受益</div>
          </div>
        </div>
      </div>
    </section>

    <!-- 关于我们 -->
    <section class="section about-section">
      <div class="container">
        <div class="about-content">
          <div class="about-image animate-on-scroll slide-in-left">
            <img src="assets/images/about/company.jpg" alt="启光信息" loading="lazy">
          </div>
          <div class="about-text animate-on-scroll slide-in-right" data-delay="200">
            <h2>关于启光信息</h2>
            <p>西安启光信息技术有限责任公司创立于2009年，是专注于智慧教育领域的高新技术企业，拥有高等教育专家团队以及深耕高校教与学核心业务的资深技术团队。</p>
            <p>启光信息聚焦智慧校园建设核心业务，以教育教学业务为牵引，依托教学管理软件平台与人工智能技术，结合专家智库咨询，为高等院校提供涵盖本科教育教学评估、工程教育专业认证、教学质量监测及自评的全链条数据化服务与解决方案。</p>
            <p>公司已通过ISO9001、ISO14001、ISO27001、ISO20000、ISO45001五项国际标准认证，累计获得50余项软件著作权，以"以科技重塑教育生态，以数据驱动质量提升"为愿景，助推中国教育信息化迈向智能化新阶段。</p>
            <a href="about/index.html" class="btn btn-primary">了解更多</a>
          </div>
        </div>
      </div>
    </section>

    <!-- 新闻动态 -->
    <section class="section news-section">
      <div class="container">
        <div class="section-header animate-on-scroll fade-up">
          <h2 class="section-title">新闻动态</h2>
          <p class="section-subtitle">关注教育信息化前沿，了解启光最新动态</p>
        </div>
        
        <div class="news-grid stagger-children animate-on-scroll">
          <div class="card card-news">
            <img src="assets/images/news/news-7.jpg" alt="新闻图片" class="card-img-top" loading="lazy">
            <div class="card-body">
              <div class="card-date">2026-08-26</div>
              <h4 class="card-title">西安理工大学学生参加启光信息企业实习</h4>
              <p class="card-text">将真实项目、工程教育认证和AI素养培养融入实践教学...</p>
              <a href="news/news-7.html" class="card-link">阅读更多 →</a>
            </div>
          </div>
          
          <div class="card card-news">
            <img src="assets/images/news/news-2.jpg" alt="新闻图片" class="card-img-top" loading="lazy">
            <div class="card-body">
              <div class="card-date">2024-03-10</div>
              <h4 class="card-title">教学质量评价系统全新升级发布</h4>
              <p class="card-text">新增AI智能分析功能，支持多维度数据可视化...</p>
              <a href="news/news-2.html" class="card-link">阅读更多 →</a>
            </div>
          </div>
          
          <div class="card card-news">
            <img src="assets/images/news/news-3.jpg" alt="新闻图片" class="card-img-top" loading="lazy">
            <div class="card-body">
              <div class="card-date">2024-03-05</div>
              <h4 class="card-title">与多所高校签署战略合作协议</h4>
              <p class="card-text">深化校企合作，共同推进智慧校园建设...</p>
              <a href="news/news-3.html" class="card-link">阅读更多 →</a>
            </div>
          </div>
        </div>
        
        <div class="text-center mt-5">
          <a href="news/index.html" class="btn btn-outline">查看全部新闻</a>
        </div>
      </div>
    </section>

    <!-- 联系CTA -->
    <section class="section cta-section animate-on-scroll">
      <div class="container text-center">
        <h2 class="cta-title animate-on-scroll fade-up">与AI同行，开启教育新纪元</h2>
        <p class="cta-desc animate-on-scroll fade-up" data-delay="100">免费体验AI教学管理平台，获取专属解决方案和1对1专家咨询</p>
        <div class="cta-actions animate-on-scroll fade-up" data-delay="200">
          <a href="contact/index.html" class="btn btn-lg" style="background: white; color: var(--color-primary)">免费申请试用</a>
          <a href="tel:18691862071" class="btn btn-outline-white btn-lg">立即咨询 18691862071（微信同号）</a>
        </div>
      </div>
    </section>
  </main>

  <!-- 页脚 -->
  <div id="site-footer"></div>

  <!-- 返回顶部 -->
  <button class="back-to-top" aria-label="返回顶部">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <polyline points="18 15 12 9 6 15"/>
    </svg>
  </button>

  <!-- 移动端底部导航 -->
  <nav class="mobile-nav">
    <div class="mobile-nav-list">
      <a href="/" class="mobile-nav-link active">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
          <polyline points="9 22 9 12 15 12 15 22"/>
        </svg>
        <span>首页</span>
      </a>
      <a href="products/index.html" class="mobile-nav-link">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
        </svg>
        <span>产品</span>
      </a>
      <a href="contact/index.html" class="mobile-nav-link">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
        </svg>
        <span>电话</span>
      </a>
      <a href="about/index.html" class="mobile-nav-link">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="16" x2="12" y2="12"/>
          <line x1="12" y1="8" x2="12.01" y2="8"/>
        </svg>
        <span>关于</span>
      </a>
    </div>
  </nav>

  <!-- Scripts -->
  <script type="module">
    import { loadHeader } from './assets/js/components/header.js';
    import { loadFooter, initNavigation } from './assets/js/components/navigation.js';
    
    // 加载页头和页脚组件
    await Promise.all([
      loadHeader('site-header'),
      loadFooter('site-footer')
    ]);
    
    // 初始化导航
    initNavigation();
    
    // 加载并初始化轮播图
    const { initSlider } = await import('./assets/js/components/slider.js');
    initSlider();
    
    // 加载其他脚本
    import('./assets/js/main.js');
  </script>
</body>
</html>
