Files
vf_react/public/htmls/氟制冷剂.html
2025-12-05 13:29:18 +08:00

526 lines
37 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" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度行研 | 氟制冷剂概念</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap');
:root {
--glow-color: rgba(77, 192, 253, 0.7);
--glow-color-purple: rgba(192, 77, 253, 0.7);
}
body {
font-family: 'Exo 2', sans-serif;
background-color: #020418;
background-image:
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), transparent),
radial-gradient(ellipse 50% 50% at 20% 40%, rgba(122, 160, 255, 0.15), transparent),
radial-gradient(ellipse 40% 40% at 80% 60%, rgba(200, 122, 255, 0.15), transparent);
color: #e0e0e0;
overflow-x: hidden;
}
.glass-card {
background: rgba(10, 9, 30, 0.5);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 20px rgba(77, 192, 253, 0.2), 0 0 40px rgba(192, 77, 253, 0.1);
transform: translateY(-4px);
}
.glow-text {
text-shadow: 0 0 8px var(--glow-color);
}
.glow-border {
box-shadow: 0 0 15px 4px rgba(77, 192, 253, 0.15);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.grid-item {
transition: transform 0.3s ease;
}
.table th, .table td {
border-bottom-width: 1px;
border-color: rgba(255, 255, 255, 0.1) !important;
}
.table th {
background-color: rgba(255, 255, 255, 0.05);
}
/* Scrollbar styles */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #020418;
}
::-webkit-scrollbar-thumb {
background-color: rgba(77, 192, 253, 0.4);
border-radius: 10px;
border: 2px solid #020418;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(77, 192, 253, 0.7);
}
.fui-header {
border-bottom: 1px solid rgba(77, 192, 253, 0.2);
padding-bottom: 0.5rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.fui-header::before {
content: '';
display: block;
width: 0.75rem;
height: 0.75rem;
background-color: var(--glow-color);
border-radius: 50%;
box-shadow: 0 0 10px var(--glow-color);
}
</style>
</head>
<body class="min-h-screen">
<div class="relative w-full h-full p-4 md:p-8 lg:p-12">
<!-- Background Glows -->
<div class="absolute top-0 left-0 w-96 h-96 bg-cyan-500/20 rounded-full filter blur-3xl opacity-30 animate-pulse"></div>
<div class="absolute bottom-0 right-0 w-96 h-96 bg-purple-500/20 rounded-full filter blur-3xl opacity-30 animate-pulse animation-delay-4000"></div>
<header class="text-center mb-12 relative z-10">
<h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 via-purple-400 to-cyan-300 glow-text mb-2">
深度行研:氟制冷剂
</h1>
<p class="text-lg text-gray-400">Policy-Driven Supply Constraints Catalyze a Multi-Year Super Cycle</p>
<div class="mt-4 text-xs text-gray-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<main class="space-y-12 relative z-10">
<!-- INSIGHT Section -->
<section id="insight" class="glass-card p-6 md:p-8">
<h2 class="fui-header text-2xl md:text-3xl font-bold text-cyan-300 glow-text mb-6">核心洞察 (Core Insight)</h2>
<div class="space-y-8">
<article>
<h3 class="text-xl font-semibold text-purple-300 mb-3">0. 概念事件:政策驱动的供给侧改革</h3>
<p class="text-gray-300 leading-relaxed">氟制冷剂概念的核心驱动力源于全球环保协议的落地执行其本质是一个由政策强制引发的、长达数十年的供给侧改革。《蒙特利尔议定书》及其《基加利修正案》是本轮行业景气周期的根本大法通过淘汰旧代产品并对第三代制冷剂HFCs实施配额管控从法律层面锁定了供给天花板。2024年1月1日中国正式实施HFCs生产配额管理成为引爆本轮行情的<strong class="text-cyan-300">核心催化事件</strong>。叠加2025年第二代制冷剂HCFCs配额的大幅削减行业供给紧张格局被进一步强化新兴的AI液冷需求则为行业打开了新的想象空间。</p>
</article>
<div class="alert bg-black/30 border-purple-500/50 text-purple-200">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
<div>
<h3 class="font-bold">核心观点摘要</h3>
<div class="text-sm">氟制冷剂概念正处于一轮由全球环保政策强制驱动、以供给侧刚性约束为核心的<strong>长景气周期</strong>中,当前已从逻辑演绎阶段进入<strong>基本面兑现的主升浪</strong>。其核心驱动力是不可逆的配额制度它赋予了头部企业类似“特许经营权”的护城河未来潜力不仅在于存量市场的量价齐升更在于AI液冷等新兴需求带来的增量空间。</div>
</div>
</div>
<article x-data="{ open: false }">
<h3 class="text-xl font-semibold text-purple-300 mb-3 cursor-pointer" @click="open = !open">1. 核心逻辑与市场认知分析 <span x-text="open ? '[-]' : '[+]'">[+]</span></h3>
<div x-show="open" x-collapse.duration.500ms class="space-y-4 text-gray-300 leading-relaxed">
<p><strong class="text-cyan-400">核心驱动力:</strong>支撑概念的根本逻辑是<strong>政策驱动下的供给永久性、强制性收缩</strong>。中国掌握全球超74%的HFCs供给其配额制度在全球形成供给硬顶。而需求端在空调、汽车等传统领域稳中有增同时新能源车、冷链、AI服务器液冷等新兴需求创造了可观增量。这种长期的供需错配是价格上涨的根本动力行业定价模式已从成本加成转变为<strong class="text-cyan-300">稀缺性驱动</strong></p>
<p><strong class="text-cyan-400">市场热度与情绪:</strong>当前市场关注度极高,情绪高度乐观。新闻、研报、路演数据形成强力正面舆论场,机构讨论焦点已从“逻辑是否成立”转向“价格能涨多高、景气能持续多久”。</p>
<p><strong class="text-cyan-400">预期差分析:</strong></p>
<ul class="list-disc list-inside space-y-2 pl-4">
<li><strong>景气周期长度预期不足:</strong>市场可能低估了这是一个持续到2045年的政策长周期。路演专家预测价格天花板远超当前水平暗示行情仍处中段。</li>
<li><strong>对“配额增发”的误读:</strong>2024年R32配额增发被市场视为利空但深层逻辑是下游需求极其旺盛的体现这是一个<strong class="text-yellow-300">被市场普遍认知忽略的关键点</strong></li>
<li><strong>对四代替代风险的高估:</strong>第四代制冷剂因成本过高、专利垄断、自身环保争议PFAS法案等多重阻碍短期内难以大规模替代。第三代产品尤其R32的生命周期和盈利窗口远超预期。</li>
<li><strong>对新兴需求的定价不充分:</strong>AI液冷需求一旦放量将是对现有紧张供需格局的“火上浇油”这部分潜在价值尚未被市场完全计入。</li>
</ul>
</div>
</article>
<article x-data="{ open: false }">
<h3 class="text-xl font-semibold text-purple-300 mb-3 cursor-pointer" @click="open = !open">2. 关键催化剂与未来发展路径 <span x-text="open ? '[-]' : '[+]'">[+]</span></h3>
<div x-show="open" x-collapse.duration.500ms class="space-y-4 text-gray-300 leading-relaxed">
<p><strong class="text-cyan-400">近期催化剂 (3-6个月)</strong>季度/年度长协价格超预期上涨;上市公司中报/三季报业绩持续超预期释放年底配额紧张引发脉冲式上涨政策细则如冰箱HFCs禁令落地。</p>
<p><strong class="text-cyan-400">长期发展路径:</strong></p>
<ol class="list-decimal list-inside space-y-2 pl-4">
<li><strong>当前-2029年 (价格兑现期):</strong> HFCs配额冻结HCFCs配额削减供需矛盾激化龙头企业享受量价齐升红利。</li>
<li><strong>2029-2035年 (格局固化与替代启动期):</strong> 中国开始削减HFCs配额供给约束更强。价格中枢维持高位。第四代产品在部分高端领域开始替代。</li>
<li><strong>2035-2045年 (加速替代期):</strong> HFCs配额大幅削减行业进入存量博弈尾声。拥有第四代技术布局的企业将接力成为新主导者。</li>
</ol>
</div>
</article>
<article>
<h3 class="text-xl font-semibold text-purple-300 mb-3">3. 潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-2 pl-4 text-gray-400">
<li><strong>技术风险:</strong> 第四代制冷剂HFOs的替代路径存在不确定性可能受欧盟PFAS法案限制。</li>
<li><strong>商业化风险:</strong> 第四代产品成本过高,下游大规模替换意愿存疑。</li>
<li><strong>政策与竞争风险:</strong> 存在超预期的配额大规模增发或价格监管的可能。</li>
</ul>
</article>
</div>
</section>
<!-- Data Bento Grid -->
<section id="market-data" class="bento-grid">
<div class="col-span-12 lg:col-span-7 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">市场趋势与展望</h3>
<ul class="list-disc list-inside space-y-2 text-sm text-gray-300">
<li><strong>长景气周期确立:</strong>氟化工产业链已进入长景气周期,供需格局持续优化。</li>
<li><strong>高景气度维持:</strong>配额政策与下游需求提振双重利好2025年行业有望维持高景气企业盈利能力将大幅提升。</li>
<li><strong>价格强势上行:</strong>主流制冷剂内外贸报盘持续上行2025年起点更高格局更优。Q2或掀起新一轮涨价潮。</li>
<li><strong>供给侧逻辑强化:</strong>供给强约束,需求稳定增长,产业长期向上趋势不变,行业远未达天花板。</li>
</ul>
</div>
<div class="col-span-12 lg:col-span-5 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">政策与配额管理</h3>
<ul class="list-disc list-inside space-y-2 text-sm text-gray-300">
<li><strong>核心政策:</strong>2025年二代(HCFCs)配额进一步削减,三代(HFCs)继续实行生产配额管理,企业具备【特许经营权】。</li>
<li><strong>配额现状:</strong>四季度配额使用紧张,年底殆尽。企业优先追求利润,履约减排。</li>
<li><strong>未来动向:</strong>生态环境部拟禁止在家用冰箱和冷柜中使用HFCs制冷剂自2026年1月1日起实施。</li>
</ul>
</div>
<div class="col-span-12 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">核心产品价格动态</h3>
<div id="price-chart" style="width: 100%; height: 400px;"></div>
</div>
<div class="col-span-12 md:col-span-6 xl:col-span-4 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">下游需求与应用</h3>
<ul class="list-disc list-inside space-y-2 text-sm text-gray-300">
<li><strong>空调行业:</strong>需求旺盛,排产大幅提升,为制冷剂价格提供支撑。全球变暖背景下需求长期稳定。</li>
<li><strong>海外市场:</strong>出口需求持续增长以R32为主。内外贸价差快速收敛外贸带涨趋势显现。</li>
<li><strong>新兴应用:</strong><strong class="text-yellow-300">数据中心冷却</strong>方案浮出水面以R134a为介质的双相冷板方案或成佳选可能加剧供需紧张。</li>
</ul>
</div>
<div class="col-span-12 md:col-span-6 xl:col-span-4 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">企业业绩动态</h3>
<p class="text-sm text-gray-300 mb-3">在核心产品制冷剂量价齐升带动下,多家氟化工龙头盈利显著增长,上半年业绩同比均实现倍增。</p>
<div class="space-y-2 text-xs">
<p><strong class="text-purple-300">三美股份:</strong> Q3净利同比增237%前三季增183%。</p>
<p><strong class="text-purple-300">巨化股份:</strong> 上半年归母净利增146.97%,已超去年全年。</p>
<p><strong class="text-purple-300">永和/东阳光:</strong> 上半年业绩同比倍增。</p>
</div>
</div>
<div class="col-span-12 md:col-span-12 xl:col-span-4 glass-card p-6 grid-item">
<h3 class="fui-header text-xl font-semibold text-cyan-300 mb-4">产业链上游</h3>
<ul class="list-disc list-inside space-y-2 text-sm text-gray-300">
<li><strong>萤石 (原料):</strong> 氟化工产业链起点,价格持续看涨。</li>
<li><strong>氢氟酸 (中间体):</strong> 大厂月度定价大幅上调,提振市场信心。</li>
<li class="text-yellow-300">持续看好并坚定推荐萤石、制冷剂的投资机会。</li>
</ul>
</div>
</section>
<!-- Roadshows & Reports -->
<section id="expert-views" class="glass-card p-6 md:p-8" x-data="{ tab: 'roadshows' }">
<div role="tablist" class="tabs tabs-bordered mb-6">
<a role="tab" class="tab text-lg" :class="{ 'tab-active text-cyan-300': tab === 'roadshows' }" @click.prevent="tab = 'roadshows'">路演纪要</a>
<a role="tab" class="tab text-lg" :class="{ 'tab-active text-cyan-300': tab === 'reports' }" @click.prevent="tab = 'reports'">研报精粹</a>
</div>
<div x-show="tab === 'roadshows'">
<div class="space-y-4 max-h-[600px] overflow-y-auto pr-4">
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" checked="checked" />
<div class="collapse-title text-lg font-medium text-purple-300">
开源证券 | 2025-09-26: 配额主升浪与AI液冷新赛道
</div>
<div class="collapse-content text-sm text-gray-300">
<ul class="list-disc list-inside space-y-1">
<li><strong>核心结论:</strong> HFCs配额制进入利润兑现期价格仍处主升浪中段10万元/吨不是顶。</li>
<li><strong>供给格局:</strong> 中国掌握全球80%以上供应与定价权,供给天花板明确。</li>
<li><strong>第二增长曲线:</strong> 液冷AI服务器、数据中心为确定性受益方向含氟冷却介质134a等需求打开新空间。</li>
<li><strong>价格利润:</strong> R32单吨毛利已达约4.5万元R22淘汰尾声价格利润创史高。</li>
<li><strong>竞争格局:</strong> CR4≈90%配额锁定份额至2045年禁止新建产能。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-lg font-medium text-purple-300">
国信化工 | 2024-02-26: 氟制冷剂专家交流
</div>
<div class="collapse-content text-sm text-gray-300">
<ul class="list-disc list-inside space-y-1">
<li><strong>价格上涨因素:</strong> 企业对配额稀缺性预期、中间商补库、冷链物流需求激增。</li>
<li><strong>价格天花板预测:</strong> 三代价格上限或达9.6万元/吨四代成本的80%)。</li>
<li><strong>趋势展望:</strong> 长期受配额收紧支撑,呈稳步上升趋势。</li>
<li><strong>国际格局:</strong> 新兴市场2032年前不受限中国主导全球供应。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-black/20">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-lg font-medium text-purple-300">
申万宏源 | 2024-03-17: HFCs开启配额时代步入长景气周期
</div>
<div class="collapse-content text-sm text-gray-300">
<ul class="list-disc list-inside space-y-1">
<li><strong>核心逻辑:</strong> 配额制推动周期反转HFCs配额基数疫情低谷期低于二代涨价弹性更大。</li>
<li><strong>配额总量:</strong> 实际发放配额仅占基准值76%出口配额占比高54%)。</li>
<li><strong>涨价节奏预测:</strong> Q2空调旺季推动内贸价Q4出口配额启动+二代加速淘汰,价格二次冲高。</li>
<li><strong>四代替代风险:</strong> 成本高、专利垄断短期至2025年三代仍主导市场。</li>
</ul>
</div>
</div>
</div>
</div>
<div x-show="tab === 'reports'">
<div class="space-y-4 max-h-[600px] overflow-y-auto pr-4">
<div class="p-4 border border-purple-500/30 rounded-lg bg-black/20">
<h4 class="font-bold text-purple-300 mb-2">全球供给格局 (2024年)</h4>
<p class="text-sm text-gray-300">中国HFCs配额18.53亿吨,占全球供给能力超<strong class="text-cyan-300">74%</strong>,对全球供应有决定性影响。</p>
</div>
<div class="p-4 border border-purple-500/30 rounded-lg bg-black/20">
<h4 class="font-bold text-purple-300 mb-2">中国市场配额管理</h4>
<p class="text-sm text-gray-300"><strong>二代(HCFCs)淘汰:</strong> R22在2024年已现供需缺口2025年配额将进一步削减。<br><strong>三代(HFCs)管理:</strong> 2024年为实施首年过剩产能去化价格价差修复明显。</p>
</div>
<div class="p-4 border border-purple-500/30 rounded-lg bg-black/20">
<h4 class="font-bold text-purple-300 mb-2">第四代制冷剂(HFOs)风险与机遇</h4>
<p class="text-sm text-gray-300"><strong>R1234yf:</strong> 欧美车用主流但存在可燃、降解产物TFA问题或受PFAS法规限制。国内处于起步阶段成本高昂巨化等已储备技术。</p>
</div>
<div class="p-4 border border-purple-500/30 rounded-lg bg-black/20">
<h4 class="font-bold text-purple-300 mb-2">投资逻辑与风险</h4>
<p class="text-sm text-gray-300"><strong>投资逻辑:</strong> 关注在第四代制冷剂研发具先发优势、原材料自给率高、海外布局领先的企业。<br><strong>主要风险:</strong> PFAS法案、下游需求不及预期、原材料价格大幅波动、天然工质替代加速。</p>
</div>
</div>
</div>
</section>
<!-- Rise Analysis Section -->
<section id="rise-analysis" class="glass-card p-6 md:p-8">
<h2 class="fui-header text-2xl md:text-3xl font-bold text-cyan-300 glow-text mb-6">异动个股归因分析</h2>
<div class="space-y-6">
<div class="p-4 border border-cyan-500/30 rounded-lg bg-black/20 hover:bg-black/40 transition-colors duration-300">
<div class="flex justify-between items-center mb-2">
<h4 class="text-lg font-bold text-cyan-200">先达股份 (603086) - <span class="text-green-400">涨幅 10.0%</span></h4>
<span class="text-xs text-gray-400">2025-07-07</span>
</div>
<p class="text-sm text-gray-300"><strong class="text-yellow-300">核心结论:</strong>烯草酮价格暴涨+出口配额落地+<strong class="text-purple-300">氟化工制冷剂景气共振</strong>,业绩弹性被资金一次性定价。</p>
<p class="text-xs text-gray-400 mt-2"><strong>与氟化工关联:</strong> 公司拥有8000吨/年含氟中间体产能60%外售制冷剂原料R32/R125。价格每涨1000元/吨年化业绩弹性约0.5亿元,直接受益于制冷剂景气周期。</p>
</div>
<div class="p-4 border border-cyan-500/30 rounded-lg bg-black/20 hover:bg-black/40 transition-colors duration-300">
<div class="flex justify-between items-center mb-2">
<h4 class="text-lg font-bold text-cyan-200">永太科技 (002326) - <span class="text-green-400">涨幅 10.03%</span></h4>
<span class="text-xs text-gray-400">2025-09-08</span>
</div>
<p class="text-sm text-gray-300"><strong class="text-yellow-300">核心结论:</strong>工信部氟化工供给侧改革征求意见稿发布,公司因“高端含氟电子化学品”产能直接受益,板块联动涨停。</p>
<p class="text-xs text-gray-400 mt-2"><strong>与氟化工关联:</strong> 政策鼓励含氟电子化学品、含氟锂盐公司现有六氟磷酸锂、LiFSI产能均属鼓励类新增氢氟酸项目成为少数“合规增量”标的稀缺性凸显。</p>
</div>
</div>
</section>
<!-- Stocks Section -->
<section id="stocks" class="glass-card p-6 md:p-8">
<h2 class="fui-header text-2xl md:text-3xl font-bold text-cyan-300 glow-text mb-6">产业链核心标的</h2>
<div class="space-y-8">
<div>
<h3 class="text-xl font-semibold text-purple-300 mb-4">产业链上游:萤石资源</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th class="text-cyan-300">股票名称</th>
<th class="text-cyan-300">核心逻辑</th>
<th class="text-cyan-300">标签</th>
</tr>
</thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=603505" target="_blank" class="link link-hover">金石资源</a></td><td>萤石保有资源储量A股第一2700万吨矿石量</td><td><div class="badge badge-outline badge-primary">萤石</div> <div class="badge badge-outline">上游</div></td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=605020" target="_blank" class="link link-hover">永和股份</a></td><td>萤石保有资源储量A股第二485.27万吨矿石量</td><td><div class="badge badge-outline badge-primary">萤石</div> <div class="badge badge-outline">上游</div></td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=002407" target="_blank" class="link link-hover">多氟多</a></td><td>投资三家萤石矿业公司</td><td><div class="badge badge-outline badge-primary">萤石</div> <div class="badge badge-outline">上游</div></td></tr>
</tbody>
</table>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-purple-300 mb-4">第三代制冷剂 (HFCs) 核心生产企业 (2025年配额)</h3>
<div class="overflow-x-auto grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- R32 Table -->
<div class="col-span-1">
<p class="font-bold text-lg mb-2 text-center text-gray-200">R32 (空调为主)</p>
<table class="table w-full text-sm">
<thead><tr><th class="text-cyan-300">股票名称</th><th class="text-cyan-300">配额占比</th></tr></thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=600160" target="_blank" class="link link-hover">巨化股份</a></td><td>45.8%</td></tr>
<tr><td>东岳集团</td><td>20.1%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=603379" target="_blank" class="link link-hover">三美股份</a></td><td>11.8%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600673" target="_blank" class="link link-hover">东阳光</a></td><td>10.3%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=605020" target="_blank" class="link link-hover">永和股份</a></td><td>2.3%</td></tr>
</tbody>
</table>
</div>
<!-- R125 Table -->
<div class="col-span-1">
<p class="font-bold text-lg mb-2 text-center text-gray-200">R125 (混配为主)</p>
<table class="table w-full text-sm">
<thead><tr><th class="text-cyan-300">股票名称</th><th class="text-cyan-300">配额占比</th></tr></thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=600160" target="_blank" class="link link-hover">巨化股份</a></td><td>38.4%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=603379" target="_blank" class="link link-hover">三美股份</a></td><td>18.4%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600378" target="_blank" class="link link-hover">昊华科技</a></td><td>17.4%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600673" target="_blank" class="link link-hover">东阳光</a></td><td>11.5%</td></tr>
<tr><td>东岳集团</td><td>8.9%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=605020" target="_blank" class="link link-hover">永和股份</a></td><td>4.9%</td></tr>
</tbody>
</table>
</div>
<!-- R134a Table -->
<div class="col-span-1">
<p class="font-bold text-lg mb-2 text-center text-gray-200">R134a (汽车/AI液冷)</p>
<table class="table w-full text-sm">
<thead><tr><th class="text-cyan-300">股票名称</th><th class="text-cyan-300">配额占比</th></tr></thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=600160" target="_blank" class="link link-hover">巨化股份</a></td><td>36.7%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600378" target="_blank" class="link link-hover">昊华科技</a></td><td>26.0%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=603379" target="_blank" class="link link-hover">三美股份</a></td><td>24.0%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=605020" target="_blank" class="link link-hover">永和股份</a></td><td>4.9%</td></tr>
<tr><td>东岳集团</td><td>3.3%</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=600673" target="_blank" class="link link-hover">东阳光</a></td><td>2.2%</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('price-chart');
var myChart = echarts.init(chartDom);
var option;
// Data extracted from news reports
const priceData = {
'R22': { '2024-09-06': 30000, '2024-10-08': 30000, '2025-01-06': 33000, '2025-05-28': 35500, '2025-06-05': 35750, '2025-06-25': 37000 },
'R32': { '2024-09-06': 35500, '2024-10-08': 37500, '2024-11-07': 40000, '2024-12-09': 42000, '2025-01-06': 41000, '2025-05-06': 46600, '2025-05-28': 52000, '2025-06-05': 52500, '2025-06-25': 54000 },
'R125': { '2024-09-06': 29500, '2024-10-08': 30500, '2024-11-07': 36500, '2024-12-09': 39000, '2025-01-06': 42000, '2025-06-05': 47000, '2025-06-25': 45000 },
'R134a': { '2024-09-06': 33000, '2024-10-08': 33500, '2024-11-06': 40000, '2024-12-09': 42000, '2025-01-06': 42000, '2025-05-28': 49000, '2025-06-05': 48500, '2025-06-25': 50000 },
'R410a': { '2024-09-06': 33500, '2025-01-06': 42000, '2025-05-28': 49000, '2025-06-05': 49000, '2025-06-25': 50000 }
};
const allDates = [...new Set(Object.values(priceData).flatMap(Object.keys))].sort();
const series = Object.keys(priceData).map(name => {
let lastValue = null;
return {
name: name,
type: 'line',
smooth: true,
showSymbol: false,
data: allDates.map(date => {
if (priceData[name][date] !== undefined) {
lastValue = priceData[name][date];
}
return lastValue;
}),
emphasis: {
focus: 'series'
},
lineStyle: {
width: 3,
shadowColor: 'rgba(0, 0, 0, 0.3)',
shadowBlur: 10,
shadowOffsetY: 8
}
};
});
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(10, 9, 30, 0.8)',
borderColor: 'rgba(77, 192, 253, 0.5)',
textStyle: {
color: '#e0e0e0'
},
formatter: function (params) {
let res = params[0].name + '<br/>';
params.forEach(function (item) {
if (item.value !== null) {
res += item.marker + item.seriesName + ' : ' + item.value.toLocaleString() + ' 元/吨<br/>';
}
});
return res;
}
},
legend: {
data: Object.keys(priceData),
textStyle: {
color: '#ccc'
},
top: 10,
right: 20
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: allDates,
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0.2)'
}
},
axisLabel: {
color: '#999'
}
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} 元',
color: '#999'
},
splitLine: {
lineStyle: {
color: 'rgba(255,255,255,0.1)'
}
}
},
series: series,
color: ['#4dc0fd', '#c04dfd', '#fde24d', '#4dfd8c', '#fd4d7c'] // Cyan, Purple, Yellow, Green, Pink
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>