Files
vf_react/public/htmls/海军.html
2025-11-25 19:38:50 +08:00

877 lines
42 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="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>海军装备产业链深度分析 - 投资洞察</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.24/dist/full.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
* {
font-family: 'Inter', sans-serif;
}
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
.timeline-line {
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
width: 3px;
position: absolute;
left: 20px;
top: 0;
bottom: 0;
}
.timeline-dot {
width: 16px;
height: 16px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: 3px solid #1e293b;
border-radius: 50%;
position: absolute;
left: 14px;
}
.progress-ring {
transform: rotate(-90deg);
}
.navy-blue {
background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
}
.glass-effect {
background: rgba(30, 41, 59, 0.8);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-scroll::-webkit-scrollbar {
height: 8px;
}
.table-scroll::-webkit-scrollbar-track {
background: #1e293b;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #475569;
border-radius: 4px;
}
.badge-glow {
animation: glow 2s ease-in-out infinite;
}
@keyframes glow {
0%, 100% { box-shadow: 0 0 5px rgba(102, 126, 234, 0.5); }
50% { box-shadow: 0 0 20px rgba(102, 126, 234, 0.8); }
}
.metric-card {
background: linear-gradient(135deg, rgba(30, 58, 138, 0.5) 0%, rgba(30, 64, 175, 0.5) 100%);
border: 1px solid rgba(147, 197, 253, 0.3);
}
.stock-table {
font-size: 0.875rem;
}
.stock-table th {
background: rgba(30, 58, 138, 0.9);
position: sticky;
top: 0;
z-index: 10;
}
.stock-table td {
border-bottom: 1px solid rgba(71, 85, 105, 0.5);
}
.stock-table tr:hover {
background: rgba(51, 65, 85, 0.3);
}
.section-divider {
height: 2px;
background: linear-gradient(90deg, transparent, #667eea, transparent);
margin: 3rem 0;
}
</style>
</head>
<body class="bg-slate-950 text-slate-100">
<!-- Navigation -->
<div class="navbar glass-effect fixed top-0 z-50 px-4">
<div class="navbar-start">
<a href="#" class="btn btn-ghost text-xl font-bold">
<i class="fas fa-ship mr-2"></i>海军装备分析
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<li><a href="#overview">核心观点</a></li>
<li><a href="#timeline">事件时间线</a></li>
<li><a href="#logic">投资逻辑</a></li>
<li><a href="#industry">产业链</a></li>
<li><a href="#stocks">标的池</a></li>
</ul>
</div>
<div class="navbar-end">
<div class="badge badge-accent badge-glow">深度研究</div>
</div>
</div>
<!-- Hero Section -->
<section class="hero min-h-screen hero-gradient flex items-center">
<div class="hero-content text-center">
<div class="max-w-5xl">
<h1 class="text-5xl font-bold mb-6 text-white">
<i class="fas fa-anchor mr-3"></i>海军装备产业链
</h1>
<p class="text-2xl mb-8 text-slate-200">战略需求刚性化 · 装备结构拐点化 · 业绩兑现初期化</p>
<div class="stats shadow-2xl bg-slate-900/80 backdrop-blur rounded-box w-full">
<div class="stat">
<div class="stat-figure text-primary">
<svg width="48" height="48" fill="currentColor"><path d="M24 2l5.453 11.146 12.298 1.787-8.876 8.654 2.095 12.224L24 30.077 13.13 35.811l2.095-12.224-8.876-8.654 12.298-1.787L24 2z"/></svg>
</div>
<div class="stat-title">优先级</div>
<div class="stat-value text-primary">极高</div>
<div class="stat-desc">十四五重点建设方向</div>
</div>
<div class="stat">
<div class="stat-figure text-secondary">
<svg class="progress-ring" width="48" height="48" viewBox="0 0 36 36">
<path class="text-slate-700" stroke="currentColor" stroke-width="3" fill="none" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"/>
<path class="text-slate-100" stroke="currentColor" stroke-width="3" stroke-dasharray="75, 100" fill="none" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"/>
</svg>
</div>
<div class="stat-title">发展阶段</div>
<div class="stat-value text-secondary">初期</div>
<div class="stat-desc">0-1的蓝海市场</div>
</div>
<div class="stat">
<div class="stat-figure text-accent">
<i class="fas fa-chart-line text-4xl"></i>
</div>
<div class="stat-title">业绩弹性</div>
<div class="stat-value text-accent">25%+</div>
<div class="stat-desc">2025年预期增速</div>
</div>
</div>
<div class="mt-8 flex justify-center gap-4">
<button class="btn btn-primary btn-lg">
<i class="fas fa-download mr-2"></i>下载研报
</button>
<button class="btn btn-secondary btn-lg">
<i class="fas fa-play-circle mr-2"></i>观看路演
</button>
</div>
</div>
</div>
</section>
<!-- Key Metrics -->
<section class="py-16 px-4">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12" id="overview">核心数据洞察</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="metric-card rounded-xl p-6 card-hover">
<div class="flex items-center justify-between">
<div>
<p class="text-slate-400">水下装备市场空间</p>
<p class="text-3xl font-bold text-blue-400">近千亿</p>
</div>
<i class="fas fa-water text-4xl text-blue-400/30"></i>
</div>
<div class="mt-4">
<div class="text-sm text-slate-500">未来10年需求</div>
</div>
</div>
<div class="metric-card rounded-xl p-6 card-hover">
<div class="flex items-center justify-between">
<div>
<p class="text-slate-400">电磁弹射弹性</p>
<p class="text-3xl font-bold text-purple-400">5-8亿</p>
</div>
<i class="fas fa-bolt text-4xl text-purple-400/30"></i>
</div>
<div class="mt-4">
<div class="text-sm text-slate-500">2025年增量收入</div>
</div>
</div>
<div class="metric-card rounded-xl p-6 card-hover">
<div class="flex items-center justify-between">
<div>
<p class="text-slate-400">市占率龙头</p>
<p class="text-3xl font-bold text-green-400">70-80%</p>
</div>
<i class="fas fa-crown text-4xl text-green-400/30"></i>
</div>
<div class="mt-4">
<div class="text-sm text-slate-500">中国海防水声业务</div>
</div>
</div>
<div class="metric-card rounded-xl p-6 card-hover">
<div class="flex items-center justify-between">
<div>
<p class="text-slate-400">装备增速</p>
<p class="text-3xl font-bold text-orange-400">20-30%</p>
</div>
<i class="fas fa-rocket text-4xl text-orange-400/30"></i>
</div>
<div class="mt-4">
<div class="text-sm text-slate-500">十四五后期预期</div>
</div>
</div>
</div>
</div>
</section>
<!-- Timeline -->
<section class="py-16 px-4" id="timeline">
<div class="max-w-4xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12">重要事件时间线</h2>
<div class="relative">
<div class="timeline-line"></div>
<div class="relative mb-8 ml-12">
<div class="timeline-dot" style="top: 8px;"></div>
<div class="card glass-effect rounded-lg p-4 card-hover">
<div class="flex justify-between items-start">
<div>
<span class="badge badge-primary">2024年8月</span>
<h3 class="text-xl font-semibold mt-2">伊朗海军演习</h3>
<p class="text-slate-400 mt-1">在阿曼海举行"力量1404"导弹演习,展示反舰能力</p>
</div>
</div>
</div>
</div>
<div class="relative mb-8 ml-12">
<div class="timeline-dot" style="top: 8px;"></div>
<div class="card glass-effect rounded-lg p-4 card-hover">
<div class="flex justify-between items-start">
<div>
<span class="badge badge-primary">2024年9月</span>
<h3 class="text-xl font-semibold mt-2">以色列军事行动</h3>
<p class="text-slate-400 mt-1">摧毁叙利亚舰队,地区紧张局势升级</p>
</div>
</div>
</div>
</div>
<div class="relative mb-8 ml-12">
<div class="timeline-dot" style="top: 8px;"></div>
<div class="card glass-effect rounded-lg p-4 card-hover">
<div class="flex justify-between items-start">
<div>
<span class="badge badge-secondary">2024年12月</span>
<h3 class="text-xl font-semibold mt-2">076型四川舰出坞</h3>
<p class="text-slate-400 mt-1">首创双舰岛+电磁弹射技术排水量4万余吨</p>
</div>
</div>
</div>
</div>
<div class="relative mb-8 ml-12">
<div class="timeline-dot" style="top: 8px;"></div>
<div class="card glass-effect rounded-lg p-4 card-hover">
<div class="flex justify-between items-start">
<div>
<span class="badge badge-accent">2024年12月</span>
<h3 class="text-xl font-semibold mt-2">国防部长任命</h3>
<p class="text-slate-400 mt-1">董军(原海军首长)任国防部长,海军重点建设预期强化</p>
</div>
</div>
</div>
</div>
<div class="relative mb-8 ml-12">
<div class="timeline-dot" style="top: 8px;"></div>
<div class="card glass-effect rounded-lg p-4 card-hover">
<div class="flex justify-between items-start">
<div>
<span class="badge badge-info">2025年3月</span>
<h3 class="text-xl font-semibold mt-2">俄罗斯海军战略</h3>
<p class="text-slate-400 mt-1">普京批准《2050年前俄罗斯海军发展战略》</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Investment Logic -->
<section class="py-16 px-4" id="logic">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12">投资逻辑分析</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="card navy-blue rounded-xl p-6">
<div class="card-title">
<i class="fas fa-globe-americas text-3xl mr-3"></i>
<span>地缘政治倒逼</span>
</div>
<div class="card-body">
<p>美军"印太战略"持续施压弗吉尼亚级潜艇年产目标从1.3艘提升至2.5艘,直接刺激中国水下攻防体系建设</p>
<div class="mt-4">
<span class="badge badge-error">高优先级</span>
<span class="badge badge-warning">紧迫性强</span>
</div>
</div>
</div>
<div class="card navy-blue rounded-xl p-6">
<div class="card-title">
<i class="fas fa-exchange-alt text-3xl mr-3"></i>
<span>战略范式转型</span>
</div>
<div class="card-body">
<p>从"黄水海军"到"蓝水海军"质变水面防御向水下进攻转变10年潜艇改造市场近千亿</p>
<div class="mt-4">
<span class="badge badge-success">结构性机会</span>
<span class="badge badge-info">长期趋势</span>
</div>
</div>
</div>
<div class="card navy-blue rounded-xl p-6">
<div class="card-title">
<i class="fas fa-microchip text-3xl mr-3"></i>
<span>技术代际突破</span>
</div>
<div class="card-body">
<p>076型电磁弹射平台型创新光纤水听器替代压电水听器技术壁垒高市场空间巨大</p>
<div class="mt-4">
<span class="badge badge-primary">核心技术</span>
<span class="badge badge-accent">高壁垒</span>
</div>
</div>
</div>
</div>
<div class="section-divider"></div>
<h3 class="text-2xl font-bold mb-6">预期差分析</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="alert alert-info">
<i class="fas fa-info-circle"></i>
<div>
<h4 class="font-bold">业绩兑现节奏</h4>
<p>潜艇改造周期18-24个月远快于新造5-7年</p>
</div>
</div>
<div class="alert alert-warning">
<i class="fas fa-exclamation-triangle"></i>
<div>
<h4 class="font-bold">民用市场空间</h4>
<p>电磁弹射技术可延伸至海上风电等民用领域</p>
</div>
</div>
<div class="alert alert-success">
<i class="fas fa-shield-alt"></i>
<div>
<h4 class="font-bold">竞争壁垒</h4>
<p>设计锁定+耗材更换的双重护城河</p>
</div>
</div>
</div>
</div>
</section>
<!-- Industry Chain -->
<section class="py-16 px-4" id="industry">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12">产业链图谱</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="card glass-effect rounded-xl p-6">
<h3 class="text-2xl font-bold mb-4 text-blue-400">
<i class="fas fa-anchor mr-2"></i>水面舰艇产业链
</h3>
<div class="space-y-3">
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">上游材料</span>
<div class="flex gap-2">
<span class="badge badge-outline">西部材料</span>
<span class="badge badge-outline">亚星锚链</span>
</div>
</div>
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">中游设备</span>
<div class="flex gap-2">
<span class="badge badge-primary">湘电股份</span>
<span class="badge badge-primary">王子新材</span>
</div>
</div>
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">下游总装</span>
<div class="flex gap-2">
<span class="badge badge-secondary">中国船舶</span>
<span class="badge badge-secondary">中船防务</span>
</div>
</div>
</div>
</div>
<div class="card glass-effect rounded-xl p-6">
<h3 class="text-2xl font-bold mb-4 text-purple-400">
<i class="fas fa-water mr-2"></i>水下攻防产业链
</h3>
<div class="space-y-3">
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">上游材料</span>
<div class="flex gap-2">
<span class="badge badge-outline">西部材料</span>
<span class="badge badge-outline">宝钛股份</span>
</div>
</div>
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">中游核心系统</span>
<div class="flex gap-2">
<span class="badge badge-accent">中国海防</span>
<span class="badge badge-accent">中科海讯</span>
</div>
</div>
<div class="flex justify-between items-center p-3 bg-slate-800/50 rounded-lg">
<span class="font-medium">下游平台</span>
<div class="flex gap-2">
<span class="badge badge-info">中国重工</span>
<span class="badge badge-info">天海防务</span>
</div>
</div>
</div>
</div>
</div>
<div class="mt-8">
<h3 class="text-2xl font-bold mb-6">核心玩家对比</h3>
<div class="table-scroll">
<table class="table w-full stock-table">
<thead>
<tr>
<th>公司</th>
<th>核心逻辑</th>
<th>竞争优势</th>
<th>业绩弹性</th>
<th>关键风险</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold text-primary">中国海防</td>
<td>水下攻防装备龙头</td>
<td>70-80%市占率</td>
<td>⭐⭐⭐⭐⭐</td>
<td>订单验证周期长</td>
</tr>
<tr>
<td class="font-bold text-primary">湘电股份</td>
<td>电磁弹射平台技术</td>
<td>综合电力系统垄断</td>
<td>⭐⭐⭐⭐</td>
<td>技术可靠性待检验</td>
</tr>
<tr>
<td class="font-bold text-primary">西部材料</td>
<td>水下装备材料</td>
<td>钛合金核心供应商</td>
<td>⭐⭐⭐</td>
<td>军品占比低</td>
</tr>
<tr>
<td class="font-bold text-primary">中国船舶</td>
<td>海军装备总装</td>
<td>航母唯一建造商</td>
<td>⭐⭐</td>
<td>弹性相对较小</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Stock Pool -->
<section class="py-16 px-4" id="stocks">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12">海军概念股票池</h2>
<div class="table-scroll">
<table class="table w-full stock-table">
<thead>
<tr>
<th class="sticky left-0 bg-slate-900">股票名称</th>
<th>所属行业</th>
<th>核心项目</th>
<th>产业链环节</th>
<th>投资逻辑</th>
<th>数据来源</th>
</tr>
</thead>
<tbody>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中国船舶</td>
<td>船舶制造</td>
<td>航母、核潜艇、大型驱逐舰</td>
<td>海军装备研发生产</td>
<td>民用商用船舶制造营收第一,承担海军主战装备科研生产任务</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中船防务</td>
<td>船舶制造</td>
<td>055型驱逐舰</td>
<td>护卫舰市场</td>
<td>在护卫舰市场占据领先地位,参与多个重点型号建造</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中国海防</td>
<td>海洋防务</td>
<td>声纳装备</td>
<td>水声电子系统</td>
<td>国内海洋防务声纳装备核心供应商市占率70-80%</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">湘电股份</td>
<td>船舶动力</td>
<td>电磁弹射系统</td>
<td>舰船电力推进</td>
<td>国内唯一舰船综合电力系统供应商,电磁弹射核心分包商</td>
<td><span class="badge badge-outline">路演数据</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">西部材料</td>
<td>金属材料</td>
<td>钛合金结构件</td>
<td>特种材料</td>
<td>钛合金用于核潜艇壳体、声纳结构件单艘价值量5-6亿</td>
<td><span class="badge badge-outline">路演数据</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中国动力</td>
<td>船舶动力</td>
<td>海军舰船动力</td>
<td>动力系统</td>
<td>海军作战舰艇动力系统排名第一,主要供应商</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中国重工</td>
<td>船舶制造</td>
<td>核潜艇</td>
<td>水下装备总装</td>
<td>承担核潜艇建造任务,水下装备核心总装单位</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中科海讯</td>
<td>声纳装备</td>
<td>水声目标探测</td>
<td>水声电子</td>
<td>产品应用于声纳装备领域,最终用户为国家特种部门</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">天海防务</td>
<td>特种无人船</td>
<td>无人潜航器</td>
<td>无人装备平台</td>
<td>子公司金海运研发多类型特种无人船,无人装备标的</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">久之洋</td>
<td>光电设备</td>
<td>红外、激光、光学产品</td>
<td>舰载光电系统</td>
<td>中船集团旗下光电上市公司,产品涵盖四大类光电设备</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">亚光科技</td>
<td>军用小艇</td>
<td>冲锋舟、指挥艇</td>
<td>特种舰艇</td>
<td>军用冲锋舟、指挥艇等特种小艇市占率领先</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">亚星锚链</td>
<td>链条生产</td>
<td>船用锚链</td>
<td>船舶配套</td>
<td>全球最大链条生产企业船用锚链市占率超70%</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">中船科技</td>
<td>船舶设计</td>
<td>船舶工业规划设计</td>
<td>设计研发</td>
<td>全资子公司中船九院为中国船舶工业规划设计国家队</td>
<td><span class="badge badge-outline">公开资料</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">海兰信</td>
<td>船舶电子</td>
<td>首艘航母辽宁舰</td>
<td>舰船电子系统</td>
<td>产品已应用于包括辽宁舰在内的各类舰船</td>
<td><span class="badge badge-outline">公告</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">国瑞科技</td>
<td>船舶电子</td>
<td>雷达、电子战系统</td>
<td>军工电子信息系统</td>
<td>参股公司中电华瑞产品涵盖雷达、电子战系统</td>
<td><span class="badge badge-outline">网传纪要</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">泰豪科技</td>
<td>舰载作战辅助系统</td>
<td>航母及海军舰艇</td>
<td>作战支持系统</td>
<td>相关产品已应用于航母及海军舰艇</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">潍柴重机</td>
<td>船舶动力</td>
<td>船舶动力系统</td>
<td>动力设备</td>
<td>开发销售船舶动力和发电设备,市场覆盖广泛</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">江龙船艇</td>
<td>公务执法船艇</td>
<td>海事海警装备</td>
<td>特种船艇</td>
<td>产品广泛应用于海事、海关、海警等维护海洋主权领域</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">王子新材</td>
<td>船舶电子</td>
<td>舰船电子信息系统</td>
<td>电子配套</td>
<td>全资子公司中电华瑞从事舰船电子信息系统领域</td>
<td><span class="badge badge-outline">互动</span></td>
</tr>
<tr>
<td class="sticky left-0 font-bold bg-slate-800">*ST宝实</td>
<td>船舶电器</td>
<td>船舶消磁器</td>
<td>船舶配套</td>
<td>船舶消磁器业务市场占有率居首位</td>
<td><span class="badge badge-outline">年报</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Investment Strategy -->
<section class="py-16 px-4">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-12">投资策略建议</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="card bg-gradient-to-r from-green-900/50 to-green-800/30 rounded-xl p-6">
<h3 class="text-2xl font-bold mb-4 text-green-400">
<i class="fas fa-thumbs-up mr-2"></i>重点配置
</h3>
<div class="space-y-3">
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">中国海防</span>
<span class="badge badge-success">首选标的</span>
</div>
<p class="text-sm text-slate-400 mt-1">70%市占率+资产注入预期+业绩拐点三重逻辑</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">湘电股份</span>
<span class="badge badge-success">弹性标的</span>
</div>
<p class="text-sm text-slate-400 mt-1">电磁弹射0到1突破2025年收入确认高峰</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">西部材料</span>
<span class="badge badge-success">稳健标的</span>
</div>
<p class="text-sm text-slate-400 mt-1">钛合金刚需,不受军品定价机制约束</p>
</div>
</div>
</div>
<div class="card bg-gradient-to-r from-red-900/50 to-red-800/30 rounded-xl p-6">
<h3 class="text-2xl font-bold mb-4 text-red-400">
<i class="fas fa-exclamation-triangle mr-2"></i>规避标的
</h3>
<div class="space-y-3">
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">王子新材</span>
<span class="badge badge-error">伪概念</span>
</div>
<p class="text-sm text-slate-400 mt-1">军品占比不足5%,与电磁弹射无技术关联</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">久之洋</span>
<span class="badge badge-error">业绩下滑</span>
</div>
<p class="text-sm text-slate-400 mt-1">民用海监设备为主2024H1收入同比-22%</p>
</div>
<div class="p-3 bg-slate-800/50 rounded-lg">
<div class="flex items-center justify-between">
<span class="font-bold">海兰信</span>
<span class="badge badge-error">ST风险</span>
</div>
<p class="text-sm text-slate-400 mt-1">军品资质不全2024年亏损1.2亿</p>
</div>
</div>
</div>
</div>
<div class="section-divider"></div>
<div class="alert alert-info">
<i class="fas fa-info-circle text-2xl"></i>
<div>
<h4 class="font-bold text-lg">关键验证指标</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
<div>
<span class="font-semibold">订单指标:</span>
<p>全军装备采购信息网海军装备招标金额</p>
</div>
<div>
<span class="font-semibold">财务指标:</span>
<p>中国海防合同负债环比增速需持续增长30%+</p>
</div>
<div>
<span class="font-semibold">技术节点:</span>
<p>076型舰海试进度与电磁弹射测试结果</p>
</div>
<div>
<span class="font-semibold">政策信号:</span>
<p>2025年国防预算海军科目增速需超20%</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer footer-center p-10 bg-slate-900 text-base-content">
<div>
<p class="font-bold text-2xl">
<i class="fas fa-ship mr-2"></i>海军装备产业链深度分析
</p>
<p class="text-slate-400">专业投资研究 · 数据驱动决策</p>
</div>
<div>
<div class="grid grid-flow-col gap-4">
<a class="btn btn-ghost btn-circle">
<i class="fab fa-twitter"></i>
</a>
<a class="btn btn-ghost btn-circle">
<i class="fab fa-github"></i>
</a>
<a class="btn btn-ghost btn-circle">
<i class="fab fa-linkedin"></i>
</a>
</div>
</div>
<div>
<p>Copyright © 2025 - 保留所有权利</p>
</div>
</footer>
<script>
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Add scroll effect to navbar
window.addEventListener('scroll', () => {
const navbar = document.querySelector('.navbar');
if (window.scrollY > 100) {
navbar.classList.add('shadow-xl');
} else {
navbar.classList.remove('shadow-xl');
}
});
// Animate elements on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Observe all cards
document.querySelectorAll('.card').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
observer.observe(card);
});
</script>
</body>
</html>