Files
vf_react/public/htmls/制氢电解槽.html
2025-10-11 16:16:02 +08:00

628 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 id="pagestyle" 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/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" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
}
.section-card {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border-radius: 16px;
box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #4F46E5;
position: absolute;
left: -8px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 22px;
bottom: 0;
width: 2px;
background-color: #E5E7EB;
}
.highlight-text {
background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
padding: 2px 6px;
border-radius: 4px;
font-weight: 600;
}
.risk-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
margin-right: 8px;
margin-bottom: 8px;
}
.risk-high {
background-color: #FEE2E2;
color: #B91C1C;
}
.risk-medium {
background-color: #FEF3C7;
color: #B45309;
}
.risk-low {
background-color: #D1FAE5;
color: #065F46;
}
@media (max-width: 768px) {
.section-card {
margin-bottom: 20px;
}
}
</style>
</head>
<body class="p-4 md:p-8">
<div class="max-w-7xl mx-auto">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">制氢电解槽行业洞察报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">深度解析绿氢产业链核心环节,把握"双碳"背景下的投资机遇</p>
</div>
<!-- 概念事件时间线 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-history text-indigo-600 mr-3"></i>概念事件时间线
</h2>
<div class="relative pl-8">
<div class="timeline-line"></div>
<div class="relative mb-8">
<div class="timeline-dot"></div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg text-gray-800">2022年</h3>
<span class="text-sm text-indigo-600 font-medium">行业起步</span>
</div>
<p class="text-gray-700">全球"双碳"目标驱动下,中国电解槽出口开始放量,河北邯郸某企业年产量从"一两百套"跃升至<span class="highlight-text">GW级</span>2024年1-5月累计中标<span class="highlight-text">1.06GW</span>,同比+233%</p>
</div>
</div>
<div class="relative mb-8">
<div class="timeline-dot"></div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg text-gray-800">2023年8月</h3>
<span class="text-sm text-indigo-600 font-medium">市场预测</span>
</div>
<p class="text-gray-700">国信证券路演首次系统性提出"电解槽行业深度分析"预测2030年全球市场规模<span class="highlight-text">3800亿美元</span>碱性1800亿+PEM2000亿</p>
</div>
</div>
<div class="relative mb-8">
<div class="timeline-dot"></div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg text-gray-800">2024年9月</h3>
<span class="text-sm text-indigo-600 font-medium">技术突破</span>
</div>
<p class="text-gray-700">海南大学研发<span class="highlight-text">超细铱钌纳米线催化剂</span>可延长PEM电解槽寿命技术突破发表于《先进功能材料》</p>
</div>
</div>
<div class="relative mb-8">
<div class="timeline-dot"></div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg text-gray-800">2025年1月</h3>
<span class="text-sm text-indigo-600 font-medium">政策催化</span>
</div>
<p class="text-gray-700">美国财政部放宽清洁氢补贴规则,<span class="highlight-text">核能制氢</span>纳入补贴范围SOEC技术路线获政策催化</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot"></div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg text-gray-800">2025年7月</h3>
<span class="text-sm text-indigo-600 font-medium">需求爆发</span>
</div>
<p class="text-gray-700">国内6月电解槽中标<span class="highlight-text">725MW</span>(同比+8796%),待招标项目储备<span class="highlight-text">3.08GW</span>,中东阿曼绿氢项目(<span class="highlight-text">3.5GW电解槽需求</span>)启动招标</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 p-5 rounded-xl border border-blue-100">
<h3 class="font-semibold text-lg text-gray-800 mb-3">阶段判断</h3>
<p class="text-gray-700">电解槽行业正处于<span class="highlight-text">"政策驱动+技术降本"</span>的爆发前夜2025年国内招标量有望达<span class="highlight-text">5GW</span>2024年1.77GW),但商业化闭环尚未完全打通。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-teal-50 p-5 rounded-xl border border-green-100">
<h3 class="font-semibold text-lg text-gray-800 mb-3">核心驱动力</h3>
<p class="text-gray-700"><span class="highlight-text">绿氢成本逼近灰氢平价线</span>电价0.15元/kWh时绿氢成本≈13元/kg与煤制氢持平叠加欧盟碳关税倒逼出口需求。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line text-green-600 mr-3"></i>核心逻辑与市场认知分析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心驱动力</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-indigo-500">
<h4 class="font-semibold text-gray-800 mb-2">政策强制配储</h4>
<p class="text-gray-700 text-sm">中国风光大基地项目要求<span class="highlight-text">20%电量配套制氢</span>如内蒙古2025年48万吨绿氢规划直接拉动电解槽需求。</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-green-500">
<h4 class="font-semibold text-gray-800 mb-2">技术降本加速</h4>
<p class="text-gray-700 text-sm">碱性电解槽价格从2023年<span class="highlight-text">1735元/kW</span>降至2025年<span class="highlight-text">760元/kW</span>降幅56%PEM电解槽国产化率从30%提升至60%。</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-yellow-500">
<h4 class="font-semibold text-gray-800 mb-2">海外溢价市场</h4>
<p class="text-gray-700 text-sm">中东/欧洲绿氢项目电价<span class="highlight-text">0.11元/kWh</span>(中东光伏),中国电解槽出口价仅为海外<span class="highlight-text">1/3</span>343美元/kW vs 1200美元/kW</p>
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">市场热度与情绪</h3>
<div class="bg-gray-50 p-5 rounded-xl">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold text-gray-800 mb-2">研报密度</h4>
<p class="text-gray-700">2023-2025年相关路演超<span class="highlight-text">20场</span>2024年7月单月电解槽招标量<span class="highlight-text">725MW</span>相当于2022年全年</p>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-2">情绪分歧</h4>
<p class="text-gray-700">乐观派认为2025年市场规模<span class="highlight-text">100亿元</span>(中金预测),谨慎派指出<span class="highlight-text">开工率仅24%</span>2024年立项680万吨 vs 落地11万吨</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">预期差</h3>
<div class="bg-yellow-50 p-5 rounded-xl border border-yellow-200">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold text-gray-800 mb-2">技术路线误判</h4>
<p class="text-gray-700">市场过度关注PEM但路演显示<span class="highlight-text">碱性电解槽占91%出货量</span>2024年<span class="highlight-text">SOEC获美国核能政策催化</span></p>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-2">盈利模型偏差</h4>
<p class="text-gray-700">绿氢项目IRR仅<span class="highlight-text">9%</span>(吉林大安项目),需依赖<span class="highlight-text">电价补贴0.18元/kWh</span>(广东政策),实际商业化进度低于预期。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-purple-600 mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">近期催化剂3-6个月</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-5 rounded-xl border border-purple-100">
<div class="flex items-center mb-3">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-calendar-alt text-purple-600"></i>
</div>
<h4 class="font-semibold text-gray-800">招标高峰</h4>
</div>
<p class="text-gray-700 text-sm">2025Q2-Q3新疆35万吨、内蒙古18万吨绿氢项目启动电解槽招标合计<span class="highlight-text">5.8GW需求</span></p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-5 rounded-xl border border-blue-100">
<div class="flex items-center mb-3">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-globe text-blue-600"></i>
</div>
<h4 class="font-semibold text-gray-800">碳关税落地</h4>
</div>
<p class="text-gray-700 text-sm">2025年10月起对钢铁/化工征收碳税,中国绿氢出口订单或爆发(阿曼<span class="highlight-text">3.5GW项目</span>已启动)</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-emerald-50 p-5 rounded-xl border border-green-100">
<div class="flex items-center mb-3">
<div class="bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-file-alt text-green-600"></i>
</div>
<h4 class="font-semibold text-gray-800">技术标准出台</h4>
</div>
<p class="text-gray-700 text-sm">国家能源局2025年拟制定<span class="highlight-text">碱性电解槽国家标准</span>,加速行业洗牌</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">长期路径</h3>
<div class="relative">
<div class="absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200"></div>
<div class="space-y-6">
<div class="flex items-start">
<div class="bg-indigo-600 text-white rounded-full w-8 h-8 flex items-center justify-center z-10 mr-4 flex-shrink-0">1</div>
<div class="bg-white p-4 rounded-lg shadow-sm flex-grow">
<h4 class="font-semibold text-gray-800 mb-2">2025-2027年</h4>
<p class="text-gray-700">碱性电解槽主导PEM渗透率提升至<span class="highlight-text">20%</span>(政策强制风光配储场景)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-600 text-white rounded-full w-8 h-8 flex items-center justify-center z-10 mr-4 flex-shrink-0">2</div>
<div class="bg-white p-4 rounded-lg shadow-sm flex-grow">
<h4 class="font-semibold text-gray-800 mb-2">2028-2030年</h4>
<p class="text-gray-700">AEM/SOEC技术突破绿氢成本降至<span class="highlight-text">10元/kg</span>电价0.1元/kWh+碳价100元/吨)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-600 text-white rounded-full w-8 h-8 flex items-center justify-center z-10 mr-4 flex-shrink-0">3</div>
<div class="bg-white p-4 rounded-lg shadow-sm flex-grow">
<h4 class="font-semibold text-gray-800 mb-2">2030年后</h4>
<p class="text-gray-700">电解槽年需求<span class="highlight-text">22GW</span>(中国氢能联盟预测),中东/欧洲成主要出口市场</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap text-teal-600 mr-3"></i>产业链与核心公司深度剖析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="bg-gray-50 p-6 rounded-xl">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="text-center">
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-industry text-blue-600 text-2xl"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-3">上游</h4>
<ul class="text-gray-700 text-sm space-y-1">
<li>铱催化剂(贵研铂业)</li>
<li>质子交换膜(东岳集团)</li>
<li>镍电极(华友钴业)</li>
</ul>
</div>
<div class="text-center">
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-cogs text-green-600 text-2xl"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-3">中游</h4>
<ul class="text-gray-700 text-sm space-y-1">
<li>电解槽制造</li>
<li>派瑞氢能</li>
<li>隆基氢能</li>
<li>阳光氢能</li>
</ul>
</div>
<div class="text-center">
<div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<i class="fas fa-solar-panel text-purple-600 text-2xl"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-3">下游</h4>
<ul class="text-gray-700 text-sm space-y-1">
<li>绿氢项目</li>
<li>中石化库车项目</li>
<li>中能建松原产业园</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">公司</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">技术路线</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">2024年出货量</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">核心优势</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">风险点</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-800">派瑞氢能</td>
<td class="py-3 px-4 text-gray-700">碱性+PEM</td>
<td class="py-3 px-4 text-gray-700"><span class="highlight-text">244MW</span>(第一)</td>
<td class="py-3 px-4 text-gray-700">718所技术背景央企订单占比高</td>
<td class="py-3 px-4 text-gray-700">人员流失严重(净利团队出走)</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-800">隆基氢能</td>
<td class="py-3 px-4 text-gray-700">碱性为主</td>
<td class="py-3 px-4 text-gray-700"><span class="highlight-text">163MW</span>(第二)</td>
<td class="py-3 px-4 text-gray-700">光伏协同3000Nm³/h大标方技术领先</td>
<td class="py-3 px-4 text-gray-700">海外认证进度慢欧盟REACH</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-800">阳光氢能</td>
<td class="py-3 px-4 text-gray-700">PEM+碱性</td>
<td class="py-3 px-4 text-gray-700"><span class="highlight-text">125MW</span>(第三)</td>
<td class="py-3 px-4 text-gray-700">全产业链布局(电源+电解槽+储氢)</td>
<td class="py-3 px-4 text-gray-700">低价竞争620万元/1000Nm³报价</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-800">华光环能</td>
<td class="py-3 px-4 text-gray-700">碱性</td>
<td class="py-3 px-4 text-gray-700">中标松原项目</td>
<td class="py-3 px-4 text-gray-700">压力容器降本3.2MPa高压技术</td>
<td class="py-3 px-4 text-gray-700">订单依赖中石化单一客户</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-red-600 mr-3"></i>潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">技术风险</h3>
<div class="space-y-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-red-100 p-2 rounded-full mr-3 flex-shrink-0">
<i class="fas fa-flask text-red-600"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-1">PEM电解槽资源瓶颈</h4>
<p class="text-gray-700 text-sm"><span class="highlight-text">铱催化剂全球年产量仅7吨</span>(专家路演),规模化可能受资源瓶颈</p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-red-100 p-2 rounded-full mr-3 flex-shrink-0">
<i class="fas fa-hourglass-half text-red-600"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-1">AEM电解槽寿命问题</h4>
<p class="text-gray-700 text-sm">AEM电解槽<span class="highlight-text">膜寿命<5000小时</span>浙商路演商业化仍需3-5年验证</p>
</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">商业化风险</h3>
<div class="space-y-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-yellow-100 p-2 rounded-full mr-3 flex-shrink-0">
<i class="fas fa-chart-line text-yellow-600"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-1">项目开工率低</h4>
<p class="text-gray-700 text-sm">绿氢项目<span class="highlight-text">开工率24%</span>2024年数据经济性依赖<span class="highlight-text">电价补贴0.15-0.18元/kWh</span></p>
</div>
</div>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-yellow-100 p-2 rounded-full mr-3 flex-shrink-0">
<i class="fas fa-truck text-yellow-600"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-1">储运成本高</h4>
<p class="text-gray-700 text-sm">储运成本占终端氢价<span class="highlight-text">30%以上</span>(液氢-253℃储存制约分布式应用</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">政策风险</h3>
<div class="bg-red-50 p-5 rounded-xl border border-red-200">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold text-gray-800 mb-2">欧盟本地化要求</h4>
<p class="text-gray-700">欧盟拟对电解槽征收<span class="highlight-text">60%本地化率要求</span>(信达路演),中国出口或受阻</p>
</div>
<div>
<h4 class="font-semibold text-gray-800 mb-2">国内补贴退坡</h4>
<p class="text-gray-700">国内绿氢补贴<span class="highlight-text">2025年后可能退坡</span>(民生证券提示)</p>
</div>
</div>
</div>
</div>
<div class="mt-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">信息矛盾</h3>
<div class="bg-orange-50 p-5 rounded-xl border border-orange-200">
<p class="text-gray-700">新闻称"电解槽出口爆发",但路演显示<span class="highlight-text">海外占比仅6%</span>2024年1-6月需验证中东项目落地进度</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="section-card p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-trophy text-yellow-500 mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">阶段判断</h3>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-5 rounded-xl border border-blue-200">
<p class="text-gray-700">电解槽行业处于<span class="highlight-text">"主题炒作向基本面过渡"</span>阶段2025年招标量<span class="highlight-text">5GW</span>将验证需求真实性</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">投资方向</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white p-5 rounded-xl shadow-sm border-t-4 border-blue-500">
<h4 class="font-semibold text-gray-800 mb-3">碱性电解槽龙头</h4>
<ul class="text-gray-700 text-sm space-y-2">
<li>• 派瑞氢能(技术+订单双优势)</li>
<li>• 华光环能(中石化合作)</li>
</ul>
</div>
<div class="bg-white p-5 rounded-xl shadow-sm border-t-4 border-green-500">
<h4 class="font-semibold text-gray-800 mb-3">PEM材料国产化</h4>
<ul class="text-gray-700 text-sm space-y-2">
<li>• 东岳集团(质子交换膜)</li>
<li>• 贵研铂业(铱催化剂回收)</li>
</ul>
</div>
<div class="bg-white p-5 rounded-xl shadow-sm border-t-4 border-purple-500">
<h4 class="font-semibold text-gray-800 mb-3">出海弹性标的</h4>
<ul class="text-gray-700 text-sm space-y-2">
<li>• 隆基氢能(中东项目中标)</li>
<li>• 双良节能阿曼3.5GW订单)</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">关键跟踪指标</h3>
<div class="bg-gray-50 p-5 rounded-xl">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="text-center">
<div class="bg-indigo-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-chart-bar text-indigo-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-1">月度招标量</h4>
<p class="text-gray-700 text-sm">2025年需持续<span class="highlight-text">>500MW/月</span>才能兑现预期</p>
</div>
<div class="text-center">
<div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-industry text-green-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-1">绿氢项目开工率</h4>
<p class="text-gray-700 text-sm">需从<span class="highlight-text">24%</span>提升至<span class="highlight-text">50%以上</span></p>
</div>
<div class="text-center">
<div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-globe text-purple-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-1">海外订单占比</h4>
<p class="text-gray-700 text-sm">2025年需突破<span class="highlight-text">20%</span>当前6%</p>
</div>
</div>
</div>
</div>
<div class="mt-6 bg-yellow-50 p-5 rounded-xl border border-yellow-200">
<p class="text-gray-800 font-medium mb-2">风险提示:</p>
<p class="text-gray-700">若2025年Q3招标量低于3GW或欧盟碳关税细则超预期严格行业可能面临估值回调</p>
</div>
</div>
<!-- 关联股票表格 -->
<div class="section-card p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-table text-indigo-600 mr-3"></i>关联股票
</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">股票名称</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">行业</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">项目/产品/技术</th>
<th class="py-3 px-4 text-left text-gray-800 font-semibold">投资理由</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200" id="stockTableBody">
<!-- 股票数据将通过JavaScript动态填充 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 股票数据
const stockData = [{'制氢电解槽(240124)': [{'stock': '隆基绿能', '行业': '电解槽', '项目': '电解槽产能全球第一', '理由': '电解槽产能全球第一'}, {'stock': '阳光电源', '行业': '电解槽', '技术类型': 'PEM电解槽', '理由': 'PEM电解槽技术布局'}, {'stock': '华电重工', '行业': '电解槽', '技术类型': '碱性/PEM电解槽', '应用地区': '内蒙/青海', '理由': '碱性/PEM电解槽已应用于内蒙/青海项目'}, {'stock': '双良节能', '行业': '电解槽', '产能': '电解槽产能300台套/年', '理由': '年产能300台套电解槽'}, {'stock': '华光环能', '行业': '电解槽', '项目': '已下线产氢量1500方的碱性电解槽', '理由': '已量产1500方碱性电解槽'}, {'stock': '昇辉科技', '行业': '电解槽', '项目': '1000标方碱性电解水制氢设备下线', '理由': '1000标方碱性电解水制氢设备投产'}, {'stock': '龙蟠科技', '行业': '电解槽', '项目': '投建年产1GW制氢电解槽项目', '理由': '1GW制氢电解槽产能规划'}, {'stock': '石化机械', '行业': '电解槽', '状态': '电解槽研制', '理由': '处于电解槽研发阶段'}, {'stock': '亿华通', '行业': '电解槽', '状态': '电解槽研发测试阶段', '理由': '电解槽研发测试中'}, {'stock': '科力远', '行业': '电解槽', '状态': '电解槽研发', '理由': '电解槽技术研发中'}, {'stock': '科隆股份', '行业': '零部件/材料', '产品': '碱性水电解槽电极', '理由': '生产碱性水电解槽电极材料'}, {'stock': '纳尔股份', '行业': '零部件/材料', '产品': 'PEM电解槽中核心零部件', '理由': '供应PEM电解槽核心零部件'}, {'stock': '美锦能源', '行业': '零部件/材料', '产品': '制氢电解槽水气扩散材料', '理由': '生产电解槽水气扩散材料'}, {'stock': '密封科技', '行业': '零部件/材料', '产品': '电解槽密封件', '理由': '提供电解槽密封解决方案'}, {'stock': '禾望电气', '行业': '零部件/材料', '产品': '电解槽电源', '理由': '电解槽电源设备供应'}, {'stock': '上海电气', '行业': '其他', '服务': 'PEM电解槽多功能测试验证平台', '理由': '提供电解槽测试验证服务'}, {'stock': '科威尔', '行业': '其他', '服务': 'PEM电解槽测试系统', '理由': '电解槽测试系统开发'}, {'stock': '先导智能', '行业': '其他', '服务': 'PEM电解槽自动生产线', '理由': '提供电解槽自动化生产解决方案'}]}]};
// 填充股票表格
function populateStockTable() {
const tableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['制氢电解槽(240124)'];
stocks.forEach(stock => {
const row = document.createElement('tr');
// 确定项目/产品/技术/服务/状态/产能/应用地区的值
let projectProductTech = '';
if (stock['项目']) projectProductTech = stock['项目'];
else if (stock['产品']) projectProductTech = stock['产品'];
else if (stock['技术类型']) projectProductTech = stock['技术类型'];
else if (stock['服务']) projectProductTech = stock['服务'];
else if (stock['状态']) projectProductTech = stock['状态'];
else if (stock['产能']) projectProductTech = stock['产能'];
else if (stock['应用地区']) projectProductTech = stock['应用地区'];
row.innerHTML = `
<td class="py-3 px-4 font-medium text-gray-800">${stock['stock']}</td>
<td class="py-3 px-4 text-gray-700">
<span class="inline-block px-2 py-1 text-xs rounded-full ${
stock['行业'] === '电解槽' ? 'bg-blue-100 text-blue-800' :
stock['行业'] === '零部件/材料' ? 'bg-green-100 text-green-800' :
'bg-purple-100 text-purple-800'
}">${stock['行业']}</span>
</td>
<td class="py-3 px-4 text-gray-700">${projectProductTech}</td>
<td class="py-3 px-4 text-gray-700">${stock['理由']}</td>
`;
tableBody.appendChild(row);
});
}
// 页面加载时填充表格
document.addEventListener('DOMContentLoaded', populateStockTable);
</script>
</body>
</html>
```