Files
vf_react/public/htmls/物理AI.html
2025-12-05 13:29:18 +08:00

399 lines
28 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>深度行研物理AI (Physical AI)</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<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=Lexend+Deca:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Lexend Deca', sans-serif;
background-color: #0a0a1a;
background-image:
radial-gradient(ellipse at 10% 15%, rgba(67, 56, 202, 0.3) 0%, transparent 50%),
radial-gradient(ellipse at 80% 25%, rgba(139, 92, 246, 0.25) 0%, transparent 50%),
radial-gradient(ellipse at 50% 90%, rgba(29, 78, 216, 0.3) 0%, transparent 50%);
background-attachment: fixed;
}
.glass-card {
background: rgba(17, 24, 39, 0.5);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(17, 24, 39, 0.7);
border: 1px solid rgba(255, 255, 255, 0.2);
transform: translateY(-5px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.glow-text {
text-shadow: 0 0 8px rgba(199, 210, 254, 0.6), 0 0 12px rgba(165, 180, 252, 0.4);
}
.section-title {
font-size: 2.25rem; /* 36px */
line-height: 2.5rem; /* 40px */
font-weight: 600;
color: #d1d5db; /* gray-300 */
text-shadow: 0 0 10px rgba(192, 132, 252, 0.5);
}
.sub-title {
font-weight: 600;
color: #c7d2fe; /* indigo-200 */
margin-bottom: 0.5rem;
font-size: 1.125rem;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.table thead th, .table tbody td {
background-color: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table {
background-color: rgba(17, 24, 39, 0.3);
}
.highlight {
color: #a5b4fc; /* indigo-300 */
font-weight: 600;
}
</style>
</head>
<body class="text-gray-300">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center my-12">
<h1 class="text-4xl md:text-6xl font-bold glow-text bg-clip-text text-transparent bg-gradient-to-r from-indigo-300 via-purple-300 to-indigo-400">
深度行研物理AI
</h1>
<p class="mt-4 text-lg text-gray-400">Physical AI: Bridging the Digital and Physical Worlds</p>
</header>
<!-- Insight Section -->
<main class="space-y-12">
<!-- Core Viewpoint -->
<section class="glass-card rounded-3xl p-8">
<h2 class="section-title mb-6">核心观点摘要</h2>
<p class="text-lg leading-relaxed text-gray-300">
物理AI正处于从前沿概念向产业化应用的“0到1”关键孕育期。其核心驱动力源于 <span class="highlight">英伟达构建的强大软硬件生态</span><span class="highlight">现有AI无法与物理世界有效交互的“能力鸿沟”</span> 之间的张力。虽然当前市场热情高涨,但其商业化进程仍处于极早期,未来潜力巨大,尤其是在机器人、智能驾驶和工业仿真等严肃场景,但短期内需警惕市场预期与产业现实之间的巨大差距。
</p>
</section>
<!-- Concept Event & Timeline -->
<section class="glass-card rounded-3xl p-8">
<h2 class="section-title mb-6">概念事件脉络</h2>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd"></path></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic text-gray-400">2024年及以前</time>
<div class="text-lg font-black text-indigo-300">前期铺垫</div>
以Sora为代表的文生视频模型暴露了在遵循物理规律上的缺陷凸显了集成“物理引擎”的必要性。特斯拉等企业通过FSD积累物理数据探索“Real-to-Sim-to-Real”模式。
</div>
<hr class="bg-indigo-400"/>
</li>
<li>
<hr class="bg-indigo-400"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-purple-400"><path fill-rule="evenodd" d="M9.664 1.319a.75.75 0 01.672 0l6.25 3.5c.24.135.39.39.39.66v6.043a.75.75 0 01-.22.53l-6.25 4.5a.75.75 0 01-.884 0l-6.25-4.5a.75.75 0 01-.22-.53V5.479c0-.27.15-.525.39-.66l6.25-3.5zM10 3.105L4.872 6.02v5.003l5.128 3.69 5.128-3.69V6.02L10 3.105z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic text-gray-400">GTC 2024</time>
<div class="text-lg font-black text-purple-300">概念引爆</div>
黄仁勋明确提出“AI的下个浪潮是物理AI”正式将概念推向市场。英伟达发布GR00T、Cosmos、Newton等产品构筑从软到硬的完整生态。
</div>
<hr class="bg-purple-400"/>
</li>
<li>
<hr class="bg-purple-400"/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-sky-400"><path d="M3.5 2.75a.75.75 0 00-1.5 0v14.5a.75.75 0 001.5 0v-4.392l1.657-.348a6.44 6.44 0 014.27.051 4.94 4.94 0 013.22 2.476.75.75 0 001.328-.722 6.44 6.44 0 00-4.16-3.21l-2.434-.812a4.94 4.94 0 01-3.22-2.476.75.75 0 00-1.328.722 6.44 6.44 0 004.16 3.21l2.434.812a6.44 6.44 0 014.27.051 4.94 4.94 0 013.22 2.476.75.75 0 001.328-.722 6.44 6.44 0 00-4.16-3.21L8.98 9.03a4.94 4.94 0 01-3.22-2.476.75.75 0 00-1.328.722 6.44 6.44 0 004.16 3.21l.51.17V2.75z"></path></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic text-gray-400">2025年</time>
<div class="text-lg font-black text-sky-300">产业化加速</div>
国内龙头跟进:索辰科技发布“天工・开物”平台并获低空经济订单;小鹏汽车宣布自研世界基座模型取得重大突破。国内产业生态雏形初现。
</div>
<hr/>
</li>
</ul>
</section>
<!-- Core Logic & Market Perception -->
<section class="space-y-8">
<h2 class="section-title text-center mb-8">核心逻辑与市场认知</h2>
<div class="bento-grid">
<div class="glass-card rounded-3xl p-8 col-span-1 md:col-span-2">
<h3 class="sub-title">核心驱动力</h3>
<div class="space-y-4 text-gray-300">
<p><strong class="text-indigo-300">1. 技术演进的必然:</strong> 生成式AI的“幻觉”和缺乏物理常识在严肃工业场景中是致命缺陷。物理AI旨在为AI装上理解和预测现实规律的“小脑”是AI从“能说会画”到“能干会做”的必然升级。</p>
<p><strong class="text-indigo-300">2. 英伟达的生态强推:</strong> 基于CUDA、PhysX、Omniverse的长期积累英伟达的“Omniverse+Cosmos”解决方案提供了完整的“Real-to-Sim-to-Real”闭环路径极大降低了下游应用开发门槛。</p>
<p><strong class="text-indigo-300">3. 商业化降本增效刚需:</strong> 获取1小时真实机器人数据成本(<span class="highlight">$180</span>)是模拟数据的<span class="highlight">100倍</span>。物理AI通过生成海量合成数据可将训练周期从年/月缩短至分钟级,带来革命性降本增效方案。</p>
</div>
</div>
<div class="glass-card rounded-3xl p-8">
<h3 class="sub-title">市场热度与情绪</h3>
<p>当前市场对物理AI概念关注度极高情绪整体<span class="highlight">高度乐观,甚至带有炒作成分</span>。黄仁勋“下一波浪潮”的论断成为市场共识,研报密集发布,相关概念股受资金追捧,显示出典性的主题投资特征。</p>
</div>
<div class="glass-card rounded-3xl p-8">
<h3 class="sub-title">预期差分析</h3>
<p>市场普遍认知与产业现实之间存在显著的<span class="highlight">“时间差”和“规模差”</span>。市场倾向于认为物理AI将迅速带来爆发式增长但核心标的索辰科技2025年收入目标仅<span class="highlight">3000万元</span>,表明产业化需要经历漫长的爬坡期。</p>
<p class="mt-4"> <strong class="text-rose-300">被忽略的关键点:</strong> (1) 算力消耗比LLM高2-3个数量级 (2) 人类“硬核推导”的物理求解器仍是核心壁垒。</p>
</div>
</div>
</section>
<!-- Supporting Data Tabs -->
<section x-data="{ tab: 'news' }" class="glass-card rounded-3xl p-8">
<h2 class="section-title mb-6">核心信息源聚合</h2>
<div class="tabs tabs-boxed bg-black/20">
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻要点</a>
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演精粹</a>
<a class="tab" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报洞察</a>
</div>
<div class="mt-6 space-y-4 text-gray-300 leading-relaxed min-h-[300px]">
<!-- News Content -->
<div x-show="tab === 'news'">
<h3 class="sub-title">定义与趋势</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>下一代AI形态:</strong> 继生成式AI、AIAgent之后旨在让AI理解摩擦力、惯性、因果等物理世界规则。</li>
<li><strong>核心意义:</strong> 实现实时控制,并生成海量、低成本的训练数据(尤其是极端条件算例)。</li>
<li><strong>行业共识:</strong> 黄仁勋称其为“AI下个浪潮”阿里CEO吴泳铭认为其目标是“改变物理世界”。</li>
</ul>
<h3 class="sub-title mt-4">技术路线与平台</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>英伟达 (NVIDIA):</strong> 核心方案为“<span class="highlight">Omniverse (虚拟场景) + Cosmos (世界模型)</span>硬件平台为Thor。开源物理引擎Newton发布人形机器人模型GR00T N1。</li>
<li><strong>国内厂商:</strong> 索辰科技对标英伟达推出“天工・开物”物理AI平台小鹏汽车研发国内领先的物理世界AI基座模型。</li>
</ul>
<h3 class="sub-title mt-4">主要应用领域</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>机器人与具身智能:</strong> 提供90%的虚拟仿真训练数据将训练周期从2年压缩至分钟级。</li>
<li><strong>智能驾驶:</strong> 助力自动驾驶训练小鹏汽车目标攻克大规模L4。</li>
<li><strong>工业与军事:</strong> 赋能制造业升级如风电效率提升20%),并成为军事仿真的新引擎。</li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" style="display: none;">
<h3 class="sub-title">物理AI的必要性与架构</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>核心矛盾:</strong> 现有AI缺乏物理规律理解导致在工业应用受限。物理AI需整合三维空间与物理规则。</li>
<li><strong>英伟达架构:</strong> Omniverse基于<span class="highlight">PhysX物理引擎</span>,支持流体、碰撞等多物理场仿真,用于构建数字孪生和生成合成数据。</li>
<li><strong>Sora的反思:</strong> 对Sora等视频模型的测评反复指出其在“物理交互细节”上的缺陷验证了物理引擎集成的必要性。</li>
</ul>
<h3 class="sub-title mt-4">国内厂商定位</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>索辰科技:</strong> 定位为国内唯一具备自主<span class="highlight">物理求解器引擎</span>及平台级产品的稀缺标的对标英伟达Isaac SIM。</li>
<li><strong>小鹏汽车:</strong> 战略从“新势力整车”切换为“<span class="highlight">物理AI平台</span>”,推进智驾、机器人、飞行汽车等四大板块。</li>
<li><strong>思看科技:</strong> 3D扫描技术为物理AI提供基础数据和虚拟环境构建能力。</li>
</ul>
<h3 class="sub-title mt-4">算力需求与投资逻辑</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>算力需求:</strong> 具身智能、物理AI对算力需求比LLM<span class="highlight">高出2-3个数量级</span>,长期利好算力赛道。</li>
<li><strong>投资主线:</strong> 关注具备3D物理仿真能力的核心标的如索辰科技、能科科技等。</li>
</ul>
</div>
<!-- Report Content -->
<div x-show="tab === 'report'" style="display: none;">
<h3 class="sub-title">系统性工程定义</h3>
<ul class="list-disc list-inside space-y-2">
<li>物理AI是让AI走向现实世界的系统性工程融合空间智能及世界模型解决从“语言符号理解”到“物理现实交互”的转变。</li>
<li><strong>技术支柱:</strong> 世界模型 (认知核心)、物理仿真引擎 (计算核心)、具身智能控制器 (执行桥梁)。</li>
</ul>
<h3 class="sub-title mt-4">关键技术平台</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>NVIDIA:</strong> Cosmos (世界模型构建平台), Omniverse (开发与仿真平台), GR00T N1 (机器人基础模型), Newton (物理引擎), Jetson/DRIVE Thor (芯片)。</li>
<li><strong>索辰科技:</strong> “天工·开物平台”,实现真实场景下四维时空耦合多物理场设计、仿真与训练。</li>
</ul>
<h3 class="sub-title mt-4">发展挑战</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>技术挑战:</strong> 仿真与现实差距(Sim-to-Real Gap)、计算开销巨大。</li>
<li><strong>数据挑战:</strong> 真实世界数据获取成本高昂模拟成本的100倍存在数据孤岛。</li>
<li><strong>商业化挑战:</strong> 技术待提升大规模商用难ROI不明确。</li>
</ul>
</div>
</div>
</section>
<!-- ECharts Visualization: Industry Chain -->
<section class="glass-card rounded-3xl p-8">
<h2 class="section-title mb-6">产业链图谱</h2>
<div id="echarts-chain" style="width: 100%; height: 500px;"></div>
</section>
<!-- Key Stocks -->
<section class="space-y-8">
<h2 class="section-title text-center mb-8">核心标的与市场表现</h2>
<div class="glass-card rounded-3xl p-4 md:p-8">
<h3 class="sub-title mb-4">物理AI 核心标的</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>核心逻辑</th>
<th>标签</th>
<th>股票代码</th>
</tr>
</thead>
<tbody>
<tr><td>索辰科技</td><td>持续加强在CAE软件及物理AI技术积累推动物理AI技术在未来有望高速增长的场景落地2025年物理AI产品收入达到3000万元</td><td><div class="badge badge-primary">平台软件</div></td><td><a href="https://valuefrontier.cn/company?scode=688507" target="_blank" class="link link-hover">688507</a></td></tr>
<tr><td>天准科技</td><td>NVIDIA Jetson产品线的金牌合作伙伴Jetson产品线在国内最大的合作伙伴</td><td><div class="badge badge-secondary">英伟达合作</div></td><td><a href="https://valuefrontier.cn/company?scode=688003" target="_blank" class="link link-hover">688003</a></td></tr>
<tr><td>奥比中光</td><td>将更多Orbbec视觉生态产品融入到Isaac Sim平台中助力全球机器人开发者便捷地开发、测试、仿真机器人3D视觉系统</td><td><div class="badge badge-secondary">英伟达合作</div></td><td><a href="https://valuefrontier.cn/company?scode=688322" target="_blank" class="link link-hover">688322</a></td></tr>
<tr><td>阿尔特</td><td>联合英伟达将Omniverse引入机器人开发包括Jetson硬件解决方案、Isaac软件开发和测试解决方案等</td><td><div class="badge badge-secondary">英伟达合作</div></td><td><a href="https://valuefrontier.cn/company?scode=300825" target="_blank" class="link link-hover">300825</a></td></tr>
<tr><td>东方精工</td><td>参股公司嘉腾机器人应用英伟达生成式AI在激光叉车上成功应用的案例</td><td><div class="badge badge-secondary">英伟达合作</div></td><td><a href="https://valuefrontier.cn/company?scode=002611" target="_blank" class="link link-hover">002611</a></td></tr>
<tr><td>凌云光</td><td>为AI物理世界基础模型提供视觉数据支持和分析能力</td><td><div class="badge badge-accent">技术支持</div></td><td><a href="https://valuefrontier.cn/company?scode=688400" target="_blank" class="link link-hover">688400</a></td></tr>
<tr><td>智微智能</td><td>基于英伟达Isaac Sim机器人虚拟仿真训练和数据合成开发可实现复杂物理交互的完整端到端仿真</td><td><div class="badge badge-accent">技术支持</div></td><td><a href="https://valuefrontier.cn/company?scode=001339" target="_blank" class="link link-hover">001339</a></td></tr>
<tr><td>凡拓数创</td><td>数字孪生是物理AI训练场可为机器人迭代提供虚拟环境。公司正积极推进AI 3D数字孪生产品开发</td><td><div class="badge badge-accent">技术支持</div></td><td><a href="https://valuefrontier.cn/company?scode=301313" target="_blank" class="link link-hover">301313</a></td></tr>
<tr><td>华如科技</td><td>物理AI驱动虚拟战场环境生成通过构建语料资源投喂给军事大模型训练并经仿真系统推演验证形成闭环体系</td><td><div class="badge badge-info">应用</div></td><td><a href="https://valuefrontier.cn/company?scode=301302" target="_blank" class="link link-hover">301302</a></td></tr>
</tbody>
</table>
</div>
</div>
<div class="glass-card rounded-3xl p-4 md:p-8">
<h3 class="sub-title mb-4">相关概念股涨幅分析补充</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>涨跌幅</th>
<th>日期</th>
<th>上涨归因摘要</th>
<th>股票代码</th>
</tr>
</thead>
<tbody>
<tr><td>南极光</td><td><span class="text-success">+8.49%</span></td><td>2025-07-17</td><td>物理AI概念热度提升公司明确AI战略布局信号叠加技术面突破。</td><td><a href="https://valuefrontier.cn/company?scode=300940" target="_blank" class="link link-hover">300940</a></td></tr>
<tr><td>华胜天成</td><td><span class="text-success">+10.0%</span></td><td>2025-08-12</td><td>英伟达物理AI主题催化公司半年报业绩扭亏央企数字孪生订单放量。</td><td><a href="https://valuefrontier.cn/company?scode=600410" target="_blank" class="link link-hover">600410</a></td></tr>
<tr><td>飞荣达</td><td><span class="text-success">+5.4%</span></td><td>2025-08-08</td><td>受益于英伟达物理AI生态催化和GPT-5降价带来的端侧AI硬件需求增长。</td><td><a href="https://valuefrontier.cn/company?scode=300602" target="_blank" class="link link-hover">300602</a></td></tr>
<tr><td>道通科技</td><td><span class="text-success">+5.21%</span></td><td>2025-07-29</td><td>研报提及公司涉及物理AI概念充电桩业务创新高股东回报政策。</td><td><a href="https://valuefrontier.cn/company?scode=688208" target="_blank" class="link link-hover">688208</a></td></tr>
<tr><td>赛意信息</td><td><span class="text-success">+5.71%</span></td><td>2025-08-04</td><td>公司与逗号科技合作布局物理AI供应链AI订单爆发式增长预期。</td><td><a href="https://valuefrontier.cn/company?scode=300687" target="_blank" class="link link-hover">300687</a></td></tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center p-8 mt-12 text-gray-500 border-t border-gray-800">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-sm mt-2">本报告为AI合成数据投资需谨慎。</p>
</footer>
</div>
<script type="text/javascript">
var chartDom = document.getElementById('echarts-chain');
var myChart = echarts.init(chartDom);
var option;
const data = {
name: '物理AI',
children: [
{
name: '上游: 核心技术与数据',
children: [
{ name: '算法/模型/平台', children: [{ name: '英伟达' }, { name: '索辰科技' }, { name: '小鹏汽车' }] },
{ name: '数据采集与感知', children: [{ name: '奥比中光' }, { name: '凌云光' }, { name: '思看科技' }] }
]
},
{
name: '中游: 仿真与开发',
children: [
{ name: '仿真/数字孪生', children: [{ name: '华如科技' }, { name: '凡拓数创' }, { name: '能科科技' }] }
]
},
{
name: '下游: 应用与集成',
children: [
{ name: '机器人/具身智能', children: [{ name: '阿尔特' }, { name: '智微智能' }, { name: '东方精工' }] },
{ name: '智能驾驶', children: [{ name: '小鹏汽车' }] },
{ name: '工业/供应链', children: [{ name: '赛意信息' }] }
]
},
{
name: '底层支撑: 硬件与基建',
children: [
{ name: '芯片/控制器', children: [{ name: '天准科技' }] },
{ name: '数据中心', children: [{ name: '翰博高新' }] }
]
}
]
};
option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove',
backgroundColor: 'rgba(17, 24, 39, 0.8)',
borderColor: 'rgba(255, 255, 255, 0.2)',
textStyle: {
color: '#E5E7EB'
}
},
series: [
{
type: 'tree',
data: [data],
top: '5%',
left: '15%',
bottom: '5%',
right: '15%',
symbolSize: 10,
label: {
position: 'left',
verticalAlign: 'middle',
align: 'right',
fontSize: 14,
color: '#d1d5db'
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)',
width: 1.5
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
</script>
</body>
</html>