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

342 lines
18 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|Noto+Sans+SC:300,400,500,700&display=swap" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<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" />
<!-- Custom Styles -->
<style>
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.timeline-line {
background: linear-gradient(to bottom, #667eea, #764ba2);
}
#vanta-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.glass-effect {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
}
</style>
</head>
<body class="bg-gray-50">
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题区域 -->
<div class="text-center mb-12 mt-6">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">保险行业洞察报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">深入分析保险行业发展趋势、核心逻辑与市场机会</p>
<div class="mt-6">
<span class="inline-block bg-purple-600 text-white px-4 py-2 rounded-full text-sm font-medium">政策红利 + 业绩验证</span>
</div>
</div>
<!-- 概念事件时间线 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-purple-600"></i>
概念事件时间线
</h2>
<div class="relative">
<div class="absolute left-4 top-0 bottom-0 w-1 timeline-line rounded-full"></div>
<div class="space-y-8 ml-10">
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2024-08-30</h3>
<p class="text-gray-600 mt-1">新华、太保、国寿披露2024半年报归母净利润分别同比+37.1%、+27.6%、+11.1%主因总投资收益率提升新华4.8%、国寿3.59%、太保2.7%驱动保险股集体大涨新华H股当日+12%)。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2024-10-10</h3>
<p class="text-gray-600 mt-1">港股保险股再度走强新华保险H股单日涨超12%,市场持续交易"负债成本下降+投资收益改善"逻辑。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2025-01-03</h3>
<p class="text-gray-600 mt-1">监管发布《保险法》草案,拟打破刚性兑付,引发市场对利差损风险的关注。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2025-06-12</h3>
<p class="text-gray-600 mt-1">国内贸易信用保险共保体成立首期提供100亿元保障标志保险服务实体经济进入新阶段。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-500"></i>
核心观点摘要
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-purple-50 to-indigo-50 p-5 rounded-xl border border-purple-100">
<h3 class="font-bold text-lg text-purple-800 mb-3">基本面拐点</h3>
<p class="text-gray-700">保险板块正处于"政策红利+业绩验证"双轮驱动的基本面拐点负债端通过预定利率下调2.5%→2.0%)和"报行合一"压降成本资产端受益于长端利率企稳和权益市场回暖2024年行业净利润同比+77.7%。</p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-5 rounded-xl border border-blue-100">
<h3 class="font-bold text-lg text-blue-800 mb-3">核心矛盾</h3>
<p class="text-gray-700">未来3-6个月的核心矛盾是"利差损风险缓释"能否持续兑现需紧盯10年期国债利率走势和险企OCI其他综合收益资产配置比例。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line mr-3 text-green-600"></i>
核心逻辑与市场认知分析
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-800 mb-4 text-center">核心驱动力</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-purple-500">
<h4 class="font-bold text-gray-800 mb-2">负债成本系统性下降</h4>
<p class="text-gray-600 text-sm">2024年监管连续下调预定利率传统险3.5%→2.5%→2.0%),叠加银保渠道"报行合一"压缩手续费30%-60%新华保险新业务价值率提升25个百分点2024Q1数据</p>
</div>
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-blue-500">
<h4 class="font-bold text-gray-800 mb-2">资产端收益弹性释放</h4>
<p class="text-gray-600 text-sm">险企增配高股息股票新华保险港股配置400-500亿和30年期国债2024年综合投资收益率新华10.32%、太保8.5%显著高于5%的长期假设。</p>
</div>
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-green-500">
<h4 class="font-bold text-gray-800 mb-2">政策催化</h4>
<p class="text-gray-600 text-sm">2025年新"国十条"明确"发挥保险长期资金优势"鼓励险资入市保险资金运用余额2024年末达33.26万亿(+20.2%)。</p>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="bg-gradient-to-br from-yellow-50 to-orange-50 p-5 rounded-xl border border-yellow-200">
<h3 class="text-lg font-bold text-gray-800 mb-3">市场热度与情绪</h3>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<i class="fas fa-check-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>研报密集度</strong>2024年12月-2025年3月中信证券、东吴证券等发布12篇深度报告一致预期"保险股有望演绎贝塔行情"。</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>情绪指标</strong>新华保险H股2024年8月-2025年3月累计涨幅超80%但2025年4月后因利率下行担忧回调15%,显示市场分歧。</span>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-pink-50 to-rose-50 p-5 rounded-xl border border-pink-200">
<h3 class="text-lg font-bold text-gray-800 mb-3">预期差分析</h3>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-pink-500 mt-1 mr-2"></i>
<span><strong>市场共识</strong>认为险企通过OCI会计处理可平滑利润波动新华OCI债券占比44%)。</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-pink-500 mt-1 mr-2"></i>
<span><strong>预期差</strong>路演显示OCI股票占比仍低新华仅25% vs 同业48%),若权益市场波动,利润表冲击可能超预期。</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket mr-3 text-red-600"></i>
关键催化剂与未来发展路径
</h2>
<div class="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-xl p-6 text-white mb-6">
<h3 class="text-xl font-bold mb-4">近期催化剂3-6个月</h3>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">2025年7月</h4>
<p>上市险企中报披露需验证负债成本下降是否持续如新华保险负债成本已降至2.5%-3%区间)。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">2025年Q3</h4>
<p>10年期国债利率若企稳2.3%以上将缓解利差损担忧当前2.1%左右)。</p>
</div>
</div>
</div>
</div>
<!-- 关联股票表格 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-table mr-3 text-indigo-600"></i>
关联股票
</h2>
<div class="table-responsive">
<table class="table w-full">
<thead>
<tr class="bg-gray-100">
<th class="text-gray-700 font-semibold py-3 px-4 text-left rounded-l-lg">股票名称</th>
<th class="text-gray-700 font-semibold py-3 px-4 text-left">行业分类</th>
<th class="text-gray-700 font-semibold py-3 px-4 text-left rounded-r-lg">归类原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">天茂集团</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">天利科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">旗天科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">焦点科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">佳云科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">东方财富</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国人寿</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国平安</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">新华保险</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国人保</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国太保</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
<tr class="hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国平安</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 底部总结 -->
<div class="mt-10 mb-6 text-center">
<div class="glass-effect rounded-2xl shadow-xl p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">投资要点总结</h3>
<p class="text-gray-600 max-w-3xl mx-auto">保险行业正处于基本面拐点负债成本下降与投资收益改善形成双轮驱动。未来3-6个月需重点关注负债成本下降的持续性和10年期国债利率走势这将是决定板块行情的关键因素。</p>
</div>
</div>
</div>
<!-- JavaScript -->
<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>
// 初始化Vanta.js背景效果
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x9c88ff,
shininess: 48.00,
waveHeight: 13.50,
waveSpeed: 0.75,
zoom: 0.65
});
</script>
</body>
</html>
```