687 lines
33 KiB
HTML
687 lines
33 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>eVTOL材料概念分析报告</title>
|
||
<link rel="icon" type="image/png" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>✈️</text></svg>">
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Noto+Sans+SC:300,400,500,700&display=swap" rel="stylesheet" />
|
||
<!-- Nucleo Icons -->
|
||
<link href="https://unpkg.com/@coreui/icons@3.0.1/css/all.min.css" rel="stylesheet" />
|
||
<!-- Font Awesome Icons -->
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<!-- CSS Files -->
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', 'Noto Sans SC', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: #e2e8f0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.card-gradient {
|
||
background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.8) 100%);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.highlight {
|
||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
color: transparent;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar {
|
||
height: 8px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-track {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-thumb {
|
||
background: rgba(59, 130, 246, 0.5);
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.table-container::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(59, 130, 246, 0.8);
|
||
}
|
||
|
||
.tag {
|
||
background: rgba(59, 130, 246, 0.2);
|
||
color: #93c5fd;
|
||
border: 1px solid rgba(59, 130, 246, 0.3);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.tag:hover {
|
||
background: rgba(59, 130, 246, 0.3);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
background: #3b82f6;
|
||
border-radius: 50%;
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-dot::after {
|
||
content: '';
|
||
position: absolute;
|
||
width: 24px;
|
||
height: 24px;
|
||
background: rgba(59, 130, 246, 0.2);
|
||
border-radius: 50%;
|
||
top: -6px;
|
||
left: -6px;
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
transform: scale(1);
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
transform: scale(1.5);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
.section-title {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
.section-title::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -5px;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 3px;
|
||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.floating {
|
||
animation: floating 3s ease-in-out infinite;
|
||
}
|
||
|
||
@keyframes floating {
|
||
0% { transform: translateY(0px); }
|
||
50% { transform: translateY(-10px); }
|
||
100% { transform: translateY(0px); }
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen">
|
||
<div id="particles-js"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题区域 -->
|
||
<div class="hero-gradient rounded-2xl p-8 mb-10 text-center card-hover">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 highlight">eVTOL材料概念分析</h1>
|
||
<p class="text-lg md:text-xl text-slate-300 max-w-3xl mx-auto">
|
||
电动垂直起降飞行器材料产业链深度解析 - 从轻量化材料到固态电池技术
|
||
</p>
|
||
<div class="mt-6 flex flex-wrap justify-center gap-3">
|
||
<span class="tag px-4 py-2 rounded-full text-sm"><i class="fas fa-plane mr-2"></i>低空经济</span>
|
||
<span class="tag px-4 py-2 rounded-full text-sm"><i class="fas fa-battery-full mr-2"></i>固态电池</span>
|
||
<span class="tag px-4 py-2 rounded-full text-sm"><i class="fas fa-layer-group mr-2"></i>碳纤维</span>
|
||
<span class="tag px-4 py-2 rounded-full text-sm"><i class="fas fa-rocket mr-2"></i>商业化前夜</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">概念事件</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<div class="flex items-center mb-3">
|
||
<div class="timeline-dot mr-3"></div>
|
||
<h3 class="text-lg font-semibold text-blue-300">背景</h3>
|
||
</div>
|
||
<p class="text-slate-300">
|
||
eVTOL作为低空经济核心载体，材料需求以<span class="highlight">轻量化、高强度、高安全性</span>为核心，碳纤维复合材料占比超<span class="highlight">70%</span>，其中<span class="highlight">90%为碳纤维</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<div class="flex items-center mb-3">
|
||
<div class="timeline-dot mr-3"></div>
|
||
<h3 class="text-lg font-semibold text-purple-300">2024年3月</h3>
|
||
</div>
|
||
<p class="text-slate-300">
|
||
全球首张eVTOL载人运营合格证（OC）颁发，<span class="highlight">亿航智能EH216-S</span>商业化落地
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<div class="flex items-center mb-3">
|
||
<div class="timeline-dot mr-3"></div>
|
||
<h3 class="text-lg font-semibold text-green-300">2024年8月</h3>
|
||
</div>
|
||
<p class="text-slate-300">
|
||
固态电池技术突破，<span class="highlight">宁德时代</span>凝聚态电池能量密度达<span class="highlight">500Wh/kg</span>，适配eVTOL长续航需求
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<div class="flex items-center mb-3">
|
||
<div class="timeline-dot mr-3"></div>
|
||
<h3 class="text-lg font-semibold text-yellow-300">2025年2月</h3>
|
||
</div>
|
||
<p class="text-slate-300">
|
||
<span class="highlight">小鹏汇天X2</span>飞行汽车碳纤维机身减重至<span class="highlight">85kg</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">核心观点摘要</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-blue-300"><i class="fas fa-chart-line mr-2"></i>阶段判断</h3>
|
||
<p class="text-slate-300">
|
||
eVTOL材料处于<span class="highlight">商业化前夜</span>，2025-2026年为密集取证与量产关键期，碳纤维与固态电池是核心赛道
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-purple-300"><i class="fas fa-rocket mr-2"></i>核心驱动力</h3>
|
||
<ul class="text-slate-300 space-y-2">
|
||
<li><i class="fas fa-check-circle text-green-400 mr-2"></i>政策：低空经济纳入国家战略</li>
|
||
<li><i class="fas fa-check-circle text-green-400 mr-2"></i>技术：碳纤维复材降本、固态电池能量密度突破</li>
|
||
<li><i class="fas fa-check-circle text-green-400 mr-2"></i>需求：2027年eVTOL需求或达<span class="highlight">5000-10000架</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">核心逻辑与市场认知分析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300"><i class="fas fa-cogs mr-2"></i>核心驱动力</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-purple-300">政策</h4>
|
||
<p class="text-sm text-slate-300">
|
||
2024年政府工作报告首次写入"低空经济"，空域改革（湖南、安徽全域试点）加速场景落地
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-green-300">技术</h4>
|
||
<p class="text-sm text-slate-300">
|
||
碳纤维复材成本占比<span class="highlight">40%</span>，热塑性工艺可将制造成本降至热固性的<span class="highlight">29%</span>
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-yellow-300">需求</h4>
|
||
<p class="text-sm text-slate-300">
|
||
2024-2030年碳纤维需求<span class="highlight">10335吨</span>（年化1248吨），对应市场空间<span class="highlight">1582亿元</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-purple-300"><i class="fas fa-fire mr-2"></i>市场热度</h3>
|
||
<p class="text-slate-300">
|
||
2024年Q2以来，碳纤维板块估值升至历史<span class="highlight">73%分位</span>，但市场仍低估<span class="highlight">热塑性复材</span>的降本潜力
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-red-300"><i class="fas fa-exclamation-triangle mr-2"></i>预期差</h3>
|
||
<ul class="text-slate-300 space-y-2 text-sm">
|
||
<li><span class="text-yellow-300">研报高估：</span>部分研报预测2025年eVTOL出货量达<span class="highlight">3000-4000架</span>，但当前取证进度仅亿航、峰飞两家完成</li>
|
||
<li><span class="text-yellow-300">技术瓶颈：</span>固态电池量产需解决<span class="highlight">界面阻抗</span>问题，宁德时代500Wh/kg产品仍为实验室阶段</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">关键催化剂与未来发展路径</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300"><i class="fas fa-clock mr-2"></i>近期催化剂（3-6个月）</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50 flex items-start">
|
||
<div class="bg-blue-500/20 p-2 rounded-lg mr-3">
|
||
<i class="fas fa-calendar-alt text-blue-300"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300">2025年Q3</h4>
|
||
<p class="text-sm text-slate-300">亿航智能EH216-S固态电池版适航认证结果</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50 flex items-start">
|
||
<div class="bg-purple-500/20 p-2 rounded-lg mr-3">
|
||
<i class="fas fa-calendar-alt text-purple-300"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-purple-300">2025年Q4</h4>
|
||
<p class="text-sm text-slate-300">小鹏汇天X3飞行汽车开启预定</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-green-300"><i class="fas fa-road mr-2"></i>长期路径</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-blue-300">2025-2026年</h4>
|
||
<p class="text-sm text-slate-300">
|
||
复合翼/倾转旋翼机型取证，碳纤维复材需求放量（年化<span class="highlight">1248吨</span>）
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-green-300">2027-2030年</h4>
|
||
<p class="text-sm text-slate-300">
|
||
固态电池规模化（能量密度<span class="highlight">400-500Wh/kg</span>），单机碳纤维用量或降至<span class="highlight">80kg</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">产业链与核心公司深度剖析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300"><i class="fas fa-sitemap mr-2"></i>产业链图谱</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-3 text-purple-300 text-center">上游</h4>
|
||
<ul class="text-slate-300 space-y-2 text-sm">
|
||
<li><i class="fas fa-circle text-xs text-blue-400 mr-2"></i>碳纤维原丝（<span class="highlight">中复神鹰</span>T800级）</li>
|
||
<li><i class="fas fa-circle text-xs text-blue-400 mr-2"></i>固态电解质（<span class="highlight">瑞泰新材</span>LiTFSI）</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-3 text-green-300 text-center">中游</h4>
|
||
<ul class="text-slate-300 space-y-2 text-sm">
|
||
<li><i class="fas fa-circle text-xs text-green-400 mr-2"></i>复材结构件（<span class="highlight">安泰科技</span>机身制造）</li>
|
||
<li><i class="fas fa-circle text-xs text-green-400 mr-2"></i>电池PACK（<span class="highlight">宁德时代</span>凝聚态电池）</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-3 text-yellow-300 text-center">下游</h4>
|
||
<ul class="text-slate-300 space-y-2 text-sm">
|
||
<li><i class="fas fa-circle text-xs text-yellow-400 mr-2"></i>主机厂（<span class="highlight">亿航智能</span>OC已落地）</li>
|
||
<li><i class="fas fa-circle text-xs text-yellow-400 mr-2"></i>运营方（<span class="highlight">中信海直</span>低空旅游项目）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-300"><i class="fas fa-building mr-2"></i>核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-slate-800/50 rounded-lg border border-slate-700/50">
|
||
<thead>
|
||
<tr class="bg-slate-700/50">
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-blue-300">公司</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-purple-300">优势</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-red-300">风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/30">
|
||
<td class="py-3 px-4 font-semibold text-green-300">中复神鹰</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">T800碳纤维通过商飞认证，产能<span class="highlight">3万吨</span>（2026年）</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">热塑性工艺替代风险</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30">
|
||
<td class="py-3 px-4 font-semibold text-green-300">安泰科技</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">子公司安泰复材绑定亿航、小鹏</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">客户集中度超<span class="highlight">60%</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 font-semibold text-green-300">宁德时代</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">凝聚态电池能量密度<span class="highlight">500Wh/kg</span></td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">固态电池量产进度低于预期</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">潜在风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-red-300"><i class="fas fa-microchip mr-2"></i>技术风险</h3>
|
||
<p class="text-slate-300">
|
||
固态电池<span class="highlight">界面阻抗</span>未解决，能量密度提升或低于预期
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-yellow-300"><i class="fas fa-hand-holding-usd mr-2"></i>商业化风险</h3>
|
||
<p class="text-slate-300">
|
||
碳纤维复材<span class="highlight">热压罐工艺</span>成本占比<span class="highlight">80%</span>，热塑性工艺良率待验证
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-purple-300"><i class="fas fa-landmark mr-2"></i>政策风险</h3>
|
||
<p class="text-slate-300">
|
||
空域开放进度滞后（湖南试点仅<span class="highlight">6-7个机场</span>获批）
|
||
</p>
|
||
</div>
|
||
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<h3 class="text-xl font-semibold mb-3 text-blue-300"><i class="fas fa-exclamation-circle mr-2"></i>信息矛盾</h3>
|
||
<p class="text-slate-300">
|
||
新闻称"2025年需求<span class="highlight">5000架</span>"，但路演显示2025年实际出货量或仅<span class="highlight">数百架</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">综合结论与投资启示</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300"><i class="fas fa-balance-scale mr-2"></i>阶段判断</h3>
|
||
<div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700/50">
|
||
<p class="text-slate-300 text-lg">
|
||
eVTOL材料处于<span class="highlight">主题向基本面过渡</span>阶段，2025-2026年为验证期
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-green-300"><i class="fas fa-compass mr-2"></i>投资方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-purple-300">碳纤维复材</h4>
|
||
<p class="text-sm text-slate-300">
|
||
关注<span class="highlight">热塑性工艺</span>突破（<span class="highlight">光威复材</span>T700S级已供货小鹏）
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-blue-300">固态电池</h4>
|
||
<p class="text-sm text-slate-300">
|
||
跟踪<span class="highlight">宁德时代</span>凝聚态电池装机进度（亿航EH216-S为首个试点）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-yellow-300"><i class="fas fa-chart-bar mr-2"></i>关键指标</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-green-300">碳纤维价格</h4>
|
||
<p class="text-sm text-slate-300">
|
||
需降至<span class="highlight">800元/kg</span>以下（当前<span class="highlight">1000元/kg</span>）
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg border border-slate-700/50">
|
||
<h4 class="font-semibold mb-2 text-red-300">固态电池循环寿命</h4>
|
||
<p class="text-sm text-slate-300">
|
||
验证<span class="highlight">10000次</span>以上（当前<span class="highlight">5000次</span>）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票表格 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">eVTOL材料产业链关联股票</h2>
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-slate-800/50 rounded-lg border border-slate-700/50">
|
||
<thead>
|
||
<tr class="bg-slate-700/50">
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-blue-300">股票名称</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-purple-300">分类</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-green-300">产业链</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-yellow-300">行业</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-red-300">项目</th>
|
||
<th class="py-3 px-4 text-left text-sm font-semibold text-cyan-300">投资逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">万丰股份</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶材料应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">泰和新材</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶材料应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">荣晟环保</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶材料应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">凯盛新材</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶材料应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">民士达</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶材料应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">芳纶作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">吉林化纤</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">双一科技</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">奇德新材</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">中复神鹰</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">安泰科技</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">中简科技</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">碳纤维复合材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL整机超90%复合材料为碳纤维</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">新亚制程</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/30 hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">高盟新材</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
<tr class="hover:bg-slate-700/30 transition-colors">
|
||
<td class="py-3 px-4 font-semibold text-green-300">康达新材</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">eVTOL材料产业链</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">新材料</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂应用</td>
|
||
<td class="py-3 px-4 text-sm text-slate-300">胶粘剂作为复合材料应用于eVTOL整机</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script>
|
||
// 初始化粒子背景
|
||
tsParticles.load("particles-js", {
|
||
fpsLimit: 60,
|
||
particles: {
|
||
color: {
|
||
value: "#3b82f6",
|
||
},
|
||
links: {
|
||
color: "#3b82f6",
|
||
distance: 150,
|
||
enable: true,
|
||
opacity: 0.3,
|
||
width: 1,
|
||
},
|
||
move: {
|
||
direction: "none",
|
||
enable: true,
|
||
outModes: {
|
||
default: "bounce",
|
||
},
|
||
random: true,
|
||
speed: 1,
|
||
straight: false,
|
||
},
|
||
number: {
|
||
density: {
|
||
enable: true,
|
||
area: 800,
|
||
},
|
||
value: 60,
|
||
},
|
||
opacity: {
|
||
value: 0.3,
|
||
},
|
||
shape: {
|
||
type: "circle",
|
||
},
|
||
size: {
|
||
value: { min: 1, max: 3 },
|
||
},
|
||
},
|
||
detectRetina: true,
|
||
});
|
||
|
||
// 添加滚动动画
|
||
const observerOptions = {
|
||
root: null,
|
||
rootMargin: '0px',
|
||
threshold: 0.1
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('floating');
|
||
setTimeout(() => {
|
||
entry.target.classList.remove('floating');
|
||
}, 2000);
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.card-hover').forEach(card => {
|
||
observer.observe(card);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |