Files
vf_react/public/htmls/面板.html
2025-10-11 16:16:02 +08:00

1047 lines
44 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<link rel="apple-touch-icon" sizes="76x76" href="../../static/assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="../../static/assets/img/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="../../static/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="../../static/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link id="pagestyle" href="../../static/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
<script src="../../static/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="../../static/assets/js/plugins/typedjs.js"></script>
<script src="../../static/assets/js/plugins/parallax.min.js"></script>
<script src="../../static/assets/js/plugins/smooth-scroll.min.js"></script>
<script src="../../static/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/anime.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/chartjs.min.js"></script>
<script src="../../static/assets/js/soft-design-system-pro.min.js?v=1.2.0" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"></script>
<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>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
}
.timeline-item {
position: relative;
padding-left: 30px;
margin-bottom: 20px;
}
.timeline-item:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
}
.timeline-item:after {
content: '';
position: absolute;
left: 5px;
top: 17px;
width: 2px;
height: calc(100% + 10px);
background-color: #e5e7eb;
}
.timeline-item:last-child:after {
display: none;
}
.card {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}
.gradient-text {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-responsive {
overflow-x: visible;
}
@media (max-width: 768px) {
.table-responsive {
overflow-x: auto;
}
}
</style>
</head>
<body>
<div class="container mx-auto px-4 py-8">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl font-bold gradient-text mb-4">面板行业深度分析报告</h1>
<p class="text-gray-600 text-lg">控产保价驱动的盈利修复期与未来展望</p>
</div>
<!-- 概念事件时间轴 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-clock text-blue-500 mr-3"></i>概念事件时间轴
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="timeline-item">
<div class="bg-blue-50 rounded-lg p-4">
<h3 class="font-bold text-blue-700">2024-10</h3>
<p class="text-sm text-gray-700 mt-1">CINNO32/43寸TV面板止跌50-85寸跌幅收窄至1-3美元</p>
<span class="inline-block mt-2 px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded">价格拐点信号</span>
</div>
</div>
<div class="timeline-item">
<div class="bg-green-50 rounded-lg p-4">
<h3 class="font-bold text-green-700">2024-12</h3>
<p class="text-sm text-gray-700 mt-1">国补政策延续(电视/电脑补贴20%上限2000元</p>
<span class="inline-block mt-2 px-2 py-1 bg-green-100 text-green-800 text-xs rounded">需求端刺激</span>
</div>
</div>
<div class="timeline-item">
<div class="bg-yellow-50 rounded-lg p-4">
<h3 class="font-bold text-yellow-700">2025-01</h3>
<p class="text-sm text-gray-700 mt-1">台湾6.4级地震致群创减产43万片TV面板</p>
<span class="inline-block mt-2 px-2 py-1 bg-yellow-100 text-yellow-800 text-xs rounded">供给端冲击</span>
</div>
</div>
<div class="timeline-item">
<div class="bg-purple-50 rounded-lg p-4">
<h3 class="font-bold text-purple-700">2025-02</h3>
<p class="text-sm text-gray-700 mt-1">面板厂酝酿五一减产Q2稼动率或降至80%以下</p>
<span class="inline-block mt-2 px-2 py-1 bg-purple-100 text-purple-800 text-xs rounded">主动控产保价</span>
</div>
</div>
<div class="timeline-item">
<div class="bg-indigo-50 rounded-lg p-4">
<h3 class="font-bold text-indigo-700">2025-03</h3>
<p class="text-sm text-gray-700 mt-1">TrendForceTV面板续涨1-2美元MNT微涨</p>
<span class="inline-block mt-2 px-2 py-1 bg-indigo-100 text-indigo-800 text-xs rounded">涨价周期延续</span>
</div>
</div>
<div class="timeline-item">
<div class="bg-red-50 rounded-lg p-4">
<h3 class="font-bold text-red-700">2025-04</h3>
<p class="text-sm text-gray-700 mt-1">CINNO供需进入弱平衡4月价格或现拐点</p>
<span class="inline-block mt-2 px-2 py-1 bg-red-100 text-red-800 text-xs rounded">周期顶部预警</span>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card rounded-xl p-6 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="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-5">
<h3 class="font-bold text-blue-800 mb-3">当前阶段</h3>
<p class="text-gray-700">面板行业正处于<strong class="text-blue-700">"控产保价"驱动的盈利修复期</strong>TV面板价格自2024Q4起连续上涨但2025Q2可能面临需求降温的拐点。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-5">
<h3 class="font-bold text-green-800 mb-3">核心驱动力</h3>
<p class="text-gray-700"><strong class="text-green-700">供给端寡头控产(大陆三强市占率>70%+需求端政策刺激(国补+大尺寸化)</strong>,形成阶段性供需错配。</p>
</div>
<div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-lg p-5">
<h3 class="font-bold text-purple-800 mb-3">未来潜力</h3>
<p class="text-gray-700"><strong class="text-purple-700">2025年行业产值预计达1245亿美元+5.5%</strong>但需警惕Q2后稼动率下降带来的价格压力。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-brain text-purple-500 mr-3"></i>核心逻辑与市场认知分析
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">1核心驱动力拆解</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gray-50 rounded-lg p-5">
<h4 class="font-bold text-gray-800 mb-3 flex items-center">
<i class="fas fa-industry text-blue-500 mr-2"></i>供给端革命
</h4>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-blue-500 mr-2"></span>
<div>
<strong class="text-gray-700">产能集中度</strong>:京东方+TCL华星+惠科控制<strong class="text-blue-600">全球70% TV面板产能</strong>2024年数据通过动态调整稼动率2025Q1维持80-85%)实现价格管控。
</div>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2"></span>
<div>
<strong class="text-gray-700">技术替代</strong>韩厂全面退出LCD三星2022年关闭最后产线LG广州线2025Q2交割给TCL<strong class="text-blue-600">大陆8.5/10.5代线成绝对主导</strong>
</div>
</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-5">
<h4 class="font-bold text-gray-800 mb-3 flex items-center">
<i class="fas fa-shopping-cart text-green-500 mr-2"></i>需求端催化
</h4>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-green-500 mr-2"></span>
<div>
<strong class="text-gray-700">政策刺激</strong>:中国"以旧换新"政策直接拉动<strong class="text-green-600">65吋以上TV销量占比从2023年21%提升至2025年27%</strong>
</div>
</li>
<li class="flex items-start">
<span class="text-green-500 mr-2"></span>
<div>
<strong class="text-gray-700">大尺寸化红利</strong>每增加1吋平均尺寸可去化<strong class="text-green-600">1座8.5代线产能</strong>2025年TV平均尺寸将达52吋
</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">2市场认知偏差</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-yellow-50 rounded-lg p-5 border-l-4 border-yellow-400">
<h4 class="font-bold text-yellow-800 mb-3">预期差1涨价持续性</h4>
<p class="text-gray-700">市场普遍认为2025Q1涨价可持续但路演显示<strong class="text-yellow-700">品牌厂库存已偏高</strong>海信Q1备货800万片超常规Q2采购或骤降。</p>
</div>
<div class="bg-orange-50 rounded-lg p-5 border-l-4 border-orange-400">
<h4 class="font-bold text-orange-800 mb-3">预期差2OLED替代速度</h4>
<p class="text-gray-700">研报强调OLED渗透率提升但专家会议指出<strong class="text-orange-700">75吋OLED成本是LCD 3倍</strong>2025年数据大尺寸替代逻辑短期不成立。</p>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与路径 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-red-500 mr-3"></i>关键催化剂与路径
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">1近期催化剂3-6个月</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-blue-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-chart-line text-blue-500 mr-2"></i>
<h4 class="font-bold text-blue-700">价格验证</h4>
</div>
<p class="text-sm text-gray-700">2025年4月面板报价若出现<strong class="text-blue-600">32吋价格环比持平</strong>当前36美元将确认拐点。</p>
</div>
<div class="bg-green-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-tachometer-alt text-green-500 mr-2"></i>
<h4 class="font-bold text-green-700">稼动率数据</h4>
</div>
<p class="text-sm text-gray-700">Q2主流厂商稼动率若跌破<strong class="text-green-600">75%</strong>当前80-85%),预示供给收缩保价。</p>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-file-alt text-purple-500 mr-2"></i>
<h4 class="font-bold text-purple-700">政策延续性</h4>
</div>
<p class="text-sm text-gray-700">2025年国补政策是否覆盖<strong class="text-purple-600">IT面板</strong>当前仅限TV/PC将决定MNT涨价空间。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">2长期路径2025-2027</h3>
<div class="bg-gray-50 rounded-lg p-6">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="text-center mb-4 md:mb-0">
<div class="bg-blue-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<span class="font-bold">2025</span>
</div>
<p class="font-bold text-gray-700">控产保价</p>
</div>
<div class="hidden md:block text-gray-400">
<i class="fas fa-arrow-right text-2xl"></i>
</div>
<div class="text-center mb-4 md:mb-0">
<div class="bg-green-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<span class="font-bold">2026</span>
</div>
<p class="font-bold text-gray-700">8.6代OLED量产</p>
</div>
<div class="hidden md:block text-gray-400">
<i class="fas fa-arrow-right text-2xl"></i>
</div>
<div class="text-center mb-4 md:mb-0">
<div class="bg-purple-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<span class="font-bold">2027</span>
</div>
<p class="font-bold text-gray-700">Micro LED手表商用</p>
</div>
<div class="hidden md:block text-gray-400">
<i class="fas fa-arrow-right text-2xl"></i>
</div>
<div class="text-center">
<div class="bg-red-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-star"></i>
</div>
<p class="font-bold text-gray-700">技术分化</p>
<p class="text-sm text-gray-600">LCD守大尺寸<br>OLED攻IT</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-project-diagram text-indigo-500 mr-3"></i>产业链与核心公司
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">1产业链图谱</h3>
<div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg p-6">
<div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
<div class="text-center">
<div class="bg-blue-100 rounded-lg p-4 mb-2">
<h4 class="font-bold text-blue-700">上游(材料)</h4>
<p class="text-sm text-gray-700 mt-2">偏光片(三利谱)</p>
<p class="text-sm text-gray-700">玻璃基板(彩虹股份)</p>
<p class="text-sm text-gray-700">驱动IC中颖电子</p>
</div>
</div>
<div class="text-2xl text-gray-400">
<i class="fas fa-arrow-right"></i>
</div>
<div class="text-center">
<div class="bg-purple-100 rounded-lg p-4 mb-2">
<h4 class="font-bold text-purple-700">中游(面板)</h4>
<p class="text-sm text-gray-700 mt-2">京东方A27%市占)</p>
<p class="text-sm text-gray-700">TCL华星21%市占)</p>
<p class="text-sm text-gray-700">惠科13%市占)</p>
</div>
</div>
<div class="text-2xl text-gray-400">
<i class="fas fa-arrow-right"></i>
</div>
<div class="text-center">
<div class="bg-green-100 rounded-lg p-4 mb-2">
<h4 class="font-bold text-green-700">下游(终端)</h4>
<p class="text-sm text-gray-700 mt-2">海信/TCL</p>
<p class="text-sm text-gray-700">三星/LG</p>
<p class="text-sm text-gray-700">小米/华为</p>
</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">2核心玩家对比</h3>
<div class="table-responsive">
<table class="table align-items-center mb-0 w-full">
<thead>
<tr>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">公司</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">业务纯度</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">关键数据</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">风险点</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">京东方A</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">LCD+OLED双龙头</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0 text-blue-600">2024年TV面板市占27%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">OLED良率仍低于三星75% vs 85%</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">TCL科技</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">大尺寸LCD绝对龙头</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0 text-blue-600">收购LG广州线后TV产能+20%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">广州线折旧压力2025Q2开始</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">彩虹股份</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">玻璃基板国产替代</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0 text-blue-600">咸阳8.6代线2025年满产</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">客户认证周期长需2年</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">三利谱</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">偏光片紧缺受益</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0 text-blue-600">2025Q2供需比或降至3%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">住友化学产线出售后竞争格局未定</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-red-500 mr-3"></i>潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-red-50 rounded-lg p-5">
<h3 class="font-bold text-red-800 mb-3 flex items-center">
<i class="fas fa-microchip text-red-500 mr-2"></i>技术风险
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-red-500 mr-2"></span>
<div>
<strong class="text-gray-700">Micro LED瓶颈</strong>:巨量转移良率<99.9%2025年数据苹果手表2027年商用计划可能推迟
</div>
</li>
<li class="flex items-start">
<span class="text-red-500 mr-2"></span>
<div>
<strong class="text-gray-700">OLED成本</strong>8.6代线OLED笔记本面板成本需降至<strong class="text-red-600">LCD 1.5倍</strong>以下才有竞争力当前2.5倍)。
</div>
</li>
</ul>
</div>
<div class="bg-orange-50 rounded-lg p-5">
<h3 class="font-bold text-orange-800 mb-3 flex items-center">
<i class="fas fa-chart-line text-orange-500 mr-2"></i>需求风险
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-orange-500 mr-2"></span>
<div>
<strong class="text-gray-700">库存反噬</strong>海信等品牌Q1超量备货可能导致Q2砍单30%(专家会议预警)。
</div>
</li>
<li class="flex items-start">
<span class="text-orange-500 mr-2"></span>
<div>
<strong class="text-gray-700">政策退坡</strong>2025年国补若缩减65吋以上TV销量增速或从<strong class="text-orange-600">+35%降至+10%</strong>
</div>
</li>
</ul>
</div>
<div class="bg-yellow-50 rounded-lg p-5">
<h3 class="font-bold text-yellow-800 mb-3 flex items-center">
<i class="fas fa-info-circle text-yellow-500 mr-2"></i>信息矛盾
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-yellow-500 mr-2"></span>
<div>
<strong class="text-gray-700">地震影响</strong>群创称地震减产43万片占其月产能15%但TrendForce数据显示4月TV供应未明显收紧<strong class="text-yellow-600">实际影响可能被高估</strong>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-flag-checkered text-green-500 mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">1阶段判断</h3>
<div class="bg-gradient-to-r from-blue-50 to-green-50 rounded-lg p-6">
<p class="text-lg text-gray-700">行业处于<strong class="text-blue-600">"盈利修复尾声"</strong>2025Q2后将进入<strong class="text-green-600">"需求验证期"</strong>,当前主题炒作成分>基本面驱动。</p>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">2投资方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-blue-50 rounded-lg p-5">
<h4 class="font-bold text-blue-800 mb-3">短期3个月</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>关注<strong class="text-blue-600">偏光片紧缺</strong>(三利谱)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span>关注<strong class="text-blue-600">控产受益</strong>(彩虹股份)</span>
</li>
</ul>
</div>
<div class="bg-purple-50 rounded-lg p-5">
<h4 class="font-bold text-purple-800 mb-3">长期12个月</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-purple-500 mt-1 mr-2"></i>
<span>布局<strong class="text-purple-600">8.6代OLED量产</strong>京东方B16线2026年投产</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">3跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-dollar-sign text-green-500 mr-2"></i>
<h4 class="font-bold text-gray-700">价格先行指标</h4>
</div>
<p class="text-sm text-gray-700">32吋面板价格跌破35美元即预警</p>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-shopping-cart text-blue-500 mr-2"></i>
<h4 class="font-bold text-gray-700">需求验证指标</h4>
</div>
<p class="text-sm text-gray-700">中国电视品牌4月采购量环比-20%为危险信号)</p>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-cogs text-purple-500 mr-2"></i>
<h4 class="font-bold text-gray-700">技术里程碑</h4>
</div>
<p class="text-sm text-gray-700">京东方8.6代OLED线2025Q4良率是否达<strong class="text-purple-600">80%</strong>当前75%</p>
</div>
</div>
</div>
<div class="mt-8 bg-red-50 rounded-lg p-5 border-l-4 border-red-400">
<h4 class="font-bold text-red-800 mb-2">风险提示</h4>
<p class="text-gray-700">若2025Q2出现"品牌库存高企+面板厂减产不及预期"组合行业可能重现2023年价格暴跌当时65吋面板3个月跌幅达<strong class="text-red-600">-25%</strong>)。</p>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card rounded-xl p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-bar text-indigo-500 mr-3"></i>关联股票数据
</h2>
<div class="table-responsive">
<table class="table align-items-center mb-0 w-full">
<thead>
<tr>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">股票</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">分类</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">市值</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">市占率</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">市值/市占率</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">PB</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">京东方A</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">屏厂</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1634</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">27.2%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">60.1</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1.27</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">2024年1月全球大尺寸LCD面板市场份额按出货面积来自券商研报</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">彩虹股份</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">屏厂</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">290</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">4.7%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">61.7</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1.46</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">TCL科技</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">屏厂</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">965</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1.84</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">深天马A</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">屏厂</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">217</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">0.78</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">京东方A</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">OLED</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1634</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">30%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">54.5</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1.27</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">我国OLED厂商市场份额来自中商产业研究院预计为2022或2023年</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">深天马A</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">OLED</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">217</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">20%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">10.9</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">0.78</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">维信诺</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">OLED</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">122</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">11%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">11.1</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">1.33</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">和辉光电</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">OLED</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">309</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">7%</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">44.1</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">2.46</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">天禄科技</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">导光板+京东方</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">沃格光电</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">玻璃基板+京东方</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">翔腾新材</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">偏光片+小米/华为</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">清越科技</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">PMOLED+华为</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">三利谱</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">偏光片</p>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-sm font-weight-bold">濮阳惠成</h6>
</div>
</div>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">产业链强势个股</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">-</p>
</td>
<td>
<p class="text-sm font-weight-bold mb-0">功能材料OLED上游</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 初始化背景效果
document.addEventListener('DOMContentLoaded', function() {
// 初始化粒子背景
if (typeof tsParticles !== 'undefined') {
tsParticles.load("tsparticles", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#8b9dc3"
},
shape: {
type: "circle"
},
opacity: {
value: 0.3,
random: true
},
size: {
value: 3,
random: true
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "repulse"
},
onclick: {
enable: true,
mode: "push"
}
}
},
retina_detect: true
});
}
});
</script>
</body>
</html>
```