780 lines
43 KiB
HTML
780 lines
43 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<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.4.19/dist/full.min.css" rel="stylesheet" type="text/css">
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
|
||
|
||
* {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
}
|
||
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);
|
||
background-size: 400% 400%;
|
||
animation: gradientShift 15s ease infinite;
|
||
}
|
||
|
||
@keyframes gradientShift {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #667eea, #764ba2);
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
|
||
}
|
||
|
||
.stock-row:hover {
|
||
background: linear-gradient(90deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
|
||
}
|
||
|
||
.pulse-dot {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
transform: scale(0.95);
|
||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
|
||
}
|
||
70% {
|
||
transform: scale(1);
|
||
box-shadow: 0 0 0 10px rgba(102, 126, 234, 0);
|
||
}
|
||
100% {
|
||
transform: scale(0.95);
|
||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
|
||
}
|
||
}
|
||
|
||
.marquee {
|
||
animation: scroll 30s linear infinite;
|
||
}
|
||
|
||
@keyframes scroll {
|
||
0% { transform: translateX(0); }
|
||
100% { transform: translateX(-50%); }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<!-- Hero Section -->
|
||
<section class="hero-gradient min-h-screen flex items-center relative overflow-hidden">
|
||
<div class="absolute inset-0 bg-black opacity-40"></div>
|
||
<div class="container mx-auto px-6 relative z-10">
|
||
<div class="text-center text-white">
|
||
<h1 class="text-5xl md:text-7xl font-bold mb-6 animate-pulse">
|
||
福建国资
|
||
</h1>
|
||
<p class="text-2xl md:text-3xl mb-4 font-light">
|
||
海洋强国与产业升级的投资新蓝海
|
||
</p>
|
||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||
<div class="glass-effect px-6 py-3 rounded-full">
|
||
<i class="fas fa-ship mr-2"></i> 福建舰服役在即
|
||
</div>
|
||
<div class="glass-effect px-6 py-3 rounded-full">
|
||
<i class="fas fa-wind mr-2"></i> 海上风电龙头
|
||
</div>
|
||
<div class="glass-effect px-6 py-3 rounded-full">
|
||
<i class="fas fa-battery-full mr-2"></i> 新能源电池之都
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce">
|
||
<i class="fas fa-chevron-down text-white text-3xl"></i>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- News Ticker -->
|
||
<div class="bg-gradient-to-r from-purple-600 to-blue-600 text-white py-2 overflow-hidden">
|
||
<div class="marquee flex">
|
||
<span class="px-4">🚀 福建舰服役日期将近 国防部回应</span>
|
||
<span class="px-4">⚡ 福建锂电池产能占全国近三分之一</span>
|
||
<span class="px-4">🌊 万华化学福建工业园复产</span>
|
||
<span class="px-4">📈 国资委：抓紧推进国资央企三级规划编制</span>
|
||
<span class="px-4">🔋 福建制定"海上福建"建设实施方案</span>
|
||
<span class="px-4">🚢 福建舰通过台湾海峡</span>
|
||
<span class="px-4">🚀 福建舰服役日期将近 国防部回应</span>
|
||
<span class="px-4">⚡ 福建锂电池产能占全国近三分之一</span>
|
||
<span class="px-4">🌊 万华化学福建工业园复产</span>
|
||
<span class="px-4">📈 国资委：抓紧推进国资央企三级规划编制</span>
|
||
<span class="px-4">🔋 福建制定"海上福建"建设实施方案</span>
|
||
<span class="px-4">🚢 福建舰通过台湾海峡</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Logic Section -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-16">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
核心驱动力
|
||
</span>
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-8">
|
||
<!-- Policy Drive -->
|
||
<div class="card-hover bg-gradient-to-br from-purple-50 to-pink-50 p-8 rounded-2xl">
|
||
<div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mb-6">
|
||
<i class="fas fa-landmark text-white text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-purple-800">政策驱动</h3>
|
||
<p class="text-gray-700 leading-relaxed">
|
||
国务院国资委深化国企改革，推进"十五五"规划。福建冶金重组为工控集团，解决制约国企高质量发展的体制机制难题，构建新质生产力相适应的生产关系。
|
||
</p>
|
||
<div class="mt-6 space-y-2">
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-purple-600 mr-2"></i>
|
||
<span>国企改革深化提升行动</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-purple-600 mr-2"></i>
|
||
<span>专业化平台公司整合</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-purple-600 mr-2"></i>
|
||
<span>资产证券化提速</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industrial Advantage -->
|
||
<div class="card-hover bg-gradient-to-br from-blue-50 to-cyan-50 p-8 rounded-2xl">
|
||
<div class="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mb-6">
|
||
<i class="fas fa-industry text-white text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-blue-800">产业优势</h3>
|
||
<p class="text-gray-700 leading-relaxed">
|
||
福建已形成坚实的产业基础，新能源领域全国领先。锂电池产能占全国近三分之一，海上风电年利用小时数全国第一，具备100%全额消纳优势。
|
||
</p>
|
||
<div class="mt-6 space-y-2">
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-blue-600 mr-2"></i>
|
||
<span>锂电池产能380GWh（全国1/3）</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-blue-600 mr-2"></i>
|
||
<span>海上风电利用小时数4000+</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-blue-600 mr-2"></i>
|
||
<span>全额消纳保障</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Geopolitical Value -->
|
||
<div class="card-hover bg-gradient-to-br from-green-50 to-emerald-50 p-8 rounded-2xl">
|
||
<div class="w-16 h-16 bg-green-600 rounded-full flex items-center justify-center mb-6">
|
||
<i class="fas fa-globe-asia text-white text-2xl"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4 text-green-800">地缘价值</h3>
|
||
<p class="text-gray-700 leading-relaxed">
|
||
"福建舰"命名使福建与国家主权安全深度绑定。两岸融合、"海上福建"建设等国家战略，赋予福建国资特殊使命和战略卡位价值。
|
||
</p>
|
||
<div class="mt-6 space-y-2">
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-green-600 mr-2"></i>
|
||
<span>海洋强国战略前沿</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-green-600 mr-2"></i>
|
||
<span>两岸融合示范区</span>
|
||
</div>
|
||
<div class="flex items-center text-sm">
|
||
<i class="fas fa-check-circle text-green-600 mr-2"></i>
|
||
<span>服务国家战略使命</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Events -->
|
||
<section class="py-20 bg-gray-100">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-16">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
重大事件时间轴
|
||
</span>
|
||
</h2>
|
||
|
||
<div class="relative">
|
||
<div class="timeline-line absolute left-1/2 transform -translate-x-1/2 w-1 h-full"></div>
|
||
|
||
<!-- Timeline Items -->
|
||
<div class="space-y-12">
|
||
<!-- Nov 2024 -->
|
||
<div class="flex items-center">
|
||
<div class="w-1/2 pr-8 text-right">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg card-hover">
|
||
<h3 class="text-xl font-bold mb-2">2024年11月</h3>
|
||
<p class="text-gray-600">上海园林集团考察福建金森，长三角与福建对口合作进入产业层面。</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-8 h-8 bg-purple-600 rounded-full border-4 border-white relative z-10 pulse-dot"></div>
|
||
<div class="w-1/2 pl-8"></div>
|
||
</div>
|
||
|
||
<!-- Mar-May 2025 -->
|
||
<div class="flex items-center">
|
||
<div class="w-1/2 pr-8"></div>
|
||
<div class="w-8 h-8 bg-blue-600 rounded-full border-4 border-white relative z-10 pulse-dot"></div>
|
||
<div class="w-1/2 pl-8">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg card-hover">
|
||
<h3 class="text-xl font-bold mb-2">2025年3-5月</h3>
|
||
<p class="text-gray-600">福建冶金重组，拟注入新组建的福建省工业控股集团。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Jun-Sep 2025 -->
|
||
<div class="flex items-center">
|
||
<div class="w-1/2 pr-8 text-right">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg card-hover">
|
||
<h3 class="text-xl font-bold mb-2">2025年6-9月</h3>
|
||
<p class="text-gray-600">"福建舰"成焦点，国防部多次发声，称其"入列进入最后攻坚时刻"。</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-8 h-8 bg-green-600 rounded-full border-4 border-white relative z-10 pulse-dot"></div>
|
||
<div class="w-1/2 pl-8"></div>
|
||
</div>
|
||
|
||
<!-- Jul-Aug 2025 -->
|
||
<div class="flex items-center">
|
||
<div class="w-1/2 pr-8"></div>
|
||
<div class="w-8 h-8 bg-yellow-600 rounded-full border-4 border-white relative z-10 pulse-dot"></div>
|
||
<div class="w-1/2 pl-8">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg card-hover">
|
||
<h3 class="text-xl font-bold mb-2">2025年7-8月</h3>
|
||
<p class="text-gray-600">万华化学福建工业园复产，"海上福建"建设实施方案加速制定。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Oct 2025 -->
|
||
<div class="flex items-center">
|
||
<div class="w-1/2 pr-8 text-right">
|
||
<div class="bg-white p-6 rounded-lg shadow-lg card-hover">
|
||
<h3 class="text-xl font-bold mb-2">2025年10月</h3>
|
||
<p class="text-gray-600">纪念台湾光复80周年大会预期，"十五五规划"与福建舰服役双击行情。</p>
|
||
</div>
|
||
</div>
|
||
<div class="w-8 h-8 bg-red-600 rounded-full border-4 border-white relative z-10 pulse-dot"></div>
|
||
<div class="w-1/2 pl-8"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Chain -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-16">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
产业链生态圈
|
||
</span>
|
||
</h2>
|
||
|
||
<div class="grid lg:grid-cols-2 gap-12">
|
||
<!-- New Energy & Marine Economy -->
|
||
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 p-8 rounded-2xl">
|
||
<h3 class="text-2xl font-bold mb-6 text-blue-800">
|
||
<i class="fas fa-wind mr-3"></i>新能源与海洋经济
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-blue-600 rounded-full mr-3"></div>
|
||
<span class="font-semibold">核心运营商</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 福能股份：装机规模605万千瓦，福建省最大综合电企</p>
|
||
<p>• 中闽能源：96万千瓦，专注清洁能源开发</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-blue-400 rounded-full mr-3"></div>
|
||
<span class="font-semibold">产业优势</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 风电年利用小时数2700小时（全国领先）</p>
|
||
<p>• 海上风电利用小时数突破4000小时</p>
|
||
<p>• 100%全额消纳，电价下行风险小</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-blue-300 rounded-full mr-3"></div>
|
||
<span class="font-semibold">未来增长</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 在手项目投产后，中闽能源预计PE 14倍</p>
|
||
<p>• 平价海风项目资本金收益率可达9%以上</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- High-end Manufacturing -->
|
||
<div class="bg-gradient-to-br from-purple-50 to-pink-50 p-8 rounded-2xl">
|
||
<h3 class="text-2xl font-bold mb-6 text-purple-800">
|
||
<i class="fas fa-microchip mr-3"></i>高端制造与新材料
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-purple-600 rounded-full mr-3"></div>
|
||
<span class="font-semibold">核心企业</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 厦钨新能：锂电池正极材料龙头</p>
|
||
<p>• 万华化学：福建工业园80万吨MDI装置</p>
|
||
<p>• 厦门钨业：稀土深加工全球领先</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-purple-400 rounded-full mr-3"></div>
|
||
<span class="font-semibold">产业地位</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 福建锂电池产能占全国近三分之一</p>
|
||
<p>• 锂电池出口占全国28%</p>
|
||
<p>• 全球最大的新能源电池产业基地</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white p-4 rounded-lg">
|
||
<div class="flex items-center mb-2">
|
||
<div class="w-3 h-3 bg-purple-300 rounded-full mr-3"></div>
|
||
<span class="font-semibold">国际合作</span>
|
||
</div>
|
||
<div class="ml-6 space-y-2 text-sm">
|
||
<p>• 万华化学与ADNOC、北欧化工合作</p>
|
||
<p>• 160万吨特种聚烯烃一体化项目</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Companies -->
|
||
<section class="py-20 bg-gray-100">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-16">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
核心玩家深度解析
|
||
</span>
|
||
</h2>
|
||
|
||
<div class="grid lg:grid-cols-2 gap-8">
|
||
<!-- 中闽能源 -->
|
||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden card-hover">
|
||
<div class="bg-gradient-to-r from-blue-500 to-cyan-500 p-6 text-white">
|
||
<h3 class="text-2xl font-bold">中闽能源</h3>
|
||
<p class="text-blue-100">纯粹的海上风电运营商</p>
|
||
</div>
|
||
<div class="p-6">
|
||
<div class="grid grid-cols-2 gap-4 mb-6">
|
||
<div class="bg-blue-50 p-4 rounded-lg">
|
||
<p class="text-sm text-gray-600">装机规模</p>
|
||
<p class="text-2xl font-bold text-blue-600">96万千瓦</p>
|
||
</div>
|
||
<div class="bg-green-50 p-4 rounded-lg">
|
||
<p class="text-sm text-gray-600">ROE</p>
|
||
<p class="text-2xl font-bold text-green-600">20%+</p>
|
||
</div>
|
||
</div>
|
||
<h4 class="font-bold mb-3">竞争优势</h4>
|
||
<ul class="space-y-2 text-sm text-gray-700 mb-4">
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>高盈利资产，存量项目多为高补贴项目</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>集团资产注入潜力巨大（平海湾三期30万千瓦）</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>业务纯粹，估值逻辑清晰</li>
|
||
</ul>
|
||
<div class="bg-yellow-50 p-4 rounded-lg">
|
||
<p class="text-sm font-semibold text-yellow-800 mb-2">关键指标</p>
|
||
<div class="text-sm space-y-1">
|
||
<p>• 海风项目度电税前利润：0.29元（行业平均0.1-0.2元）</p>
|
||
<p>• 预计2025年利润：7-8亿元</p>
|
||
<p>• 集团待注入项目：70亿元投资</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 福能股份 -->
|
||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden card-hover">
|
||
<div class="bg-gradient-to-r from-purple-500 to-pink-500 p-6 text-white">
|
||
<h3 class="text-2xl font-bold">福能股份</h3>
|
||
<p class="text-purple-100">福建综合能源龙头</p>
|
||
</div>
|
||
<div class="p-6">
|
||
<div class="grid grid-cols-2 gap-4 mb-6">
|
||
<div class="bg-purple-50 p-4 rounded-lg">
|
||
<p class="text-sm text-gray-600">装机规模</p>
|
||
<p class="text-2xl font-bold text-purple-600">605万千瓦</p>
|
||
</div>
|
||
<div class="bg-orange-50 p-4 rounded-lg">
|
||
<p class="text-sm text-gray-600">2024净利</p>
|
||
<p class="text-2xl font-bold text-orange-600">30亿+</p>
|
||
</div>
|
||
</div>
|
||
<h4 class="font-bold mb-3">竞争优势</h4>
|
||
<ul class="space-y-2 text-sm text-gray-700 mb-4">
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>规模与稳定性，火电+热电提供稳定现金流</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>海风项目获取能力强，与中闽同为核心受益者</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>多元化布局，参股宁德核电、推进抽蓄项目</li>
|
||
</ul>
|
||
<div class="bg-blue-50 p-4 rounded-lg">
|
||
<p class="text-sm font-semibold text-blue-800 mb-2">未来增长</p>
|
||
<div class="text-sm space-y-1">
|
||
<p>• 在建和核准项目：600万千瓦</p>
|
||
<p>• 海风项目配额：1.2GW</p>
|
||
<p>• 2024年PE：不到9倍，具备性价比</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 厦钨新能 -->
|
||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden card-hover">
|
||
<div class="bg-gradient-to-r from-green-500 to-teal-500 p-6 text-white">
|
||
<h3 class="text-2xl font-bold">厦钨新能</h3>
|
||
<p class="text-green-100">锂电池正极材料龙头</p>
|
||
</div>
|
||
<div class="p-6">
|
||
<h4 class="font-bold mb-3">投资亮点</h4>
|
||
<ul class="space-y-2 text-sm text-gray-700 mb-4">
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>背靠福建全球领先的锂电池产能集群</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>重组后的福建工业控股集团带来资源协同</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>高镍三元等材料领域具备技术优势</li>
|
||
</ul>
|
||
<div class="bg-gradient-to-r from-green-50 to-teal-50 p-4 rounded-lg">
|
||
<p class="text-sm font-semibold text-green-800">产业地位</p>
|
||
<p class="text-sm mt-2">福建锂电池产能超380GWh，占全国近1/3，厦钨新能作为核心材料商深度受益。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 万华化学福建基地 -->
|
||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden card-hover">
|
||
<div class="bg-gradient-to-r from-orange-500 to-red-500 p-6 text-white">
|
||
<h3 class="text-2xl font-bold">万华化学（福建）</h3>
|
||
<p class="text-orange-100">化工新材料航母的福建版图</p>
|
||
</div>
|
||
<div class="p-6">
|
||
<h4 class="font-bold mb-3">核心优势</h4>
|
||
<ul class="space-y-2 text-sm text-gray-700 mb-4">
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>全球领先的MDI、TDI生产技术</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>自有310MW海上风电项目，降本减碳优势</li>
|
||
<li><i class="fas fa-check text-green-500 mr-2"></i>与ADNOC等巨头的特种聚烯烃项目</li>
|
||
</ul>
|
||
<div class="bg-orange-50 p-4 rounded-lg">
|
||
<p class="text-sm font-semibold text-orange-800">重点项目</p>
|
||
<div class="text-sm mt-2 space-y-1">
|
||
<p>• 80万吨/年MDI装置已复产</p>
|
||
<p>• 160万吨特种聚烯烃一体化项目（福州）</p>
|
||
<p>• 310兆瓦海上风电绿电配套</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Table -->
|
||
<section class="py-20 bg-white">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-8">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
福建国资概念股全览
|
||
</span>
|
||
</h2>
|
||
<p class="text-center text-gray-600 mb-12">涵盖福建省各地市国资委控股的上市公司</p>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="table-auto w-full bg-white rounded-lg shadow-lg">
|
||
<thead class="bg-gradient-to-r from-purple-600 to-blue-600 text-white">
|
||
<tr>
|
||
<th class="px-4 py-3 text-left">股票名称</th>
|
||
<th class="px-4 py-3 text-left">所属地区</th>
|
||
<th class="px-4 py-3 text-left">分类</th>
|
||
<th class="px-4 py-3 text-left">核心标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 核心企业突出显示 -->
|
||
<tr class="stock-row bg-purple-50 border-b">
|
||
<td class="px-4 py-3 font-bold text-purple-700">
|
||
<i class="fas fa-star text-yellow-500 mr-2"></i>中闽能源
|
||
</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">新能源</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-purple-200 text-purple-800 text-xs px-2 py-1 rounded-full mr-1">海上风电</span>
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">高ROE</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row bg-purple-50 border-b">
|
||
<td class="px-4 py-3 font-bold text-purple-700">
|
||
<i class="fas fa-star text-yellow-500 mr-2"></i>福能股份
|
||
</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">综合能源</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-purple-200 text-purple-800 text-xs px-2 py-1 rounded-full mr-1">火电+新能源</span>
|
||
<span class="inline-block bg-green-200 text-green-800 text-xs px-2 py-1 rounded-full">低估值</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row bg-purple-50 border-b">
|
||
<td class="px-4 py-3 font-bold text-purple-700">
|
||
<i class="fas fa-star text-yellow-500 mr-2"></i>厦钨新能
|
||
</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">新材料</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-purple-200 text-purple-800 text-xs px-2 py-1 rounded-full mr-1">锂电池材料</span>
|
||
<span class="inline-block bg-red-200 text-red-800 text-xs px-2 py-1 rounded-full">高成长</span>
|
||
</td>
|
||
</tr>
|
||
<!-- 福建省其他企业 -->
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">厦门钨业</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">有色金属</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">稀土</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">福建高速</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">交通运输</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">路桥</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">三钢闽光</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">钢铁</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">特钢</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">星网锐捷</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">通信设备</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">网络设备</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">福建水泥</td>
|
||
<td class="px-4 py-3">福建省</td>
|
||
<td class="px-4 py-3">建材</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">水泥</span>
|
||
</td>
|
||
</tr>
|
||
<!-- 厦门市企业 -->
|
||
<tr class="stock-row border-b hover:bg-gray-50 bg-blue-50">
|
||
<td class="px-4 py-3 font-semibold">建发股份</td>
|
||
<td class="px-4 py-3">厦门市</td>
|
||
<td class="px-4 py-3">供应链</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">供应链运营</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50 bg-blue-50">
|
||
<td class="px-4 py-3 font-semibold">厦门象屿</td>
|
||
<td class="px-4 py-3">厦门市</td>
|
||
<td class="px-4 py-3">供应链</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">大宗商品</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50 bg-blue-50">
|
||
<td class="px-4 py-3 font-semibold">厦门国贸</td>
|
||
<td class="px-4 py-3">厦门市</td>
|
||
<td class="px-4 py-3">供应链</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">贸易</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50 bg-blue-50">
|
||
<td class="px-4 py-3 font-semibold">厦门港务</td>
|
||
<td class="px-4 py-3">厦门市</td>
|
||
<td class="px-4 py-3">交通运输</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">港口</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50 bg-blue-50">
|
||
<td class="px-4 py-3 font-semibold">兴业证券</td>
|
||
<td class="px-4 py-3">厦门市</td>
|
||
<td class="px-4 py-3">金融</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded-full">券商</span>
|
||
</td>
|
||
</tr>
|
||
<!-- 其他地市企业 -->
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">紫金矿业</td>
|
||
<td class="px-4 py-3">龙岩市</td>
|
||
<td class="px-4 py-3">有色金属</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">黄金</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">片仔癀</td>
|
||
<td class="px-4 py-3">漳州市</td>
|
||
<td class="px-4 py-3">医药生物</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">中药</span>
|
||
</td>
|
||
</tr>
|
||
<tr class="stock-row border-b hover:bg-gray-50">
|
||
<td class="px-4 py-3">福建金森</td>
|
||
<td class="px-4 py-3">三明市</td>
|
||
<td class="px-4 py-3">林业</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-block bg-gray-200 text-gray-800 text-xs px-2 py-1 rounded-full">碳中和</span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Key Catalysts -->
|
||
<section class="py-20 bg-gradient-to-br from-purple-100 to-blue-100">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-bold text-center mb-16">
|
||
<span class="bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
关键催化剂
|
||
</span>
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div class="bg-white p-6 rounded-xl text-center card-hover">
|
||
<div class="text-4xl mb-4">🚢</div>
|
||
<h3 class="font-bold mb-2">福建舰服役</h3>
|
||
<p class="text-sm text-gray-600">国防部已明确服役日期将近，将引爆海洋防务板块</p>
|
||
</div>
|
||
<div class="bg-white p-6 rounded-xl text-center card-hover">
|
||
<div class="text-4xl mb-4">💨</div>
|
||
<h3 class="font-bold mb-2">海风竞配</h3>
|
||
<p class="text-sm text-gray-600">2025年初公布新项目竞配结果，验证龙头获配能力</p>
|
||
</div>
|
||
<div class="bg-white p-6 rounded-xl text-center card-hover">
|
||
<div class="text-4xl mb-4">📋</div>
|
||
<h3 class="font-bold mb-2">十五五规划</h3>
|
||
<p class="text-sm text-gray-600">规划纲要发布，为海洋经济提供长期政策支撑</p>
|
||
</div>
|
||
<div class="bg-white p-6 rounded-xl text-center card-hover">
|
||
<div class="text-4xl mb-4">💰</div>
|
||
<h3 class="font-bold mb-2">资产注入</h3>
|
||
<p class="text-sm text-gray-600">中闽能源集团资产注入启动，带来价值重估</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-gray-900 text-white py-12">
|
||
<div class="container mx-auto px-6">
|
||
<div class="text-center">
|
||
<h3 class="text-2xl font-bold mb-4">福建国资</h3>
|
||
<p class="text-gray-400">海洋强国战略下的价值投资新机遇</p>
|
||
<div class="mt-6 flex justify-center space-x-6">
|
||
<div class="text-center">
|
||
<p class="text-3xl font-bold text-purple-400">4000+</p>
|
||
<p class="text-sm text-gray-400">海风利用小时数</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<p class="text-3xl font-bold text-blue-400">1/3</p>
|
||
<p class="text-sm text-gray-400">全国锂电池产能占比</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<p class="text-3xl font-bold text-green-400">100%</p>
|
||
<p class="text-sm text-gray-400">新能源全额消纳</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-8 pt-8 border-t border-gray-800">
|
||
<p class="text-sm text-gray-500">© 2024 福建国资投资分析报告 | 数据来源：公开信息整理</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Add smooth scrolling
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Intersection Observer for animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(entries) {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
// Observe elements
|
||
document.querySelectorAll('.card-hover').forEach(el => {
|
||
el.style.opacity = '0';
|
||
el.style.transform = 'translateY(20px)';
|
||
el.style.transition = 'all 0.6s ease-out';
|
||
observer.observe(el);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |