559 lines
24 KiB
HTML
559 lines
24 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>光伏行业洞察报告</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 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/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.solar-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #2b6cb0 100%);
|
||
opacity: 0.05;
|
||
}
|
||
|
||
.glass-card {
|
||
background: rgba(255, 255, 255, 0.85);
|
||
backdrop-filter: blur(10px);
|
||
border-radius: 16px;
|
||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 8px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
}
|
||
|
||
.timeline-item::after {
|
||
content: '';
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 20px;
|
||
width: 2px;
|
||
height: calc(100% + 10px);
|
||
background: #e5e7eb;
|
||
}
|
||
|
||
.timeline-item:last-child::after {
|
||
display: none;
|
||
}
|
||
|
||
.highlight-text {
|
||
background: linear-gradient(120deg, #3b82f6 0%, #2563eb 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
max-width: 100%;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.glass-card {
|
||
margin: 10px;
|
||
padding: 15px;
|
||
}
|
||
|
||
.table-container {
|
||
font-size: 0.8rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="solar-bg"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题部分 -->
|
||
<div class="glass-card p-8 mb-8">
|
||
<div class="flex items-center mb-4">
|
||
<i class="fas fa-solar-panel text-blue-600 text-3xl mr-4"></i>
|
||
<h1 class="text-3xl font-bold text-gray-800">光伏行业洞察报告</h1>
|
||
</div>
|
||
<p class="text-gray-600 text-lg">深度分析光伏行业现状、发展趋势与投资机会</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="glass-card p-8 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-clock text-blue-600 mr-3"></i>
|
||
概念事件时间轴
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">背景与催化事件</h3>
|
||
<div class="space-y-4">
|
||
<div class="timeline-item">
|
||
<div class="text-sm text-gray-500 mb-1">2024年12月</div>
|
||
<p class="text-gray-700">中国光伏行业协会发布"灵魂四问"，质疑国家能源集团新疆项目0.6313元/瓦的低价中标，直指行业"内卷式"竞争</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="text-sm text-gray-500 mb-1">2024年10月</div>
|
||
<p class="text-gray-700">CPIA召开"防止内卷式恶性竞争座谈会"，提出0.68元/瓦为组件成本底线</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="text-sm text-gray-500 mb-1">2024年9月</div>
|
||
<p class="text-gray-700">美国《通胀削减法》补贴被指扭曲全球市场，中国光伏行业协会公开抗议</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="text-sm text-gray-500 mb-1">2024年8月</div>
|
||
<p class="text-gray-700">金刚光伏200MW异质结项目并网，隆基硅片提价5分/片，释放价格触底信号</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">关键时间节点</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="bg-blue-50">
|
||
<th class="px-4 py-2 text-left">时间</th>
|
||
<th class="px-4 py-2 text-left">事件</th>
|
||
<th class="px-4 py-2 text-left">影响</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2">2024.08</td>
|
||
<td class="px-4 py-2">隆基硅片提价</td>
|
||
<td class="px-4 py-2">价格底部确认</td>
|
||
</tr>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2">2024.09</td>
|
||
<td class="px-4 py-2">美国补贴争议</td>
|
||
<td class="px-4 py-2">出口风险升温</td>
|
||
</tr>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2">2024.10</td>
|
||
<td class="px-4 py-2">CPIA座谈会+成本底线</td>
|
||
<td class="px-4 py-2">政策托底预期</td>
|
||
</tr>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2">2024.12</td>
|
||
<td class="px-4 py-2">低价中标"四问"</td>
|
||
<td class="px-4 py-2">供给侧改革催化</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-2">2025.02</td>
|
||
<td class="px-4 py-2">专家纪要：拐点或现于Q2</td>
|
||
<td class="px-4 py-2">盈利修复预期</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="glass-card p-8 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="bg-gradient-to-r from-blue-50 to-indigo-50 p-6 rounded-lg">
|
||
<p class="text-gray-700 text-lg leading-relaxed">
|
||
光伏行业正处于<span class="highlight-text">"盈利底部左侧+估值底部右侧"</span>的临界点，
|
||
<span class="highlight-text">供给侧改革（减产+政策限价）</span>与
|
||
<span class="highlight-text">需求超预期（非欧美市场+储能配套）</span>构成双重驱动力，
|
||
<span class="highlight-text">2025年Q2或迎来盈利拐点</span>。当前需警惕低价竞争导致的现金流风险，
|
||
但龙头企业的技术溢价+海外布局将率先受益。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="glass-card p-8 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="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">核心驱动力</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||
<h4 class="font-semibold text-blue-600 mb-2">供给侧出清</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 产能收缩：2024年12月多晶硅产量降至9.46万吨（环比-15%）</li>
|
||
<li>• 硅片库存从29万吨降至27GW，头部企业主动减产</li>
|
||
<li>• 政策限价：CPIA设定组件成本底线0.68元/瓦</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||
<h4 class="font-semibold text-green-600 mb-2">需求端爆发</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 非欧美市场：2024年1-6月出口7.68GW（剔除印度后增速40%）</li>
|
||
<li>• 储能配套：全球储能需求从2024年150GWh增至2025年300GWh</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">市场热度与预期差</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||
<h4 class="font-semibold text-purple-600 mb-2">市场热度</h4>
|
||
<p class="text-sm text-gray-600">2024年Q4以来，12篇深度报告聚焦"供给侧改革"，情绪从悲观转向谨慎乐观</p>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||
<h4 class="font-semibold text-orange-600 mb-2">预期差分析</h4>
|
||
<ul class="text-sm text-gray-600 space-y-1">
|
||
<li>• 非欧美需求被低估：巴基斯坦光储IRR超30%</li>
|
||
<li>• 技术溢价未被定价：TOPCon电池溢价0.03-0.05元/W</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="glass-card p-8 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-rocket text-red-600 mr-3"></i>
|
||
关键催化剂与未来发展路径
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">近期催化剂（3-6个月）</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full mr-3 mt-1">政策</span>
|
||
<p class="text-sm text-gray-700">2025年3月两会或出台能耗双控+产能配额细则</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full mr-3 mt-1">价格</span>
|
||
<p class="text-sm text-gray-700">硅料价格若反弹至45元/kg，将触发全产业链提价</p>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full mr-3 mt-1">订单</span>
|
||
<p class="text-sm text-gray-700">2025年Q1中东、印度大单落地（如沙特NEOM项目）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">长期发展路径</h3>
|
||
<div class="space-y-3">
|
||
<div class="bg-gray-50 p-3 rounded-lg">
|
||
<p class="text-sm font-semibold text-gray-700">2025H1</p>
|
||
<p class="text-xs text-gray-600">产能出清加速，二三线企业退出，龙头市占率提升至70%+</p>
|
||
</div>
|
||
<div class="bg-gray-50 p-3 rounded-lg">
|
||
<p class="text-sm font-semibold text-gray-700">2025H2</p>
|
||
<p class="text-xs text-gray-600">N型电池渗透率超50%，TOPCon/HJT龙头盈利修复</p>
|
||
</div>
|
||
<div class="bg-gray-50 p-3 rounded-lg">
|
||
<p class="text-sm font-semibold text-gray-700">2026+</p>
|
||
<p class="text-xs text-gray-600">钙钛矿/叠层电池商业化，开启新一轮技术周期</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析 -->
|
||
<div class="glass-card p-8 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-sitemap text-indigo-600 mr-3"></i>
|
||
产业链与核心公司深度剖析
|
||
</h2>
|
||
|
||
<div class="bg-gradient-to-r from-gray-50 to-blue-50 p-6 rounded-lg mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-700 mb-4">产业链图谱</h3>
|
||
<div class="flex flex-wrap items-center justify-center gap-2 text-sm">
|
||
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full">上游：硅料（通威、协鑫）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full">硅片（隆基、中环）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full">电池片（晶科、钧达）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">中游：组件（晶澳、天合）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">逆变器（阳光、德业）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">辅材（福莱特、福斯特）</span>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full">下游：电站（正泰）</span>
|
||
<i class="fas fa-plus text-gray-400"></i>
|
||
<span class="bg-purple-100 text-purple-800 px-3 py-1 rounded-full">储能（宁德）</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="bg-gray-100">
|
||
<th class="px-4 py-2 text-left">公司</th>
|
||
<th class="px-4 py-2 text-left">技术路线</th>
|
||
<th class="px-4 py-2 text-left">竞争优势</th>
|
||
<th class="px-4 py-2 text-left">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2 font-semibold">晶科能源</td>
|
||
<td class="px-4 py-2">TOPCon电池</td>
|
||
<td class="px-4 py-2">2025年产能56GW，海外占比35%</td>
|
||
<td class="px-4 py-2">技术迭代风险</td>
|
||
</tr>
|
||
<tr class="border-b">
|
||
<td class="px-4 py-2 font-semibold">隆基绿能</td>
|
||
<td class="px-4 py-2">HPBC电池</td>
|
||
<td class="px-4 py-2">品牌溢价+渠道优势</td>
|
||
<td class="px-4 py-2">海外政策风险</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-2 font-semibold">阳光电源</td>
|
||
<td class="px-4 py-2">逆变器</td>
|
||
<td class="px-4 py-2">全球市占率22%，储能协同</td>
|
||
<td class="px-4 py-2">竞争加剧</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="glass-card p-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-table text-blue-600 mr-3"></i>
|
||
关联股票数据
|
||
</h2>
|
||
|
||
<div class="table-container">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="bg-gray-100">
|
||
<th class="px-4 py-3 text-left">股票名称</th>
|
||
<th class="px-4 py-3 text-left">行业</th>
|
||
<th class="px-4 py-3 text-left">分类</th>
|
||
<th class="px-4 py-3 text-left">项目</th>
|
||
<th class="px-4 py-3 text-left">产能/数据</th>
|
||
<th class="px-4 py-3 text-left">产业链</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">晶科能源</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">Topcon电池片</td>
|
||
<td class="px-4 py-3">2022/2023年E产能35/56GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">钧达股份</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">Topcon电池片</td>
|
||
<td class="px-4 py-3">2022/2023年E产能8/44GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">晶澳科技</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">Topcon电池片</td>
|
||
<td class="px-4 py-3">2022/2023年E产能10.5/40GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">国晟科技</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">HJT电池</td>
|
||
<td class="px-4 py-3">2022/2023年E产能1.2/6GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">金刚光伏</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">HJT电池</td>
|
||
<td class="px-4 py-3">2022/2023年E产能0.9/2.7GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">爱旭股份</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">ABC电池</td>
|
||
<td class="px-4 py-3">已建产能6.5GW，在建/规划产能48.5GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">隆基绿能</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">HPBC电池</td>
|
||
<td class="px-4 py-3">已建产能29GW，规划产能74GW</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">通威股份</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
<td class="px-4 py-3">BC电池</td>
|
||
<td class="px-4 py-3">研发中</td>
|
||
<td class="px-4 py-3">电池片</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">石英股份</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">石英环节</td>
|
||
<td class="px-4 py-3">石英砂</td>
|
||
<td class="px-4 py-3">-</td>
|
||
<td class="px-4 py-3">石英环节</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">欧晶科技</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">石英环节</td>
|
||
<td class="px-4 py-3">石英坩埚</td>
|
||
<td class="px-4 py-3">2022年产能12.8万只</td>
|
||
<td class="px-4 py-3">石英环节</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">阳光电源</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
<td class="px-4 py-3">逆变器</td>
|
||
<td class="px-4 py-3">2022年全球占比22%</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">锦浪科技</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
<td class="px-4 py-3">逆变器</td>
|
||
<td class="px-4 py-3">2022年全球占比5%</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">福斯特</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
<td class="px-4 py-3">POE胶膜</td>
|
||
<td class="px-4 py-3">-</td>
|
||
<td class="px-4 py-3">光伏上游及辅材</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">福莱特</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏组件</td>
|
||
<td class="px-4 py-3">光伏玻璃</td>
|
||
<td class="px-4 py-3">2022年产能占比23.2%</td>
|
||
<td class="px-4 py-3">光伏组件</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">德业股份</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏逆变器</td>
|
||
<td class="px-4 py-3">光伏逆变器</td>
|
||
<td class="px-4 py-3">-</td>
|
||
<td class="px-4 py-3">光伏逆变器</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">正泰电器</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">光伏电站</td>
|
||
<td class="px-4 py-3">光伏电站</td>
|
||
<td class="px-4 py-3">-</td>
|
||
<td class="px-4 py-3">光伏电站</td>
|
||
</tr>
|
||
<tr class="border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3 font-medium">海泰新能</td>
|
||
<td class="px-4 py-3">光伏</td>
|
||
<td class="px-4 py-3">北交所</td>
|
||
<td class="px-4 py-3">光伏组件</td>
|
||
<td class="px-4 py-3">-</td>
|
||
<td class="px-4 py-3">北交所</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 添加简单的交互效果
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 表格行悬停效果
|
||
const tableRows = document.querySelectorAll('tbody tr');
|
||
tableRows.forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'translateX(2px)';
|
||
this.style.transition = 'transform 0.2s ease';
|
||
});
|
||
row.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'translateX(0)';
|
||
});
|
||
});
|
||
|
||
// 时间轴动画
|
||
const timelineItems = document.querySelectorAll('.timeline-item');
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '0';
|
||
entry.target.style.transform = 'translateY(20px)';
|
||
setTimeout(() => {
|
||
entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}, 100);
|
||
observer.unobserve(entry.target);
|
||
}
|
||
});
|
||
});
|
||
|
||
timelineItems.forEach(item => {
|
||
observer.observe(item);
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |