Files
vf_react/public/htmls/节水产业240423.html
2025-10-11 16:16:02 +08:00

656 lines
31 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>节水产业240423 - 概念洞察报告</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" 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">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<style>
/* 自定义样式 */
.water-bg {
background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
position: relative;
overflow: hidden;
}
.water-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.3;
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.highlight-text {
background: linear-gradient(120deg, #3b82f6 0%, #06b6d4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.timeline-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background-color: #e5e7eb;
}
.timeline-item {
position: relative;
padding-left: 24px;
margin-bottom: 24px;
}
.industry-tag {
background-color: rgba(59, 130, 246, 0.1);
color: #3b82f6;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.card-shadow {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
}
</style>
</head>
<body class="water-bg min-h-screen">
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">
节水产业 <span class="highlight-text">240423</span>
</h1>
<p class="text-lg md:text-xl text-gray-600 max-w-3xl mx-auto">
从政策驱动到商业化落地,万亿级节水产业的黄金窗口期
</p>
</div>
<!-- 概念事件 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-calendar-alt text-blue-500 mr-3"></i>
概念事件
</h2>
<div class="grid md:grid-cols-3 gap-6">
<!-- 政策催化 -->
<div class="bg-blue-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-blue-800 mb-3 flex items-center">
<i class="fas fa-landmark text-blue-600 mr-2"></i>
政策催化
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-blue-500 mr-2"></span>
<div>
<span class="font-medium">2024年8月28日</span>:水利部视频调度节水产业,明确聚焦三大领域
</div>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2"></span>
<div>
<span class="font-medium">2025年7月4日</span>构建15项制度政策体系
</div>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2"></span>
<div>
<span class="font-medium">2025年5月29日</span>:鼓励社会资本参与
</div>
</li>
</ul>
</div>
<!-- 产业目标 -->
<div class="bg-green-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-green-800 mb-3 flex items-center">
<i class="fas fa-bullseye text-green-600 mr-2"></i>
产业目标
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-green-500 mr-2"></span>
<div>
<span class="font-medium">2027年</span>:节水产业规模达<span class="text-green-700 font-bold">万亿级</span>
</div>
</li>
<li class="flex items-start">
<span class="text-green-500 mr-2"></span>
<div>
<span class="font-medium">2035年</span>:建成高标准农田<span class="text-green-700 font-bold">13.5亿亩</span>
</div>
</li>
</ul>
</div>
<!-- 技术突破 -->
<div class="bg-purple-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-purple-800 mb-3 flex items-center">
<i class="fas fa-microscope text-purple-600 mr-2"></i>
技术突破
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-purple-500 mr-2"></span>
<div>
<span class="font-medium">2025年3月</span>:工业节水工艺/技术/装备征集
</div>
</li>
<li class="flex items-start">
<span class="text-purple-500 mr-2"></span>
<div>
重点覆盖<span class="text-purple-700 font-bold">黄河流域、京津冀</span>等缺水地区
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="bg-gradient-to-r from-blue-600 to-cyan-600 rounded-xl card-shadow p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>
核心观点摘要
</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">阶段判断</h3>
<p>节水产业已从政策驱动进入<span class="font-bold">商业化落地阶段</span>2025-2027年为订单爆发期</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">核心驱动力</h3>
<p>中央资金 + 水价改革 + 技术替代(国产智能闸门替代进口)</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">未来潜力</h3>
<p>2025年水利投资或超<span class="font-bold">1.5万亿</span>,节水设备/运营服务占比将提升至<span class="font-bold">30%+</span></p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-brain text-blue-500 mr-3"></i>
核心逻辑与市场认知分析
</h2>
<div class="grid md:grid-cols-2 gap-8">
<!-- 核心驱动力 -->
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心驱动力</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-100 rounded-full p-2 mr-3">
<i class="fas fa-coins text-blue-600"></i>
</div>
<div>
<h4 class="font-medium text-gray-800">政策刚性</h4>
<p class="text-gray-600 text-sm">中央资金占比超70%2025年特别国债中水利占比70%8000亿"两重"项目)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 rounded-full p-2 mr-3">
<i class="fas fa-cogs text-green-600"></i>
</div>
<div>
<h4 class="font-medium text-gray-800">技术替代</h4>
<p class="text-gray-600 text-sm">国产智能闸门替代进口节水率83%+节电率90%</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 rounded-full p-2 mr-3">
<i class="fas fa-handshake text-purple-600"></i>
</div>
<div>
<h4 class="font-medium text-gray-800">商业模式创新</h4>
<p class="text-gray-600 text-sm">EPCO设计-建设-运营一体化成为主流运营收入占比目标33%</p>
</div>
</div>
</div>
</div>
<!-- 市场热度与预期差 -->
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">市场热度与预期差</h3>
<div class="space-y-4">
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded">
<h4 class="font-medium text-gray-800 mb-1">市场热度</h4>
<p class="text-gray-600 text-sm">新闻密度月均2-3条政策 | 研报覆盖大禹节水2024年路演5次</p>
</div>
<div class="bg-red-50 border-l-4 border-red-400 p-4 rounded">
<h4 class="font-medium text-gray-800 mb-1">预期差</h4>
<p class="text-gray-600 text-sm">市场认知:节水="农田滴灌"(低毛利)</p>
<p class="text-gray-600 text-sm font-medium">实际进展:大禹节水设计+信息化订单占比50%毛利率30-35%</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-blue-500 mr-3"></i>
关键催化剂与未来发展路径
</h2>
<div class="grid md:grid-cols-2 gap-8">
<!-- 近期催化剂 -->
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">近期催化剂3-6个月</h3>
<div class="relative pl-6">
<div class="timeline-line"></div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="bg-blue-50 rounded-lg p-4">
<h4 class="font-medium text-blue-800">2025年Q4</h4>
<p class="text-gray-600 text-sm">8000亿"两重"项目资金落地大禹节水已跟踪700亿项目</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="bg-blue-50 rounded-lg p-4">
<h4 class="font-medium text-blue-800">2025年10月</h4>
<p class="text-gray-600 text-sm">第四届中国节水论坛(政策细则+订单签约)</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="bg-blue-50 rounded-lg p-4">
<h4 class="font-medium text-blue-800">2025年12月</h4>
<p class="text-gray-600 text-sm">农业水价改革试点扩容(云南元谋模式复制)</p>
</div>
</div>
</div>
</div>
<!-- 长期路径 -->
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">长期路径</h3>
<div class="space-y-4">
<div class="bg-gradient-to-r from-green-50 to-blue-50 rounded-lg p-5">
<h4 class="font-medium text-gray-800 mb-2">2025-2027年</h4>
<p>从"工程建设"转向"运营服务"(水管家模式),运营收入占比目标<span class="font-bold text-green-700">50%</span></p>
</div>
<div class="bg-gradient-to-r from-purple-50 to-pink-50 rounded-lg p-5">
<h4 class="font-medium text-gray-800 mb-2">技术里程碑</h4>
<p>数字孪生灌区大禹节水已入选水利部13个试点中的<span class="font-bold text-purple-700">2个</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap text-blue-500 mr-3"></i>
产业链与核心公司深度剖析
</h2>
<!-- 产业链图谱 -->
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">产业链图谱</h3>
<div class="bg-gray-50 rounded-lg p-6 text-center">
<div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-8">
<div class="bg-blue-100 rounded-lg px-6 py-3">
<span class="font-medium text-blue-800">上游:节水材料</span>
<p class="text-sm text-gray-600">滴灌带、阀门</p>
</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-green-100 rounded-lg px-6 py-3">
<span class="font-medium text-green-800">中游:节水设备</span>
<p class="text-sm text-gray-600">智能闸门、水表</p>
</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-purple-100 rounded-lg px-6 py-3">
<span class="font-medium text-purple-800">下游:工程/运营</span>
<p class="text-sm text-gray-600">EPCO、特许经营</p>
</div>
</div>
</div>
</div>
<!-- 核心玩家对比 -->
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">定位</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">优势</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-900">大禹节水</td>
<td class="py-3 px-4 text-gray-600">全产业链龙头</td>
<td class="py-3 px-4 text-gray-600">设计甲级资质+信息化(慧图科技)</td>
<td class="py-3 px-4 text-gray-600">应收账款周期长25亿</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">双良节能</td>
<td class="py-3 px-4 text-gray-600">工业节水设备</td>
<td class="py-3 px-4 text-gray-600">溴冷机市占率前三年节水30亿吨</td>
<td class="py-3 px-4 text-gray-600">光伏业务拖累现金流</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">润农节水</td>
<td class="py-3 px-4 text-gray-600">灌溉设备第一梯队</td>
<td class="py-3 px-4 text-gray-600">实控人变更为湖北国资委(资源加持)</td>
<td class="py-3 px-4 text-gray-600">订单规模较小(<10亿</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">威派格</td>
<td class="py-3 px-4 text-gray-600">智慧水务</td>
<td class="py-3 px-4 text-gray-600">工业互联网平台,漏损管控</td>
<td class="py-3 px-4 text-gray-600">依赖政府招标,竞争激烈</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 验证与证伪 -->
<div class="mt-8 grid md:grid-cols-2 gap-6">
<div class="bg-green-50 rounded-lg p-5">
<h4 class="font-medium text-green-800 mb-3 flex items-center">
<i class="fas fa-check-circle text-green-600 mr-2"></i>
数据印证
</h4>
<p class="text-gray-600 text-sm">大禹节水2024年订单53亿同比+30%其中运营类占比50%(路演数据)</p>
</div>
<div class="bg-red-50 rounded-lg p-5">
<h4 class="font-medium text-red-800 mb-3 flex items-center">
<i class="fas fa-exclamation-triangle text-red-600 mr-2"></i>
矛盾点
</h4>
<p class="text-gray-600 text-sm">研报称"节水产业万亿规模"但润农节水2024年订单仅5亿规模差距大</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-shield-alt text-blue-500 mr-3"></i>
潜在风险与挑战
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-yellow-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-yellow-800 mb-3 flex items-center">
<i class="fas fa-microchip text-yellow-600 mr-2"></i>
技术风险
</h3>
<p class="text-gray-600">智能闸门国产化率仍低大禹节水仅替代澳大利亚NobeTec未覆盖高端市场</p>
</div>
<div class="bg-orange-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-orange-800 mb-3 flex items-center">
<i class="fas fa-chart-line text-orange-600 mr-2"></i>
商业化风险
</h3>
<p class="text-gray-600">农业水价改革进度慢云南元谋水价1.35元/方但全国推广需2-3年</p>
</div>
<div class="bg-red-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-red-800 mb-3 flex items-center">
<i class="fas fa-balance-scale text-red-600 mr-2"></i>
政策风险
</h3>
<p class="text-gray-600">地方政府配套资金不到位2024年甘肃玉门项目因融资延迟3个月</p>
</div>
<div class="bg-purple-50 rounded-lg p-5">
<h3 class="text-lg font-semibold text-purple-800 mb-3 flex items-center">
<i class="fas fa-exclamation-circle text-purple-600 mr-2"></i>
信息矛盾
</h3>
<p class="text-gray-600">新闻称"2027年万亿市场"但2024年节水设备龙头大禹/双良)合计收入<100亿预期差显著</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="bg-gradient-to-r from-blue-700 to-cyan-700 rounded-xl card-shadow p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-trophy mr-3"></i>
综合结论与投资启示
</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">阶段判断</h3>
<p>节水产业处于<span class="font-bold">"政策红利→订单兑现"过渡期</span>2025-2027年为黄金窗口期</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">投资方向</h3>
<ul class="space-y-2">
<li>• 高毛利环节:设计+信息化毛利率30-35%</li>
<li>• 运营资产:灌区特许经营权</li>
</ul>
</div>
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
<h3 class="text-lg font-semibold mb-3">跟踪指标</h3>
<ul class="space-y-2">
<li>• 订单转化运营收入占比是否达33%</li>
<li>• 政策落地:水价改革试点省份数量</li>
<li>• 技术验证:国产智能闸门渗透率</li>
</ul>
</div>
</div>
<div class="mt-6 bg-yellow-400 bg-opacity-20 backdrop-blur-sm rounded-lg p-4">
<p class="font-bold text-lg text-center">
结论:优先布局<span class="underline">全产业链龙头(大禹节水)</span><span class="underline">技术替代标的(双良节能)</span>,警惕中小公司订单兑现风险
</p>
</div>
</div>
<!-- 关联股票数据 -->
<div class="bg-white rounded-xl card-shadow p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-bar text-blue-500 mr-3"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">项目</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链</th>
<th class="px-4 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 class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">冠龙节能(301151)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">节水装备</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">给排水节水阀门</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">市占率第一</td>
<td class="px-4 py-4 text-sm text-gray-500">城镇给排水、水利、工业下游应用</td>
<td class="px-4 py-4 text-sm text-gray-500">国内给排水节水阀门领域市占率第一,提供综合解决方案</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">双良节能(600481)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">节水装备</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">节能节水装备</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">销售稳定增长</td>
<td class="px-4 py-4 text-sm text-gray-500">客户节能减排需求驱动</td>
<td class="px-4 py-4 text-sm text-gray-500">受客户节能减排需求驱动,销售稳定增长</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">大禹节水(300021)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">节水灌溉</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">节水灌溉材料与工程、高标准农田建设</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">行业领先地位</td>
<td class="px-4 py-4 text-sm text-gray-500">节水材料与工程、农田建设</td>
<td class="px-4 py-4 text-sm text-gray-500">在节水灌溉材料与工程、高标准农田建设领域处于行业领先地位</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">润农节水(830964)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">节水灌溉</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">节水灌溉材料和设备</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">第一梯队公司</td>
<td class="px-4 py-4 text-sm text-gray-500">研发、制造、销售</td>
<td class="px-4 py-4 text-sm text-gray-500">节水灌溉行业第一梯队公司,覆盖材料和设备全链条</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">威派格(603956)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">智慧水务</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">智慧水务综合解决方案</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">工业互联网</td>
<td class="px-4 py-4 text-sm text-gray-500">供水设备、智慧水务、智慧水厂</td>
<td class="px-4 py-4 text-sm text-gray-500">基于工业互联网的智慧水务解决方案提供商,覆盖三大业务板块</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">和达科技(688296)</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">智慧水务</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">水务信息化建设</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">整体解决方案</td>
<td class="px-4 py-4 text-sm text-gray-500">水务信息化</td>
<td class="px-4 py-4 text-sm text-gray-500">提供水务领域信息化建设的整体解决方案</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">迈拓股份</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">管网漏损检测</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">超声波水表、超声流量计</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">需求提升</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控推动超声波水表及流量计需求提升</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">汇中股份</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">管网漏损检测</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">超声波水表、超声流量计</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">需求提升</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控推动超声波水表及流量计需求提升</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">山科智能</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">管网漏损检测</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">超声波水表、超声流量计</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">需求提升</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控推动超声波水表及流量计需求提升</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">新天科技</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
<span class="industry-tag px-2 py-1 rounded-full text-xs">管网漏损检测</span>
</td>
<td class="px-4 py-4 text-sm text-gray-500">超声波水表、超声流量计</td>
<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">需求提升</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控</td>
<td class="px-4 py-4 text-sm text-gray-500">漏损管控推动超声波水表及流量计需求提升</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 添加页面交互效果
document.addEventListener('DOMContentLoaded', function() {
// 为表格行添加点击效果
const tableRows = document.querySelectorAll('tbody tr');
tableRows.forEach(row => {
row.addEventListener('click', function() {
// 移除所有高亮
tableRows.forEach(r => r.classList.remove('bg-blue-50'));
// 添加当前行高亮
this.classList.add('bg-blue-50');
});
});
// 为卡片添加悬停效果
const cards = document.querySelectorAll('.card-shadow');
cards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-5px)';
this.style.transition = 'transform 0.3s ease';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
});
</script>
</body>
</html>
```