623 lines
30 KiB
HTML
623 lines
30 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>固体氧化物燃料电池(SOFC) - 新能源革命的关键技术</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
|
||
<style>
|
||
:root {
|
||
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
||
}
|
||
|
||
body {
|
||
font-family: 'Microsoft YaHei', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||
background-color: #f8f9fa;
|
||
color: #333;
|
||
}
|
||
|
||
.hero-section {
|
||
background: var(--primary-gradient);
|
||
color: white;
|
||
padding: 4rem 0;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
|
||
background-size: cover;
|
||
}
|
||
|
||
.card {
|
||
border: none;
|
||
border-radius: 15px;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
height: 100%;
|
||
}
|
||
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
|
||
}
|
||
|
||
.card-header {
|
||
background: var(--primary-gradient);
|
||
color: white;
|
||
border-radius: 15px 15px 0 0 !important;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 40px;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 5px;
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 50%;
|
||
background: var(--primary-gradient);
|
||
}
|
||
|
||
.timeline-item::after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 9px;
|
||
top: 25px;
|
||
width: 2px;
|
||
height: calc(100% + 10px);
|
||
background: #e0e0e0;
|
||
}
|
||
|
||
.timeline-item:last-child::after {
|
||
display: none;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.table {
|
||
min-width: 100%;
|
||
}
|
||
|
||
.badge-gradient {
|
||
background: var(--primary-gradient);
|
||
color: white;
|
||
}
|
||
|
||
.section-title {
|
||
position: relative;
|
||
padding-bottom: 15px;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.section-title::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 60px;
|
||
height: 4px;
|
||
background: var(--primary-gradient);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.stat-card {
|
||
background: white;
|
||
border-radius: 15px;
|
||
padding: 25px;
|
||
text-align: center;
|
||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.stat-card:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
background: var(--primary-gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.tech-icon {
|
||
font-size: 3rem;
|
||
background: var(--primary-gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.hero-section {
|
||
padding: 2rem 0;
|
||
}
|
||
|
||
.stat-number {
|
||
font-size: 2rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- Hero Section -->
|
||
<section class="hero-section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-8">
|
||
<h1 class="display-4 fw-bold mb-4">固体氧化物燃料电池 (SOFC)</h1>
|
||
<p class="lead">高效能源转换的革命性技术 - 分布式能源与工业脱碳的关键解决方案</p>
|
||
<div class="mt-4">
|
||
<span class="badge bg-light text-dark me-2 mb-2">电效率60%-65%</span>
|
||
<span class="badge bg-light text-dark me-2 mb-2">热电联产效率>90%</span>
|
||
<span class="badge bg-light text-dark me-2 mb-2">燃料灵活性高</span>
|
||
<span class="badge bg-light text-dark me-2 mb-2">理论寿命超4万小时</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 text-center">
|
||
<i class="bi bi-lightning-charge-fill" style="font-size: 8rem; opacity: 0.7;"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content -->
|
||
<div class="container my-5">
|
||
<!-- Executive Summary -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">核心观点摘要</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<p class="lead">SOFC作为高温全固态能量转换装置，凭借高能量效率、燃料灵活性及长寿命等核心优势，已成为分布式能源与工业脱碳的关键技术。当前，全球SOFC产业化正从实验室迈向规模化应用阶段，国内外企业在电堆量产、长寿命优化及系统集成等关键环节取得突破。未来，随着政策支持力度加大、市场需求激增及技术迭代深化，SOFC有望在数据中心备用电源、工业热电联供及绿氢生产等领域实现大规模应用，成为全球能源转型的重要支撑技术。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Statistics -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">核心技术指标</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-3 col-6">
|
||
<div class="stat-card">
|
||
<i class="bi bi-battery-charging tech-icon"></i>
|
||
<div class="stat-number">60-65%</div>
|
||
<p class="mb-0">电效率</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="stat-card">
|
||
<i class="bi bi-fire tech-icon"></i>
|
||
<div class="stat-number">>90%</div>
|
||
<p class="mb-0">热电联产效率</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="stat-card">
|
||
<i class="bi bi-hourglass-split tech-icon"></i>
|
||
<div class="stat-number">10万+</div>
|
||
<p class="mb-0">理论寿命(小时)</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-6">
|
||
<div class="stat-card">
|
||
<i class="bi bi-thermometer-high tech-icon"></i>
|
||
<div class="stat-number">600-700°C</div>
|
||
<p class="mb-0">中低温运行</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Development Timeline -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">发展时间轴</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="timeline-item">
|
||
<h5>2020-2022年</h5>
|
||
<p class="mb-1">实验室验证阶段</p>
|
||
<p class="text-muted">国内外企业以中试为主（如潮州三环中试线投产）</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h5>2023年</h5>
|
||
<p class="mb-1">商业化提速阶段</p>
|
||
<p class="text-muted">潍柴动力推出全球首款大功率金属支撑SOFC（120kW），三环集团实现4.5万吨电解质隔膜量产</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h5>2024年至今</h5>
|
||
<p class="mb-1">规模化应用阶段</p>
|
||
<p class="text-muted">国内外企业加速产能扩张（如潍柴30MW项目投产），技术迭代取得突破</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Drivers -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">核心驱动力</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-gear me-2"></i>技术突破</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>长寿命优化（>10万小时）</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>中低温运行（600-700°C）</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>金属支撑结构提升机械强度</li>
|
||
<li><i class="bi bi-check-circle-fill text-success me-2"></i>材料创新降低系统成本</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-clipboard-data me-2"></i>政策支持</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>美国IRA税收抵免政策</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>欧盟"Fit for 55"脱碳政策</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>中国"十四五"能源规划</li>
|
||
<li><i class="bi bi-check-circle-fill text-success me-2"></i>地方专项补贴支持</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-graph-up me-2"></i>需求拉动</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>数据中心备用电源需求激增</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>工业领域脱碳需求迫切</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>绿氢生产需求增长</li>
|
||
<li><i class="bi bi-check-circle-fill text-success me-2"></i>分布式能源系统推广</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">产业链图谱</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row text-center">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="p-3 border rounded">
|
||
<h5 class="text-primary">上游材料</h5>
|
||
<p class="mb-0">电解质隔膜、单电池材料、密封材料</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="p-3 border rounded">
|
||
<h5 class="text-primary">中游组件与电堆</h5>
|
||
<p class="mb-0">燃料电池核心组件、电堆组装</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="p-3 border rounded">
|
||
<h5 class="text-primary">下游系统集成</h5>
|
||
<p class="mb-0">SOFC发电系统、SOFC电解槽系统</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Table -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">相关上市公司</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="table-container">
|
||
<table class="table table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>分类</th>
|
||
<th>项目</th>
|
||
<th>产业链位置</th>
|
||
<th>信源</th>
|
||
<th>进展说明</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>潍柴动力</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>全球首款大功率金属支撑SOFC发布</td>
|
||
<td>SOFC产品商业化</td>
|
||
<td>互动</td>
|
||
<td>2023年2月发布并推进产品批量商业化落地</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>壹石通</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>SOC系统全产业链示范线</td>
|
||
<td>关键粉体材料/单电池/电堆关键部件</td>
|
||
<td>调研/互动</td>
|
||
<td>实现自主供应且处于中试向产业化过渡阶段</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>三环集团</strong></td>
|
||
<td><span class="badge badge-gradient">隔膜</span></td>
|
||
<td>SOFC电解质隔膜</td>
|
||
<td>SOFC单电池</td>
|
||
<td>互动</td>
|
||
<td>全球主要SOFC电解质隔膜及单电池供应商</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>佛燃能源</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>SOFC系统样机开发</td>
|
||
<td>电堆堆叠详细设计与测试</td>
|
||
<td>互动</td>
|
||
<td>已完成电堆堆叠详细设计与测试工作</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>蜀道装备</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>SOFC相关技术与专利</td>
|
||
<td>SOFC产品供应</td>
|
||
<td>互动</td>
|
||
<td>参股企业拥有SOFC相关技术并已提供产品</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>东睦股份</strong></td>
|
||
<td><span class="badge badge-gradient">电堆</span></td>
|
||
<td>氢燃料电池核心技术</td>
|
||
<td>SOFC电堆设计与研发</td>
|
||
<td>互动</td>
|
||
<td>参股公司掌握SOFC电堆设计与研发技术</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>中自科技</strong></td>
|
||
<td><span class="badge badge-gradient">电堆</span></td>
|
||
<td>SOFC电堆技术开发</td>
|
||
<td>SOFC电堆技术研发</td>
|
||
<td>年报</td>
|
||
<td>开展SOFC电堆技术开发项目</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>酒钢宏兴</strong></td>
|
||
<td><span class="badge badge-gradient">连接板</span></td>
|
||
<td>SOFC连接体用特种不锈钢</td>
|
||
<td>SOFC连接体材料</td>
|
||
<td>互动</td>
|
||
<td>成功开发SOFC连接体用特种不锈钢产品</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>凯中精密</strong></td>
|
||
<td><span class="badge badge-gradient">热交换器</span></td>
|
||
<td>固体氧化物燃料电池热交换器</td>
|
||
<td>SOFC热交换器</td>
|
||
<td>互动</td>
|
||
<td>研发SOFC热交换器产品</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>大洋电机</strong></td>
|
||
<td><span class="badge badge-gradient">其他</span></td>
|
||
<td>金属支撑固体氧化物燃料电池</td>
|
||
<td>电解制氢技术</td>
|
||
<td>互动</td>
|
||
<td>布局金属支撑SOFC及电解制氢技术</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>科力远</strong></td>
|
||
<td><span class="badge badge-gradient">其他</span></td>
|
||
<td>三维多孔泡沫铜</td>
|
||
<td>SOFC电堆导电连接片</td>
|
||
<td>年报</td>
|
||
<td>研发的泡沫铜应用于SOFC电堆导电连接片</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>东方锆业</strong></td>
|
||
<td><span class="badge badge-gradient">其他</span></td>
|
||
<td>二氧化锆产品</td>
|
||
<td>SOFC电解质材料</td>
|
||
<td>半年报</td>
|
||
<td>二氧化锆产品已向部分企业供货</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>中环环保</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>M-SOFC燃料电池研发</td>
|
||
<td>燃料电池技术研发</td>
|
||
<td>互动</td>
|
||
<td>按计划推进M-SOFC燃料电池项目研发</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>冰轮环境</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>低碳能源研发中心</td>
|
||
<td>固体氧化物燃料电池领域</td>
|
||
<td>互动</td>
|
||
<td>研发中心建成后涵盖固体氧化物燃料电池等领域</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>顺络电子</strong></td>
|
||
<td><span class="badge badge-gradient">产品</span></td>
|
||
<td>陶瓷材料技术积累</td>
|
||
<td>固体氧化物电池（SOC）</td>
|
||
<td>调研</td>
|
||
<td>凭借陶瓷材料技术进入SOFC/SOEC相关领域</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>赛摩智能</strong></td>
|
||
<td><span class="badge badge-gradient">其他</span></td>
|
||
<td>SOFC热电联产系统</td>
|
||
<td>SOFC热电联产</td>
|
||
<td>互动</td>
|
||
<td>研发基于SOFC的热电联产系统</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risks and Challenges -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">风险与挑战</h2>
|
||
<div class="row g-4">
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>技术风险</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>材料稳定性不足</li>
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>催化剂中毒与失活</li>
|
||
<li><i class="bi bi-dash-circle text-danger me-2"></i>热膨胀系数不匹配</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-currency-dollar me-2"></i>商业化风险</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>成本下降不及预期</li>
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>市场接受度低于预期</li>
|
||
<li><i class="bi bi-dash-circle text-danger me-2"></i>规模化量产进度延迟</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100">
|
||
<div class="card-header">
|
||
<h5 class="mb-0"><i class="bi bi-shield-exclamation me-2"></i>政策与竞争风险</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>政策支持力度减弱</li>
|
||
<li class="mb-2"><i class="bi bi-dash-circle text-danger me-2"></i>行业竞争加剧</li>
|
||
<li><i class="bi bi-dash-circle text-danger me-2"></i>技术路线不确定性</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Insights -->
|
||
<section class="mb-5">
|
||
<h2 class="section-title">投资启示</h2>
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h5 class="text-primary mb-3">重点关注方向</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-star-fill text-warning me-2"></i>具备核心材料与电堆量产能力的企业</li>
|
||
<li class="mb-2"><i class="bi bi-star-fill text-warning me-2"></i>具备系统集成与场景应用经验的企业</li>
|
||
<li><i class="bi bi-star-fill text-warning me-2"></i>产业链协同效应强的企业</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5 class="text-primary mb-3">关键跟踪指标</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-graph-up-arrow text-success me-2"></i>电堆量产进度（年产能能否突破1GW）</li>
|
||
<li class="mb-2"><i class="bi bi-graph-down-arrow text-danger me-2"></i>系统成本（能否降至8000元/kW以下）</li>
|
||
<li><i class="bi bi-people-fill text-info me-2"></i>市场接受度（客户渗透率与订单规模）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="alert alert-info mt-4 mb-0">
|
||
<i class="bi bi-lightbulb me-2"></i>
|
||
<strong>总结：</strong>SOFC作为高效、灵活的分布式能源技术，正处于规模化商业化的关键阶段。具备核心材料与电堆量产能力、系统集成与场景应用经验的企业将优先受益。投资者需密切跟踪关键指标，把握行业长期发展机遇。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-dark text-white py-4 mt-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p class="mb-0">© 2024 固体氧化物燃料电池(SOFC)研究报告</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p class="mb-0">数据来源：公开资料整理</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
// Add smooth scrolling
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Add animation on scroll
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -100px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(entries) {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.card, .stat-card').forEach(el => {
|
||
el.style.opacity = '0';
|
||
el.style.transform = 'translateY(20px)';
|
||
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|