simonandClaude Opus 4.7
080d6da44c
- 删除重复库文件：lib/DataTables-2/、lib/echarts/、libai/、css/fontawesome/ 等 179 个冗余文件 - 下载外部 CDN 到本地：Mermaid、AOS、Google Fonts（Inter/Noto Serif SC/Noto Sans SC） - 所有第三方库统一到 lib/，按库名-版本号命名 - 更新 8 个 research HTML 文件引用路径 - stock_his_pro → /api/stockbasic/（getStockHist、recentPrice） - stock_all_pro → /api/stockinfo/（tscodeToName） - index_hist_pro → /api/indexDatas/（getIndexData） - 新增 callDoorcomeApi() 共享函数 - 被替换表的 DB 查询代码完全删除，无回退 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1740 lines
81 KiB
HTML
1740 lines
81 KiB
HTML
<!DOCTYPE html><html lang="zh-CN"><head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>中国AI产业链深度研究报告：投资决策参考</title>
|
||
<script src="/lib/js/tailwindcss-3.4.17.js"></script>
|
||
<link href="/lib/css/google-fonts-extended.css" rel="stylesheet"/>
|
||
<link rel="stylesheet" href="/lib/css/fontawesome-6.4.all.min.css"/>
|
||
<script src="/lib/js/mermaid-10.6.1.min.js"></script>
|
||
<style>
|
||
:root {
|
||
--primary: #1e293b;
|
||
--secondary: #64748b;
|
||
--accent: #3b82f6;
|
||
--surface: #f8fafc;
|
||
--text: #0f172a;
|
||
}
|
||
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
line-height: 1.6;
|
||
color: var(--text);
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.serif {
|
||
font-family: 'Noto Serif SC', serif;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #3b82f6, #1e40af);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.hero-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
grid-template-rows: auto auto;
|
||
gap: 1.5rem;
|
||
align-items: center;
|
||
}
|
||
|
||
.hero-title {
|
||
grid-column: 1 / -1;
|
||
font-size: clamp(2.5rem, 5vw, 4rem);
|
||
line-height: 1.1;
|
||
font-style: italic;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.toc-fixed {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 280px;
|
||
height: 100vh;
|
||
background: white;
|
||
border-right: 1px solid #e2e8f0;
|
||
overflow-y: auto;
|
||
z-index: 1000;
|
||
padding: 2rem 1.5rem;
|
||
}
|
||
|
||
.main-content {
|
||
margin-left: 280px;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.citation-link {
|
||
color: var(--accent);
|
||
text-decoration: none;
|
||
font-size: 0.75rem;
|
||
vertical-align: super;
|
||
margin-left: 2px;
|
||
}
|
||
|
||
.citation-link:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.chart-container {
|
||
background: white;
|
||
border-radius: 12px;
|
||
padding: 2rem;
|
||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
.data-table {
|
||
background: white;
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.data-table th {
|
||
background: var(--primary);
|
||
color: white;
|
||
padding: 1rem;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.data-table td {
|
||
padding: 1rem;
|
||
border-bottom: 1px solid #e2e8f0;
|
||
}
|
||
|
||
.data-table tr:hover {
|
||
background: var(--surface);
|
||
}
|
||
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
|
||
border-left: 4px solid var(--accent);
|
||
padding: 1.5rem;
|
||
border-radius: 8px;
|
||
margin: 2rem 0;
|
||
}
|
||
|
||
.toc-link {
|
||
display: block;
|
||
padding: 0.5rem 0;
|
||
color: var(--secondary);
|
||
text-decoration: none;
|
||
font-size: 0.875rem;
|
||
transition: color 0.2s;
|
||
}
|
||
|
||
.toc-link:hover,
|
||
.toc-link.active {
|
||
color: var(--accent);
|
||
}
|
||
|
||
.toc-link.level-1 {
|
||
font-weight: 600;
|
||
margin-top: 1rem;
|
||
}
|
||
|
||
.toc-link.level-2 {
|
||
padding-left: 1rem;
|
||
font-size: 0.8rem;
|
||
}
|
||
|
||
.toc-link.level-3 {
|
||
padding-left: 2rem;
|
||
font-size: 0.75rem;
|
||
}
|
||
|
||
.section-divider {
|
||
height: 1px;
|
||
background: linear-gradient(to right, transparent, #e2e8f0, transparent);
|
||
margin: 4rem 0;
|
||
}
|
||
|
||
.pull-quote {
|
||
font-size: 1.25rem;
|
||
font-style: italic;
|
||
color: var(--primary);
|
||
border-left: 4px solid var(--accent);
|
||
padding-left: 2rem;
|
||
margin: 3rem 0;
|
||
background: var(--surface);
|
||
padding: 2rem;
|
||
border-radius: 8px;
|
||
}
|
||
|
||
/* Mermaid Chart Styles */
|
||
.mermaid-container {
|
||
display: flex;
|
||
justify-content: center;
|
||
min-height: 300px;
|
||
max-height: 800px;
|
||
background: #ffffff;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 12px;
|
||
padding: 30px;
|
||
margin: 30px 0;
|
||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.mermaid-container .mermaid {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
height: 100%;
|
||
cursor: grab;
|
||
transition: transform 0.3s ease;
|
||
transform-origin: center center;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
touch-action: none;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
}
|
||
|
||
.mermaid-container .mermaid svg {
|
||
max-width: 100%;
|
||
height: 100%;
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.mermaid-container .mermaid:active {
|
||
cursor: grabbing;
|
||
}
|
||
|
||
.mermaid-container.zoomed .mermaid {
|
||
height: 100%;
|
||
width: 100%;
|
||
cursor: grab;
|
||
}
|
||
|
||
.mermaid-controls {
|
||
position: absolute;
|
||
top: 15px;
|
||
right: 15px;
|
||
display: flex;
|
||
gap: 10px;
|
||
z-index: 20;
|
||
background: rgba(255, 255, 255, 0.95);
|
||
padding: 8px;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.mermaid-control-btn {
|
||
background: #ffffff;
|
||
border: 1px solid #d1d5db;
|
||
border-radius: 6px;
|
||
padding: 10px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
color: #374151;
|
||
font-size: 14px;
|
||
min-width: 36px;
|
||
height: 36px;
|
||
text-align: center;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.mermaid-control-btn:hover {
|
||
background: #f8fafc;
|
||
border-color: #3b82f6;
|
||
color: #3b82f6;
|
||
transform: translateY(-1px);
|
||
}
|
||
|
||
.mermaid-control-btn:active {
|
||
transform: scale(0.95);
|
||
}
|
||
|
||
@media (max-width: 1024px) {
|
||
.toc-fixed {
|
||
display: none;
|
||
}
|
||
.main-content {
|
||
margin-left: 0;
|
||
}
|
||
.hero-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
.mermaid-control-btn:not(.reset-zoom) {
|
||
display: none;
|
||
}
|
||
.mermaid-controls {
|
||
top: auto;
|
||
bottom: 15px;
|
||
right: 15px;
|
||
}
|
||
}
|
||
</style>
|
||
<base target="_blank">
|
||
</head>
|
||
|
||
<body class="bg-gray-50">
|
||
<!-- Fixed Table of Contents -->
|
||
<nav class="toc-fixed">
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-bold text-gray-900 mb-4">目录导航</h3>
|
||
</div>
|
||
<div class="space-y-1">
|
||
<a href="#executive-summary" class="toc-link level-1">执行摘要</a>
|
||
<a href="#market-analysis" class="toc-link level-1">1. 市场规模与增长分析</a>
|
||
<a href="#market-size-past" class="toc-link level-2">1.1 过去5年市场回顾</a>
|
||
<a href="#market-size-future" class="toc-link level-2">1.2 未来5-10年预测</a>
|
||
<a href="#technology-trends" class="toc-link level-2">1.3 技术趋势</a>
|
||
<a href="#growth-drivers" class="toc-link level-2">1.4 主要驱动因素</a>
|
||
<a href="#challenges" class="toc-link level-2">1.5 潜在挑战</a>
|
||
<a href="#future-products" class="toc-link level-1">2. 未来产品形式与市场预测</a>
|
||
<a href="#hardware-chain" class="toc-link level-1">3. AI硬件产业链供应链</a>
|
||
<a href="#ai-chips" class="toc-link level-2">3.1 AI芯片</a>
|
||
<a href="#sensors" class="toc-link level-2">3.2 AI传感器</a>
|
||
<a href="#memory" class="toc-link level-2">3.3 AI存储器</a>
|
||
<a href="#power-management" class="toc-link level-2">3.4 AI电源管理</a>
|
||
<a href="#other-components" class="toc-link level-2">3.5 其他关键部件</a>
|
||
<a href="#listed-companies" class="toc-link level-1">4. 主要上市公司分析</a>
|
||
<a href="#investment-conclusion" class="toc-link level-1">投资结论</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Main Content -->
|
||
<main class="main-content">
|
||
<!-- Hero Section -->
|
||
<section class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<div class="hero-grid">
|
||
<div class="hero-title serif gradient-text">
|
||
中国AI产业链深度研究报告
|
||
<div class="text-2xl font-normal text-gray-600 mt-4">
|
||
投资决策参考 · 2025年度
|
||
</div>
|
||
</div>
|
||
<div class="space-y-6">
|
||
<img src="https://kimi-web-img.moonshot.cn/img/bpic.588ku.com/3d15f27467885d70cf44c7cbe3724e75992ac7f6.jpg" alt="未来科技抽象背景图" class="w-full h-64 object-cover rounded-lg shadow-lg" size="medium" aspect="wide" color="blue" query="未来科技抽象背景" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Executive Summary -->
|
||
<section id="executive-summary" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-12">
|
||
<div class="highlight-box">
|
||
<h2 class="text-3xl font-bold serif text-gray-900 mb-6">执行摘要</h2>
|
||
<div class="prose prose-lg max-w-none">
|
||
<p class="text-lg leading-relaxed mb-6">
|
||
中国AI产业链正处在一波黄金发展期，由技术突破、政策支持和市场需求共同推动。过去五年，该行业经历了指数级增长，未来5到10年，预计将保持超过30%的年复合增长率，市场规模有望超过万亿元人民币。<strong>AI大模型</strong>是当前和未来行业发展的核心引擎，不仅推动了AI芯片、服务器等硬件基础设施的升级，也催生了AI PC、AI智能手机、人形机器人等一系列革命性产品形态。
|
||
</p>
|
||
<p class="text-lg leading-relaxed mb-6">
|
||
从投资角度来看，产业链上游的<strong>AI硬件供应链</strong>是价值最高、进入壁垒最深的环节，也是国内替代的焦点。其中，<strong>AI芯片</strong>（如寒武纪、海光信息）、<strong>AI传感器</strong>（如韦尔股份）、<strong>AI存储器</strong>（如兆易创新）、<strong>AI电源管理</strong>（如欧陆通、晶丰明源）、<strong>高端PCB</strong>（如沪电股份）等细分领域的领军企业，凭借技术优势、市场地位和生态系统领先地位，将成为本轮AI浪潮中最具投资价值的标的。这些企业不仅受益于国内市场巨大的需求，还肩负着国家信息安全和科技自立自强的战略使命，拥有巨大的长期增长潜力。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-divider"></div>
|
||
|
||
<!-- Market Analysis Section -->
|
||
<section id="market-analysis" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<h1 class="text-4xl font-bold serif text-gray-900 mb-12">1. AI产业链市场规模与增长分析</h1>
|
||
|
||
<!-- Past 5 Years Market Review -->
|
||
<div id="market-size-past" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">1.1 过去5年市场规模与增长回顾</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">整体市场规模爆发式增长</h3>
|
||
<p class="text-gray-700">
|
||
中国人工智能市场规模从2018年的238亿元增长到2023年的2137亿元，<strong>复合年增长率超过28%</strong>
|
||
<a href="https://finance.sina.cn/hkstock/gsxw/2024-04-19/detail-inasiiwh5727934.d.html" class="citation-link" target="_blank">[28]</a>
|
||
<a href="https://www.betteryeah.com/blog/china-ai-market-analysis-2025-growth-trends-enterprise-applications" class="citation-link" target="_blank">[9]</a>。
|
||
这一显著增长主要得益于国家战略推动、技术成熟以及应用场景的不断拓展。
|
||
</p>
|
||
</div>
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">AI基础设施快速发展</h3>
|
||
<p class="text-gray-700">
|
||
<strong>2023年中国AI基础设施市场规模达到1513.9亿元</strong>
|
||
<a href="https://m.huaon.com/channel/trend/1028493.html" class="citation-link" target="_blank">[1]</a>，
|
||
主要由高性能计算、存储和网络资源需求的大幅增长，以及政府对AI技术发展的支持政策和投资推动。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">AI软件及应用市场稳步增长</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
根据IDC数据，2020年中国AI软件市场规模达到230.9亿元，约为美国AI软件市场规模的60%
|
||
<a href="https://yuanzhuo.bnu.edu.cn/article/727" class="citation-link" target="_blank">[5]</a>。
|
||
在应用领域，<strong>计算机视觉、智能语音、自然语言处理是中国AI市场最大的三个细分领域</strong>，
|
||
分别占比34.9%、24.8%和21%
|
||
<a href="https://pic.bankofchina.com/bocappd/rareport/202209/P020220919610076628756.pdf" class="citation-link" target="_blank">[3]</a>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Future 5-10 Years Market Forecast -->
|
||
<div id="market-size-future" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">1.2 未来5-10年市场规模与增长预测</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6 mb-12">
|
||
<div class="highlight-box text-center">
|
||
<div class="text-3xl font-bold text-blue-600 mb-2">1万亿+</div>
|
||
<div class="text-sm text-gray-600">2029年市场规模（人民币）</div>
|
||
</div>
|
||
<div class="highlight-box text-center">
|
||
<div class="text-3xl font-bold text-green-600 mb-2">32.1%</div>
|
||
<div class="text-sm text-gray-600">2025-2029 CAGR</div>
|
||
</div>
|
||
<div class="highlight-box text-center">
|
||
<div class="text-3xl font-bold text-purple-600 mb-2">11020亿</div>
|
||
<div class="text-sm text-gray-600">2025年AI硬件市场规模</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">智慧交通等垂直领域前景广阔</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
根据东吴证券报告，<strong>2024年中国智慧交通市场规模预计将达到2610亿元，2025年将增至2871亿元</strong>
|
||
<a href="https://pdf.dfcfw.com/pdf/H3_AP202508171729229137_1.pdf?1755451164000.pdf" class="citation-link" target="_blank">[20]</a>。
|
||
在自动驾驶领域，麦肯锡预测到2030年，中国自动驾驶相关新车销售和出行服务将产生超过5000亿美元的收入
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[19]</a>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[60]</a>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Technology Trends -->
|
||
<div id="technology-trends" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">1.3 未来技术趋势</h2>
|
||
|
||
<div class="space-y-8">
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-brain text-blue-600 mr-2"></i>
|
||
AI大模型成为核心驱动力
|
||
</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
未来5-10年，AI大模型将继续作为产业发展的核心驱动力，引领技术变革和应用创新。
|
||
<strong>多模态大模型将成为重要发展方向</strong>，实现文本、图像、语音等多种模态的统一处理，
|
||
为AI应用带来更广阔的空间<a href="https://www.betteryeah.com/blog/china-ai-market-analysis-2025-growth-trends-enterprise-applications" class="citation-link" target="_blank">[62]</a>。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-microchip text-green-600 mr-2"></i>
|
||
AI与硬件深度融合
|
||
</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
随着端侧大模型技术的成熟，AI能力将加速下沉到边缘侧和终端侧，推动AI硬件创新发展。
|
||
<strong>AI PC、AI智能手机、AI平板等智能终端将成为AI技术的重要载体</strong>，
|
||
为用户提供更智能的体验<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[19]</a>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[60]</a>。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-cogs text-purple-600 mr-2"></i>
|
||
软硬件一体化解决方案
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
未来软硬件一体化解决方案将成为AI产业的重要发展方向。大模型一体机通过软硬件集成，
|
||
降低了企业应用大模型的技术门槛，加速了AI技术在垂直行业的落地。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Growth Drivers -->
|
||
<div id="growth-drivers" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">1.4 主要驱动因素</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-flag text-red-600 mr-2"></i>
|
||
政策扶持与国家战略
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
政府出台了一系列政策文件，为AI产业发展提供强有力的政策支持。
|
||
2025年发布的"AI+"行动将AI提升到新的国家战略高度。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-digital-tachograph text-blue-600 mr-2"></i>
|
||
数字化转型需求
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
随着数字经济快速发展，各行业数字化转型需求日益迫切。
|
||
AI技术作为重要支撑，在制造、金融、医疗等领域得到广泛应用。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-rocket text-green-600 mr-2"></i>
|
||
技术创新与算力提升
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
中国在AI芯片、算法、框架等领域取得重要突破，
|
||
"东数西算"工程为AI产业发展提供强大算力支撑。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Challenges -->
|
||
<div id="challenges" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">1.5 潜在挑战</h2>
|
||
|
||
<div class="space-y-6">
|
||
<div class="highlight-box border-l-red-500">
|
||
<h3 class="text-xl font-semibold mb-4 text-red-700">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>
|
||
核心技术瓶颈
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
在<strong>高端AI芯片、核心算法、开发框架</strong>等方面，与国际先进水平仍存在差距。
|
||
算力不足是制约大模型发展的重要因素，特别是在高端GPU等核心硬件方面仍面临"卡脖子"风险
|
||
<a href="http://download.people.com.cn/jiankang/nineteen17114578641.pdf" class="citation-link" target="_blank">[24]</a>。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box border-l-yellow-500">
|
||
<h3 class="text-xl font-semibold mb-4 text-yellow-700">
|
||
<i class="fas fa-shield-alt mr-2"></i>
|
||
数据安全与隐私问题
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
随着AI技术广泛应用，数据安全和隐私问题日益突出。AI模型的训练和运行需要大量数据，
|
||
如何在保障数据安全和用户隐私前提下推动AI健康发展成为重要挑战。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box border-l-orange-500">
|
||
<h3 class="text-xl font-semibold mb-4 text-orange-700">
|
||
<i class="fas fa-business-time mr-2"></i>
|
||
商业化落地难度
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
虽然AI技术发展迅速，但商业化落地仍面临困难。一方面，大模型等先进技术建设和应用成本较高；
|
||
另一方面，AI技术在真实业务场景中的表现尚未能完全满足部分客户需求。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-divider"></div>
|
||
|
||
<!-- Future Products Section -->
|
||
<section id="future-products" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<h1 class="text-4xl font-bold serif text-gray-900 mb-12">2. AI产业链未来产品形式与市场预测</h1>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||
<div>
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-6">2.1 未来可能出现的产品形式</h2>
|
||
|
||
<div class="space-y-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-mobile-alt text-blue-600 mr-2"></i>
|
||
AI智能硬件
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
AI PC、AI智能手机、AI平板等智能终端将成为AI技术的重要载体。
|
||
根据IDC预测，<strong>2025年中国AIPC、AI平板和AI智能手机总出货量将同比增长20%</strong>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[19]</a>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[60]</a>。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-car text-green-600 mr-2"></i>
|
||
智能辅助驾驶
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
随着技术成熟和政策逐步放开，智能辅助驾驶将从高端车型向中低端车型普及，
|
||
成为汽车标配功能。麦肯锡预测<strong>到2030年中国自动驾驶相关新车销售和出行服务将产生超过5000亿美元收入</strong>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[19]</a>
|
||
<a href="https://lib.scu.edu.cn/genai/static/wenjian/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E5%BA%94%E7%94%A8%E5%8F%91%E5%B1%95%E6%8A%A5%E5%91%8A(2025).pdf" class="citation-link" target="_blank">[60]</a>。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-robot text-purple-600 mr-2"></i>
|
||
人形机器人
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
人形机器人是AI技术发展的终极形态之一。华为预测<strong>10年后90%以上的中国家庭将拥有智能机器人</strong>
|
||
<a href="https://www-file.huawei.com/admin/asset/v1/pro/view/39056d5bf2c5412f93d58026c146308c.pdf" class="citation-link" target="_blank">[21]</a>，
|
||
它不仅能承担家务，还能提供情感陪伴。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-server text-red-600 mr-2"></i>
|
||
大模型一体机
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
大模型一体机是软硬件一体化解决方案的重要体现，将加速AI技术在垂直行业的应用。
|
||
通过软硬件的深度集成和优化，降低企业应用大模型的技术门槛和成本。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<img src="https://kimi-web-img.moonshot.cn/img/www.avq360.com/0970a20dc3a563e30f0b6bb5fc4f448829f3f328.jpeg" alt="人形机器人与AI智能终端产品展示" class="w-full h-full object-cover rounded-lg shadow-lg" size="large" aspect="wide" style="photo" query="人形机器人与AI智能终端" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
|
||
</div>
|
||
</div>
|
||
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">2.2 市场预测</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">AI硬件市场增长预测</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
中国AI硬件市场将保持高速增长态势。根据洛图科技预测，
|
||
<strong>2025年中国AI硬件市场（不包括AI智能手机和AI汽车）将达到11020亿元</strong>，
|
||
未来五年复合增长率将达到18%
|
||
<a href="https://www.stcn.com/article/detail/2601916.html" class="citation-link" target="_blank">[16]</a>
|
||
<a href="https://www.stcn.com/article/detail/2601916.html" class="citation-link" target="_blank">[61]</a>。
|
||
</p>
|
||
<div class="grid grid-cols-2 gap-4 mt-4">
|
||
<div class="text-center p-3 bg-blue-50 rounded-lg">
|
||
<div class="text-2xl font-bold text-blue-600">1.5亿</div>
|
||
<div class="text-xs text-gray-600">2024年AI手机出货量</div>
|
||
</div>
|
||
<div class="text-center p-3 bg-green-50 rounded-lg">
|
||
<div class="text-2xl font-bold text-green-600">7938亿</div>
|
||
<div class="text-xs text-gray-600">2025年智能家电市场规模</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">AI应用商业化进程加速</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
随着技术成熟和应用场景的拓展，AI应用商业化进程将加快。未来AI应用将从目前的几个重点行业
|
||
扩展到更多传统行业，实现更广泛的产业渗透。AI应用深度也将不断提升，从辅助决策走向自主决策。
|
||
</p>
|
||
<div class="bg-gray-50 p-4 rounded-lg">
|
||
<h4 class="font-semibold mb-2">商业模式创新</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• SaaS订阅制模式普及</li>
|
||
<li>• 按效果付费模式探索</li>
|
||
<li>• 软硬件一体化解决方案</li>
|
||
<li>• MaaS（模型即服务）模式</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-divider"></div>
|
||
|
||
<!-- Hardware Supply Chain Section -->
|
||
<section id="hardware-chain" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<h1 class="text-4xl font-bold serif text-gray-900 mb-12">3. AI硬件产业链供应链梳理</h1>
|
||
|
||
<div class="mb-12">
|
||
<img src="https://kimi-web-img.moonshot.cn/img/cdn.pixabay.com/1260e8f2d763d441540897220d45ac1acfc377fe.jpg" alt="AI芯片电路板" class="w-full h-64 object-cover rounded-lg shadow-lg mb-6" size="medium" aspect="wide" style="photo" query="AI芯片电路板" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
|
||
</div>
|
||
|
||
<!-- AI Chips -->
|
||
<div id="ai-chips" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">3.1 AI芯片</h2>
|
||
|
||
<div class="highlight-box mb-8">
|
||
<h3 class="text-xl font-semibold mb-4">市场概况</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
AI芯片是AI硬件的"大脑"，负责执行复杂的计算任务，是算力的核心来源。
|
||
根据技术架构，AI芯片主要分为GPU（图形处理单元）、ASIC（专用集成电路）和FPGA（现场可编程门阵列）。
|
||
在中国市场，GPU因其强大的并行计算能力和成熟的软件生态，在AI训练和推理领域占据主导地位。
|
||
</p>
|
||
<div class="bg-blue-50 p-4 rounded-lg">
|
||
<h4 class="font-semibold mb-2">市场份额预测</h4>
|
||
<p class="text-sm text-gray-600">
|
||
根据弗若斯特沙利文数据，<strong>2024年基于GPU架构的AI芯片约占中国AI芯片市场的69.9%</strong>，
|
||
预计到2029年将增至77.3%
|
||
<a href="https://m.zhidx.com/p/500170.html" class="citation-link" target="_blank">[83]</a>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||
<i class="fas fa-microchip mr-2"></i>GPU
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
GPU是AI计算的首选，特别是深度学习模型训练。国际巨头如NVIDIA和AMD凭借技术优势和完善的CUDA生态系统，
|
||
在全球和中国市场占据领先地位。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 英伟达、AMD、沐曦、海光信息、天数智芯、壁仞科技、摩尔线程
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-600">
|
||
<i class="fas fa-cog mr-2"></i>ASIC
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
ASIC是为特定应用设计的集成电路，在性能、功耗和成本之间实现极致平衡。
|
||
在中国市场，华为海思的昇腾系列芯片表现突出。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 华为海思、寒武纪、昆仑芯、平头哥、燧原科技
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-600">
|
||
<i class="fas fa-puzzle-piece mr-2"></i>FPGA
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
FPGA是一种半定制化芯片，硬件逻辑可以通过编程重构，兼具灵活性和高性能。
|
||
在AI领域主要用于算法原型验证和小批量生产。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 紫光国微、复旦微电
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sensors -->
|
||
<div id="sensors" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">3.2 AI传感器</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||
<i class="fas fa-camera mr-2"></i>图像传感器
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
图像传感器（CIS）是AI视觉应用的核心，广泛应用于智能手机、安防监控、自动驾驶、医疗影像等领域。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 韦尔股份、格科微、思特威
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-600">
|
||
<i class="fas fa-radar-dish mr-2"></i>雷达传感器
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
雷达传感器包括激光雷达（LiDAR）和毫米波雷达，是实现高级别自动驾驶的关键组件。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 禾赛科技、速腾聚创、德赛西威、华域汽车
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-600">
|
||
<i class="fas fa-microphone mr-2"></i>语音传感器
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
语音传感器即麦克风，是AI语音交互的入口。随着智能音箱、语音助手等应用普及，
|
||
对高性能麦克风的需求不断增长。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 歌尔股份、敏芯股份、共达电声
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Memory -->
|
||
<div id="memory" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">3.3 AI存储器</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||
<i class="fas fa-memory mr-2"></i>HBM（高带宽存储器）
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
HBM采用3D堆叠技术，实现极高带宽和更低功耗。HBM是目前AI加速芯片的主流存储解决方案，
|
||
其性能直接影响AI模型训练效率。
|
||
</p>
|
||
<div class="bg-yellow-50 p-3 rounded text-xs">
|
||
<strong>技术挑战：</strong> 全球市场主要由三星、SK海力士等韩国厂商垄断，
|
||
长江存储等国内龙头企业正积极研发相关技术
|
||
<a href="https://m.chinabaogao.com/detail/742243.html" class="citation-link" target="_blank">[101]</a>。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-600">
|
||
<i class="fas fa-hdd mr-2"></i>SSD（固态硬盘）
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
SSD作为AI服务器和数据中心的主要存储设备，其读写速度和可靠性对AI应用性能至关重要。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 兆易创新、江波龙、佰维存储
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Power Management -->
|
||
<div id="power-management" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">3.4 AI电源管理</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||
<i class="fas fa-plug mr-2"></i>电源管理IC（PMIC）
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
PMIC负责为CPU、GPU等核心芯片提供稳定高效的电源。在AI应用中，
|
||
由于芯片功耗巨大，对PMIC性能要求极高。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded text-xs">
|
||
<strong>主要玩家：</strong> 晶丰明源、矽力杰、杰华特
|
||
<br/>
|
||
<strong>技术突破：</strong> 晶丰明源已推出数字多相控制器等产品，填补国内技术空白
|
||
<a href="https://pdf.dfcfw.com/pdf/H3_AP202505201675897966_1.pdf?1747741185000.pdf" class="citation-link" target="_blank">[93]</a>。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-600">
|
||
<i class="fas fa-bolt mr-2"></i>电源模块（PSU）
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
PSU是数据中心供电系统的核心。随着AI服务器功率密度不断提升，
|
||
传统供电架构面临挑战，氮化镓（GaN）等第三代半导体材料备受青睐。
|
||
</p>
|
||
<div class="bg-green-50 p-3 rounded text-xs">
|
||
<strong>技术突破：</strong> 英诺赛科成功入选NVIDIA 800V架构供应商名单，
|
||
标志着中国芯片企业在全球高端AI基建供应链中取得重要突破
|
||
<a href="https://www.eet-china.com/news/202508013459.html" class="citation-link" target="_blank">[92]</a>。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Other Components -->
|
||
<div id="other-components" class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">3.5 其他关键部件</h2>
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||
<div class="highlight-box">
|
||
<h3 class="text-md font-semibold mb-2 text-blue-600">
|
||
<i class="fas fa-circuit-board mr-2"></i>PCB
|
||
</h3>
|
||
<p class="text-gray-700 text-xs mb-2">
|
||
AI服务器和高端AI芯片对PCB性能要求极高，需要高频高速CCL和HDI技术。
|
||
</p>
|
||
<div class="text-xs text-gray-600">主要玩家：沪电股份、胜宏科技</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-md font-semibold mb-2 text-green-600">
|
||
<i class="fas fa-link mr-2"></i>连接器
|
||
</h3>
|
||
<p class="text-gray-700 text-xs mb-2">
|
||
确保信号和电源可靠传输的关键组件。
|
||
</p>
|
||
<div class="text-xs text-gray-600">主要玩家：立讯精密</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-md font-semibold mb-2 text-purple-600">
|
||
<i class="fas fa-wifi mr-2"></i>通信模块
|
||
</h3>
|
||
<p class="text-gray-700 text-xs mb-2">
|
||
高速光模块是实现分布式AI计算中数据高速传输的关键。
|
||
</p>
|
||
<div class="text-xs text-gray-600">主要玩家：中际旭创、新易盛</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-md font-semibold mb-2 text-red-600">
|
||
<i class="fas fa-thermometer-half mr-2"></i>散热系统
|
||
</h3>
|
||
<p class="text-gray-700 text-xs mb-2">
|
||
AI硬件高功耗带来巨大散热挑战，液冷技术逐渐成为主流。
|
||
</p>
|
||
<div class="text-xs text-gray-600">主要玩家：中科曙光、思泉新材</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-divider"></div>
|
||
|
||
<!-- Listed Companies Analysis -->
|
||
<section id="listed-companies" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<h1 class="text-4xl font-bold serif text-gray-900 mb-12">4. AI硬件产业链主要上市公司及龙头企业分析</h1>
|
||
|
||
<div class="mb-8">
|
||
<img src="https://kimi-web-img.moonshot.cn/img/www.51ldb.com/4ea7bae834bcd423c9f0239d0c99f5c905e9ceca.jpg" alt="AI芯片制造工厂内部生产线" class="w-full h-64 object-cover rounded-lg shadow-lg" size="medium" aspect="wide" style="photo" query="AI芯片制造工厂" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
|
||
</div>
|
||
|
||
<!-- AI Chip Companies -->
|
||
<div class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">4.1 AI芯片领域</h2>
|
||
|
||
<div class="space-y-8">
|
||
<!-- 寒武纪 -->
|
||
<div class="data-table">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2" class="text-left">
|
||
<div class="flex items-center justify-between">
|
||
<span>寒武纪 (688256.SH) - AI芯片设计龙头</span>
|
||
<span class="text-sm font-normal">总部：北京</span>
|
||
</div>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold w-1/3">2025年前三季度营收</td>
|
||
<td>46.07亿元，同比增长2386.38%
|
||
<a href="https://finance.sina.com.cn/stock/relnews/cn/2025-10-18/doc-infufuvz5772986.shtml?cre=tianyi&mod=pchp&loc=7&r=0&rfunc=24&tj=cxvertical_pc_hp&tr=12" class="citation-link" target="_blank">[120]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">归母净利润</td>
|
||
<td>16.05亿元，扭亏为盈
|
||
<a href="https://finance.sina.com.cn/stock/relnews/cn/2025-10-18/doc-infufuvz5772986.shtml?cre=tianyi&mod=pchp&loc=7&r=0&rfunc=24&tj=cxvertical_pc_hp&tr=12" class="citation-link" target="_blank">[120]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">研发投入</td>
|
||
<td>7.15亿元，研发投入强度超过15%
|
||
<a href="https://finance.sina.com.cn/stock/relnews/cn/2025-10-18/doc-infufuvz5772986.shtml?cre=tianyi&mod=pchp&loc=7&r=0&rfunc=24&tj=cxvertical_pc_hp&tr=12" class="citation-link" target="_blank">[120]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">总资产</td>
|
||
<td>126.0亿元（截至2025年9月30日）
|
||
<a href="https://wap.eastmoney.com/a/202510173537435834.html" class="citation-link" target="_blank">[121]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">核心竞争力</td>
|
||
<td>产品线覆盖云、边、端全系列智能芯片及处理器，思元系列芯片在运营商、金融、互联网等重点行业规模化部署</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 海光信息 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-600">
|
||
<i class="fas fa-microchip mr-2"></i>
|
||
海光信息 (688041.SH) - CPU/DCU领先企业
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold mb-2">财务表现</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 2025年上半年营收：37.63亿元，同比增长44.08%
|
||
<a href="https://www.stcn.com/article/detail/3318694.html" class="citation-link" target="_blank">[99]</a>
|
||
</li>
|
||
<li>• 归母净利润：8.53亿元，同比增长25.97%</li>
|
||
<li>• DCU产品性能达到国际先进水平</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold mb-2">核心竞争力</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 技术源自AMD x86架构授权，自主创新发展</li>
|
||
<li>• 构建自主可控软硬件生态体系</li>
|
||
<li>• 产品获得国内市场广泛认可</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 景嘉微 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-600">
|
||
<i class="fas fa-graphics-card mr-2"></i>
|
||
景嘉微 (300474.SZ) - 国产GPU领军企业
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
国内GPU领域领军企业，专注于高可靠军用电子产品研发、生产和销售。
|
||
近年来积极拓展民用市场，推出面向AI计算、云计算等应用的JM9系列高性能GPU。
|
||
核心优势在于图形处理和高性能计算领域深厚的技术积累，以及军工领域的深厚背景。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sensor Companies -->
|
||
<div class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">4.2 AI传感器领域</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<!-- 韦尔股份 -->
|
||
<div class="data-table">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2" class="text-left">
|
||
<div class="flex items-center justify-between">
|
||
<span>韦尔股份 (603501.SH) - 图像传感器龙头</span>
|
||
<span class="text-sm font-normal">总部：上海</span>
|
||
</div>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold w-1/3">市场地位</td>
|
||
<td>中国最大、全球第三大CMOS图像传感器企业
|
||
<a href="https://m.sensorexpert.com.cn/article/332490.html" class="citation-link" target="_blank">[125]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">业务布局</td>
|
||
<td>产品覆盖智能手机、汽车电子、安防监控、医疗影像等领域</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">核心竞争力</td>
|
||
<td>通过收购豪威科技获得深厚技术积累，在CIS领域具有全球竞争力</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 敏芯股份 -->
|
||
<div class="data-table">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2" class="text-left">
|
||
<div class="flex items-center justify-between">
|
||
<span>敏芯股份 (688286.SH) - MEMS传感器领先企业</span>
|
||
<span class="text-sm font-normal">总部：苏州</span>
|
||
</div>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold w-1/3">2025年上半年业绩</td>
|
||
<td>扭亏为盈，实现营收和净利润双增长
|
||
<a href="https://www.eet-china.com/mp/a434112.html" class="citation-link" target="_blank">[276]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">研发投入</td>
|
||
<td>3863.03万元
|
||
<a href="https://www.eet-china.com/mp/a434112.html" class="citation-link" target="_blank">[276]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">综合毛利率</td>
|
||
<td>31.64%，同比提升10.21个百分点</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">技术布局</td>
|
||
<td>布局AI语音交互、AI眼镜、六维力/力矩传感器等前沿技术</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Memory Companies -->
|
||
<div class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">4.3 AI存储器领域</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8">
|
||
<!-- 兆易创新 -->
|
||
<div class="data-table">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2" class="text-left">
|
||
<div class="flex items-center justify-between">
|
||
<span>兆易创新 (603986.SH) - 存储器龙头</span>
|
||
<span class="text-sm font-normal">总部：北京</span>
|
||
</div>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold w-1/3">2025年上半年营收</td>
|
||
<td>41.50亿元，同比增长15.00%
|
||
<a href="http://money.finance.sina.com.cn/corp/view/vCB_AllBulletinDetail.php?stockid=603986&id=11340588" class="citation-link" target="_blank">[270]</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">归母净利润</td>
|
||
<td>5.75亿元，同比增长11.31%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">经营活动现金流</td>
|
||
<td>9.58亿元</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold">业务布局</td>
|
||
<td>覆盖NOR Flash、NAND Flash、DRAM，形成"存储+控制"平台优势</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 江波龙 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-600">
|
||
<i class="fas fa-hdd mr-2"></i>
|
||
江波龙 (301308.SZ) - 存储解决方案提供商
|
||
</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
专注于闪存应用产品开发，总部位于深圳。产品线覆盖嵌入式存储、SSD、移动存储、内存条等，
|
||
为消费电子、工业、通信、汽车等客户提供一站式存储解决方案。
|
||
</p>
|
||
<div class="bg-gray-50 p-3 rounded">
|
||
<h4 class="font-semibold text-sm mb-1">AI时代机遇</h4>
|
||
<p class="text-xs text-gray-600">
|
||
企业级和工业级SSD产品在AI服务器、数据中心、边缘计算等场景广泛应用，
|
||
受益于AI算力需求爆发带来的高性能存储需求增长。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Power Management Companies -->
|
||
<div class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">4.4 AI电源管理领域</h2>
|
||
|
||
<div class="space-y-6">
|
||
<!-- 欧陆通 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-600">
|
||
<i class="fas fa-plug mr-2"></i>
|
||
欧陆通 (300870.SZ) - 开关电源龙头
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold mb-2">AI服务器电源业务</h4>
|
||
<p class="text-sm text-gray-600 mb-2">
|
||
2025年上半年AI服务器电源业务快速增长，客户包括浪潮信息、富士康、华勤、联想等
|
||
<a href="https://static.weeklyonstock.com/25/0811/zbf093607.html" class="citation-link" target="_blank">[251]</a>。
|
||
</p>
|
||
<div class="bg-blue-50 p-3 rounded text-xs">
|
||
<strong>技术优势：</strong> 液冷电源产品进入准量产阶段，
|
||
满足下一代数据中心高效散热需求
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold mb-2">市场地位</h4>
|
||
<p class="text-sm text-gray-600">
|
||
在AI服务器电源领域技术实力国内领先，随着AI服务器市场持续扩大和国产化替代趋势加速，
|
||
有望在高增长赛道中占据领先地位。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 中恒电气 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-600">
|
||
<i class="fas fa-bolt mr-2"></i>
|
||
中恒电气 (002364.SZ) - 数据中心电源龙头
|
||
</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
国内数据中心电源领军企业，在HVDC电源市场市占率超过30%，
|
||
为阿里、腾讯、百度等互联网巨头数据中心提供48V/600A大电流电源模块
|
||
<a href="https://emcreative.eastmoney.com/app_fortune/article/index.html?artCode=20250222221220825749360&postId=1519892780" class="citation-link" target="_blank">[292]</a>。
|
||
</p>
|
||
<div class="bg-green-50 p-3 rounded">
|
||
<h4 class="font-semibold text-sm mb-1">HVDC技术优势</h4>
|
||
<p class="text-xs text-gray-600">
|
||
相比传统UPS方案，HVDC技术能效更高、成本更低，是数据中心绿色低碳发展的重要方向。
|
||
在AI时代，数据中心功率密度和能耗大幅提升，对高效可靠电源解决方案需求迫切。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 晶丰明源 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-600">
|
||
<i class="fas fa-microchip mr-2"></i>
|
||
晶丰明源 (688368.SH) - 电源管理芯片设计企业
|
||
</h3>
|
||
<p class="text-gray-700 mb-4">
|
||
国内领先的电源管理驱动芯片设计企业，总部位于上海。最初从LED照明驱动芯片起步，
|
||
近年来成功将业务拓展至高性能计算电源芯片领域。
|
||
</p>
|
||
<div class="bg-purple-50 p-3 rounded">
|
||
<h4 class="font-semibold text-sm mb-1">技术突破</h4>
|
||
<p class="text-xs text-gray-600">
|
||
<strong>10相数字控制电源管理芯片BPD93010已实现量产</strong>，
|
||
填补国内该技术领域空白
|
||
<a href="https://pdf.dfcfw.com/pdf/H3_AP202505201675897966_1.pdf?1747741185000.pdf" class="citation-link" target="_blank">[93]</a>。
|
||
该突破对保障国产AI芯片稳定运行、减少对国外厂商依赖具有重要意义。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Other Key Components -->
|
||
<div class="mb-16">
|
||
<h2 class="text-2xl font-bold text-gray-900 mb-8">4.5 其他关键部件领域</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<!-- 沪电股份 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-600">
|
||
<i class="fas fa-circuit-board mr-2"></i>
|
||
沪电股份 (002463.SZ) - PCB龙头
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
中国领先的PCB制造商，总部位于江苏昆山。专注于企业通信市场板、汽车板、
|
||
工业设备板等中高端PCB产品研发、生产和销售。
|
||
</p>
|
||
<div class="bg-blue-50 p-3 rounded text-xs">
|
||
<strong>AI时代机遇：</strong> AI服务器、数据中心、高速网络设备等对高频高速PCB需求激增
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 浪潮信息 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-green-600">
|
||
<i class="fas fa-server mr-2"></i>
|
||
浪潮信息 (000977.SZ) - AI服务器龙头
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
中国领先的云计算、大数据服务商，总部位于山东济南。全球领先的AI服务器和算力基础设施供应商，
|
||
服务器产品在中国市场连续多年保持第一。
|
||
</p>
|
||
<div class="bg-green-50 p-3 rounded text-xs">
|
||
<strong>市场表现：</strong> 2022年营收695.25亿元，ChatGPT带动2023年Q1营收同比增长85%
|
||
<a href="https://zhuanlan.zhihu.com/p/26843255439" class="citation-link" target="_blank">[98]</a>
|
||
<a href="https://zhuanlan.zhihu.com/p/26843255439" class="citation-link" target="_blank">[105]</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 中科曙光 -->
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-600">
|
||
<i class="fas fa-cloud mr-2"></i>
|
||
中科曙光 (603019.SH) - 高性能计算龙头
|
||
</h3>
|
||
<p class="text-gray-700 text-sm mb-3">
|
||
中国领先的高性能计算、云计算、大数据解决方案提供商，总部位于北京。
|
||
在高端计算、存储、安全、数据中心等领域拥有深厚技术积累。
|
||
</p>
|
||
<div class="bg-purple-50 p-3 rounded text-xs">
|
||
<strong>技术优势：</strong> 液冷服务器技术国内领先，有效解决AI硬件高功耗散热问题
|
||
<a href="https://www.ahchanye.com/zsyz/57400.html" class="citation-link" target="_blank">[111]</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-divider"></div>
|
||
|
||
<!-- Investment Conclusion -->
|
||
<section id="investment-conclusion" class="bg-white">
|
||
<div class="max-w-7xl mx-auto px-6 py-16">
|
||
<h1 class="text-4xl font-bold serif text-gray-900 mb-12">投资结论</h1>
|
||
|
||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||
<div>
|
||
<img src="https://kimi-web-img.moonshot.cn/img/png.pngtree.com/d1978d7cefd11151dfd69f42b5b06f235f804ee5.jpg" alt="投资增长抽象概念图" class="w-full h-64 object-cover rounded-lg shadow-lg" size="medium" aspect="wide" query="投资增长抽象概念" referrerpolicy="no-referrer" data-modified="1" data-score="0.00"/>
|
||
</div>
|
||
<div class="space-y-6">
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-chart-line text-green-600 mr-2"></i>
|
||
黄金发展期
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
中国AI产业链正处于由技术突破、政策支持和市场需求共同推动的黄金发展期。
|
||
未来5-10年预计将保持超过30%的年复合增长率，市场规模有望突破万亿元人民币。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-brain text-blue-600 mr-2"></i>
|
||
大模型驱动
|
||
</h3>
|
||
<p class="text-gray-700">
|
||
AI大模型是当前和未来产业发展的核心引擎，不仅推动了硬件基础设施升级，
|
||
也催生了AI PC、AI智能手机、人形机器人等一系列革命性产品形态。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pull-quote">
|
||
"产业链上游的AI硬件供应链是价值最高、进入壁垒最深的环节，也是国内替代的焦点。
|
||
其中，AI芯片、AI传感器、AI存储器、AI电源管理、高端PCB等细分领域的领军企业，
|
||
将成为本轮AI浪潮中最具投资价值的标的。"
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6 mb-12">
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-shield-alt text-red-600 mr-2"></i>
|
||
国家安全战略
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
这些企业不仅受益于国内市场巨大需求，还肩负着国家信息安全和科技自立自强的战略使命，
|
||
拥有巨大的长期增长潜力。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-cogs text-blue-600 mr-2"></i>
|
||
技术壁垒
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
AI硬件供应链技术壁垒高，进入门槛深，龙头企业凭借技术优势、
|
||
市场地位和生态系统领先地位，具备较强的竞争壁垒。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<h3 class="text-lg font-semibold mb-3">
|
||
<i class="fas fa-rocket text-green-600 mr-2"></i>
|
||
成长空间
|
||
</h3>
|
||
<p class="text-gray-700 text-sm">
|
||
随着AI技术在各行业的深入应用，以及国产化替代进程加速，
|
||
相关龙头企业将迎来广阔的发展空间和长期增长机会。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box border-l-4 border-blue-500">
|
||
<h3 class="text-xl font-semibold mb-4">
|
||
<i class="fas fa-lightbulb text-yellow-500 mr-2"></i>
|
||
投资建议
|
||
</h3>
|
||
<div class="text-gray-700 space-y-4">
|
||
<p>
|
||
<strong>重点关注领域：</strong>
|
||
AI芯片（寒武纪、海光信息）、AI传感器（韦尔股份、敏芯股份）、
|
||
AI存储器（兆易创新、江波龙）、AI电源管理（欧陆通、晶丰明源）、
|
||
高端PCB（沪电股份）等细分领域的龙头企业。
|
||
</p>
|
||
<p>
|
||
<strong>投资策略：</strong>
|
||
建议采用长期投资策略，关注企业技术创新能力、市场地位、
|
||
财务健康状况以及国产化替代进程。
|
||
</p>
|
||
<p>
|
||
<strong>风险提示：</strong>
|
||
需要关注技术迭代风险、市场竞争加剧风险、
|
||
政策变化风险以及国际贸易摩擦风险。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-gray-900 text-white py-12">
|
||
<div class="max-w-7xl mx-auto px-6">
|
||
<div class="text-center">
|
||
<p class="text-gray-400">
|
||
本报告基于公开信息整理分析，仅供参考，不构成投资建议。
|
||
投资有风险，入市需谨慎。
|
||
</p>
|
||
<p class="text-gray-500 text-sm mt-4">
|
||
数据来源：艾瑞咨询、IDC、赛迪顾问、公司财报等公开资料
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</main>
|
||
|
||
<script>
|
||
// Initialize Mermaid
|
||
mermaid.initialize({
|
||
startOnLoad: true,
|
||
theme: 'base',
|
||
themeVariables: {
|
||
primaryColor: '#3b82f6',
|
||
primaryTextColor: '#1f2937',
|
||
primaryBorderColor: '#1e40af',
|
||
lineColor: '#64748b',
|
||
secondaryColor: '#f1f5f9',
|
||
tertiaryColor: '#f8fafc',
|
||
background: '#ffffff',
|
||
mainBkg: '#ffffff',
|
||
secondBkg: '#f8fafc',
|
||
tertiaryBkg: '#f1f5f9',
|
||
nodeBorder: '#1e293b',
|
||
clusterBkg: '#f8fafc',
|
||
clusterBorder: '#e2e8f0',
|
||
defaultLinkColor: '#64748b',
|
||
titleColor: '#1f2937',
|
||
edgeLabelBackground: '#ffffff',
|
||
nodeTextColor: '#1f2937'
|
||
},
|
||
flowchart: {
|
||
useMaxWidth: false,
|
||
htmlLabels: true,
|
||
curve: 'basis',
|
||
padding: 20
|
||
},
|
||
sequence: {
|
||
useMaxWidth: false,
|
||
wrap: true
|
||
},
|
||
gantt: {
|
||
useMaxWidth: false
|
||
}
|
||
});
|
||
|
||
// Initialize Mermaid Controls for zoom and pan
|
||
function initializeMermaidControls() {
|
||
const containers = document.querySelectorAll('.mermaid-container');
|
||
|
||
containers.forEach(container => {
|
||
const mermaidElement = container.querySelector('.mermaid');
|
||
let scale = 1;
|
||
let isDragging = false;
|
||
let startX, startY, translateX = 0, translateY = 0;
|
||
|
||
// 触摸相关状态
|
||
let isTouch = false;
|
||
let touchStartTime = 0;
|
||
let initialDistance = 0;
|
||
let initialScale = 1;
|
||
let isPinching = false;
|
||
|
||
// Zoom controls
|
||
const zoomInBtn = container.querySelector('.zoom-in');
|
||
const zoomOutBtn = container.querySelector('.zoom-out');
|
||
const resetBtn = container.querySelector('.reset-zoom');
|
||
const fullscreenBtn = container.querySelector('.fullscreen');
|
||
|
||
function updateTransform() {
|
||
mermaidElement.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scale})`;
|
||
|
||
if (scale > 1) {
|
||
container.classList.add('zoomed');
|
||
} else {
|
||
container.classList.remove('zoomed');
|
||
}
|
||
|
||
mermaidElement.style.cursor = isDragging ? 'grabbing' : 'grab';
|
||
}
|
||
|
||
if (zoomInBtn) {
|
||
zoomInBtn.addEventListener('click', () => {
|
||
scale = Math.min(scale * 1.25, 4);
|
||
updateTransform();
|
||
});
|
||
}
|
||
|
||
if (zoomOutBtn) {
|
||
zoomOutBtn.addEventListener('click', () => {
|
||
scale = Math.max(scale / 1.25, 0.3);
|
||
if (scale <= 1) {
|
||
translateX = 0;
|
||
translateY = 0;
|
||
}
|
||
updateTransform();
|
||
});
|
||
}
|
||
|
||
if (resetBtn) {
|
||
resetBtn.addEventListener('click', () => {
|
||
scale = 1;
|
||
translateX = 0;
|
||
translateY = 0;
|
||
updateTransform();
|
||
});
|
||
}
|
||
|
||
if (fullscreenBtn) {
|
||
fullscreenBtn.addEventListener('click', () => {
|
||
if (container.requestFullscreen) {
|
||
container.requestFullscreen();
|
||
} else if (container.webkitRequestFullscreen) {
|
||
container.webkitRequestFullscreen();
|
||
} else if (container.msRequestFullscreen) {
|
||
container.msRequestFullscreen();
|
||
}
|
||
});
|
||
}
|
||
|
||
// Mouse Events
|
||
mermaidElement.addEventListener('mousedown', (e) => {
|
||
if (isTouch) return; // 如果是触摸设备，忽略鼠标事件
|
||
|
||
isDragging = true;
|
||
startX = e.clientX - translateX;
|
||
startY = e.clientY - translateY;
|
||
mermaidElement.style.cursor = 'grabbing';
|
||
updateTransform();
|
||
e.preventDefault();
|
||
});
|
||
|
||
document.addEventListener('mousemove', (e) => {
|
||
if (isDragging && !isTouch) {
|
||
translateX = e.clientX - startX;
|
||
translateY = e.clientY - startY;
|
||
updateTransform();
|
||
}
|
||
});
|
||
|
||
document.addEventListener('mouseup', () => {
|
||
if (isDragging && !isTouch) {
|
||
isDragging = false;
|
||
mermaidElement.style.cursor = 'grab';
|
||
updateTransform();
|
||
}
|
||
});
|
||
|
||
document.addEventListener('mouseleave', () => {
|
||
if (isDragging && !isTouch) {
|
||
isDragging = false;
|
||
mermaidElement.style.cursor = 'grab';
|
||
updateTransform();
|
||
}
|
||
});
|
||
|
||
// 获取两点之间的距离
|
||
function getTouchDistance(touch1, touch2) {
|
||
return Math.hypot(
|
||
touch2.clientX - touch1.clientX,
|
||
touch2.clientY - touch1.clientY
|
||
);
|
||
}
|
||
|
||
// Touch Events - 触摸事件处理
|
||
mermaidElement.addEventListener('touchstart', (e) => {
|
||
isTouch = true;
|
||
touchStartTime = Date.now();
|
||
|
||
if (e.touches.length === 1) {
|
||
// 单指拖动
|
||
isPinching = false;
|
||
isDragging = true;
|
||
|
||
const touch = e.touches[0];
|
||
startX = touch.clientX - translateX;
|
||
startY = touch.clientY - translateY;
|
||
|
||
} else if (e.touches.length === 2) {
|
||
// 双指缩放
|
||
isPinching = true;
|
||
isDragging = false;
|
||
|
||
const touch1 = e.touches[0];
|
||
const touch2 = e.touches[1];
|
||
initialDistance = getTouchDistance(touch1, touch2);
|
||
initialScale = scale;
|
||
}
|
||
|
||
e.preventDefault();
|
||
}, { passive: false });
|
||
|
||
mermaidElement.addEventListener('touchmove', (e) => {
|
||
if (e.touches.length === 1 && isDragging && !isPinching) {
|
||
// 单指拖动
|
||
const touch = e.touches[0];
|
||
translateX = touch.clientX - startX;
|
||
translateY = touch.clientY - startY;
|
||
updateTransform();
|
||
|
||
} else if (e.touches.length === 2 && isPinching) {
|
||
// 双指缩放
|
||
const touch1 = e.touches[0];
|
||
const touch2 = e.touches[1];
|
||
const currentDistance = getTouchDistance(touch1, touch2);
|
||
|
||
if (initialDistance > 0) {
|
||
const newScale = Math.min(Math.max(
|
||
initialScale * (currentDistance / initialDistance),
|
||
0.3
|
||
), 4);
|
||
scale = newScale;
|
||
updateTransform();
|
||
}
|
||
}
|
||
|
||
e.preventDefault();
|
||
}, { passive: false });
|
||
|
||
mermaidElement.addEventListener('touchend', (e) => {
|
||
// 重置状态
|
||
if (e.touches.length === 0) {
|
||
isDragging = false;
|
||
isPinching = false;
|
||
initialDistance = 0;
|
||
|
||
// 延迟重置isTouch，避免鼠标事件立即触发
|
||
setTimeout(() => {
|
||
isTouch = false;
|
||
}, 100);
|
||
} else if (e.touches.length === 1 && isPinching) {
|
||
// 从双指变为单指，切换为拖动模式
|
||
isPinching = false;
|
||
isDragging = true;
|
||
|
||
const touch = e.touches[0];
|
||
startX = touch.clientX - translateX;
|
||
startY = touch.clientY - translateY;
|
||
}
|
||
|
||
updateTransform();
|
||
});
|
||
|
||
mermaidElement.addEventListener('touchcancel', (e) => {
|
||
isDragging = false;
|
||
isPinching = false;
|
||
initialDistance = 0;
|
||
|
||
setTimeout(() => {
|
||
isTouch = false;
|
||
}, 100);
|
||
|
||
updateTransform();
|
||
});
|
||
|
||
// Enhanced wheel zoom with better center point handling
|
||
container.addEventListener('wheel', (e) => {
|
||
e.preventDefault();
|
||
const rect = container.getBoundingClientRect();
|
||
const centerX = rect.width / 2;
|
||
const centerY = rect.height / 2;
|
||
|
||
const delta = e.deltaY > 0 ? 0.9 : 1.1;
|
||
const newScale = Math.min(Math.max(scale * delta, 0.3), 4);
|
||
|
||
// Adjust translation to zoom towards center
|
||
if (newScale !== scale) {
|
||
const scaleDiff = newScale / scale;
|
||
translateX = translateX * scaleDiff;
|
||
translateY = translateY * scaleDiff;
|
||
scale = newScale;
|
||
|
||
if (scale <= 1) {
|
||
translateX = 0;
|
||
translateY = 0;
|
||
}
|
||
|
||
updateTransform();
|
||
}
|
||
});
|
||
|
||
// Initialize display
|
||
updateTransform();
|
||
});
|
||
}
|
||
|
||
// Initialize Mermaid Controls on page load
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
initializeMermaidControls();
|
||
});
|
||
|
||
// Table of Contents functionality
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const tocLinks = document.querySelectorAll('.toc-link');
|
||
const sections = document.querySelectorAll('[id]');
|
||
|
||
// Smooth scrolling
|
||
tocLinks.forEach(link => {
|
||
link.addEventListener('click', function(e) {
|
||
e.preventDefault();
|
||
const targetId = this.getAttribute('href').substring(1);
|
||
const targetSection = document.getElementById(targetId);
|
||
if (targetSection) {
|
||
targetSection.scrollIntoView({
|
||
behavior: 'smooth',
|
||
block: 'start'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
// Active section highlighting
|
||
function updateActiveSection() {
|
||
let current = '';
|
||
sections.forEach(section => {
|
||
const sectionTop = section.offsetTop;
|
||
const sectionHeight = section.clientHeight;
|
||
if (window.scrollY >= sectionTop - 100) {
|
||
current = section.getAttribute('id');
|
||
}
|
||
});
|
||
|
||
tocLinks.forEach(link => {
|
||
link.classList.remove('active');
|
||
if (link.getAttribute('href') === '#' + current) {
|
||
link.classList.add('active');
|
||
}
|
||
});
|
||
}
|
||
|
||
window.addEventListener('scroll', updateActiveSection);
|
||
updateActiveSection(); // Initial call
|
||
});
|
||
|
||
// Intersection Observer for animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(entries) {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('animate-fade-in');
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
// Observe elements for animation
|
||
document.querySelectorAll('.highlight-box, .data-table').forEach(el => {
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
|
||
|
||
</body></html> |