feat: 10.10线上最新代码提交

This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions

View File

@@ -0,0 +1,687 @@
<!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>
```