Files
vf_react/public/htmls/食品安全全链条.html
2025-10-11 16:16:02 +08:00

691 lines
32 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">
<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/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.tailwindcss.com/3.3.0"></script>
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
<!-- tsParticles -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
}
.timeline-item::before {
content: '';
position: absolute;
left: -7px;
top: 0;
height: 100%;
width: 2px;
background: linear-gradient(to bottom, #10b981, #3b82f6);
}
.timeline-dot {
position: absolute;
left: -12px;
top: 8px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #10b981;
border: 3px solid white;
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}
#tsparticles {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: 0.4;
}
.glass-effect {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 768px) {
.timeline-item::before {
left: 15px;
}
.timeline-dot {
left: 10px;
}
}
</style>
</head>
<body class="bg-gradient-to-br from-green-50 to-blue-50 min-h-screen">
<div id="tsparticles"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题区域 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold bg-gradient-to-r from-green-600 to-blue-600 bg-clip-text text-transparent mb-4">
食品安全全链条
</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
从政策驱动到技术落地的全产业链投资机会分析
</p>
</div>
<!-- 概念概述 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="bg-green-100 p-3 rounded-full mr-4">
<i class="fas fa-shield-alt text-green-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">概念概述</h2>
</div>
<p class="text-gray-700 leading-relaxed">
食品安全全链条监管是指从食品生产源头到消费终端的全过程监管体系包括源头严防、过程严管、风险严控、违法严惩四个环节。随着政策密集出台和技术进步该领域已从政策驱动阶段进入技术落地阶段预计2025-2027年市场规模将超2000亿元。
</p>
</div>
<!-- 政策催化时间轴 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-blue-100 p-3 rounded-full mr-4">
<i class="fas fa-calendar-alt text-blue-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">政策催化时间轴</h2>
</div>
<div class="relative pl-8 md:pl-12">
<div class="timeline-item relative mb-8 pl-6">
<div class="timeline-dot"></div>
<div class="bg-white rounded-lg shadow p-4 border-l-4 border-green-500">
<div class="font-bold text-gray-800">2024年9月25日</div>
<p class="text-gray-700 mt-1">国务院副总理张国清在食品安全宣传周提出"全链条强化监管",首次明确"四个最严"要求</p>
</div>
</div>
<div class="timeline-item relative mb-8 pl-6">
<div class="timeline-dot"></div>
<div class="bg-white rounded-lg shadow p-4 border-l-4 border-blue-500">
<div class="font-bold text-gray-800">2024年12月24日</div>
<p class="text-gray-700 mt-1">国常会专题研究"加强食品安全全链条监管",提出建立协同监管机制</p>
</div>
</div>
<div class="timeline-item relative mb-8 pl-6">
<div class="timeline-dot"></div>
<div class="bg-white rounded-lg shadow p-4 border-l-4 border-purple-500">
<div class="font-bold text-gray-800">2025年3月19日</div>
<p class="text-gray-700 mt-1">中办、国办发布《关于进一步强化食品安全全链条监管的意见》,首次将网络订餐配送、无堂食外卖纳入全链条监管</p>
</div>
</div>
<div class="timeline-item relative pl-6">
<div class="timeline-dot"></div>
<div class="bg-white rounded-lg shadow p-4 border-l-4 border-red-500">
<div class="font-bold text-gray-800">2025年5月23日</div>
<p class="text-gray-700 mt-1">《食品安全法(修正草案)》提请全国人大常委会审议,重点完善事前预防和全链条追溯条款</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-purple-100 p-3 rounded-full mr-4">
<i class="fas fa-lightbulb text-purple-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心观点摘要</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white rounded-lg shadow p-5">
<div class="text-green-600 text-3xl mb-3">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="font-bold text-lg text-gray-800 mb-2">阶段判断</h3>
<p class="text-gray-700">食品安全全链条已从政策驱动2024年密集政策出台进入技术落地阶段2025年液冷、区块链追溯等技术商业化</p>
</div>
<div class="bg-white rounded-lg shadow p-5">
<div class="text-blue-600 text-3xl mb-3">
<i class="fas fa-cogs"></i>
</div>
<h3 class="font-bold text-lg text-gray-800 mb-2">核心驱动力</h3>
<p class="text-gray-700">政策强制要求叠加AI算力对冷链温控的刚性需求推动检测技术+冷链设备+追溯系统三大环节爆发</p>
</div>
<div class="bg-white rounded-lg shadow p-5">
<div class="text-purple-600 text-3xl mb-3">
<i class="fas fa-coins"></i>
</div>
<h3 class="font-bold text-lg text-gray-800 mb-2">未来潜力</h3>
<p class="text-gray-700">预计2025-2027年全链条市场规模超2000亿元年复合增速25%+</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场分析 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-yellow-100 p-3 rounded-full mr-4">
<i class="fas fa-brain text-yellow-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心逻辑与市场分析</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-balance-scale text-green-600 mr-2"></i>
核心驱动力
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>政策强制</strong>2025年3月政策明确要求网络订餐配送环节纳入许可管理</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>技术刚需</strong>AI算力集群功耗超800W/芯片,液冷成为"必选项"</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>成本拐点</strong>液冷方案TCO已低于风冷15%,经济性推动商业化</span>
</li>
</ul>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-fire text-red-600 mr-2"></i>
市场热度与情绪
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-chart-line text-blue-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>新闻热度</strong>2025年3月政策发布后"食品安全全链条"百度搜索指数暴涨300%</span>
</li>
<li class="flex items-start">
<i class="fas fa-file-alt text-blue-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>研报密集度</strong>2024年Q4以来15篇深度报告聚焦该主题情绪极度乐观</span>
</li>
</ul>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5 mt-6">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-exclamation-triangle text-orange-600 mr-2"></i>
预期差分析
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-angle-right text-orange-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>市场忽略点</strong>:政策对"无堂食外卖"的监管,可能催生第三方共享厨房的合规需求</span>
</li>
<li class="flex items-start">
<i class="fas fa-angle-right text-orange-500 mt-1 mr-2"></i>
<span class="text-gray-700"><strong>技术预期差</strong>市场高估液冷渗透率预期2025年50%但运营商集采实际落地率仅30%</span>
</li>
</ul>
</div>
</div>
<!-- 关键催化剂 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-red-100 p-3 rounded-full mr-4">
<i class="fas fa-rocket text-red-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关键催化剂与未来发展路径</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-4 text-center bg-blue-50 py-2 rounded">近期催化剂3-6个月</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
1
</div>
<div>
<div class="font-medium text-gray-800">2025年8月</div>
<p class="text-gray-700 text-sm">国家卫健委将发布《网络订餐配送安全规范》细则明确冷链配送温度标准≤4℃</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
2
</div>
<div>
<div class="font-medium text-gray-800">2025年9月</div>
<p class="text-gray-700 text-sm">英维克900MW液冷项目交付验收验证技术商业化能力</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
3
</div>
<div>
<div class="font-medium text-gray-800">2025年10月</div>
<p class="text-gray-700 text-sm">谱尼测试食品检测订单Q3财报预计同比+50%</p>
</div>
</div>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-4 text-center bg-green-50 py-2 rounded">长期发展路径</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
<i class="fas fa-calendar-alt"></i>
</div>
<div>
<div class="font-medium text-gray-800">2025-2026年</div>
<p class="text-gray-700 text-sm">政策强制推动冷链设备(英维克、申菱环境)和检测服务(谱尼测试、华测检测)放量</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
<i class="fas fa-calendar-alt"></i>
</div>
<div>
<div class="font-medium text-gray-800">2027年后</div>
<p class="text-gray-700 text-sm">区块链追溯技术成熟,信息发展等企业构建全国食品追溯网络(类似"健康码"体系)</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链分析 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-indigo-100 p-3 rounded-full mr-4">
<i class="fas fa-project-diagram text-indigo-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">产业链与核心公司深度剖析</h2>
</div>
<div class="bg-white rounded-lg shadow p-5 mb-6">
<h3 class="font-bold text-lg text-gray-800 mb-4">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="bg-green-100 text-green-800 px-6 py-3 rounded-lg mb-4 md:mb-0 w-full md:w-auto text-center">
<div class="font-bold">上游</div>
<div>检测设备(谱尼测试、华测检测)</div>
</div>
<div class="text-2xl text-gray-400 mx-0 md:mx-4 mb-4 md:mb-0">
<i class="fas fa-arrow-right"></i>
</div>
<div class="bg-blue-100 text-blue-800 px-6 py-3 rounded-lg mb-4 md:mb-0 w-full md:w-auto text-center">
<div class="font-bold">中游</div>
<div>冷链设备(英维克、申菱环境)</div>
</div>
<div class="text-2xl text-gray-400 mx-0 md:mx-4 mb-4 md:mb-0">
<i class="fas fa-arrow-right"></i>
</div>
<div class="bg-purple-100 text-purple-800 px-6 py-3 rounded-lg w-full md:w-auto text-center">
<div class="font-bold">下游</div>
<div>平台/餐饮(美团、海底捞)</div>
</div>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5 overflow-x-auto">
<h3 class="font-bold text-lg text-gray-800 mb-4">核心玩家对比</h3>
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">业务逻辑</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">竞争优势</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">英维克</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">液冷全链条龙头</td>
<td class="px-6 py-4 text-gray-700">900MW交付经验+华为/运营商客户</td>
<td class="px-6 py-4 text-gray-700">竞争加剧(美的入局)</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">谱尼测试</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">食品检测市占率15%</td>
<td class="px-6 py-4 text-gray-700">政府订单占比60%</td>
<td class="px-6 py-4 text-gray-700">价格战华测检测降价20%</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">信息发展</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">追溯系统(肉菜平台)</td>
<td class="px-6 py-4 text-gray-700">25个试点城市政府背书</td>
<td class="px-6 py-4 text-gray-700">技术落地慢(区块链成本高)</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 风险分析 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-red-100 p-3 rounded-full mr-4">
<i class="fas fa-exclamation-circle text-red-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">潜在风险与挑战</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-microchip text-red-600 mr-2"></i>
技术风险
</h3>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<p class="text-gray-700"><strong>液冷漏液率</strong>英维克漏液率0.1%行业平均0.5%),但大规模部署后可能上升。</p>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-dollar-sign text-red-600 mr-2"></i>
商业化风险
</h3>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<p class="text-gray-700"><strong>检测价格战</strong>华测检测2025年Q2降价20%抢占市场谱尼测试毛利率或跌破40%。</p>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-landmark text-red-600 mr-2"></i>
政策风险
</h3>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<p class="text-gray-700"><strong>地方执行差异</strong>北京已强制要求外卖冷链但三四线城市落地率仅30%。</p>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-3 flex items-center">
<i class="fas fa-balance-scale-right text-red-600 mr-2"></i>
信息矛盾
</h3>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<p class="text-gray-700"><strong>液冷渗透率</strong>开源通信预测2025年50%但中国移动实际集采仅38%存在12%预期差。</p>
</div>
</div>
</div>
</div>
<!-- 投资启示 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-yellow-100 p-3 rounded-full mr-4">
<i class="fas fa-chart-pie text-yellow-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">综合结论与投资启示</h2>
</div>
<div class="bg-white rounded-lg shadow p-5 mb-6">
<h3 class="font-bold text-lg text-gray-800 mb-3">阶段判断</h3>
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded">
<p class="text-gray-700">当前处于政策驱动向基本面驱动过渡期2025年Q3业绩验证关键</p>
</div>
</div>
<div class="bg-white rounded-lg shadow p-5">
<h3 class="font-bold text-lg text-gray-800 mb-4">投资方向</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
1
</div>
<div>
<div class="font-medium text-gray-800">冷链设备</div>
<p class="text-gray-700"><strong>英维克</strong>(技术+客户壁垒最硬),<strong>申菱环境</strong>(运营商订单弹性大)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
2
</div>
<div>
<div class="font-medium text-gray-800">检测服务</div>
<p class="text-gray-700"><strong>谱尼测试</strong>(政府订单占比高,政策红利明确)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
3
</div>
<div>
<div class="font-medium text-gray-800">追溯系统</div>
<p class="text-gray-700"><strong>信息发展</strong>(政府项目背书,但需跟踪技术落地)</p>
</div>
</div>
</div>
<h3 class="font-bold text-lg text-gray-800 mt-6 mb-4">关键跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<div class="font-medium text-gray-800 mb-1">英维克</div>
<p class="text-gray-700 text-sm">2025年Q3液冷订单≥500MW验证商业化</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<div class="font-medium text-gray-800 mb-1">谱尼测试</div>
<p class="text-gray-700 text-sm">食品检测毛利率≥45%(价格战底线)</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<div class="font-medium text-gray-800 mb-1">信息发展</div>
<p class="text-gray-700 text-sm">新增追溯试点城市≥10个政策落地信号</p>
</div>
</div>
</div>
</div>
<!-- 关联股票表格 -->
<div class="glass-effect rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-6">
<div class="bg-green-100 p-3 rounded-full mr-4">
<i class="fas fa-table text-green-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关联股票</h2>
</div>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">项目/产品</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链/分类/技术/场景</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关联原因</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">华盛昌</td>
<td class="px-6 py-4 text-gray-700">手持式产品检测农药残留</td>
<td class="px-6 py-4 text-gray-700">农药残留污染等级识别</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">云赛智联</td>
<td class="px-6 py-4 text-gray-700">食品安全信息溯源平台</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">研发、集成和运维服务</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">飞利信</td>
<td class="px-6 py-4 text-gray-700">食品安全追溯</td>
<td class="px-6 py-4 text-gray-700">农业电商</td>
<td class="px-6 py-4 text-gray-700">数字新农村建设</td>
<td class="px-6 py-4"><span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">公告</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">谱尼测试</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品安全实验室检测</td>
<td class="px-6 py-4 text-gray-700">矿物油检测</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">远望谷</td>
<td class="px-6 py-4 text-gray-700">农产品生产追溯解决方案</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">畜牧养殖企业应用</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">易瑞生物</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品安全保障</td>
<td class="px-6 py-4 text-gray-700">生产、加工、分销、消费全链条</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">三维天地</td>
<td class="px-6 py-4 text-gray-700">检验检测信息化系统</td>
<td class="px-6 py-4 text-gray-700">食品/药品检测</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">泰林生物</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品安全微生物学检验</td>
<td class="px-6 py-4 text-gray-700">微生物检测技术</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">华测检测</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品营养成分分析</td>
<td class="px-6 py-4 text-gray-700">全品类覆盖</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">航天信息</td>
<td class="px-6 py-4 text-gray-700">首都食品安全信息系统</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">信息发展</td>
<td class="px-6 py-4 text-gray-700">肉菜流通追溯平台</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">25个试点城市建设</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">实朴检测</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品安全污染检测</td>
<td class="px-6 py-4 text-gray-700">水质/化工产物检测</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">中金辐照</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">食品微生物检测</td>
<td class="px-6 py-4 text-gray-700">菌落总数/致病菌检测</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">久远银海</td>
<td class="px-6 py-4 text-gray-700">食品安全监管系统</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">重大活动保障</td>
<td class="px-6 py-4"><span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">互动</span></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">香山股份</td>
<td class="px-6 py-4 text-gray-700">食品安全追溯秤</td>
<td class="px-6 py-4 text-gray-700">-</td>
<td class="px-6 py-4 text-gray-700">农贸/商超应用</td>
<td class="px-6 py-4"><span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">公告</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// tsParticles配置
tsParticles.load("tsparticles", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: ["#10b981", "#3b82f6", "#8b5cf6"]
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: true
},
size: {
value: 3,
random: true
},
move: {
enable: true,
speed: 2,
direction: "none",
random: true,
straight: false,
out_mode: "out"
},
links: {
enable: true,
distance: 150,
color: "#94a3b8",
opacity: 0.2,
width: 1
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```