Files
vf_react/public/htmls/双季戊四醇.html
2025-10-11 16:16:02 +08:00

439 lines
19 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">
<title>双季戊四醇概念分析报告</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
}
.card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-dot {
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}
.price-up {
color: #10b981;
}
.price-down {
color: #ef4444;
}
.gradient-text {
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 640px) {
.table-container {
overflow-x: scroll;
}
}
</style>
</head>
<body class="text-gray-100 p-4 md:p-8">
<div class="max-w-7xl mx-auto">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">双季戊四醇概念分析</h1>
<p class="text-gray-300 text-lg">供给硬缺口 + 需求爆发的超级周期</p>
</div>
<!-- 时间轴部分 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-clock mr-3 text-blue-400"></i>
概念发展时间轴
</h2>
<div class="space-y-4">
<div class="flex items-start">
<div class="timeline-dot w-4 h-4 rounded-full mt-1.5 mr-4 flex-shrink-0"></div>
<div class="flex-1">
<div class="flex flex-wrap items-center gap-2 mb-1">
<span class="font-semibold">2024年10月</span>
<span class="text-sm bg-gray-700 px-2 py-1 rounded">价格: 2.5万元/吨</span>
</div>
<p class="text-gray-300">行业库存趋近于零湖北宜化4万吨装置因环保搬迁计划曝光</p>
</div>
</div>
<div class="flex items-start">
<div class="timeline-dot w-4 h-4 rounded-full mt-1.5 mr-4 flex-shrink-0"></div>
<div class="flex-1">
<div class="flex flex-wrap items-center gap-2 mb-1">
<span class="font-semibold">2025年1-2月</span>
<span class="text-sm bg-gray-700 px-2 py-1 rounded price-up">价格: 4.5万元/吨</span>
</div>
<p class="text-gray-300">下游PCB油墨需求因AI算力爆发胜宏科技等客户激增</p>
</div>
</div>
<div class="flex items-start">
<div class="timeline-dot w-4 h-4 rounded-full mt-1.5 mr-4 flex-shrink-0"></div>
<div class="flex-1">
<div class="flex flex-wrap items-center gap-2 mb-1">
<span class="font-semibold">2025年3月</span>
<span class="text-sm bg-gray-700 px-2 py-1 rounded price-up">价格: 5.5-7万元/吨</span>
</div>
<p class="text-gray-300">湖北宜化6月搬迁确认中毅达被券商密集推荐连涨11日翻倍</p>
</div>
</div>
<div class="flex items-start">
<div class="timeline-dot w-4 h-4 rounded-full mt-1.5 mr-4 flex-shrink-0"></div>
<div class="flex-1">
<div class="flex flex-wrap items-center gap-2 mb-1">
<span class="font-semibold">2025年5月</span>
<span class="text-sm bg-gray-700 px-2 py-1 rounded price-up">价格: 7.45万元/吨</span>
<span class="text-xs text-green-400">同比+132%</span>
</div>
<p class="text-gray-300">中毅达公告"双季占比极少",股价"天地板"巨震,但行业报价仍维持高位</p>
</div>
</div>
</div>
</div>
<!-- 核心观点 -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>
核心观点摘要
</h2>
<div class="space-y-3">
<div class="bg-blue-900/20 border-l-4 border-blue-400 p-4 rounded">
<p class="font-semibold text-blue-300 mb-1">阶段判断</p>
<p class="text-sm">双季戊四醇处于"供给硬缺口+需求爆发"驱动的超级周期</p>
</div>
<div class="bg-purple-900/20 border-l-4 border-purple-400 p-4 rounded">
<p class="font-semibold text-purple-300 mb-1">价格涨幅</p>
<p class="text-sm">从2024年10月2.5万→7.45万/吨涨幅198%</p>
</div>
<div class="bg-red-900/20 border-l-4 border-red-400 p-4 rounded">
<p class="font-semibold text-red-300 mb-1">核心矛盾</p>
<p class="text-sm">市场炒作的"涨价弹性"与上市公司实际业绩贡献的严重错配</p>
</div>
</div>
</div>
<div class="card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-chart-line mr-3 text-green-400"></i>
核心驱动力
</h2>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-arrow-down text-red-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">供给收缩不可逆</p>
<p class="text-sm text-gray-300">湖北宜化6万吨产能占全球25%2025年6月搬迁2026年Q4前无复产计划</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-arrow-up text-green-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">需求刚性爆发</p>
<p class="text-sm text-gray-300">PCB油墨中双季不可替代AI服务器/汽车电子PCB需求年增20%+</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-percentage text-blue-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">成本占比极低</p>
<p class="text-sm text-gray-300">双季占PCB油墨成本<5%下游对涨价容忍度极高</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链分析 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-sitemap mr-3 text-indigo-400"></i>
产业链与核心公司分析
</h2>
<div class="grid md:grid-cols-3 gap-6 mb-6">
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-blue-300">上游</h3>
<ul class="space-y-2 text-sm">
<li class="flex items-center"><i class="fas fa-flask mr-2 text-gray-400"></i>甲醛+乙醛(湖北宜化自给)</li>
<li class="flex items-center"><i class="fas fa-vial mr-2 text-gray-400"></i>液碱(中泰化学)</li>
</ul>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-purple-300">中游</h3>
<ul class="space-y-2 text-sm">
<li class="flex items-center"><i class="fas fa-industry mr-2 text-gray-400"></i>湖北宜化6万吨搬迁中</li>
<li class="flex items-center"><i class="fas fa-industry mr-2 text-gray-400"></i>中毅达(<1万吨概念龙头</li>
<li class="flex items-center"><i class="fas fa-industry mr-2 text-gray-400"></i>金禾实业2万吨</li>
</ul>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-green-300">下游</h3>
<ul class="space-y-2 text-sm">
<li class="flex items-center"><i class="fas fa-microchip mr-2 text-gray-400"></i>PCB油墨容大感光、广信材料</li>
<li class="flex items-center"><i class="fas fa-paint-brush mr-2 text-gray-400"></i>高端涂料(汽车/航空)</li>
</ul>
</div>
</div>
<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">公司</th>
<th class="text-left py-3 px-4">双季产能</th>
<th class="text-left py-3 px-4">实际关联度</th>
<th class="text-left py-3 px-4">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800">
<td class="py-3 px-4 font-semibold">湖北宜化</td>
<td class="py-3 px-4">6万吨搬迁中</td>
<td class="py-3 px-4"><span class="bg-green-900/30 text-green-300 px-2 py-1 rounded text-xs">直接龙头</span></td>
<td class="py-3 px-4">新疆宜化未并表A股无纯标的</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3 px-4 font-semibold">中毅达</td>
<td class="py-3 px-4">未披露(估算<1万吨</td>
<td class="py-3 px-4"><span class="bg-yellow-900/30 text-yellow-300 px-2 py-1 rounded text-xs">概念龙头</span></td>
<td class="py-3 px-4">公告"占比极少",业绩弹性存疑</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold">金禾实业</td>
<td class="py-3 px-4">2万吨单季为主</td>
<td class="py-3 px-4"><span class="bg-blue-900/30 text-blue-300 px-2 py-1 rounded text-xs">弹性标的</span></td>
<td class="py-3 px-4">双季收率仅5%,利润贡献有限</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-table mr-3 text-cyan-400"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="text-left py-3 px-4">股票名称</th>
<th class="text-left py-3 px-4">产能/项目</th>
<th class="text-left py-3 px-4">行业地位/用途</th>
<th class="text-left py-3 px-4">其他信息</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800 hover:bg-gray-800/30">
<td class="py-3 px-4 font-semibold">中钛达</td>
<td class="py-3 px-4">4.3万吨</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/30">
<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>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/30">
<td class="py-3 px-4 font-semibold">湖北宜化</td>
<td class="py-3 px-4">5万吨</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/30">
<td class="py-3 px-4 font-semibold">苏盐井神</td>
<td class="py-3 px-4">-</td>
<td class="py-3 px-4">参股公司江苏瑞阳13.38%</td>
<td class="py-3 px-4">2023年退出无股权关联</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-gray-800/30">
<td class="py-3 px-4 font-semibold">金禾实业</td>
<td class="py-3 px-4">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/30">
<td class="py-3 px-4 font-semibold">江天化学</td>
<td class="py-3 px-4">20万吨</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/30">
<td class="py-3 px-4 font-semibold">华尔泰</td>
<td class="py-3 px-4">5万吨/年</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/30">
<td class="py-3 px-4 font-semibold">云天化</td>
<td class="py-3 px-4">26万吨/年</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/30">
<td class="py-3 px-4 font-semibold">世名科技</td>
<td class="py-3 px-4">已研发</td>
<td class="py-3 px-4">PCB阻焊油等领域</td>
<td class="py-3 px-4">-</td>
</tr>
<tr class="hover:bg-gray-800/30">
<td class="py-3 px-4 font-semibold">金牛化工</td>
<td class="py-3 px-4">20万吨/年</td>
<td class="py-3 px-4">-</td>
<td class="py-3 px-4">-</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 风险与结论 -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-red-400"></i>
潜在风险与挑战
</h2>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-cog text-gray-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">技术风险</p>
<p class="text-sm text-gray-300">双季收率提升可能打破供给瓶颈</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-flask text-gray-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">商业化风险</p>
<p class="text-sm text-gray-300">PCB油墨若转向水性/无溶剂技术,双季需求或萎缩</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-balance-scale text-gray-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">政策风险</p>
<p class="text-sm text-gray-300">环保政策若放松,湖北宜化搬迁延期,供给缺口消失</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-info-circle text-gray-400 mt-1 mr-3"></i>
<div>
<p class="font-semibold">信息矛盾</p>
<p class="text-sm text-gray-300">券商研报与公司公告存在差异,存在误导性推荐</p>
</div>
</div>
</div>
</div>
<div class="card rounded-2xl p-6">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-chart-pie mr-3 text-green-400"></i>
投资启示
</h2>
<div class="space-y-4">
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 p-4 rounded-lg">
<p class="font-semibold mb-2">阶段判断</p>
<p class="text-sm">当前处于"主题炒作向基本面过渡"阶段现货涨价已兑现但A股缺乏纯正标的</p>
</div>
<div class="space-y-3">
<div>
<p class="font-semibold text-green-300 mb-1">短期策略</p>
<p class="text-sm">回避纯概念股中毅达关注湖北宜化000422搬迁进展</p>
</div>
<div>
<p class="font-semibold text-blue-300 mb-1">长期跟踪</p>
<p class="text-sm">跟踪卫星化学等潜在技术突破者(α-烯烃副产双季)</p>
</div>
</div>
<div class="bg-gray-800/50 p-3 rounded text-xs">
<p class="font-semibold mb-1">关键跟踪指标:</p>
<ul class="list-disc list-inside space-y-1">
<li>现货价格能否突破10万/吨</li>
<li>湖北宜化6月是否如期停产</li>
<li>PCB厂库存是否跌破7天</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 风险提示 -->
<div class="card bg-gradient-to-r from-red-900/20 to-orange-900/20 rounded-2xl p-6 border border-red-500/30">
<div class="flex items-start">
<i class="fas fa-exclamation-circle text-red-400 text-xl mt-1 mr-3"></i>
<div>
<h3 class="font-bold text-lg mb-2 text-red-300">风险提示</h3>
<p class="text-sm">若中毅达等概念股无法兑现订单,板块或现"多杀多"踩踏。投资需谨慎,请结合自身风险承受能力做出决策。</p>
</div>
</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 cards = document.querySelectorAll('.card');
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);
}
});
});
cards.forEach(card => {
observer.observe(card);
});
});
</script>
</body>
</html>
```