vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
zzlgreat
2025-11-05 10:56:56 +08:00
parent 467dad8449
commit fc37df4385
3499 changed files with 1063743 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

468
public/htmls/电子级玻璃纤维纱布.html Normal file
View File

@@ -0,0 +1,468 @@
<!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" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<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" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
}
.glass-effect {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-dot {
width: 12px;
height: 12px;
background: #3b82f6;
border-radius: 50%;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 18px;
bottom: -18px;
width: 1px;
background: rgba(59, 130, 246, 0.3);
}
.highlight-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body class="text-gray-100">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 highlight-text">电子级玻璃纤维纱布</h1>
<p class="text-xl text-gray-300">从周期复苏到技术驱动的成长新阶段</p>
</div>
<!-- 核心观点摘要 -->
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
<h2 class="text-2xl font-bold mb-4 text-blue-400">核心观点摘要</h2>
<blockquote class="border-l-4 border-blue-500 pl-4 italic text-gray-200">
电子级玻璃纤维纱布已从<span class="text-blue-400 font-semibold">周期底部复苏</span>进入<span class="text-purple-400 font-semibold">高端需求驱动的新阶段</span>。短期看，消费电子复苏+AI算力需求拉动价格弹性；中长期看，低介电/低膨胀技术突破和国产替代将重塑全球竞争格局。中国巨石、宏和科技、中材科技等龙头具备技术+产能双重优势，是当前最确定的受益方向。
</blockquote>
</div>
<!-- 概念事件时间轴 -->
<div class="glass-effect rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">概念事件时间轴</h2>
<div class="space-y-6">
<div class="relative pl-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="glass-effect rounded-xl p-4">
<h3 class="text-lg font-semibold text-blue-300">2024年3月</h3>
<p class="text-gray-200">中国巨石、国际复材等头部企业宣布电子纱/布提价（G75电子纱涨800-900元/吨，7628电子布涨0.2-0.3元/米）</p>
</div>
</div>
<div class="relative pl-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="glass-effect rounded-xl p-4">
<h3 class="text-lg font-semibold text-blue-300">2024年10月</h3>
<p class="text-gray-200">国际复材拟投资23.04亿元升级电子级玻纤生产线，聚焦数智化提质增效</p>
</div>
</div>
<div class="relative pl-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="glass-effect rounded-xl p-4">
<h3 class="text-lg font-semibold text-blue-300">2024年12月</h3>
<p class="text-gray-200">中国巨石宣布58.06亿元投建10万吨电子级玻璃纤维零碳智能产线，预计2025年开工，总投资收益率17.47%</p>
</div>
</div>
<div class="relative pl-8">
<div class="timeline-dot"></div>
<div class="glass-effect rounded-xl p-4">
<h3 class="text-lg font-semibold text-blue-300">2025年4月</h3>
<p class="text-gray-200">苹果iPhone 17因Low-CTE电子布缺货备货紧张，宏和科技（苹果认证供应商）股价6天4板，催化市场对高端电子布的关注</p>
</div>
</div>
</div>
</div>
<!-- 核心驱动力 -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="glass-effect rounded-2xl p-6 card-hover">
<h2 class="text-2xl font-bold mb-4 text-blue-400">需求端三重共振</h2>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-500 rounded-full p-2 mr-3 mt-1">
<i class="fas fa-server text-white text-sm"></i>
</div>
<div>
<h3 class="font-semibold text-blue-300">AI服务器</h3>
<p class="text-sm text-gray-300">单台AI服务器PCB层数从12层提升至20-28层，Low-Dk电子布用量增长3倍</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-500 rounded-full p-2 mr-3 mt-1">
<i class="fas fa-mobile-alt text-white text-sm"></i>
</div>
<div>
<h3 class="font-semibold text-purple-300">消费电子</h3>
<p class="text-sm text-gray-300">2025年全球智能手机出货量预计2.9亿部（同比+3.6%），5G换机潮带动高端PCB需求</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-500 rounded-full p-2 mr-3 mt-1">
<i class="fas fa-car text-white text-sm"></i>
</div>
<div>
<h3 class="font-semibold text-green-300">汽车电子</h3>
<p class="text-sm text-gray-300">新能源汽车渗透率41.7%（2025年预测），单车电子布用量10平方米（传统车仅2-3平方米）</p>
</div>
</div>
</div>
</div>
<div class="glass-effect rounded-2xl p-6 card-hover">
<h2 class="text-2xl font-bold mb-4 text-purple-400">供给端硬约束</h2>
<div class="space-y-4">
<div class="bg-red-500/10 border border-red-500/30 rounded-lg p-4">
<h3 class="font-semibold text-red-300 mb-2">产能限制</h3>
<p class="text-sm text-gray-300">2024年国内电子纱无新增产能，且Low-CTE/Low-Dk产品技术壁垒极高</p>
</div>
<div class="bg-yellow-500/10 border border-yellow-500/30 rounded-lg p-4">
<h3 class="font-semibold text-yellow-300 mb-2">技术垄断</h3>
<p class="text-sm text-gray-300">全球仅宏和科技、日东纺等少数企业能量产高端电子布</p>
</div>
</div>
</div>
</div>
<!-- 产业链图谱 -->
<div class="glass-effect rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">产业链图谱</h2>
<div class="flex flex-wrap justify-center items-center gap-4">
<div class="bg-blue-500/20 border border-blue-500/50 rounded-lg px-6 py-3 text-center">
<p class="text-sm text-gray-300">上游</p>
<p class="font-semibold">高纯石英砂/叶腊石</p>
</div>
<div class="text-2xl text-blue-400">→</div>
<div class="bg-purple-500/20 border border-purple-500/50 rounded-lg px-6 py-3 text-center">
<p class="text-sm text-gray-300">中游</p>
<p class="font-semibold">电子纱</p>
<p class="text-xs text-gray-400">中国巨石、中材科技</p>
</div>
<div class="text-2xl text-purple-400">→</div>
<div class="bg-green-500/20 border border-green-500/50 rounded-lg px-6 py-3 text-center">
<p class="text-sm text-gray-300">中游</p>
<p class="font-semibold">电子布</p>
<p class="text-xs text-gray-400">宏和科技、泰山玻纤</p>
</div>
<div class="text-2xl text-green-400">→</div>
<div class="bg-yellow-500/20 border border-yellow-500/50 rounded-lg px-6 py-3 text-center">
<p class="text-sm text-gray-300">下游</p>
<p class="font-semibold">CCL</p>
<p class="text-xs text-gray-400">生益科技</p>
</div>
<div class="text-2xl text-yellow-400">→</div>
<div class="bg-red-500/20 border border-red-500/50 rounded-lg px-6 py-3 text-center">
<p class="text-sm text-gray-300">终端</p>
<p class="font-semibold">PCB</p>
<p class="text-xs text-gray-400">沪电股份</p>
</div>
</div>
</div>
<!-- 核心玩家对比 -->
<div class="glass-effect rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心玩家对比</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="text-left py-3 px-4 text-blue-300">公司</th>
<th class="text-left py-3 px-4 text-blue-300">技术壁垒</th>
<th class="text-left py-3 px-4 text-blue-300">产能规划</th>
<th class="text-left py-3 px-4 text-blue-300">客户绑定</th>
<th class="text-left py-3 px-4 text-blue-300">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中国巨石</td>
<td class="py-3 px-4">全球唯一E9高模量+Low-Dk量产能力</td>
<td class="py-3 px-4">2025年新增10万吨电子纱</td>
<td class="py-3 px-4">华为、特斯拉</td>
<td class="py-3 px-4">传统玻纤占比高，估值折价</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">宏和科技</td>
<td class="py-3 px-4">Low-CTE电子布苹果独家认证</td>
<td class="py-3 px-4">2025年新增1254吨Low-CTE纱</td>
<td class="py-3 px-4">苹果、台积电</td>
<td class="py-3 px-4">客户集中度高</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中材科技</td>
<td class="py-3 px-4">第二代Low-Dk技术领先</td>
<td class="py-3 px-4">2026年3500万米特种布投产</td>
<td class="py-3 px-4">松下、三星</td>
<td class="py-3 px-4">风电业务拖累盈利</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 风险与挑战 -->
<div class="glass-effect rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-red-400">潜在风险与挑战</h2>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-red-500/10 border border-red-500/30 rounded-lg p-4">
<h3 class="font-semibold text-red-300 mb-2">技术风险</h3>
<p class="text-sm text-gray-300">Low-Dk产品需Dk&lt;4.5，国内仅泰山玻纤、宏和科技达标，良率不足50%</p>
</div>
<div class="bg-orange-500/10 border border-orange-500/30 rounded-lg p-4">
<h3 class="font-semibold text-orange-300 mb-2">商业化风险</h3>
<p class="text-sm text-gray-300">高端电子布成本3-5倍于普通产品，若消费电子复苏不及预期，价格传导受阻</p>
</div>
<div class="bg-yellow-500/10 border border-yellow-500/30 rounded-lg p-4">
<h3 class="font-semibold text-yellow-300 mb-2">政策风险</h3>
<p class="text-sm text-gray-300">欧盟2024年对华玻璃纤维纱线反倾销税26.3%-56.1%，可能影响出口占比30%的企业</p>
</div>
<div class="bg-purple-500/10 border border-purple-500/30 rounded-lg p-4">
<h3 class="font-semibold text-purple-300 mb-2">信息矛盾</h3>
<p class="text-sm text-gray-300">部分研报称2024年"无新增产能"，但长海股份60万吨项目2025年投产，需跟踪实际进度</p>
</div>
</div>
</div>
<!-- 投资启示 -->
<div class="glass-effect rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 text-green-400">投资启示</h2>
<div class="space-y-4">
<div class="bg-green-500/10 border border-green-500/30 rounded-lg p-4">
<h3 class="font-semibold text-green-300 mb-2">阶段判断</h3>
<p class="text-gray-300">电子级玻璃纤维纱布已从周期复苏进入技术驱动成长阶段，高端产品（Low-Dk/Low-CTE）是核心赛道</p>
</div>
<div class="bg-blue-500/10 border border-blue-500/30 rounded-lg p-4">
<h3 class="font-semibold text-blue-300 mb-2">投资方向</h3>
<ul class="list-disc list-inside text-gray-300 space-y-1">
<li>龙头产能扩张：中国巨石（10万吨项目2025年投产，成本优势+技术迭代）</li>
<li>苹果链稀缺标的：宏和科技（Low-CTE电子布垄断供应，苹果订单弹性大）</li>
<li>上游材料替代：石英股份（高纯石英砂国产替代，电子纱核心原料）</li>
</ul>
</div>
<div class="bg-purple-500/10 border border-purple-500/30 rounded-lg p-4">
<h3 class="font-semibold text-purple-300 mb-2">跟踪指标</h3>
<ul class="list-disc list-inside text-gray-300 space-y-1">
<li>价格：G75电子纱月度报价（当前9600元/吨，目标11000元/吨）</li>
<li>订单：宏和科技2025年Q2苹果出货量（需验证1254吨新增产能消化率）</li>
<li>技术：中国巨石第二代Low-Dk电子纱客户认证进度（华为/特斯拉）</li>
</ul>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="glass-effect rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-400">关联股票数据</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="text-left py-3 px-4 text-blue-300">股票</th>
<th class="text-left py-3 px-4 text-blue-300">分类</th>
<th class="text-left py-3 px-4 text-blue-300">项目/产能/技术</th>
<th class="text-left py-3 px-4 text-blue-300">消息来源</th>
<th class="text-left py-3 px-4 text-blue-300">投资理由</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">宏和科技</td>
<td class="py-3 px-4">LowDK/CTE</td>
<td class="py-3 px-4">年产5040万米5G用高端电子级玻璃纤维布，新增高性能玻纤纱产能1254吨</td>
<td class="py-3 px-4">公告/研报</td>
<td class="py-3 px-4">公司在LowDK/CTE等高端领域布局，2023年已全面投产</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">国际复材</td>
<td class="py-3 px-4">LowDK/CTE</td>
<td class="py-3 px-4">生产LDK二代纱/布，介电性能双重突破，介电损耗降低约20%，5G用低介电玻璃纤维已量产，超细纱直径达3.7μm</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">成功开发低气泡细纱及织物等优势产品</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中材科技</td>
<td class="py-3 px-4">LowDK/CTE</td>
<td class="py-3 px-4">泰山玻纤为全球第三家、国内首家第二代低介电产品批量供货商，建设年产3500万米特种玻纤布项目</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">全资子公司技术领先</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中国巨石</td>
<td class="py-3 px-4">LowDK/CTE</td>
<td class="py-3 px-4">推进第二代低介电电子纱及电子布研发</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">技术迭代布局</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中国巨石</td>
<td class="py-3 px-4">玻纤纱</td>
<td class="py-3 px-4">全球第一，合计278.6万吨，电子布产能9.6亿米</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">产能规模优势</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">中材科技</td>
<td class="py-3 px-4">玻纤纱</td>
<td class="py-3 px-4">A股第二，超140万吨</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">产能规模排名</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">国际复材</td>
<td class="py-3 px-4">玻纤纱</td>
<td class="py-3 px-4">A股第三，121万吨，玻纤布年产能2亿米</td>
<td class="py-3 px-4">调研/公告</td>
<td class="py-3 px-4">产能规模优势</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">山东玻纤</td>
<td class="py-3 px-4">玻纤纱</td>
<td class="py-3 px-4">A股第四，设计产能63.4万吨</td>
<td class="py-3 px-4">调研</td>
<td class="py-3 px-4">产能规模排名</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">长海股份</td>
<td class="py-3 px-4">玻纤纱</td>
<td class="py-3 px-4">40万吨</td>
<td class="py-3 px-4">调研</td>
<td class="py-3 px-4">产能规模</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">菲利华</td>
<td class="py-3 px-4">其他</td>
<td class="py-3 px-4">中益新材电子布项目稳步扩产</td>
<td class="py-3 px-4">公告</td>
<td class="py-3 px-4">产能扩张</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/50">
<td class="py-3 px-4 font-semibold">金安国纪</td>
<td class="py-3 px-4">其他</td>
<td class="py-3 px-4">控股子公司金瑞电子从事电子级玻璃纤维布研产销</td>
<td class="py-3 px-4">公告</td>
<td class="py-3 px-4">子公司业务布局</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#3b82f6",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```