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

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

661
public/htmls/有色金属.html Normal file
View File

@@ -0,0 +1,661 @@
<!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">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<style>
:root {
--primary-gradient: linear-gradient(135deg, #8B4513 0%, #CD853F 50%, #DAA520 100%);
--secondary-gradient: linear-gradient(135deg, #4682B4 0%, #5F9EA0 50%, #20B2AA 100%);
--metal-gradient: linear-gradient(135deg, #C0C0C0 0%, #D3D3D3 50%, #E5E5E5 100%);
}
body {
background-color: #f8f9fa;
font-family: 'Inter', sans-serif;
position: relative;
overflow-x: hidden;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: 0.3;
}
.metal-card {
background: var(--metal-gradient);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border-radius: 12px;
backdrop-filter: blur(10px);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #DAA520;
position: absolute;
left: -8px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 22px;
bottom: -22px;
width: 2px;
background-color: #DAA520;
}
.timeline-item:last-child .timeline-line {
display: none;
}
.highlight-text {
background: linear-gradient(transparent 60%, rgba(218, 165, 32, 0.3) 40%);
padding: 0 2px;
}
.table-container {
overflow-x: auto;
}
.table-container::-webkit-scrollbar {
height: 8px;
}
.table-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb {
background: #DAA520;
border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb:hover {
background: #B8860B;
}
@media (max-width: 768px) {
.timeline-dot {
left: -6px;
width: 12px;
height: 12px;
}
.timeline-line {
left: 0;
width: 1px;
}
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-yellow-700 via-yellow-500 to-yellow-700 bg-clip-text text-transparent">
有色金属行业分析报告
</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
探索有色金属行业的周期复苏、供需格局与投资机会
</p>
</header>
<!-- 核心观点摘要 -->
<section class="mb-12">
<div class="metal-card p-6 md:p-8">
<h2 class="text-2xl font-bold mb-4 text-gray-800">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white bg-opacity-70 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-2 text-gray-700">阶段判断</h3>
<p class="text-gray-600">
有色金属处于<span class="highlight-text font-semibold">"政策底+库存底"</span>共振的周期复苏初期，工业金属（铜铝）和贵金属（黄金）率先进入基本面驱动阶段，新能源金属（锂稀土）仍处左侧布局期。
</p>
</div>
<div class="bg-white bg-opacity-70 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-2 text-gray-700">核心驱动力</h3>
<p class="text-gray-600">
<span class="highlight-text font-semibold">供给刚性</span>（产能天花板+资源瓶颈）与<span class="highlight-text font-semibold">需求弹性</span>（新能源+基建）的剪刀差，叠加全球流动性宽松预期。
</p>
</div>
</div>
</div>
</section>
<!-- 时间轴部分 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-6 text-gray-800">概念事件时间轴</h2>
<div class="relative pl-8">
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2024年2月</h3>
<p class="text-gray-600 mt-1">浙商策略首次将有色金属纳入月度行业打分表，提示"低拥挤度+中期景气反转"共振。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2024年7月</h3>
<p class="text-gray-600 mt-1">中国有色金属工业协会预判全年工业增加值增速<span class="font-semibold text-yellow-700">6%</span>，铜铝价格高位震荡，锂价底部徘徊。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2024年9月</h3>
<p class="text-gray-600 mt-1">美联储降息50bp+国内政策组合拳（特别国债、地产放松），工业金属库存拐点出现，铜价突破<span class="font-semibold text-yellow-700">8万元/吨</span>。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2024年10月</h3>
<p class="text-gray-600 mt-1">稀土管理条例落地，缅甸进口矿扰动，氧化镨钕价格从<span class="font-semibold text-yellow-700">35万/吨</span>反弹至<span class="font-semibold text-yellow-700">45万/吨</span>。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2025年1月</h3>
<p class="text-gray-600 mt-1">特朗普关税政策弱于预期，黄金突破<span class="font-semibold text-yellow-700">2700美元/盎司</span>，电解铝盈利转正（行业平均吨盈利<span class="font-semibold text-yellow-700">1300元</span>）。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-gradient-to-r from-yellow-50 to-amber-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800">2025年5月</h3>
<p class="text-gray-600 mt-1">LME有色金属持续回升，市场讨论"价格是否见底"，铜矿TC/RC跌至<span class="font-semibold text-yellow-700">20美元/吨</span>（冶炼厂成本线<span class="font-semibold text-yellow-700">50美元</span>）。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑与市场认知分析 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-6 text-gray-800">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-5 rounded-lg">
<h3 class="font-bold text-lg mb-3 text-gray-800 flex items-center">
<i class="fas fa-industry text-blue-500 mr-2"></i>
供给端分析
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>电解铝</strong>：产能置换政策下，2025年新增产能近乎为零（中国宏桥、云铝股份受益）</span>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>铜矿</strong>：全球资本开支不足，2025年铜精矿缺口或达50万吨（紫金矿业、洛阳钼业资源自给率提升）</span>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-green-50 to-emerald-50 p-5 rounded-lg">
<h3 class="font-bold text-lg mb-3 text-gray-800 flex items-center">
<i class="fas fa-chart-line text-green-500 mr-2"></i>
需求端分析
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span><strong>传统领域</strong>：地产竣工降幅收窄（-20%→-12%），电网投资+24%直接拉动铜消费</span>
</li>
<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span><strong>新兴领域</strong>：新能源车用铝量单车200kg（2025年需求增量200万吨），风电光伏用铜每GW 5000吨</span>
</li>
</ul>
</div>
</div>
<div class="bg-gradient-to-r from-amber-50 to-yellow-50 p-5 rounded-lg border-l-4 border-amber-500">
<h3 class="font-bold text-lg mb-3 text-gray-800">预期差分析</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<p class="font-semibold text-gray-700 mb-2">市场共识</p>
<p class="text-gray-600">铜价上涨依赖"美联储降息+中国复苏"</p>
</div>
<div>
<p class="font-semibold text-gray-700 mb-2">被忽略点</p>
<ul class="text-gray-600 space-y-1">
<li>• 冶炼端利润：铜TC/RC跌至20美元/吨（历史低位），冶炼厂减产或触发逼仓行情</li>
<li>• 稀土政策：进口矿纳入配额管理（2025年执行），缅甸矿占国内供给30%（北方稀土弹性最大）</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链与核心公司分析 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-6 text-gray-800">产业链与核心公司深度剖析</h2>
<div class="mb-8">
<h3 class="font-bold text-lg mb-4 text-gray-800">产业链图谱</h3>
<div class="bg-gradient-to-r from-gray-50 to-gray-100 p-5 rounded-lg">
<div class="flex flex-col md:flex-row justify-between items-center text-center">
<div class="mb-4 md:mb-0">
<div class="bg-yellow-100 text-yellow-800 px-4 py-2 rounded-lg font-semibold">上游资源</div>
<div class="mt-2 text-gray-600">铜矿（紫金）</div>
<div class="text-gray-600">铝土矿（中国宏桥）</div>
<div class="text-gray-600">稀土矿（北方稀土）</div>
</div>
<div class="mb-4 md:mb-0">
<i class="fas fa-arrow-right text-2xl text-gray-400 mx-2 hidden md:block"></i>
<i class="fas fa-arrow-down text-2xl text-gray-400 mx-2 md:hidden"></i>
</div>
<div class="mb-4 md:mb-0">
<div class="bg-blue-100 text-blue-800 px-4 py-2 rounded-lg font-semibold">中游冶炼</div>
<div class="mt-2 text-gray-600">电解铜（江西铜业）</div>
<div class="text-gray-600">电解铝（云铝股份）</div>
<div class="text-gray-600">磁材（金力永磁）</div>
</div>
<div class="mb-4 md:mb-0">
<i class="fas fa-arrow-right text-2xl text-gray-400 mx-2 hidden md:block"></i>
<i class="fas fa-arrow-down text-2xl text-gray-400 mx-2 md:hidden"></i>
</div>
<div>
<div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg font-semibold">下游应用</div>
<div class="mt-2 text-gray-600">电网/新能源车</div>
<div class="text-gray-600">汽车轻量化</div>
<div class="text-gray-600">风电/机器人</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="font-bold text-lg mb-4 text-gray-800">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">资源自给率</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">2025E产能增量</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">估值（PE）</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-900">紫金矿业</td>
<td class="py-3 px-4 text-gray-600">铜<span class="font-semibold text-yellow-700">100%</span></td>
<td class="py-3 px-4 text-gray-600">+30万吨铜矿</td>
<td class="py-3 px-4 text-gray-600"><span class="font-semibold text-yellow-700">12倍</span></td>
<td class="py-3 px-4 text-gray-600">海外矿山政治风险</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">中国宏桥</td>
<td class="py-3 px-4 text-gray-600">铝<span class="font-semibold text-yellow-700">80%</span></td>
<td class="py-3 px-4 text-gray-600">0（产能封顶）</td>
<td class="py-3 px-4 text-gray-600"><span class="font-semibold text-yellow-700">5倍</span></td>
<td class="py-3 px-4 text-gray-600">氧化铝价格下跌</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">北方稀土</td>
<td class="py-3 px-4 text-gray-600">稀土<span class="font-semibold text-yellow-700">50%</span></td>
<td class="py-3 px-4 text-gray-600">配额<span class="font-semibold text-yellow-700">+5%</span></td>
<td class="py-3 px-4 text-gray-600"><span class="font-semibold text-yellow-700">15倍</span></td>
<td class="py-3 px-4 text-gray-600">新能源车需求不及预期</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- 关联股票数据表格 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-6 text-gray-800">关联股票数据</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关键信息</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">资料来源</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">原因</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-900">华钰矿业</td>
<td class="py-3 px-4 text-gray-600">锑</td>
<td class="py-3 px-4 text-gray-600">前三季度锑精矿收入占营收10.99%</td>
<td class="py-3 px-4 text-gray-600">公告</td>
<td class="py-3 px-4 text-gray-600">公司国内控制铅、锌、铜、锑、银资源储量超过300万金属吨</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">湖南黄金</td>
<td class="py-3 px-4 text-gray-600">锑</td>
<td class="py-3 px-4 text-gray-600">锑产品产量为3.1124万吨，今年计划生产3.6万吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">锑产品产量及出口销售情况</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">华锡有色</td>
<td class="py-3 px-4 text-gray-600">锑</td>
<td class="py-3 px-4 text-gray-600">高峰矿保有资源锑金属量18.69万吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">资源储量数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">金瑞矿业</td>
<td class="py-3 px-4 text-gray-600">锶</td>
<td class="py-3 px-4 text-gray-600">大风山锶矿资源已探明保有储量约为1500万吨，国内属大中型锶矿</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">锶矿资源储量及行业地位</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">红星发展</td>
<td class="py-3 px-4 text-gray-600">锰</td>
<td class="py-3 px-4 text-gray-600">重晶石矿山，矿石品位在10%左右，子公司红星电化、万山鹏程各有一座碳酸锰矿山</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">矿山及子公司情况</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">中钨高新</td>
<td class="py-3 px-4 text-gray-600">钨</td>
<td class="py-3 px-4 text-gray-600">柿竹园出产钨精矿，年产量约为1500吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">钨精矿生产情况</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">豫光金铅</td>
<td class="py-3 px-4 text-gray-600">锑</td>
<td class="py-3 px-4 text-gray-600">2023年精铋产量为1675吨，产品营收占比未超过10%</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">产量及营收数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">高能环境</td>
<td class="py-3 px-4 text-gray-600">铋</td>
<td class="py-3 px-4 text-gray-600">全资子公司靖远高能对铋进行分离和提取，提炼为精铋，国内最大的精铋生产商</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">生产能力和行业地位</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">湖南白银</td>
<td class="py-3 px-4 text-gray-600">铋</td>
<td class="py-3 px-4 text-gray-600">2024年生产计划粗铋2500吨</td>
<td class="py-3 px-4 text-gray-600">公告</td>
<td class="py-3 px-4 text-gray-600">生产计划数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">恒邦股份</td>
<td class="py-3 px-4 text-gray-600">锑、铋、碲</td>
<td class="py-3 px-4 text-gray-600">2023年度公司锑、铋、碲等金属的营业收入为6.15亿元</td>
<td class="py-3 px-4 text-gray-600">公告</td>
<td class="py-3 px-4 text-gray-600">营收数据</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">云南锗业</td>
<td class="py-3 px-4 text-gray-600">锗</td>
<td class="py-3 px-4 text-gray-600">拥有完整产业链的锗行业上市公司，锗产品产销量全国第一</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">行业地位</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">中金岭南</td>
<td class="py-3 px-4 text-gray-600">锗</td>
<td class="py-3 px-4 text-gray-600">截止2023年底，公司所属矿山保有金属资源量锗233吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">资源储量数据</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">驰宏锌锗</td>
<td class="py-3 px-4 text-gray-600">锗</td>
<td class="py-3 px-4 text-gray-600">2024年前三季度公司完成锗产品含锗产量51.18吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">产量数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">锡业股份</td>
<td class="py-3 px-4 text-gray-600">铟</td>
<td class="py-3 px-4 text-gray-600">截至2023年12月31日，公司铟金属保有资源储量4945吨</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">资源储量数据</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">锌业股份</td>
<td class="py-3 px-4 text-gray-600">铟</td>
<td class="py-3 px-4 text-gray-600">铟是公司综合回收产品，年产量8吨左右</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">产量数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">株冶集团</td>
<td class="py-3 px-4 text-gray-600">铟</td>
<td class="py-3 px-4 text-gray-600">铟产品产能约60吨/年</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">产能数据</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">铜陵有色</td>
<td class="py-3 px-4 text-gray-600">碲</td>
<td class="py-3 px-4 text-gray-600">碲化铜项目为碲元素的综合利用项目，设计产能80吨/年</td>
<td class="py-3 px-4 text-gray-600">互动</td>
<td class="py-3 px-4 text-gray-600">项目产能</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">湖南白银</td>
<td class="py-3 px-4 text-gray-600">碲</td>
<td class="py-3 px-4 text-gray-600">2024年生产计划精碲72吨</td>
<td class="py-3 px-4 text-gray-600">公告</td>
<td class="py-3 px-4 text-gray-600">生产计划数据</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">恒邦股份</td>
<td class="py-3 px-4 text-gray-600">锑、铋、碲</td>
<td class="py-3 px-4 text-gray-600">2024年完成锑、铋、碲产量6700吨</td>
<td class="py-3 px-4 text-gray-600">网络公开资料</td>
<td class="py-3 px-4 text-gray-600">产量数据</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">豫光金铅</td>
<td class="py-3 px-4 text-gray-600">稀有金属</td>
<td class="py-3 px-4 text-gray-600">公司在铅阳极泥的回收过程中能够获取到包括锑、铋、碲、钯和铂等稀有金属</td>
<td class="py-3 px-4 text-gray-600">公告</td>
<td class="py-3 px-4 text-gray-600">回收项目</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 风险与结论 -->
<section class="mb-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-4 text-gray-800">潜在风险与挑战</h2>
<div class="space-y-4">
<div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-500">
<h3 class="font-semibold text-lg mb-2 text-gray-800">技术风险</h3>
<p class="text-gray-600">盐湖提锂技术突破（如青海盐湖3万元/吨成本）或压制锂价中枢。</p>
</div>
<div class="bg-orange-50 p-4 rounded-lg border-l-4 border-orange-500">
<h3 class="font-semibold text-lg mb-2 text-gray-800">政策风险</h3>
<p class="text-gray-600">美国若取消对华关税豁免，铝材出口-60%（2024年对美出口已降至3.8%）。</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-semibold text-lg mb-2 text-gray-800">信息矛盾</h3>
<p class="text-gray-600">研报称"电解铝产能利用率85%"，但路演数据显示云南枯水期限产20%（实际供给或更紧）。</p>
</div>
</div>
</div>
<div class="bg-gradient-to-br from-green-50 to-emerald-50 rounded-xl shadow-lg p-6 md:p-8">
<h2 class="text-2xl font-bold mb-4 text-gray-800">综合结论与投资启示</h2>
<div class="space-y-4">
<div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">阶段判断</h3>
<p class="text-gray-600">有色金属已从主题炒作（2024Q1政策预期）进入基本面驱动（2024Q4库存去化+盈利修复）。</p>
</div>
<div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">投资方向</h3>
<ul class="text-gray-600 space-y-1">
<li>• <span class="font-semibold">进攻组合</span>：铜（紫金矿业）+稀土（北方稀土）——供需缺口最大</li>
<li>• <span class="font-semibold">防御组合</span>：黄金（山东黄金）+高股息铝（中国宏桥）——抗通胀+现金流</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">跟踪指标</h3>
<ul class="text-gray-600 space-y-1">
<li>• <span class="font-semibold">铜</span>：LME库存&lt;10万吨（当前15万吨）+ TC/RC&lt;25美元</li>
<li>• <span class="font-semibold">稀土</span>：氧化镨钕价格站稳45万/吨+磁材开工率&gt;80%</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 数据来源 -->
<footer class="text-center text-gray-500 text-sm py-6">
<p>数据来源：中国有色金属工业协会、LME库存、Wind行业数据、路演纪要（浙商/海通/天风）</p>
</footer>
</div>
<!-- 引入tsParticles -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
tsParticles.load("particles-js", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: ["#DAA520", "#CD853F", "#B8860B", "#8B4513"]
},
shape: {
type: "circle",
stroke: {
width: 0,
color: "#000000"
}
},
opacity: {
value: 0.5,
random: true,
anim: {
enable: true,
speed: 1,
opacity_min: 0.1,
sync: false
}
},
size: {
value: 3,
random: true,
anim: {
enable: true,
speed: 2,
size_min: 0.1,
sync: false
}
},
line_linked: {
enable: true,
distance: 150,
color: "#DAA520",
opacity: 0.2,
width: 1
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out",
bounce: false,
attract: {
enable: false,
rotateX: 600,
rotateY: 1200
}
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 0.5
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```