Files
vf_react/public/htmls/海外港口.html
2025-12-05 13:29:18 +08:00

670 lines
46 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>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com/3.4.3"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.10/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color-1: rgba(0, 255, 255, 0.6);
--glow-color-2: rgba(255, 0, 255, 0.6);
--bg-color: #050818;
--card-bg: rgba(10, 16, 40, 0.5);
--card-border: rgba(127, 175, 255, 0.2);
--text-primary: #E0E7FF;
--text-secondary: #A8B2D1;
--accent: #64ffda;
}
html, body {
font-family: 'Inter', sans-serif;
background-color: var(--bg-color);
color: var(--text-primary);
scroll-behavior: smooth;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 15% 20%, var(--glow-color-1), transparent 30%),
radial-gradient(circle at 85% 80%, var(--glow-color-2), transparent 30%),
url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill="%230a1028" fill-opacity="0.4"%3E%3Crect x="0" y="0" width="1" height="100"/%3E%3Crect x="0" y="0" width="100" height="1"/%3E%3C/g%3E%3C/svg%3E');
background-size: 100% 100%, 100% 100%, 50px 50px;
background-repeat: no-repeat;
filter: blur(100px);
z-index: -1;
animation: background-pan 25s linear infinite;
}
@keyframes background-pan {
0% { transform: translate(0, 0); }
50% { transform: translate(20px, 30px); }
100% { transform: translate(0, 0); }
}
.fui-title {
font-family: 'Orbitron', sans-serif;
text-shadow: 0 0 10px var(--glow-color-1), 0 0 20px var(--glow-color-2);
}
.glass-card {
background: var(--card-bg);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid var(--card-border);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(0, 255, 255, 0.4);
box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.timeline {
position: relative;
padding-left: 2.5rem;
}
.timeline::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background-image: linear-gradient(to bottom, var(--glow-color-1), var(--glow-color-2));
border-radius: 1px;
}
.timeline-item {
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2.5rem;
top: 0.5rem;
width: 1rem;
height: 1rem;
border-radius: 50%;
background-color: var(--accent);
border: 3px solid var(--bg-color);
box-shadow: 0 0 10px var(--accent);
}
.daisy-table {
background-color: transparent !important;
}
.daisy-table th, .daisy-table td {
background-color: transparent !important;
color: var(--text-secondary);
border-color: var(--card-border);
}
.daisy-table th {
color: var(--text-primary);
}
.daisy-table tr:hover td {
background-color: rgba(127, 175, 255, 0.05) !important;
color: var(--text-primary);
}
.tabs-bordered .tab-active {
border-color: var(--accent) !important;
color: var(--accent) !important;
}
.tab {
color: var(--text-secondary);
transition: color 0.3s ease;
}
</style>
</head>
<body class="min-h-screen antialiased text-base leading-relaxed">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-20">
<header class="text-center mb-20">
<h1 class="fui-title text-5xl md:text-7xl font-bold tracking-wider mb-4">
海外港口
</h1>
<p class="text-xl md:text-2xl text-cyan-300 font-light tracking-widest mb-6">
STRATEGIC VALUE REASSESSMENT
</p>
<p class="text-sm text-gray-500 max-w-4xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现 <br> 本报告基于公开数据AI合成观点仅供参考投资需谨慎。
</p>
</header>
<main class="space-y-24">
<!-- Section: Insight -->
<section id="insight">
<h2 class="fui-title text-4xl font-bold mb-12 text-center">概念深度解析 (Insight)</h2>
<!-- Bento Grid: Concept Event & Timeline -->
<div class="bento-grid mb-16">
<div class="bento-item lg:bento-item-span-8 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">概念引爆:地缘与商业事件交织</h3>
<p class="text-gray-400 mb-6">“海外港口”概念的引爆点源于一系列地缘政治与商业事件的交织,其核心是全球关键物流节点的战略价值重估,长和出售案是关键催化剂。</p>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-lg">核心催化: 长江和记出售全球港口资产</h4>
<p class="text-sm text-gray-400">长和集团拟以高达 <strong class="text-white">228.1亿美元</strong> 的价格出售其全球港口网络,其中包括战略意义极高的巴拿马运河两端港口。此举引发市场对关键资产控制权旁落的担忧,中国官方强调“港口资产事关国家利益”,并依法审查,交易面临巨大不确定性。</p>
</div>
<div>
<h4 class="font-semibold text-lg">背景放大器: 地缘政治与贸易摩擦</h4>
<p class="text-sm text-gray-400">红海危机、美国对华航运政策(拟对中国制造船只征收高额费用)、全球多地港口罢工/冲突事件,共同凸显了全球港口运营的脆弱性及关键节点的重要性。</p>
</div>
<div>
<h4 class="font-semibold text-lg">中国企业动态: 加速全球布局</h4>
<p class="text-sm text-gray-400">招商港口等中资企业持续深化全球布局,如收购印尼雅加达港、巴西原油码头股权,与长和的“收缩”形成鲜明对比。</p>
</div>
</div>
</div>
<div class="bento-item lg:bento-item-span-4 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">关键时间轴</h3>
<div class="timeline">
<div class="timeline-item pb-6">
<h4 class="font-semibold text-white">2023.12 - 至今</h4>
<p class="text-sm text-gray-400">红海危机爆发,部分海外中转港(如吉布提、斯里兰卡)业务量激增。</p>
</div>
<div class="timeline-item pb-6">
<h4 class="font-semibold text-white">2024.03.04</h4>
<p class="text-sm text-gray-400">长和宣布出售港口资产计划,引爆市场,概念形成。</p>
</div>
<div class="timeline-item pb-6">
<h4 class="font-semibold text-white">2024.06.28</h4>
<p class="text-sm text-gray-400">招商港口完成印尼NPH项目交割深化东南亚布局。</p>
</div>
<div class="timeline-item pb-6">
<h4 class="font-semibold text-white">2025.02.27</h4>
<p class="text-sm text-gray-400">美国USTR提议对中国制造船只收费增加全球航运政策不确定性。</p>
</div>
<div class="timeline-item">
<h4 class="font-semibold text-white">2025.10.01 (预期)</h4>
<p class="text-sm text-gray-400">美东港口工人罢工风险,或引发全球货运转移。</p>
</div>
</div>
</div>
</div>
<!-- Section: Core Logic -->
<div class="glass-card p-8 mb-16">
<h3 class="text-3xl font-bold mb-8 text-center text-fuchsia-300">核心逻辑: 从现金流奶牛到战略“咽喉”</h3>
<div class="grid md:grid-cols-3 gap-8">
<div class="border border-fuchsia-500/20 p-6 rounded-2xl bg-fuchsia-500/5">
<h4 class="text-xl font-bold mb-2">1. 地缘政治驱动的国家安全价值</h4>
<p class="text-gray-400">长和出售案将港口从单纯的商业项目提升至事关国家贸易、能源、供应链安全的战略高度。中资控股的海外港口其在极端情况下的“期权价值”被市场重估这种价值无法用传统DCF模型衡量。</p>
</div>
<div class="border border-cyan-500/20 p-6 rounded-2xl bg-cyan-500/5">
<h4 class="text-xl font-bold mb-2">2. 全球供应链重构下的网络价值</h4>
<p class="text-gray-400">地缘冲突与贸易摩擦加速全球贸易路线多元化。拥有全球化、网络化布局的港口运营商能有效对冲单一区域风险,并捕捉因航线转移带来的增量业务。这种网络效应和抗风险能力是核心价值体现。</p>
</div>
<div class="border border-green-500/20 p-6 rounded-2xl bg-green-500/5">
<h4 class="text-xl font-bold mb-2">3. 卓越的盈利能力提供支撑</h4>
<p class="text-gray-400">以招商港口为例,其海外业务毛利率高达 <strong class="text-white">55.8%</strong>,远超国内的 <strong class="text-white">34%</strong>。高盈利性为战略价值提供了坚实的商业基本面,证明海外布局不仅是战略正确,更是商业成功。</p>
</div>
</div>
</div>
<!-- Chart -->
<div class="glass-card p-8 mb-16">
<h3 class="text-2xl font-bold mb-4 text-center text-green-300">盈利能力对比:海外 VS 国内 (招商港口)</h3>
<div id="profitability-chart" style="width: 100%; height: 400px;"></div>
</div>
<!-- Section: Expectation Gap -->
<div class="glass-card p-8 mb-16">
<h3 class="text-3xl font-bold mb-8 text-center text-yellow-300">预期差分析:市场认知与现实</h3>
<div class="grid md:grid-cols-2 gap-8">
<div class="border border-yellow-500/20 p-6 rounded-2xl bg-yellow-500/5">
<h4 class="text-xl font-bold mb-2">误区一:“所有海外港口都受益”</h4>
<p class="text-gray-400 mb-4">市场普遍认为地缘事件对所有海外港口都是普适性利好,但现实并非如此。地缘政治是“双刃剑”,具体影响取决于港口在航线网络中的定位。</p>
<div class="flex space-x-4">
<div class="flex-1 p-4 bg-green-900/50 rounded-lg">
<p class="font-bold text-green-300">受益方</p>
<p>招商港口旗下吉布提港 (替代航线节点)</p>
<p class="text-2xl font-bold text-white">吞吐量 +77% (H1'24)</p>
</div>
<div class="flex-1 p-4 bg-red-900/50 rounded-lg">
<p class="font-bold text-red-300">受损方</p>
<p>中远海运港口旗下希腊比雷埃夫斯港 (原航线业务转移)</p>
<p class="text-2xl font-bold text-white">吞吐量 -10% (同期)</p>
</div>
</div>
</div>
<div class="border border-blue-500/20 p-6 rounded-2xl bg-blue-500/5">
<h4 class="text-xl font-bold mb-2">误区二:对央企收购长和资产的过度期待</h4>
<p class="text-gray-400">市场对中远、招商局入局充满想象。但 <strong class="text-white">228亿美元</strong> 的交易体量远超相关上市公司市值,由上市公司层面直接参与可能性较低。市场热情可能高估了短期外延并购的可能性。</p>
</div>
<div class="md:col-span-2 border border-purple-500/20 p-6 rounded-2xl bg-purple-500/5">
<h4 class="text-xl font-bold mb-2">误区三:忽略“软实力”——运营与增值服务</h4>
<p class="text-gray-400">市场关注点多在港口“位置”的战略性,但可能忽略了 <strong class="text-white">“前港-中区-后城”</strong> 模式的价值。招商港口在吉布提自贸区的成功运营,证明其价值创造能力已从单纯的装卸延伸至产业园运营和城市开发,这是区别于一般运营商的“护城河”,市场对此估值可能不充分。</p>
</div>
</div>
</div>
<!-- Section: Catalysts & Path -->
<div class="bento-grid mb-16">
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-cyan-300">未来催化剂</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-lg">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside text-gray-400 space-y-1 mt-2">
<li><strong class="text-white">长和港口出售案最终结果:</strong>为行业资产给出市场定价,或引发新一轮整合。</li>
<li><strong class="text-white">美国港口相关政策落地:</strong>对中国船只收费若通过,将凸显非美联盟控制港口的价值。</li>
<li><strong class="text-white">美东港口罢工事件发酵:</strong>若发生,将考验全球网络化运营商的货量承接能力。</li>
</ul>
</div>
</div>
</div>
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-fuchsia-300">长期发展路径</h3>
<ol class="space-y-3">
<li class="flex items-start">
<span class="text-fuchsia-300 font-bold text-2xl mr-4">1</span>
<div>
<h4 class="font-semibold text-lg">战略价值发现与重估 (当前)</h4>
<p class="text-sm text-gray-400">由地缘政治事件驱动,市场认识到海外港口的国家安全属性,龙头公司迎来估值修复。</p>
</div>
</li>
<li class="flex items-start">
<span class="text-fuchsia-300 font-bold text-2xl mr-4">2</span>
<div>
<h4 class="font-semibold text-lg">网络效应与差异化显现</h4>
<p class="text-sm text-gray-400">拥有网络化、跨区域布局的运营商将展现更强业绩弹性和稳定性,差距拉大。</p>
</div>
</li>
<li class="flex items-start">
<span class="text-fuchsia-300 font-bold text-2xl mr-4">3</span>
<div>
<h4 class="font-semibold text-lg">“港口+”模式的价值创造</h4>
<p class="text-sm text-gray-400">“前港-中区-后城”模式成功复制,从港口运营商进化为综合供应链基础设施服务商。</p>
</div>
</li>
</ol>
</div>
</div>
<!-- Section: Industry Chain & Companies -->
<div class="glass-card p-8 mb-16" x-data="{ tab: 'cmport' }">
<h3 class="text-3xl font-bold mb-8 text-center">产业链与核心公司深度剖析</h3>
<!-- Industry Chain Visual -->
<div class="flex items-center justify-center space-x-2 md:space-x-8 text-center mb-12">
<div class="p-4 rounded-lg border border-cyan-500/20 w-1/3">
<h4 class="font-bold text-cyan-300">上游</h4>
<p class="text-sm text-gray-400">港口建设与设备<br>(如: 中国交建)</p>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-cyan-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>
<div class="p-4 rounded-lg border-2 border-accent shadow-lg shadow-accent/20 w-1/3">
<h4 class="font-bold text-accent">中游</h4>
<p class="text-sm text-gray-400">港口运营 (核心)<br>(如: 招商港口, 中远海运港口)</p>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-cyan-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>
<div class="p-4 rounded-lg border border-cyan-500/20 w-1/3">
<h4 class="font-bold text-cyan-300">下游</h4>
<p class="text-sm text-gray-400">港口使用者<br>(如: 中远海控等航运公司)</p>
</div>
</div>
<!-- Company Comparison Tabs -->
<div role="tablist" class="tabs tabs-bordered mb-6">
<a role="tab" class="tab" :class="{'tab-active': tab === 'cmport'}" @click="tab = 'cmport'">招商港口 (001872)</a>
<a role="tab" class="tab" :class="{'tab-active': tab === 'cosco'}" @click="tab = 'cosco'">中远海运港口 (hk01199)</a>
<a role="tab" class="tab" :class="{'tab-active': tab === 'others'}" @click="tab = 'others'">其他战略卡位者</a>
</div>
<div x-show="tab === 'cmport'" x-transition>
<div class="p-6 bg-base-100/5 rounded-lg">
<h4 class="text-xl font-bold text-accent mb-2">领导者 & 逻辑最纯粹者</h4>
<div class="grid md:grid-cols-2 gap-6">
<div>
<h5 class="font-semibold text-white">竞争优势:</h5>
<ul class="list-disc list-inside text-gray-400 space-y-1 mt-1">
<li><strong>网络最广、质地最优:</strong> 全球6大洲25国50个港口多个为控股型主控码头。</li>
<li><strong>盈利能力最强:</strong> 海外业务毛利率高达55.8%,自我造血能力强。</li>
<li><strong>战略最清晰:</strong> “前港-中区-后城”模式已在吉布提成功验证,具备可复制性。</li>
<li><strong>当前事件最大受益者:</strong> 在斯里兰卡和吉布提的布局完美承接红海危机转移货量。</li>
</ul>
</div>
<div>
<h5 class="font-semibold text-white">潜在风险:</h5>
<p class="text-gray-400 mt-1">海外收入占比较高,面临更大的地缘政治和汇率风险。</p>
</div>
</div>
</div>
</div>
<div x-show="tab === 'cosco'" x-transition>
<div class="p-6 bg-base-100/5 rounded-lg">
<h4 class="text-xl font-bold text-cyan-300 mb-2">主要追赶者</h4>
<div class="grid md:grid-cols-2 gap-6">
<div>
<h5 class="font-semibold text-white">竞争优势:</h5>
<ul class="list-disc list-inside text-gray-400 space-y-1 mt-1">
<li><strong>船货协同:</strong> 背靠中远海运集团,在货源上有天然协同优势。</li>
<li><strong>欧洲布局深厚:</strong> 核心资产希腊比雷埃夫斯港是地中海枢纽。</li>
</ul>
</div>
<div>
<h5 class="font-semibold text-white">业务进展与风险:</h5>
<p class="text-gray-400 mt-1">当前受红海危机负面影响比港业务下滑显示其资产布局对特定航线的依赖度较高抗风险韧性稍弱。收购风格更为稳健ROIC要求8-10%)。</p>
</div>
</div>
</div>
</div>
<div x-show="tab === 'others'" x-transition>
<div class="p-6 bg-base-100/5 rounded-lg">
<h4 class="text-xl font-bold text-fuchsia-300 mb-2">战略卡位者 (上港集团、北部湾港等)</h4>
<p class="text-gray-400 mt-1">特点在于海外业务占比较低如上港集团仅1.3%),但其投资的港口(如以色列海法港、马来西亚关丹港)均位于“一带一路”关键节点,战略意义大于当期财务贡献。股价弹性可能更多来自于主题催化而非基本面驱动。</p>
</div>
</div>
</div>
<!-- Section: Conclusion & Risks -->
<div class="bento-grid">
<div class="bento-item lg:bento-item-span-7 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-green-300">综合结论与投资启示</h3>
<p class="text-gray-400 mb-4">海外港口概念已超越纯粹的主题炒作,进入由<strong class="text-white">战略价值驱动、并有强劲基本面支撑</strong>的新阶段。长和事件是“点火器”,全球供应链重构和中国企业多年深耕的海外高利润业务是“燃料”。市场尚处于“认知苏醒”初期,对内部结构性分化的理解不足,为深度研究者提供了机会。</p>
<h4 class="font-semibold text-lg text-white mb-2">最具投资价值的方向:</h4>
<ul class="list-disc list-inside text-gray-400 space-y-1">
<li><strong class="text-green-300">核心方向:</strong>拥有全球化网络、控股型主导、高盈利能力、且战略布局与当前地缘趋势契合的港口运营商(<strong class="text-white">招商港口</strong>是当前逻辑最顺的标的)。</li>
<li><strong class="text-green-300">增值方向:</strong>能够成功实践并复制“前港-中区-后城”模式,实现价值链延伸的企业。</li>
</ul>
</div>
<div class="bento-item lg:bento-item-span-5 glass-card p-8">
<h3 class="text-2xl font-bold mb-4 text-red-300">潜在风险与挑战</h3>
<ul class="space-y-2 text-gray-400">
<li class="flex items-start"><span class="text-red-400 mr-2"></span><div><strong class="text-white">地缘政治风险 (最高):</strong> 所在国政策变动、政权更迭、国际制裁等都可能对资产安全造成颠覆性影响。</div></li>
<li class="flex items-start"><span class="text-red-400 mr-2"></span><div><strong class="text-white">商业化风险:</strong> 全球宏观经济下行将影响贸易量;“港口+”模式的复制存在不确定性。</div></li>
<li class="flex items-start"><span class="text-red-400 mr-2"></span><div><strong class="text-white">政策与竞争风险:</strong> 部分国家可能出台更多贸易壁垒政策;全球港口运营商竞争激烈。</div></li>
<li class="flex items-start"><span class="text-red-400 mr-2"></span><div><strong class="text-white">信息交叉验证风险:</strong> 早期新闻中关于长和交易金额、进展的报道存在矛盾,需警惕变数。</div></li>
</ul>
</div>
</div>
</section>
<!-- Section: Supporting Data (Accordions) -->
<section id="data-appendix">
<h2 class="fui-title text-4xl font-bold mb-12 text-center">附录:核心数据摘要</h2>
<div class="space-y-4">
<div class="collapse collapse-plus glass-card">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-cyan-300">新闻数据摘要</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-gray-400 space-y-2 p-4">
<li><strong>长和出售事件:</strong> 拟向BlackRock-TiL财团出售23国43个港口80%股权交易额传闻高达228亿美元包括巴拿马运河两端关键港口。中国官方表示将依法监管交易暂缓。市场传闻中远、招商局或参与。</li>
<li><strong>美国港口政策:</strong> USTR提议对中国制造船只征收最高150万美元/船的费用。美东港口面临10月1日罢工风险。</li>
<li><strong>中国公司动态:</strong> 招商港口是A股唯一布局海外核心港口标的近期收购巴西、印尼码头。中远海运港口股价上涨。</li>
<li><strong>全球港口动态:</strong> 伊朗阿巴斯港爆炸,以色列空袭也门港口,俄罗斯封锁乌克兰港口,显示全球港口安全形势严峻。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-fuchsia-300">路演数据摘要</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-gray-400 space-y-2 p-4">
<li><strong>招商港口 (001872):</strong>
<ul class="list-disc list-inside ml-6">
<li><strong>布局:</strong> 覆盖六大洲25国50个港口战略聚焦东南亚、中东、拉美。</li>
<li><strong>业绩:</strong> 海外业务毛利率高达55.8%,显著高于国内(34%)。2024上半年海外收入占比33.4%。</li>
<li><strong>红海事件影响:</strong> 斯里兰卡CICT (+8.5%)、吉布提港 (+77%)、巴西TCP (+36.6%)吞吐量大幅增长。</li>
<li><strong>收购:</strong> 24年完成印尼雅加达港码头收购25年宣布收购巴西原油码头。</li>
</ul>
</li>
<li><strong>中远海运港口 (hk01199):</strong>
<ul class="list-disc list-inside ml-6">
<li><strong>布局:</strong> 控股及参股55个码头核心资产为希腊比雷埃夫斯港。</li>
<li><strong>红海事件影响:</strong> 希腊比港中转业务转移吞吐量同比下降10%。但西班牙码头受益,吞吐量+23.2%。</li>
<li><strong>战略:</strong> 收购ROIC门槛约8-10%,聚焦东南亚、中东、非洲、南美等新兴市场。</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus glass-card">
<input type="radio" name="data-accordion" />
<div class="collapse-title text-xl font-medium text-yellow-300">研报数据摘要</div>
<div class="collapse-content">
<ul class="list-disc list-inside text-gray-400 space-y-2 p-4">
<li><strong>招商港口全球网络:</strong> 覆盖26国51个港口高度匹配“一带一路”倡议。</li>
<li><strong>吞吐量高增:</strong> 2024年上半年海外集装箱吞吐量1829万TEU同比增长10.6%。吉布提港同比高增70.3%。</li>
<li><strong>财务贡献:</strong> 2024上半年海外港口业务利润6.29亿元同比高增79.41%。</li>
<li><strong>增长驱动:</strong> 短期受益于“红海事件”,长期成长空间来自“前港-中区-后城”模式的推广(如吉布提自贸区)。</li>
<li><strong>未来预测:</strong> 预计2025年海外港口费率维持3-4%的增长。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section: Stock List -->
<section id="stock-list">
<h2 class="fui-title text-4xl font-bold mb-12 text-center">相关概念股票池</h2>
<div class="overflow-x-auto glass-card p-4 md:p-8">
<table class="table daisy-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody>
<!-- Stocks will be populated here by JS -->
</tbody>
</table>
</div>
</section>
<!-- Section: Rise Analysis -->
<section id="rise-analysis">
<h2 class="fui-title text-4xl font-bold mt-24 mb-12 text-center">近期相关异动分析</h2>
<div class="overflow-x-auto glass-card p-4 md:p-8">
<table class="table daisy-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>异动日期</th>
<th>涨幅</th>
<th>异动解析</th>
</tr>
</thead>
<tbody>
<!-- Rise analysis will be populated here by JS -->
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const stockData = {
"海外港口(250318)": {
"CB4F9620-5943-43DE-8F8C-B685ABF914A8.png": [
{ "stock": "招商港口", "reason": "在26个国家和地区投资运营51个港口业务遍布全球6大洲运营斯里兰卡CICT码头和汉班托塔港、吉布提港等海外主控码头。", "其他标签": "海外港口", "stock_code": "001872" },
{ "stock": "珠海港", "reason": "与中海港控65亿元共建巴基斯坦瓜达尔港。", "其他标签": "海外港口", "stock_code": "000507" },
{ "stock": "中国交建", "reason": "全球最大港口设计建设公司,参建了巴基斯坦瓜达尔港、尼日利亚莱基港等。", "其他标签": "海外港口", "stock_code": "601800" },
{ "stock": "北部湾港", "reason": "通过北控香港持有关丹港建设40%股权继而参与经营马来西亚关丹港持有摩拉港务51%股权参与文莱摩拉港经营。", "其他标签": "海外港口", "stock_code": "000582" },
{ "stock": "上港集团", "reason": "2015年中标以色列海法新港25年码头经营权2010年收购比利时泽布吕赫码头25%股份2017年11月转让。", "其他标签": "海外港口", "stock_code": "600018" },
{ "stock": "恒通股份", "reason": "烟台港投资建设几内亚金波港口公司依托烟台港龙口港区的7个生产性泊位为企业提供船舶停泊和货物装卸服务。", "其他标签": "海外港口", "stock_code": "603223" },
{ "stock": "厦门象屿", "reason": "受益于印尼港口在印尼新增一条SMX自有船舶印尼内贸海运驳船业务量同比增长超80%。", "其他标签": "海外港口", "stock_code": "600057" },
{ "stock": "云南城投", "reason": "受益于缅甸皎漂港,助力皎漂港打通印度洋关键出海口,缓解外部势力对航道封锁带来的港口压力。", "其他标签": "海外港口", "stock_code": "600239" },
{ "stock": "宁波港", "reason": "参股意大利瓦多港(未证实)和记黄埔2001年与宁波港合作持股比例未明确披露。", "其他标签": "海外港口", "stock_code": "601018" },
{ "stock": "中远海控", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "601919" },
{ "stock": "中远海特", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "600428" },
{ "stock": "宁波远洋", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "601022" },
{ "stock": "国航远洋", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "920571" },
{ "stock": "嘉友国际", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "603871" },
{ "stock": "飞力达", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "300240" },
{ "stock": "华光源海", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "920351" },
{ "stock": "凤凰航运", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "000520" },
{ "stock": "辽港股份", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "601880" },
{ "stock": "中远海发", "reason": "属于国际航运板块,与海外港口概念相关。", "其他标签": "国际航运", "stock_code": "601866" },
{ "stock": "广州港", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "601228" },
{ "stock": "连云港", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "601008" },
{ "stock": "重庆港", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "600279" },
{ "stock": "盛航股份", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "001205" },
{ "stock": "厦门港务", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "000905" },
{ "stock": "盐田港", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口" },
{ "stock": "南京港", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口" },
{ "stock": "润邦股份", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "002483" },
{ "stock": "龙洲股份", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "002682" },
{ "stock": "保税科技", "reason": "属于国内港口板块,与海外港口概念相关。", "其他标签": "国内港口", "stock_code": "600794" }
]
},
"涨幅分析补充": {
"rise_analysis": [
{ "stock": "海通发展", "stock_code": "603162", "rise_rate": 10.03, "trade_date": "2025-10-16", "reason": "“美西航线现货运价单周+12.6%”叠加“中东港口临时封锁”引爆集运期货资金映射至A股高弹性航运标的海通发展因小盘+低PB+美西收入占比高被选为日内龙头涨停。" },
{ "stock": "华锡有色", "stock_code": "600301", "rise_rate": 10.01, "trade_date": "2025-08-13", "reason": "北部湾港集团拟吸收合并华锡集团,引爆市场对“港口-资源-新材料”一体化资产注入的强烈预期,驱动华锡有色涨停。" },
{ "stock": "平潭发展", "stock_code": "000592", "rise_rate": 9.94, "trade_date": "2025-08-27", "reason": "“平潭发展+厦门港务+平潭管委会”三方拟签港口资源整合协议,叠加福建对台融合新政催化,资产重估预期集中爆发。" },
{ "stock": "退市锦港", "stock_code": "600190", "rise_rate": 10.64, "trade_date": "2025-07-04", "reason": "退市整理期流动性真空叠加“港口粮食吞吐量创新高+招商局港口托管”重整预期,机构席位连续净买入导致涨停。" },
{ "stock": "南 京 港", "stock_code": "002040", "rise_rate": 9.98, "trade_date": "2025-08-12", "reason": "“长三角港口群一体化通关试点2.0”政策落地叠加“南京区域性航运物流中心国家级项目”18亿元资金到账直接提升盈利预期与吞吐能力。" },
{ "stock": "和泰机电", "stock_code": "001225", "rise_rate": 10.0, "trade_date": "2025-07-28", "reason": "政策端“设备更新+煤炭储备运输”双催化叠加公司3.8亿元高毛利订单落地,触发基本面重估涨停。" }
]
}
};
// Populate stock list table
const stockTbody = document.querySelector('#stock-list tbody');
const stocks = stockData["海外港口(250318)"]["CB4F9620-5943-43DE-8F8C-B685ABF914A8.png"];
stocks.forEach(s => {
const code = s.stock_code || 'N/A';
const link = code !== 'N/A' ? `<a href="https://valuefrontier.cn/company?scode=${code}" target="_blank" class="text-cyan-400 hover:text-accent">${code}</a>` : 'N/A';
const row = `
<tr>
<td class="font-semibold text-white">${s.stock}</td>
<td>${link}</td>
<td>${s.reason}</td>
<td><span class="badge badge-outline" style="border-color: var(--accent); color: var(--accent);">${s['其他标签']}</span></td>
</tr>
`;
stockTbody.innerHTML += row;
});
// Populate rise analysis table
const riseTbody = document.querySelector('#rise-analysis tbody');
const riseAnalysis = stockData["涨幅分析补充"]["rise_analysis"];
riseAnalysis.sort((a, b) => new Date(b.trade_date) - new Date(a.trade_date)); // Sort by most recent
riseAnalysis.forEach(r => {
const code = r.stock_code || 'N/A';
const link = code !== 'N/A' ? `<a href="https://valuefrontier.cn/company?scode=${code}" target="_blank" class="text-cyan-400 hover:text-accent">${code}</a>` : 'N/A';
const row = `
<tr>
<td class="font-semibold text-white">${r.stock}</td>
<td>${link}</td>
<td>${r.trade_date}</td>
<td><span class="font-bold ${r.rise_rate > 0 ? 'text-green-400' : 'text-red-400'}">${r.rise_rate.toFixed(2)}%</span></td>
<td class="text-sm max-w-md">${r.reason}</td>
</tr>
`;
riseTbody.innerHTML += row;
});
// ECharts initialization
var chartDom = document.getElementById('profitability-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' },
backgroundColor: 'rgba(10, 16, 40, 0.8)',
borderColor: 'var(--card-border)',
textStyle: { color: 'var(--text-primary)' }
},
legend: {
data: ['毛利率'],
textStyle: { color: 'var(--text-secondary)' },
right: 10
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: ['海外业务', '国内业务'],
axisLine: { lineStyle: { color: 'var(--card-border)' } },
axisLabel: { color: 'var(--text-primary)' }
},
yAxis: {
type: 'value',
axisLine: { show: true, lineStyle: { color: 'var(--card-border)' } },
splitLine: { lineStyle: { color: 'var(--card-border)', type: 'dashed' } },
axisLabel: { color: 'var(--text-primary)', formatter: '{value}%' }
},
series: [
{
name: '毛利率',
type: 'bar',
barWidth: '40%',
data: [
{ value: 55.8, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#64ffda' }, { offset: 1, color: '#11a37f' }]) } },
{ value: 34.0, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#8884d8' }, { offset: 1, color: '#82ca9d' }]) } }
],
label: {
show: true,
position: 'top',
formatter: '{c}%',
color: 'var(--text-primary)',
fontSize: 14
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>