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

1351 lines
60 KiB
HTML
Raw Permalink 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/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/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="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" 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>
<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, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: #ffffff;
min-height: 100vh;
}
.card {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.table-responsive {
overflow-x: visible;
}
.timeline-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 18px;
bottom: 0;
width: 1px;
background-color: rgba(255, 255, 255, 0.2);
}
.highlight-text {
color: #60a5fa;
font-weight: 600;
}
.section-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: #ffffff;
position: relative;
padding-left: 1rem;
}
.section-title::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
background: linear-gradient(to bottom, #3b82f6, #60a5fa);
border-radius: 2px;
}
.badge-primary {
background-color: rgba(59, 130, 246, 0.2);
color: #60a5fa;
}
.progress-bar {
background: linear-gradient(90deg, #3b82f6, #60a5fa);
}
.table th {
color: #cbd5e1;
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
}
.table td {
color: #e2e8f0;
vertical-align: middle;
}
.card-body {
padding: 1.5rem;
}
.blockquote {
border-left: 4px solid #3b82f6;
padding-left: 1rem;
}
.mermaid {
background: rgba(255, 255, 255, 0.05);
border-radius: 0.5rem;
padding: 1rem;
}
@media (max-width: 768px) {
.section-title {
font-size: 1.25rem;
}
.card-body {
padding: 1rem;
}
}
</style>
</head>
<body>
<div class="container mx-auto px-4 py-8">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-cyan-300 bg-clip-text text-transparent">钢铁行业洞察报告</h1>
<p class="text-lg text-gray-300">政策驱动的供给收缩周期2025年或为盈利底部反转元年</p>
</div>
<!-- 概念事件时间轴 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">概念事件时间轴</h2>
<div class="relative pl-6">
<div class="timeline-line"></div>
<div class="relative mb-6">
<div class="timeline-dot"></div>
<div class="ml-4">
<div class="flex flex-wrap items-center mb-1">
<span class="text-blue-400 font-semibold mr-3">2024-03-14</span>
<span class="badge badge-primary">政策发布</span>
</div>
<p class="text-gray-200">工信部发布《钢铁行业产能置换实施办法(修订稿)》</p>
<p class="text-gray-400 text-sm mt-1">明确2025年粗钢产量压减<span class="highlight-text">5000万吨</span>至9.5亿吨,关闭产能置换窗口</p>
</div>
</div>
<div class="relative mb-6">
<div class="timeline-dot"></div>
<div class="ml-4">
<div class="flex flex-wrap items-center mb-1">
<span class="text-blue-400 font-semibold mr-3">2024-08-01</span>
<span class="badge badge-primary">企业动态</span>
</div>
<p class="text-gray-200">华菱钢铁路演2025年资本开支拐点超低排放改造完成</p>
<p class="text-gray-400 text-sm mt-1">预示行业<span class="highlight-text">供给端收缩</span><span class="highlight-text">现金流改善</span></p>
</div>
</div>
<div class="relative mb-6">
<div class="timeline-dot"></div>
<div class="ml-4">
<div class="flex flex-wrap items-center mb-1">
<span class="text-blue-400 font-semibold mr-3">2024-10-14</span>
<span class="badge badge-primary">行业数据</span>
</div>
<p class="text-gray-200">世界钢铁协会2024年全球需求下降0.9%2025年反弹1.2%</p>
<p class="text-gray-400 text-sm mt-1">需求端<span class="highlight-text">底部确认</span></p>
</div>
</div>
<div class="relative mb-6">
<div class="timeline-dot"></div>
<div class="ml-4">
<div class="flex flex-wrap items-center mb-1">
<span class="text-blue-400 font-semibold mr-3">2025-03-14</span>
<span class="badge badge-primary">政策预期</span>
</div>
<p class="text-gray-200">政策文件流出:钢铁行业"1+3"产能治理路线图</p>
<p class="text-gray-400 text-sm mt-1">提出<span class="highlight-text">市场化去产能</span>三步走力度参考2017年"地条钢"</p>
</div>
</div>
<div class="relative">
<div class="timeline-dot"></div>
<div class="ml-4">
<div class="flex flex-wrap items-center mb-1">
<span class="text-blue-400 font-semibold mr-3">2025-07-15</span>
<span class="badge badge-primary">市场反应</span>
</div>
<p class="text-gray-200">中钢协会议:要求"严控增量、畅通退出"</p>
<p class="text-gray-400 text-sm mt-1">触发八一钢铁、西宁特钢等<span class="highlight-text">涨停</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">核心观点摘要</h2>
<div class="space-y-4">
<div class="flex items-start">
<i class="fas fa-circle text-blue-400 text-xs mt-2 mr-3"></i>
<div>
<h3 class="text-lg font-semibold mb-1">当前阶段</h3>
<p class="text-gray-300">钢铁行业处于<span class="highlight-text">政策驱动的供给收缩周期</span>2025年或为<span class="highlight-text">盈利底部反转元年</span></p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-circle text-blue-400 text-xs mt-2 mr-3"></i>
<div>
<h3 class="text-lg font-semibold mb-1">核心矛盾</h3>
<p class="text-gray-300">需求端地产拖累但制造业补位,供给端<span class="highlight-text">5000万吨行政减产+市场化出清</span>将重塑供需平衡。</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-circle text-blue-400 text-xs mt-2 mr-3"></i>
<div>
<h3 class="text-lg font-semibold mb-1">预期差</h3>
<p class="text-gray-300">市场仍纠结于"地产需求",忽视<span class="highlight-text">制造业用钢占比已超50%</span>华菱钢铁特钢占比65%),且<span class="highlight-text">民营落后产能占59%)将成为淘汰主力</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">核心逻辑与市场认知分析</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-blue-300">核心驱动力政策供给侧改革2.0</h3>
<div class="space-y-3">
<div>
<h4 class="font-medium mb-1">量化目标</h4>
<p class="text-gray-300">2025年粗钢产量<span class="highlight-text">9.5亿吨</span>2024年约10.1亿吨),对应<span class="highlight-text">-5%供给收缩</span></p>
</div>
<div>
<h4 class="font-medium mb-1">执行机制</h4>
<ul class="list-disc pl-5 text-gray-300 space-y-1">
<li><span class="font-medium">行政端</span>环保绩效分级管控A级企业豁免限产D级强制退出</li>
<li><span class="font-medium">市场端</span>民营钢企设备落后高炉平均699m³ vs 央企1230m³<span class="highlight-text">吨钢亏损200元</span>下自发减产。</li>
</ul>
</div>
<div>
<h4 class="font-medium mb-1">数据验证</h4>
<p class="text-gray-300">2024年1-10月粗钢产量已<span class="highlight-text">-2.74%</span>,河北、山西等地<span class="highlight-text">1000m³以下高炉</span>开始关停。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-blue-300">市场认知偏差</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th class="text-left">市场共识</th>
<th class="text-left">实际数据</th>
<th class="text-left">预期差</th>
</tr>
</thead>
<tbody>
<tr>
<td>"地产需求崩溃"</td>
<td>2024年制造业用钢占比<span class="highlight-text">53%</span>(华菱汽车板+硅钢占比70%</td>
<td>需求结构已转型</td>
</tr>
<tr>
<td>"产能过剩无解"</td>
<td>民营产能占比59%,但<span class="highlight-text">吨钢亏损</span>加速出清</td>
<td>市场化去产能启动</td>
</tr>
<tr>
<td>"钢铁无成长性"</td>
<td>特钢企业久立特材核电管市占率<span class="highlight-text">50%+</span></td>
<td>高端材料壁垒极高</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- 催化剂与路径 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">催化剂与路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<h3 class="text-xl font-semibold mb-3 text-blue-300">近期催化剂3-6个月</h3>
<div class="space-y-3">
<div class="flex items-start">
<span class="badge badge-primary mr-3 mt-1">2025Q1</span>
<p class="text-gray-300">各省减产细则落地(湖南/江苏已明确<span class="highlight-text">-5%产量</span>)。</p>
</div>
<div class="flex items-start">
<span class="badge badge-primary mr-3 mt-1">2025Q2</span>
<p class="text-gray-300">碳排放权交易纳入钢铁(<span class="highlight-text">吨钢成本+100元</span>,倒逼低效产能退出)。</p>
</div>
<div class="flex items-start">
<span class="badge badge-primary mr-3 mt-1">2025Q3</span>
<p class="text-gray-300">民营钢企亏损面扩大至<span class="highlight-text">60%</span>2024Q3为38%),触发并购潮。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-blue-300">长期路径2025-2027</h3>
<div class="mermaid">
<div class="flex flex-col items-center">
<div class="bg-blue-900 bg-opacity-50 px-4 py-2 rounded-lg mb-4 w-full text-center">
<p class="font-medium">2025:供给收缩</p>
</div>
<div class="text-gray-400 mb-2"></div>
<div class="bg-blue-900 bg-opacity-50 px-4 py-2 rounded-lg mb-4 w-full text-center">
<p class="font-medium">2026:集中度提升</p>
</div>
<div class="text-gray-400 mb-2"></div>
<div class="bg-blue-900 bg-opacity-50 px-4 py-2 rounded-lg mb-4 w-full text-center">
<p class="font-medium">2027:特钢溢价</p>
</div>
<div class="text-gray-400 mb-2"></div>
<div class="bg-blue-900 bg-opacity-50 px-4 py-2 rounded-lg w-full text-center">
<p class="font-medium">龙头PB修复至1.5x</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">产业链与核心公司</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-blue-300">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-blue-900 bg-opacity-30 p-4 rounded-lg">
<h4 class="font-semibold mb-2 text-blue-300">上游</h4>
<p class="text-gray-300 text-sm">铁矿石(河钢资源自有矿<span class="highlight-text">成本优势</span>)、焦煤(长协价锁定)</p>
</div>
<div class="bg-blue-900 bg-opacity-30 p-4 rounded-lg">
<h4 class="font-semibold mb-2 text-blue-300">中游</h4>
<p class="text-gray-300 text-sm"><span class="font-medium">普钢龙头</span>:宝钢股份(<span class="highlight-text">吨钢折旧最低</span>、华菱钢铁特钢占比65%<br><span class="font-medium">特钢</span>:久立特材(核电管<span class="highlight-text">市占率50%</span>)、中信特钢(<span class="highlight-text">ROE 9.8%</span></p>
</div>
<div class="bg-blue-900 bg-opacity-30 p-4 rounded-lg">
<h4 class="font-semibold mb-2 text-blue-300">下游</h4>
<p class="text-gray-300 text-sm">汽车(特斯拉供应链)、风电(金风科技订单)</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-blue-300">核心公司对比</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th class="text-left">公司</th>
<th class="text-left">逻辑</th>
<th class="text-left">数据验证</th>
<th class="text-left">风险</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-medium">华菱钢铁</td>
<td>特钢转型+低估值</td>
<td>2025年硅钢产能<span class="highlight-text">50万吨</span>vs 2024年0PB <span class="highlight-text">0.7x</span></td>
<td>汽车需求不及预期</td>
</tr>
<tr>
<td class="font-medium">宝钢股份</td>
<td>并购整合+碳交易受益</td>
<td>2024年收购山钢<span class="highlight-text">吨钢碳排放-30%</span></td>
<td>央企改革进度慢</td>
</tr>
<tr>
<td class="font-medium">久立特材</td>
<td>核电管壁垒</td>
<td>2024年订单<span class="highlight-text">+40%</span>,毛利率<span class="highlight-text">30%+</span></td>
<td>技术替代风险</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- 风险与挑战 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">风险与挑战</h2>
<div class="space-y-4">
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">技术风险</h3>
<p class="text-gray-300">氢冶金技术(河钢示范线)<span class="highlight-text">吨钢成本高50元</span>需2026年绿氢降价至<span class="highlight-text">20元/kg</span>才具备经济性。</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">政策风险</h3>
<p class="text-gray-300">若2025年<span class="highlight-text">地产政策超预期放松</span>(如棚改重启),可能延缓去产能节奏。</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">信息矛盾</h3>
<p class="text-gray-300"><span class="highlight-text">新闻</span>称"史诗级机会",但<span class="highlight-text">路演</span>显示华菱2025年资本开支仅<span class="highlight-text">55亿元</span>(同比-30%),需验证实际减产力度。</p>
</div>
</div>
</div>
</div>
<!-- 结论与投资启示 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">结论与投资启示</h2>
<div class="space-y-4">
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">阶段判断</h3>
<p class="text-gray-300"><span class="highlight-text">主题炒作</span>(政策预期)转向<span class="highlight-text">基本面驱动</span>(供给收缩+特钢溢价)。</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">投资方向</h3>
<ul class="list-disc pl-5 text-gray-300 space-y-1">
<li><span class="font-medium">短期</span>:布局<span class="highlight-text">低PB+高分红</span>龙头(华菱钢铁股息率<span class="highlight-text">5.5%</span>)。</li>
<li><span class="font-medium">长期</span>:关注<span class="highlight-text">特钢渗透率提升</span>(久立特材核电管<span class="highlight-text">2025年需求翻倍</span>)。</li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-2 text-blue-300">跟踪指标</h3>
<ul class="list-disc pl-5 text-gray-300 space-y-1">
<li><span class="font-medium">供给端</span>:民营钢企高炉开工率(当前<span class="highlight-text">65%</span>跌破50%触发行情)。</li>
<li><span class="font-medium">需求端</span>汽车板订单华菱2025年<span class="highlight-text">300万吨</span>目标)。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card mb-8">
<div class="card-body">
<h2 class="section-title">关联股票数据</h2>
<div class="table-responsive">
<table class="table align-items-center mb-0">
<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 ps-2">分类</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">业务相关</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">利润占比</th>
<th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">营收占比</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">中国神华</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">兖矿能源 中煤能源 山煤国际 赣能股份 陕西黑猫 山西焦化</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">49.13%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="49.13" aria-valuemin="0" aria-valuemax="100" style="width: 49.13%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">79.70%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="79.70" aria-valuemin="0" aria-valuemax="100" style="width: 79.70%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">宝钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">国资钢企营收第一</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">101.11%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="101.11" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">99.82%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="99.82" aria-valuemin="0" aria-valuemax="100" style="width: 99.82%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">鞍钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">国资钢企营收第二</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">太钢不锈</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">具备1000万吨钢(其中300万吨为不锈钢)生产能力,国资钢企营收第三</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">81.74%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="81.74" aria-valuemin="0" aria-valuemax="100" style="width: 81.74%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">94.64%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="94.64" aria-valuemin="0" aria-valuemax="100" style="width: 94.64%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">马钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">具备2000万吨钢配套生产规模国资钢企营收第四</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">34.17%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="34.17" aria-valuemin="0" aria-valuemax="100" style="width: 34.17%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">96.08%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="96.08" aria-valuemin="0" aria-valuemax="100" style="width: 96.08%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">八一钢铁</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">新疆本地最大钢企,国资钢企营收第五</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">93.64%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="93.64" aria-valuemin="0" aria-valuemax="100" style="width: 93.64%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">73.69%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="73.69" aria-valuemin="0" aria-valuemax="100" style="width: 73.69%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">华菱钢铁</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">湖南本地最大钢企产能2500万吨左右</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">44.48%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="44.48" aria-valuemin="0" aria-valuemax="100" style="width: 44.48%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">32.68%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="32.68" aria-valuemin="0" aria-valuemax="100" style="width: 32.68%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">杭钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">浙江本地最大钢企年产量331.80万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">96.04%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="96.04" aria-valuemin="0" aria-valuemax="100" style="width: 96.04%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">94.50%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="94.50" aria-valuemin="0" aria-valuemax="100" style="width: 94.50%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">河钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">河北本地最大钢企年产3000万吨钒钢材</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">首钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">北京本地最大钢企年产能2170万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">97.37%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="97.37" aria-valuemin="0" aria-valuemax="100" style="width: 97.37%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">85.61%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="85.61" aria-valuemin="0" aria-valuemax="100" style="width: 85.61%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">山东钢铁</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">山东本地最大钢企年产量1945万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">83.87%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="83.87" aria-valuemin="0" aria-valuemax="100" style="width: 83.87%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">89.93%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="89.93" aria-valuemin="0" aria-valuemax="100" style="width: 89.93%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">柳钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">上游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">广西本地最大钢企全年钢材产量1280万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100.00%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">包钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">内蒙古本地最大钢企热轧卷板产量超800万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">98.52%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="98.52" aria-valuemin="0" aria-valuemax="100" style="width: 98.52%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">97.73%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="97.73" aria-valuemin="0" aria-valuemax="100" style="width: 97.73%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">本钢板材</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">辽宁本地第一大钢企粗钢1115万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">113.96%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="113.96" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">95.59%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="95.59" aria-valuemin="0" aria-valuemax="100" style="width: 95.59%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">凌钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">辽宁本地第二大钢企年产能600万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">81.70%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="81.70" aria-valuemin="0" aria-valuemax="100" style="width: 81.70%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">64.13%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="64.13" aria-valuemin="0" aria-valuemax="100" style="width: 64.13%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">南钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">江苏本地第一大钢企全年钢材产量为1039.87万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">79.84%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="79.84" aria-valuemin="0" aria-valuemax="100" style="width: 79.84%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">91.85%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="91.85" aria-valuemin="0" aria-valuemax="100" style="width: 91.85%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">沙钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">民营江苏本地第二大钢企优特钢320万吨/年</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">93.76%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="93.76" aria-valuemin="0" aria-valuemax="100" style="width: 93.76%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">92.75%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="92.75" aria-valuemin="0" aria-valuemax="100" style="width: 92.75%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">三钢闽光</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">福建本地最大钢企具备年产能1200万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">82.54%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="82.54" aria-valuemin="0" aria-valuemax="100" style="width: 82.54%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">94.15%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="94.15" aria-valuemin="0" aria-valuemax="100" style="width: 94.15%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">新钢股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">江西本地最大钢企具备年产1000万吨级钢材生产能力</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">77.12%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="77.12" aria-valuemin="0" aria-valuemax="100" style="width: 77.12%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">98.68%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="98.68" aria-valuemin="0" aria-valuemax="100" style="width: 98.68%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">方大特钢</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">年产钢材408.28万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">100%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">酒钢宏兴</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">甘肃本地最大钢企2025年计划生产粗钢901.1万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">132.12%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="132.12" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">86.49%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="86.49" aria-valuemin="0" aria-valuemax="100" style="width: 86.49%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">安阳钢铁</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">河南本地最大钢企年产能超过1000万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">102.88%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="102.88" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">98.51%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="98.51" aria-valuemin="0" aria-valuemax="100" style="width: 98.51%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">重庆钢铁</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">重庆本地最大钢企年产量840万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">39.67%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="39.67" aria-valuemin="0" aria-valuemax="100" style="width: 39.67%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">88.18%</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="88.18" aria-valuemin="0" aria-valuemax="100" style="width: 88.18%;"></div>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="d-flex px-2">
<div class="my-auto">
<h6 class="mb-0 text-xs">中南股份</h6>
</div>
</div>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">中游</p>
</td>
<td>
<p class="text-xs font-weight-bold mb-0">广东本地最大钢企计划年度铁产量685万吨</p>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">-</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
</div>
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<span class="me-2 text-xs">-</span>
<div>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-secondary" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/typedjs.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/parallax.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/smooth-scroll.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/anime.min.js" type="text/javascript"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/plugins/chartjs.min.js"></script>
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/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>
<script>
// 初始化背景动画
VANTA.WAVES({
el: "body",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x1a1a2e,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.75,
zoom: 0.75
});
</script>
</body>
</html>
```