591 lines
31 KiB
HTML
591 lines
31 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/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.concept-header {
|
||
background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
|
||
color: white;
|
||
}
|
||
.insight-card {
|
||
background: rgba(255, 255, 255, 0.9);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
@media (min-width: 768px) {
|
||
.table-container {
|
||
overflow-x: visible;
|
||
}
|
||
}
|
||
.category-badge {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.75rem;
|
||
border-radius: 9999px;
|
||
font-size: 0.75rem;
|
||
font-weight: 600;
|
||
}
|
||
.badge-xin-chuang {
|
||
background-color: #dbeafe;
|
||
color: #1e40af;
|
||
}
|
||
.badge-hongmeng {
|
||
background-color: #ede9fe;
|
||
color: #5b21b6;
|
||
}
|
||
.badge-euler {
|
||
background-color: #dcfce7;
|
||
color: #166534;
|
||
}
|
||
.badge-qilin {
|
||
background-color: #fef3c7;
|
||
color: #92400e;
|
||
}
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
margin-right: 8px;
|
||
}
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
|
||
border-left: 4px solid #0284c7;
|
||
}
|
||
.risk-box {
|
||
background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
|
||
border-left: 4px solid #dc2626;
|
||
}
|
||
.conclusion-box {
|
||
background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
|
||
border-left: 4px solid #059669;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="p-4 md:p-8">
|
||
<div class="max-w-7xl mx-auto">
|
||
<!-- 概念标题 -->
|
||
<div class="concept-header rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h1 class="text-3xl md:text-4xl font-bold mb-2">软件自主可控</h1>
|
||
<p class="text-blue-100 text-lg">行业洞察与投资分析报告</p>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="insight-card rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-blue-500"></span>概念事件
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">背景</h3>
|
||
<p class="text-gray-600">2018年中美贸易摩擦后，美国对华科技制裁持续升级，EDA、CAD、操作系统等工业软件成为"卡脖子"重点领域。2023年6月，两家国内工业软件企业首次被列入实体清单，自主可控需求急剧升温。</p>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">政策催化</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>2022年9月</strong>：国资委79号文要求2027年前完成"2+8+N"领域（党政+八大行业）100%国产替代。</li>
|
||
<li><strong>2024年9月</strong>：工信部《工业重点行业设备更新指南》提出2027年完成<strong>200万套工业软件</strong>更新换代。</li>
|
||
<li><strong>2025年4月</strong>：美国拟将200+中国芯片企业列入实体清单，进一步倒逼国产化。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">技术突破</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>2024年9月</strong>：宝信软件发布<strong>完全自主可控的T3/T4 PLC</strong>（硬件+操作系统+编译器全自研），性能超德国主流产品3-4倍。</li>
|
||
<li><strong>2024年12月</strong>：华大九天实控人变更为中国电子集团，加速EDA全流程国产化。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">市场事件</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>2024年11月</strong>：华为Mate70搭载"纯血鸿蒙"，鸿蒙生态设备突破<strong>9亿台</strong>。</li>
|
||
<li><strong>2025年2月</strong>：阿里巴巴发布玄铁RISC-V生态，推动开源指令集替代ARM。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="highlight-box rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-cyan-500"></span>核心观点摘要
|
||
</h2>
|
||
<ul class="list-disc pl-5 text-gray-700 space-y-2">
|
||
<li><strong>阶段判断</strong>：软件自主可控已从"政策驱动"进入<strong>技术验证+订单落地</strong>阶段，2025-2027年为替代加速期。</li>
|
||
<li><strong>核心驱动力</strong>：<strong>外部制裁升级</strong>（美国实体清单扩容）+<strong>内部政策刚性</strong>（2027年100%替代硬指标）+<strong>技术突破</strong>（鸿蒙/欧拉/达梦等性能达标）。</li>
|
||
<li><strong>未来潜力</strong>：工业软件国产化率不足10%，<strong>千亿级市场</strong>空间明确，龙头公司估值体系正从PS向DCF切换。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="insight-card rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-purple-500"></span>核心逻辑与市场认知分析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">核心驱动力</h3>
|
||
<ol class="list-decimal pl-5 text-gray-600 space-y-1">
|
||
<li><strong>政策刚性</strong>：2027年党政/金融/电信等关键行业100%替代，<strong>时间窗口仅剩3年</strong>（当前金融/运营商替代率仅40-50%）。</li>
|
||
<li><strong>技术拐点</strong>：国产EDA（华大九天）、CAD（中望软件）、操作系统（鸿蒙）性能已接近国际主流，<strong>从"可用"到"好用"</strong>。</li>
|
||
<li><strong>成本优势</strong>：国产PLC（宝信T4）成本仅为西门子50%，<strong>下游客户切换意愿强烈</strong>（宝钢计划2-3年内60%替代）。</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">市场热度</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>舆情热度</strong>：2024年10月后，"自主可控"连续5周位列Wind热门概念前三，<strong>润和软件/中国软件</strong>等标的月涨幅超50%。</li>
|
||
<li><strong>机构分歧</strong>：部分资金担忧"信创订单延迟"，但<strong>达梦数据Q3收入同比+80%</strong>验证刚需属性。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">预期差</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>市场忽略点</strong>：工业软件<strong>生态壁垒</strong>（如西门子TIA平台）比技术更难突破，并购整合（华大九天收购阿卡斯）是捷径。</li>
|
||
<li><strong>数据矛盾</strong>：研报称EDA国产化率5-10%，但路演中华大九天透露<strong>2024年国内市占率已超15%</strong>（可能含统计口径差异）。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="insight-card rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-green-500"></span>关键催化剂与未来发展路径
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">近期催化剂（3-6个月）</h3>
|
||
<ol class="list-decimal pl-5 text-gray-600 space-y-1">
|
||
<li><strong>2025年3月</strong>：华为春季发布会或发布<strong>鸿蒙PC版</strong>，推动操作系统替代。</li>
|
||
<li><strong>2025年Q2</strong>：工信部将发布<strong>《工业软件推广应用目录》</strong>，明确采购补贴细则。</li>
|
||
<li><strong>2025年6月</strong>：<strong>达梦数据库</strong>科创板IPO，或带动信创板块估值重构。</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">长期路径</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>2025-2026年</strong>：党政/金融完成替代，<strong>行业信创</strong>（医疗、能源）启动。</li>
|
||
<li><strong>2027年后</strong>：进入<strong>生态竞争阶段</strong>，国产软件需通过并购（如华大九天模式）补齐工具链。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析 -->
|
||
<div class="insight-card rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-yellow-500"></span>产业链与核心公司深度剖析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">产业链图谱</h3>
|
||
<div class="bg-gray-50 p-4 rounded-lg">
|
||
<div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
|
||
<div class="bg-blue-100 px-4 py-2 rounded-lg text-center">
|
||
<p class="font-semibold text-blue-800">上游：芯片/IP</p>
|
||
<p class="text-sm text-blue-600">龙芯中科/海光信息</p>
|
||
</div>
|
||
<div class="text-2xl text-gray-400">→</div>
|
||
<div class="bg-purple-100 px-4 py-2 rounded-lg text-center">
|
||
<p class="font-semibold text-purple-800">中游：基础软件</p>
|
||
<p class="text-sm text-purple-600">操作系统/数据库/EDA</p>
|
||
</div>
|
||
<div class="text-2xl text-gray-400">→</div>
|
||
<div class="bg-green-100 px-4 py-2 rounded-lg text-center">
|
||
<p class="font-semibold text-green-800">下游：应用软件</p>
|
||
<p class="text-sm text-green-600">工业软件/行业应用</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white border border-gray-200">
|
||
<thead>
|
||
<tr class="bg-gray-50">
|
||
<th class="py-2 px-4 border-b text-left font-semibold text-gray-700">公司</th>
|
||
<th class="py-2 px-4 border-b text-left font-semibold text-gray-700">领域</th>
|
||
<th class="py-2 px-4 border-b text-left font-semibold text-gray-700">竞争优势</th>
|
||
<th class="py-2 px-4 border-b text-left font-semibold text-gray-700">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="py-2 px-4 border-b font-medium">华大九天</td>
|
||
<td class="py-2 px-4 border-b">EDA</td>
|
||
<td class="py-2 px-4 border-b">模拟全流程全球领先，<strong>中国电子入股</strong></td>
|
||
<td class="py-2 px-4 border-b">数字前端工具仍缺失</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-2 px-4 border-b font-medium">中国软件</td>
|
||
<td class="py-2 px-4 border-b">操作系统</td>
|
||
<td class="py-2 px-4 border-b">麒麟软件市占率超60%，<strong>党政订单垄断</strong></td>
|
||
<td class="py-2 px-4 border-b">鸿蒙生态挤压空间</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-2 px-4 border-b font-medium">宝信软件</td>
|
||
<td class="py-2 px-4 border-b">工业控制</td>
|
||
<td class="py-2 px-4 border-b"><strong>T4 PLC性能超西门子4倍</strong>，宝钢背书</td>
|
||
<td class="py-2 px-4 border-b">冶金行业天花板明显</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-2 px-4 border-b font-medium">中控技术</td>
|
||
<td class="py-2 px-4 border-b">DCS</td>
|
||
<td class="py-2 px-4 border-b">化工领域市占率56%，<strong>AI大模型TPT</strong></td>
|
||
<td class="py-2 px-4 border-b">下游资本开支周期性</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">验证与证伪</h3>
|
||
<ul class="list-disc pl-5 text-gray-600 space-y-1">
|
||
<li><strong>印证</strong>：宝信T4 PLC已在新钢/泰钢测试，<strong>11月规模化上线</strong>（路演数据）。</li>
|
||
<li><strong>矛盾</strong>：部分研报称EDA国产化率5%，但华大九天2024年国内收入<strong>同比+40%</strong>（可能统计口径差异）。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="risk-box rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-red-500"></span>潜在风险与挑战
|
||
</h2>
|
||
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">技术风险</h3>
|
||
<p class="text-gray-700"><strong>数字EDA工具链缺口</strong>：华大九天在数字后端布局落后，<strong>3nm以下制程验证缺失</strong>。</p>
|
||
</div>
|
||
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">商业化风险</h3>
|
||
<p class="text-gray-700"><strong>客户切换成本</strong>：西门子TIA平台用户粘性极高，<strong>替换需重构工艺知识库</strong>。</p>
|
||
</div>
|
||
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">政策风险</h3>
|
||
<p class="text-gray-700"><strong>补贴退坡</strong>：2027年后政策红利消失，<strong>价格战或重演</strong>（参考2019年信创集采降价30%）。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">信息矛盾</h3>
|
||
<p class="text-gray-700"><strong>鸿蒙设备数</strong>：华为称9亿台，但第三方统计仅6亿台（可能含IoT设备差异）。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="conclusion-box rounded-2xl p-6 mb-8 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<span class="timeline-dot bg-teal-500"></span>综合结论与投资启示
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">阶段判断</h3>
|
||
<p class="text-gray-700"><strong>主题炒作末期→基本面驱动初期</strong>，订单数据（如中国移动200亿智算采购）将成试金石。</p>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">高价值方向</h3>
|
||
<ol class="list-decimal pl-5 text-gray-700 space-y-1">
|
||
<li><strong>EDA/IP</strong>：华大九天（并购预期+IP业务爆发）；</li>
|
||
<li><strong>工业控制</strong>：宝信软件（PLC国产替代+IDC订单）；</li>
|
||
<li><strong>操作系统</strong>：中国软件（麒麟软件股权价值重估）。</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-2">关键跟踪指标</h3>
|
||
<ul class="list-disc pl-5 text-gray-700 space-y-1">
|
||
<li><strong>华大九天</strong>：2025年数字全流程工具发布节点；</li>
|
||
<li><strong>宝信软件</strong>：T4 PLC在<strong>非钢铁行业</strong>的订单突破；</li>
|
||
<li><strong>政策</strong>：2025年Q2《工业软件目录》补贴力度是否超预期。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-red-50 border-l-4 border-red-500 p-4 mt-4">
|
||
<p class="text-red-700 font-medium">风险提示：若2025年Q2信创招标金额低于2024年同期（如中国移动服务器集采砍单），板块或面临戴维斯双杀。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据 -->
|
||
<div class="insight-card rounded-2xl p-6 shadow-lg">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<span class="timeline-dot bg-indigo-500"></span>关联股票数据
|
||
</h2>
|
||
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-white border border-gray-200">
|
||
<thead>
|
||
<tr class="bg-gray-50">
|
||
<th class="py-3 px-4 border-b text-left font-semibold text-gray-700">股票名称</th>
|
||
<th class="py-3 px-4 border-b text-left font-semibold text-gray-700">分类</th>
|
||
<th class="py-3 px-4 border-b text-left font-semibold text-gray-700">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">博彦科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">常山北明</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">南天信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">长亮科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">安硕信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">通达海</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">南威软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">宇信科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">用友网络</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">顶点软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">恒银科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-xin-chuang">信创</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中信创分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">常山北明</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">梦网科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">拓维信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">国华网安</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">东方中科</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">飞利信</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">润和软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">安硕信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">诚迈科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">恒锋信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">软通动力</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-hongmeng">华为鸿蒙</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为鸿蒙分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">创意信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">东方通</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">诚迈科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">科蓝软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">软通动力</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">麒麟信安</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">卓易信息</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">青云科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">奇安信</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-euler">华为欧拉</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中华为欧拉分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">中国长城</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">北信源</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">深信服</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">湘邮科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">中国软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">浪潮软件</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">当虹科技</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">兴图新科</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="py-3 px-4 border-b">麒麟信安</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 border-b">奇安信</td>
|
||
<td class="py-3 px-4 border-b"><span class="category-badge badge-qilin">麒麟软件</span></td>
|
||
<td class="py-3 px-4 border-b text-gray-600">表格中麒麟软件分类下列示</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 添加一些交互效果
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 为表格行添加悬停效果
|
||
const tableRows = document.querySelectorAll('tbody tr');
|
||
tableRows.forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'scale(1.01)';
|
||
this.style.transition = 'transform 0.2s ease';
|
||
});
|
||
row.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'scale(1)';
|
||
});
|
||
});
|
||
|
||
// 为卡片添加淡入效果
|
||
const cards = document.querySelectorAll('.insight-card, .highlight-box, .risk-box, .conclusion-box');
|
||
cards.forEach((card, index) => {
|
||
card.style.opacity = '0';
|
||
card.style.transform = 'translateY(20px)';
|
||
card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
|
||
|
||
setTimeout(() => {
|
||
card.style.opacity = '1';
|
||
card.style.transform = 'translateY(0)';
|
||
}, index * 100);
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |