995 lines
48 KiB
HTML
995 lines
48 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>教育行业洞察报告</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||
<!-- Nucleo Icons -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
|
||
<!-- Font Awesome Icons -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
<!-- CSS Files -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.card {
|
||
backdrop-filter: blur(10px);
|
||
background-color: rgba(255, 255, 255, 0.85);
|
||
border: 1px solid rgba(255, 255, 255, 0.18);
|
||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
|
||
}
|
||
.timeline-dot {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
}
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 8px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: #4f46e5;
|
||
}
|
||
.timeline-line {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
}
|
||
.timeline-line::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 2px;
|
||
background-color: #e5e7eb;
|
||
}
|
||
.highlight {
|
||
background-color: rgba(79, 70, 229, 0.1);
|
||
padding: 2px 4px;
|
||
border-radius: 4px;
|
||
font-weight: 600;
|
||
}
|
||
.stock-table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
}
|
||
.stock-table th, .stock-table td {
|
||
padding: 12px 15px;
|
||
text-align: left;
|
||
border-bottom: 1px solid #e5e7eb;
|
||
}
|
||
.stock-table th {
|
||
background-color: #f9fafb;
|
||
font-weight: 600;
|
||
color: #4b5563;
|
||
font-size: 0.75rem;
|
||
text-transform: uppercase;
|
||
}
|
||
.stock-table tr:hover {
|
||
background-color: rgba(79, 70, 229, 0.05);
|
||
}
|
||
.category-badge {
|
||
display: inline-block;
|
||
padding: 4px 8px;
|
||
border-radius: 12px;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
margin-right: 6px;
|
||
margin-bottom: 6px;
|
||
}
|
||
.mermaid {
|
||
text-align: center;
|
||
margin: 20px 0;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.card {
|
||
margin-bottom: 20px;
|
||
}
|
||
.stock-table {
|
||
font-size: 0.875rem;
|
||
}
|
||
.stock-table th, .stock-table td {
|
||
padding: 8px 10px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题区域 -->
|
||
<div class="text-center mb-10">
|
||
<h1 class="text-4xl font-bold text-indigo-800 mb-4">教育行业洞察报告</h1>
|
||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">政策底+供给出清+需求释放，AI技术赋能与人口红利将驱动2025-2030年黄金十年</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-history mr-3"></i>概念事件（时间轴+催化）
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white rounded-lg overflow-hidden">
|
||
<thead class="bg-indigo-50">
|
||
<tr>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-indigo-700 uppercase tracking-wider">时间</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-indigo-700 uppercase tracking-wider">事件</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-indigo-700 uppercase tracking-wider">影响</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2021.07</td>
|
||
<td class="py-3 px-4 text-gray-700">"双减"政策落地</td>
|
||
<td class="py-3 px-4 text-gray-700">学科类培训机构压减 <span class="highlight">92%</span>，供给侧出清</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2022.02</td>
|
||
<td class="py-3 px-4 text-gray-700">民促法实施条例</td>
|
||
<td class="py-3 px-4 text-gray-700">义务教育营利性办学被禁，资产证券化受阻</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2024.02</td>
|
||
<td class="py-3 px-4 text-gray-700">《校外培训管理条例（征求意见稿）》</td>
|
||
<td class="py-3 px-4 text-gray-700">政策基调从"堵"转"疏"，非学科培训获空间</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2024.03</td>
|
||
<td class="py-3 px-4 text-gray-700">教育部启动"AI教育行动"</td>
|
||
<td class="py-3 px-4 text-gray-700">明确打造教育大模型，AI+教育成为国家级战略</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2024.09</td>
|
||
<td class="py-3 px-4 text-gray-700">世界数字教育大会</td>
|
||
<td class="py-3 px-4 text-gray-700">发布"世界数字教育联盟"及《上海倡议》</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2025.01</td>
|
||
<td class="py-3 px-4 text-gray-700">《教育强国建设规划纲要》</td>
|
||
<td class="py-3 px-4 text-gray-700">提出"AI+教育"改革路径，教育数字化升级</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">2025.05</td>
|
||
<td class="py-3 px-4 text-gray-700">九部门《教育数字化意见》</td>
|
||
<td class="py-3 px-4 text-gray-700">要求2027年建成教育大模型，AI全面渗透教学</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-4 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
|
||
</h2>
|
||
<div class="bg-indigo-50 rounded-lg p-5 border-l-4 border-indigo-500">
|
||
<p class="text-lg text-gray-800 leading-relaxed">
|
||
教育行业正处于<span class="highlight">"政策底+供给出清+需求释放"的三重拐点</span>，AI技术赋能与人口红利（2011-2017生育高峰）将驱动<span class="highlight">2025-2030年黄金十年</span>。当前处于<span class="highlight">主题炒作向基本面验证过渡阶段</span>，需紧盯<span class="highlight">AI产品落地进度</span>和<span class="highlight">龙头公司订单数据</span>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-chart-line mr-3"></i>核心逻辑与市场认知分析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">核心驱动力</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">政策转向：</span>
|
||
<span class="text-gray-700">从"双减"压减供给到《校外培训管理条例》释放需求，非学科培训（素质教育、职教）获政策绿灯</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">技术突破：</span>
|
||
<span class="text-gray-700">DeepSeek等通用大模型接入教育场景，<span class="highlight">学习机1月销量同比+819%（作业帮）</span>验证商业化</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">人口红利：</span>
|
||
<span class="text-gray-700">2011-2017年出生人口年均<span class="highlight">1819万</span>，对应2028年初中入学峰值，中高考参培率有望从20%提升至30%+</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">市场热度与情绪</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-fire text-orange-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">新闻热度：</span>
|
||
<span class="text-gray-700">2024年9月教育板块单日涨停潮（豆神教育/凯文教育），11月职教大会催化港股高股息标的</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-fire text-orange-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">研报密集度：</span>
|
||
<span class="text-gray-700">2024Q4浙商/华西等机构连发12篇教育策略报告，<span class="highlight">AI教育</span>成为高频词</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-fire text-orange-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">情绪分化：</span>
|
||
<span class="text-gray-700">市场对K12仍谨慎（政策阴影），但对<span class="highlight">职教/素质教育</span>一致乐观</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">预期差</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white rounded-lg overflow-hidden">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">市场共识</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">路演验证</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">预期差</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 text-gray-700">AI教育=概念炒作</td>
|
||
<td class="py-3 px-4 text-gray-700">豆神教育AI收入<span class="highlight">2024年2400万→2025年目标1亿</span></td>
|
||
<td class="py-3 px-4 text-gray-700 font-medium text-green-600">商业化超预期</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 text-gray-700">职教需求疲软</td>
|
||
<td class="py-3 px-4 text-gray-700">行动教育大客户战略签约<span class="highlight">295家（客单价205万）</span></td>
|
||
<td class="py-3 px-4 text-gray-700 font-medium text-green-600">B端需求强劲</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 text-gray-700">港股高股息无增长</td>
|
||
<td class="py-3 px-4 text-gray-700">中教控股股息率从<span class="highlight">16%回落至6.5%</span>但订单稳增</td>
|
||
<td class="py-3 px-4 text-gray-700 font-medium text-green-600">估值修复空间</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 催化剂与发展路径 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-rocket mr-3"></i>催化剂与发展路径
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">近期催化剂（3-6个月）</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-blue-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">2025年7月：</span>
|
||
<span class="text-gray-700">豆神教育AI硬件随身智能体量产（预计贡献0.5亿收入）</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-blue-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">2025年9月：</span>
|
||
<span class="text-gray-700">义务教育新课标教材全面启用（AI教辅需求爆发）</span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-blue-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">2025年10月：</span>
|
||
<span class="text-gray-700">教育公司中报验证——<span class="highlight">学大教育合同负债11.39亿（+14%）</span>预示业绩高增</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">长期路径</h3>
|
||
<div class="bg-gray-50 rounded-lg p-5">
|
||
<div class="flex flex-col md:flex-row items-center justify-between">
|
||
<div class="flex items-center mb-4 md:mb-0">
|
||
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||
<span class="text-indigo-700 font-bold">A</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-medium text-gray-800">政策松绑</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
|
||
|
||
<div class="flex items-center mb-4 md:mb-0">
|
||
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||
<span class="text-indigo-700 font-bold">B</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-medium text-gray-800">供给出清完成</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
|
||
|
||
<div class="flex items-center mb-4 md:mb-0">
|
||
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||
<span class="text-indigo-700 font-bold">C</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-medium text-gray-800">龙头市占率提升</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
|
||
|
||
<div class="flex items-center mb-4 md:mb-0">
|
||
<div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||
<span class="text-indigo-700 font-bold">D</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-medium text-gray-800">AI技术降本增效</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-2xl text-gray-400 mb-4 md:mb-0">→</div>
|
||
|
||
<div class="flex items-center">
|
||
<div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mr-3">
|
||
<span class="text-green-700 font-bold">E</span>
|
||
</div>
|
||
<div>
|
||
<div class="font-medium text-gray-800">2027年素质教育市场规模破万亿</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-sitemap mr-3"></i>产业链与核心公司
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">产业链图谱</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-medium text-blue-700 mb-2">上游</h4>
|
||
<p class="text-gray-700">AI大模型（科大讯飞/有道）、教育内容（人教社/北师大出版社）</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-medium text-purple-700 mb-2">中游</h4>
|
||
<p class="text-gray-700">教育信息化（佳发教育/竞业达）、素质教育（好未来/思考乐）</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h4 class="font-medium text-green-700 mb-2">下游</h4>
|
||
<p class="text-gray-700">K12学校（凯文教育）、职教机构（中公教育/行动教育）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white rounded-lg overflow-hidden">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">业务纯度</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">核心验证数据</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">行动教育</td>
|
||
<td class="py-3 px-4 text-gray-700">职教100%</td>
|
||
<td class="py-3 px-4 text-gray-700">2024年分红率<span class="highlight">100%</span>（两市唯一）</td>
|
||
<td class="py-3 px-4 text-gray-700">大客户依赖（65%收入来自295家大客户）</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">豆神教育</td>
|
||
<td class="py-3 px-4 text-gray-700">AI教育龙头</td>
|
||
<td class="py-3 px-4 text-gray-700">AI收入占比将从<span class="highlight">2%→8%</span></td>
|
||
<td class="py-3 px-4 text-gray-700">立案进展未明</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">凯文教育</td>
|
||
<td class="py-3 px-4 text-gray-700">国际学校+AI</td>
|
||
<td class="py-3 px-4 text-gray-700">朝阳学校国内部学费<span class="highlight">21万/年</span>仍扩招至130人</td>
|
||
<td class="py-3 px-4 text-gray-700">校区扩建需教委审批</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">学大教育</td>
|
||
<td class="py-3 px-4 text-gray-700">个性化教培</td>
|
||
<td class="py-3 px-4 text-gray-700">合同负债<span class="highlight">11.39亿</span>（预收款模式）</td>
|
||
<td class="py-3 px-4 text-gray-700">新生人口下滑长期压力</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">验证与证伪</h3>
|
||
<div class="bg-red-50 rounded-lg p-4 border-l-4 border-red-500">
|
||
<p class="text-gray-800">
|
||
<span class="font-medium">证伪点：</span>中公教育2024年股东减持<span class="highlight">2.12%</span>，与"职教龙头"叙事矛盾 → <span class="font-medium text-red-600">警惕管理层信心不足</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-3"></i>潜在风险
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white rounded-lg overflow-hidden">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险类型</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">具体表现</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">数据支撑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">政策反复</td>
|
||
<td class="py-3 px-4 text-gray-700">2025年5月北京拟限制营利性高中</td>
|
||
<td class="py-3 px-4 text-gray-700">凯文教育天津校区注入计划或受阻</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">技术瓶颈</td>
|
||
<td class="py-3 px-4 text-gray-700">AI幻觉导致错题率<span class="highlight">>5%</span></td>
|
||
<td class="py-3 px-4 text-gray-700">豆神教育路演承认需持续优化模型</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">竞争恶化</td>
|
||
<td class="py-3 px-4 text-gray-700">卓越教育佛山校区扩张<span class="highlight">50%</span>引发价格战</td>
|
||
<td class="py-3 px-4 text-gray-700">2025年目标利润率<span class="highlight">下滑至15%</span>（2024年为17%）</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">数据矛盾</td>
|
||
<td class="py-3 px-4 text-gray-700">浙商教育预测K12暑期增速<span class="highlight">20-40%</span>，但新东方Q3利润率<span class="highlight">下滑4pct</span></td>
|
||
<td class="py-3 px-4 text-gray-700">产能扩张快于需求消化</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-trophy mr-3"></i>综合结论与投资启示
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">阶段判断</h3>
|
||
<div class="bg-indigo-50 rounded-lg p-5">
|
||
<p class="text-gray-800 leading-relaxed">
|
||
教育行业已从<span class="highlight">"政策压制"</span>进入<span class="highlight">"基本面驱动"</span>初期，AI技术落地和人口红利构成双重引擎。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">投资方向</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h4 class="font-medium text-green-700 mb-2">第一梯队</h4>
|
||
<p class="text-gray-700">
|
||
<span class="highlight">行动教育</span>（职教+高分红）、<span class="highlight">豆神教育</span>（AI教育商业化最快）
|
||
</p>
|
||
</div>
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-medium text-blue-700 mb-2">第二梯队</h4>
|
||
<p class="text-gray-700">
|
||
<span class="highlight">学大教育</span>（个性化龙头+订单验证）、<span class="highlight">凯文教育</span>（国际学校稀缺性）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-gray-800 mb-3">关键跟踪指标</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-chart-bar text-purple-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">AI渗透率：</span>
|
||
<span class="text-gray-700">2025年教育公司AI收入占比能否达<span class="highlight">10%+</span></span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-chart-bar text-purple-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">消课率：</span>
|
||
<span class="text-gray-700">学大教育合同负债/季度收入比值是否维持<span class="highlight">1.2x以上</span></span>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-chart-bar text-purple-500 mt-1 mr-3"></i>
|
||
<div>
|
||
<span class="font-medium text-gray-800">政策信号：</span>
|
||
<span class="text-gray-700">2025年9月新课标教材招标中AI教辅中标比例</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-4 bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-500">
|
||
<p class="text-gray-800">
|
||
<span class="font-medium">风险提示：</span>若2025年Q2教育公司整体消课率低于<span class="highlight">80%</span>，需警惕业绩兑现风险。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="card rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold text-indigo-700 mb-6 flex items-center">
|
||
<i class="fas fa-table mr-3"></i>关联股票数据
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="stock-table min-w-full bg-white rounded-lg overflow-hidden">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
|
||
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">多伦科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">方直科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">佳发教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-yellow-100 text-yellow-800">考试</span>
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">豆神教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">博瑞传播</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">全通教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
<span class="category-badge bg-pink-100 text-pink-800">素质教育</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">鸥玛软件</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-yellow-100 text-yellow-800">考试</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">竞业达</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-blue-100 text-blue-800">教育软件</span>
|
||
<span class="category-badge bg-yellow-100 text-yellow-800">考试</span>
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于教育软件分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">新开普</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧校园分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">正元智慧</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧校园分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">立达信</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧校园分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">申昊科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-green-100 text-green-800">智慧校园</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧校园分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">鸿合科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">视源股份</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">高乐股份</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">科大讯飞</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">汉王科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">齐心集团</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">真视通</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">智微智能</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">康冠科技</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-red-100 text-red-800">智慧终端/教学</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于智慧终端/教学分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">国新文化</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-cyan-100 text-cyan-800">在线教育</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于在线教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">科德教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-cyan-100 text-cyan-800">在线教育</span>
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于在线教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">世纪天鸿</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-cyan-100 text-cyan-800">在线教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于在线教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">同方股份</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-cyan-100 text-cyan-800">在线教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于在线教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">昂立教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-cyan-100 text-cyan-800">在线教育</span>
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于在线教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">学大教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于K12分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">凯文教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-purple-100 text-purple-800">K12</span>
|
||
<span class="category-badge bg-pink-100 text-pink-800">素质教育</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于K12分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">盛通股份</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-orange-100 text-orange-800">早教</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于早教分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">传智教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-pink-100 text-pink-800">素质教育</span>
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于素质教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">海伦钢琴</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-pink-100 text-pink-800">素质教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于素质教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">珠江钢琴</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-pink-100 text-pink-800">素质教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于素质教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">中公教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">行动教育</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">*ST开元</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">世纪鼎利</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">创业黑马</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">捷安高科</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-4 font-medium text-gray-900">中国高科</td>
|
||
<td class="py-3 px-4 text-gray-700">教育</td>
|
||
<td class="py-3 px-4 text-gray-700">
|
||
<span class="category-badge bg-indigo-100 text-indigo-800">职业教育</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-gray-700">属于职业教育分类</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 背景效果 -->
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script>
|
||
tsParticles.load("tsparticles", {
|
||
background: {
|
||
color: {
|
||
value: "transparent",
|
||
},
|
||
},
|
||
fpsLimit: 60,
|
||
particles: {
|
||
color: {
|
||
value: "#818cf8",
|
||
},
|
||
links: {
|
||
color: "#818cf8",
|
||
distance: 150,
|
||
enable: true,
|
||
opacity: 0.3,
|
||
width: 1,
|
||
},
|
||
move: {
|
||
direction: "none",
|
||
enable: true,
|
||
outModes: {
|
||
default: "bounce",
|
||
},
|
||
random: false,
|
||
speed: 1,
|
||
straight: false,
|
||
},
|
||
number: {
|
||
density: {
|
||
enable: true,
|
||
area: 800,
|
||
},
|
||
value: 40,
|
||
},
|
||
opacity: {
|
||
value: 0.3,
|
||
},
|
||
shape: {
|
||
type: "circle",
|
||
},
|
||
size: {
|
||
value: { min: 1, max: 3 },
|
||
},
|
||
},
|
||
detectRetina: true,
|
||
});
|
||
</script>
|
||
<div id="tsparticles" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
|
||
|
||
<!-- 响应式脚本 -->
|
||
<script>
|
||
// 简单的响应式处理
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 检查是否是移动设备
|
||
function isMobile() {
|
||
return window.innerWidth <= 768;
|
||
}
|
||
|
||
// 初始设置
|
||
if (isMobile()) {
|
||
// 移动端特定设置
|
||
const cards = document.querySelectorAll('.card');
|
||
cards.forEach(card => {
|
||
card.classList.add('mb-4');
|
||
});
|
||
}
|
||
|
||
// 窗口大小改变时重新检查
|
||
window.addEventListener('resize', function() {
|
||
if (isMobile()) {
|
||
const cards = document.querySelectorAll('.card');
|
||
cards.forEach(card => {
|
||
card.classList.add('mb-4');
|
||
});
|
||
} else {
|
||
const cards = document.querySelectorAll('.card');
|
||
cards.forEach(card => {
|
||
card.classList.remove('mb-4');
|
||
});
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |