Files
vf_react/public/htmls/数据要素.html
2025-12-05 13:29:18 +08:00

454 lines
29 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" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数据要素 - 深度投研报告</title>
<!-- Tailwind & 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"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<!-- Google Fonts for a futuristic feel -->
<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=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color-1: rgba(0, 225, 255, 0.3);
--glow-color-2: rgba(255, 0, 255, 0.3);
--glass-bg: rgba(20, 20, 40, 0.5);
--glass-border: rgba(255, 255, 255, 0.15);
}
body {
background-color: #010008;
background-image:
radial-gradient(ellipse 80% 80% at 10% -20%, var(--glow-color-1), transparent),
radial-gradient(ellipse 80% 80% at 90% 120%, var(--glow-color-2), transparent);
background-attachment: fixed;
font-family: 'Noto Sans SC', sans-serif;
color: #e0e0e0;
}
@keyframes subtle-glow {
0% { opacity: 0.6; transform: scale(1); }
50% { opacity: 1; transform: scale(1.05); }
100% { opacity: 0.6; transform: scale(1); }
}
.animated-glow-bg {
background-image:
radial-gradient(ellipse 80% 80% at 10% -20%, var(--glow-color-1), transparent),
radial-gradient(ellipse 80% 80% at 90% 120%, var(--glow-color-2), transparent);
animation: subtle-glow 20s ease-in-out infinite;
}
.glass-card {
background-color: var(--glass-bg);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid var(--glass-border);
border-radius: 1.5rem; /* 24px */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);
border-color: rgba(255, 255, 255, 0.3);
}
.fui-title {
font-family: 'Orbitron', sans-serif;
letter-spacing: 0.1em;
text-shadow: 0 0 8px rgba(0, 225, 255, 0.7);
}
.highlight-text {
color: #00e1ff;
font-weight: bold;
}
.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-1 { grid-column: span 12; }
.bento-item-2 { grid-column: span 7; }
.bento-item-3 { grid-column: span 5; }
.bento-item-4 { grid-column: span 5; }
.bento-item-5 { grid-column: span 7; }
}
.daisy-table a {
color: #58c7f3;
text-decoration: none;
transition: color 0.2s;
}
.daisy-table a:hover {
color: #93e0ff;
text-decoration: underline;
}
.tag-red {
color: #ff5555;
font-weight: bold;
text-shadow: 0 0 5px rgba(255, 85, 85, 0.5);
}
</style>
</head>
<body class="min-h-screen">
<!-- Background Glow Element -->
<div class="fixed top-0 left-0 w-full h-full animated-glow-bg -z-10"></div>
<div class="container mx-auto px-4 py-8 lg:py-16">
<!-- Header -->
<header class="text-center mb-12 lg:mb-20">
<h1 class="fui-title text-4xl md:text-6xl font-bold text-white tracking-widest">
DATA ELEMENT
</h1>
<p class="text-lg md:text-xl text-cyan-200 mt-2">数据要素 · 深度投研报告</p>
<div class="mt-6 text-xs text-gray-500 max-w-2xl mx-auto glass-card p-3 inline-block">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- Insight & Core Logic -->
<section class="mb-12 lg:mb-20">
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">核心洞察 / Core Insight</h2>
<div class="bento-grid">
<!-- Core View -->
<div class="bento-item bento-item-1 glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4">核心观点摘要</h3>
<p class="text-base text-gray-300">
数据要素是国家顶层推动的战略性概念,目前正处于从<strong class="highlight-text">政策框架搭建</strong><strong class="highlight-text">产业化落地探索</strong>过渡的“政产共振”初期阶段。其核心驱动力源于国家层面释放数据价值、培育新增长引擎的迫切需求,而非单纯的技术突破。未来潜力巨大,但短期内,<strong class="highlight-text">公共数据授权运营</strong><strong class="highlight-text">特定行业的数据资产化</strong>是观察其能否从宏大叙事转向商业现实的关键试金石。
</p>
</div>
<!-- Core Logic & Market Perception -->
<div class="bento-item bento-item-2 glass-card p-6 lg:p-8 flex flex-col">
<h3 class="text-xl font-bold text-cyan-300 mb-4">核心逻辑与市场认知</h3>
<div class="space-y-4 text-gray-300 flex-grow">
<div>
<h4 class="font-semibold text-white">驱动力:政策驱动下的价值重估</h4>
<p class="text-sm">根本逻辑是自上而下的政策强力驱动旨在创造经济新动能、解决现实问题如地方化债、降本增效并夯实数字经济AI、数字政府基础。“授权运营”、“数据资产入表”等制度创新本质是为无形的数据赋予<strong class="highlight-text">资产属性</strong><strong class="highlight-text">价值标尺</strong></p>
</div>
<div>
<h4 class="font-semibold text-white">市场情绪:上热下冷</h4>
<p class="text-sm">市场层面因政策密集发布而高度乐观,预期板块行情。然而产业实践层面存在显著谨慎情绪,从业者更关注数据安全、质量标准、商业模式等落地难题,构成<strong class="highlight-text">“上热下冷”</strong>的当前特征。</p>
</div>
</div>
</div>
<!-- Expectation Gap -->
<div class="bento-item bento-item-3 glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4">预期差分析</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li class="pl-4 border-l-2 border-fuchsia-500">
<strong class="text-white">数据交易繁荣度:</strong>市场憧憬“一地上架、全国互认”,现实是交易所<strong class="text-red-400">“数量膨胀但交易冷清”</strong>80%产品无人问津,场外交易仍是主流。
</li>
<li class="pl-4 border-l-2 border-fuchsia-500">
<strong class="text-white">数据资产入表实质:</strong>市场视其为价值重估利器,但先行者(如运营商)态度<strong class="text-red-400">“保守”</strong>,多用成本法估值,金额占比极低,远未到重构估值的地步。
</li>
<li class="pl-4 border-l-2 border-fuchsia-500">
<strong class="text-white">公共数据开放进度:</strong>政策大力鼓励,但地方数据局多为<strong class="text-red-400">“空壳部门”</strong>,跨部门协同困难,执行进度不及预期。
</li>
</ul>
</div>
<!-- Key Catalysts -->
<div class="bento-item bento-item-4 glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4">关键催化剂</h3>
<h4 class="font-semibold text-white mb-2">近期 (3-6个月)</h4>
<ul class="list-disc list-inside text-sm space-y-1 text-gray-300">
<li>国家数据局剩余<strong class="highlight-text">8项制度文件</strong>正式稿发布。</li>
<li>首批<strong class="highlight-text">国家数据要素综合试验区</strong>标杆案例公布。</li>
<li>财政部数据资产入表细则与<strong class="highlight-text">“市场法”</strong>评估案例扩散。</li>
<li>传闻中的<strong class="highlight-text">国家数据集团</strong>正式挂牌运作。</li>
</ul>
</div>
<!-- Investment Conclusion -->
<div class="bento-item bento-item-5 glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4">综合结论与投资启示</h3>
<p class="text-sm text-gray-300 mb-4">
概念整体处于<strong class="highlight-text">主题炒作与基本面萌芽的交织阶段</strong>。估值由政策预期主导但部分细分领域已现业绩萌芽。未来1-2年是验证“概念”能否转化为“利润”的关键期。
</p>
<div class="grid md:grid-cols-2 gap-4 text-sm">
<div>
<h4 class="font-semibold text-white">方向一:数据基础设施“国家队”</h4>
<p class="text-gray-300">逻辑类似“高速公路”政策资金投入最直接确定性高。如深桑达A、易华录、三大运营商等。</p>
</div>
<div>
<h4 class="font-semibold text-white">方向二:垂直行业应用商</h4>
<p class="text-gray-300">离钱最近,商业模式清晰。如医疗医保(国新健康)、交通物流(中远海科)、金融风控(中科江南)等。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Policy Timeline -->
<section class="mb-12 lg:mb-20">
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">演进之路 / Evolution Path</h2>
<div class="glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-4 text-center">关键政策与事件时间轴</h3>
<div id="timeline-chart" class="w-full h-[500px]"></div>
</div>
</section>
<!-- Development Path -->
<section class="mb-12 lg:mb-20">
<div class="glass-card p-6 lg:p-8">
<h3 class="text-xl font-bold text-cyan-300 mb-6 text-center">长期发展路径 (预计3-5年)</h3>
<ul class="steps steps-vertical lg:steps-horizontal w-full text-sm">
<li class="step step-primary" data-content="✓">
<span class="font-bold">阶段一: 基础设施与制度建设期 (当前)</span>
<p class="text-xs text-gray-400">“铁三角”成型, 核心制度密集出台</p>
</li>
<li class="step step-primary">
<span class="font-bold">阶段二: 公共数据价值释放期 (1-2年)</span>
<p class="text-xs text-gray-400">授权运营现盈利模式, "数据财政"显现</p>
</li>
<li class="step">
<span class="font-bold">阶段三: 产业数据大流通期 (2-4年)</span>
<p class="text-xs text-gray-400">隐私计算成熟, 场内交易额提升</p>
</li>
<li class="step">
<span class="font-bold">阶段四: 成熟生态期 (5年以上)</span>
<p class="text-xs text-gray-400">成经济引擎, 金融衍生品成熟</p>
</li>
</ul>
</div>
</section>
<!-- Risks & Supporting Data -->
<section class="mb-12 lg:mb-20" x-data="{ tab: 'risks' }">
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">风险分析与情报摘要</h2>
<div class="tabs tabs-boxed bg-black/30 mb-6">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'risks' }" @click="tab = 'risks'">潜在风险与挑战</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻摘要</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演精要</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'research' }" @click="tab = 'research'">研报观点</a>
</div>
<div class="glass-card p-6 lg:p-8 min-h-[300px]">
<!-- Risks Panel -->
<div x-show="tab === 'risks'">
<h3 class="text-xl font-bold text-red-400 mb-4">风险提示</h3>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 text-sm">
<div>
<h4 class="font-semibold text-white">技术风险</h4>
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
<li><strong class="text-red-400">隐私计算瓶颈:</strong>同态加密等技术5年内难大规模商用制约数据安全流通。</li>
<li><strong class="text-red-400">数据治理能力弱:</strong>95%企业治理能力不足仅2%数据被有效管理,资产化前期投入巨大。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-white">商业化风险</h4>
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
<li><strong class="text-red-400">定价与分配机制缺失:</strong>“不会分”问题阻碍商业模式形成。</li>
<li><strong class="text-red-400">供需错配:</strong>供给方“不敢供”需求方找不到高质量数据导致“80%数据产品无人问津”。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-white">政策与监管风险</h4>
<ul class="list-disc list-inside space-y-1 mt-2 text-gray-300">
<li><strong class="text-red-400">政策落地不及预期:</strong>顶层设计与地方实践脱节,执行速度慢于市场预期。</li>
<li><strong class="text-red-400">数据安全监管:</strong>重大泄露事件可能引发监管突然收紧,冲击产业生态。</li>
</ul>
</div>
</div>
</div>
<!-- News Panel -->
<div x-show="tab === 'news'" style="display: none;">
<h3 class="text-xl font-bold text-cyan-300 mb-4">新闻摘要</h3>
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
<li><strong>宏观政策:</strong>数据被定位为第五大生产要素,是国家级战略资源。中央层面首次系统部署公共数据开发利用,核心是<strong class="highlight-text">“授权运营”</strong>,并鼓励地方先行先试。</li>
<li><strong>地方实践:</strong>广州拟将数据要素<strong class="highlight-text">纳入GDP核算</strong>,被视为里程碑。多地成立数据集团,探索“数据财政”。</li>
<li><strong>产业发展:</strong>国家数据局目标到2029年数据产业年复合增长超15%。电信运营商凭借海量优质数据竞争优势显著大数据业务增速达69.2%。</li>
<li><strong>资产化里程碑:</strong>2024年10月全国首例以<strong class="highlight-text">“市场法”</strong>评估的数据资产成功入表并获得1000万元贷款标志着金融实践的关键突破。</li>
<li><strong>行业应用:</strong>首家数科央企成立,聚焦构建<strong class="highlight-text">国家级物流大数据平台</strong>。医保数据赋能商业健康险在“商保快直赔”等场景落地。</li>
</ul>
</div>
<!-- Roadshow Panel -->
<div x-show="tab === 'roadshow'" style="display: none;">
<h3 class="text-xl font-bold text-cyan-300 mb-4">路演精要</h3>
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
<li><strong>核心矛盾:</strong>产业面临供给侧“不敢供、不愿用、不会分”的核心困境,政策落地进度不及预期。</li>
<li><strong>数据交易所现状:</strong>数量多但交易冷清,<strong class="text-red-400">80%数据产品无人问津</strong>,功能单一,供需错配。</li>
<li><strong>关键技术:</strong>隐私计算是实现“数据可用不可见”的核心,但技术仍不成熟。<strong class="highlight-text">机密计算</strong>更易落地而同态加密5年内难商用。</li>
<li><strong>授权运营模式:</strong>核心原则是<strong class="highlight-text">“原始数据不出域,数据可用不可见”</strong>。地方探索通过行政收费或国资有偿使用模式破解合规问题。</li>
<li><strong>发展阶段:</strong>产业仍处早期,数据资产入表、公共数据标准化等需<strong class="highlight-text">3-5年</strong>完善。短期看授权运营试点和基建长期看数据资产化与AI融合。</li>
</ul>
</div>
<!-- Research Panel -->
<div x-show="tab === 'research'" style="display: none;">
<h3 class="text-xl font-bold text-cyan-300 mb-4">研报观点</h3>
<ul class="space-y-3 text-sm text-gray-300 max-h-[400px] overflow-y-auto">
<li><strong>发展阶段:</strong>2024年是数据要素进入<strong class="highlight-text">“政产共振”</strong>的关键一年,从政策驱动迈向产业落地。</li>
<li><strong>核心主题:</strong>数字中国建设峰会等顶层会议均聚焦“释放数据要素价值,发展新质生产力”。</li>
<li><strong>市场规模:</strong>“十四五”期间数据要素流通市场规模预计达5000亿-1万亿元衍生市场规模超60万亿元。</li>
<li><strong>产业链投资机遇:</strong>上游基础设施(数据存储、安全),中游流通服务(授权运营、交易所),下游垂直应用(医疗、金融、交通等)均有机会。</li>
<li><strong>关键行动:</strong><strong class="highlight-text">“数据要素×”</strong>行动计划是推动应用落地的重要抓手目标是打造300个以上典型场景。数据资产入表需求正在爆发。</li>
</ul>
</div>
</div>
</section>
<!-- Stock List Table -->
<section>
<h2 class="fui-title text-3xl text-white mb-8 border-l-4 border-cyan-400 pl-4">关联标的 / Associated Stocks</h2>
<div class="overflow-x-auto glass-card">
<table class="table daisy-table w-full">
<thead>
<tr class="text-cyan-200">
<th>股票名称</th>
<th>关联原因</th>
<th>其他标签</th>
<th>股票代码</th>
</tr>
</thead>
<tbody>
<!-- Infrastructure -->
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">上游:数据资源与基础设施</td></tr>
<tr><td>深桑达A</td><td>数据存储 / 国家队</td><td>央企</td><td>-</td></tr>
<tr><td>易华录</td><td>数据存储 / 交易所</td><td>央企</td><td><a href="https://valuefrontier.cn/company?scode=300212" target="_blank">300212</a></td></tr>
<tr><td>中国电信</td><td>数据存储 / 数据源</td><td>央企, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=601728" target="_blank">601728</a></td></tr>
<tr><td>中国联通</td><td>数据存储 / 数据源</td><td>央企, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=600050" target="_blank">600050</a></td></tr>
<tr><td>奇安信</td><td>数据安全</td><td>-</td><td><a href="https://valuefrontier.cn/company?scode=688561" target="_blank">688561</a></td></tr>
<!-- Circulation & Services -->
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">中游:数据流通与服务</td></tr>
<tr><td>三维天地</td><td>数据清洗</td><td>数据加工/分析</td><td><a href="https://valuefrontier.cn/company?scode=301159" target="_blank">301159</a></td></tr>
<tr><td>海天瑞声</td><td>数据标注</td><td>数据加工/分析</td><td><a href="https://valuefrontier.cn/company?scode=688787" target="_blank">688787</a></td></tr>
<tr><td>人民网</td><td>数据确权</td><td>数据交易</td><td><a href="https://valuefrontier.cn/company?scode=603000" target="_blank">603000</a></td></tr>
<tr><td>浙数文化</td><td>交易所</td><td>数据交易</td><td><a href="https://valuefrontier.cn/company?scode=600633" target="_blank">600633</a></td></tr>
<tr><td>广电运通</td><td>数据存储 / 交易所</td><td>地方</td><td><a href="https://valuefrontier.cn/company?scode=002152" target="_blank">002152</a></td></tr>
<!-- Application & Scenarios -->
<tr class="bg-white/5"><td colspan="4" class="font-bold text-white">下游:数据应用与场景</td></tr>
<tr><td>国新健康</td><td>医疗数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=000503" target="_blank">000503</a></td></tr>
<tr><td>久远银海</td><td>医疗数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=002777" target="_blank">002777</a></td></tr>
<tr><td>中远海科</td><td>航运数据 / 交通数据</td><td>行业数据</td><td><a href="https://valuefrontier.cn/company?scode=002401" target="_blank">002401</a></td></tr>
<tr><td>上海钢联</td><td>大宗数据</td><td>行业数据, 资产入表</td><td><a href="https://valuefrontier.cn/company?scode=300226" target="_blank">300226</a></td></tr>
<tr><td>每日互动</td><td>营销数据 / 公共安全</td><td>行业数据, 数据安全</td><td><a href="https://valuefrontier.cn/company?scode=300766" target="_blank">300766</a></td></tr>
<tr><td>通达海</td><td>司法数据</td><td class="tag-red">行业数据, 标红</td><td><a href="https://valuefrontier.cn/company?scode=301378" target="_blank">301378</a></td></tr>
<tr><td>竞业达</td><td>其他 (教育) / 数据安全</td><td class="tag-red">行业数据, 标红</td><td><a href="https://valuefrontier.cn/company?scode=003005" target="_blank">003005</a></td></tr>
</tbody>
</table>
</div>
</section>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const data = [
{ name: '理论定调\n第五大生产要素', value: [new Date('2020-04-01'), 1] },
{ name: '制度框架\n“数据二十条”', value: [new Date('2022-12-01'), 2] },
{ name: '组织保障\n国家数据局组建', value: [new Date('2023-03-01'), 1] },
{ name: '行动纲领\n“数据要素×”计划', value: [new Date('2024-01-01'), 2] },
{ name: '政策密集期启动\n预告8项文件', value: [new Date('2024-07-01'), 1] },
{ name: '公共数据顶层设计\n“授权运营”', value: [new Date('2024-10-09'), 3] },
{ name: '资产化里程碑\n“市场法”入表贷款', value: [new Date('2024-10-22'), 4] },
{ name: '地方立法突破\n拟纳入GDP核算', value: [new Date('2024-11-01'), 2] },
{ name: '产业应用深化\n国家级物流平台', value: [new Date('2024-12-19'), 3] },
];
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'item',
formatter: function (params) {
return params.marker + params.data.name;
}
},
grid: {
left: '5%',
right: '5%',
bottom: '10%',
containLabel: true
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: '#8392A2' } },
splitLine: { show: false },
},
yAxis: {
type: 'value',
show: false,
max: 5
},
series: [{
type: 'scatter',
symbol: 'circle',
symbolSize: function(val, params) {
return params.data.value[1] * 8 + 10;
},
itemStyle: {
color: new echarts.graphic.RadialGradient(0.5, 0.5, 0.5, [
{ offset: 0, color: 'rgba(0, 225, 255, 1)' },
{ offset: 1, color: 'rgba(0, 225, 255, 0.5)' }
]),
shadowColor: 'rgba(0, 225, 255, 1)',
shadowBlur: 15
},
label: {
show: true,
position: 'bottom',
formatter: '{b}',
color: '#E0E0E0',
fontSize: 12,
align: 'center',
lineHeight: 16,
},
data: data,
encode: {
x: 0,
y: 1
}
}, {
type: 'line',
lineStyle: {
width: 1,
color: 'rgba(255, 255, 255, 0.2)',
type: 'dashed'
},
showSymbol: false,
data: data.map(item => [item.value[0], 2.5]),
}]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>