Files
Ubuntu 32b43f85bd a
2026-07-03 16:58:28 +08:00

544 lines
30 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.0">
<title>吴试纸 — 面向医疗机构的智能尿检解决方案</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#0D9488',
'primary-dark': '#0F766E',
'primary-light': '#CCFBF1',
'primary-bg': '#F0FDFA',
},
animation: {
'float': 'float 3s ease-in-out infinite',
},
keyframes: {
float: {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-6px)' },
},
},
}
}
}
</script>
<style>
.hover-card {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.hover-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(13,148,136,0.12);
}
</style>
</head>
<body class="bg-white text-gray-800">
<!-- Hero -->
<header class="bg-gradient-to-br from-primary to-primary-dark text-white">
<div class="max-w-5xl mx-auto px-4 py-16 md:py-24 text-center">
<h1 class="text-4xl md:text-6xl font-bold mb-4 tracking-wide">吴试纸<sup class="text-2xl">®</sup></h1>
<p class="text-xl md:text-2xl text-teal-100 mb-2">面向医疗机构的智能尿检解决方案</p>
<p class="text-teal-200 text-lg mb-8">APP扫描试纸 · 云平台管理 · 基层医疗一站式尿检方案</p>
<div class="flex flex-wrap justify-center gap-4 text-sm">
<span class="bg-white/15 backdrop-blur rounded-full px-5 py-2 border border-white/20">医疗器械注册证</span>
<span class="bg-white/15 backdrop-blur rounded-full px-5 py-2 border border-white/20">URS-14WSZ 尿14项试纸</span>
<span class="bg-white/15 backdrop-blur rounded-full px-5 py-2 border border-white/20">吴试纸APP</span>
<span class="bg-white/15 backdrop-blur rounded-full px-5 py-2 border border-white/20">尿检云管理平台</span>
</div>
</div>
</header>
<!-- 产品介绍 -->
<section class="py-16 px-4">
<div class="max-w-5xl mx-auto">
<div class="flex flex-col md:flex-row items-center gap-10">
<div class="flex-1">
<h2 class="text-3xl font-bold mb-6">产品介绍</h2>
<p class="text-gray-600 leading-relaxed mb-4">
吴试纸<sup>®</sup> 是深圳市飞点健康管理有限公司面向<strong class="text-primary">医疗机构、诊所、社康中心</strong>等专业场景推出的智能尿检品牌。产品由<strong class="text-primary">URS-14WSZ 尿液分析试纸条</strong>和<strong class="text-primary">吴试纸APP</strong>组成,基于干化学法原理,配合尿检云管理平台,为基层医疗机构提供完整的尿液检测解决方案。
</p>
<p class="text-gray-600 leading-relaxed mb-4">
基于自主研发的<strong class="text-primary">空间定位算法、光谱算法、机器学习算法、抗干扰算法</strong>等核心技术,通过手机APP扫描试纸即可完成14项尿常规指标检测,无需传统尿检仪器。
</p>
<div class="grid grid-cols-2 gap-3 mt-6">
<div class="bg-primary-bg rounded-lg p-3 text-center border border-primary-light">
<p class="font-bold text-primary">产品型号</p>
<p class="text-sm text-gray-600">URS-14WSZ</p>
</div>
<div class="bg-primary-bg rounded-lg p-3 text-center border border-primary-light">
<p class="font-bold text-primary">注册证号</p>
<p class="text-sm text-gray-600">粤械注准20212211562</p>
</div>
<div class="bg-primary-bg rounded-lg p-3 text-center border border-primary-light">
<p class="font-bold text-primary">生产许可证</p>
<p class="text-sm text-gray-600">粤食药监械生产许20214582号</p>
</div>
<div class="bg-primary-bg rounded-lg p-3 text-center border border-primary-light">
<p class="font-bold text-primary">检测软件</p>
<p class="text-sm text-gray-600">吴试纸APP (iOS/Android)</p>
</div>
</div>
</div>
<div class="flex-1 flex justify-center">
<img src="wsp-manual-cover.jpg" alt="吴试纸产品手册" class="max-w-full h-auto rounded-2xl shadow-xl" style="max-height: 420px;">
</div>
</div>
</div>
</section>
<!-- 产品价值 -->
<section class="py-16 px-4 bg-gray-50">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">产品核心价值</h2>
<p class="text-gray-500 text-center mb-10">为医疗机构提供便捷、智能、全面的尿检服务能力</p>
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
<div class="text-5xl mb-4">🩺</div>
<h3 class="font-bold text-lg mb-2">辅助诊断</h3>
<p class="text-sm text-gray-500">辅助医生进行快速诊断,提升诊疗效率</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
<div class="text-5xl mb-4">🔍</div>
<h3 class="font-bold text-lg mb-2">疾病筛查</h3>
<p class="text-sm text-gray-500">为用户提供便捷、简单、有效的疾病筛查方式</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
<div class="text-5xl mb-4">📊</div>
<h3 class="font-bold text-lg mb-2">健康监测</h3>
<p class="text-sm text-gray-500">持续跟踪病情相关指标变化趋势</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
<div class="text-5xl mb-4">🏥</div>
<h3 class="font-bold text-lg mb-2">慢病管理</h3>
<p class="text-sm text-gray-500">为肾病、糖尿病、高血压等慢病人群提供尿常规监测</p>
</div>
</div>
</div>
</section>
<!-- 14项检测指标 -->
<section class="py-16 px-4">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">URS-14WSZ 尿常规十四项检测</h2>
<p class="text-gray-500 text-center mb-10">干化学法原理 · 配套吴试纸APP使用 · 覆盖常见疾病筛查</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8">
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">尿钙 Ca</p>
<p class="text-xs text-gray-500">正常 2.5~7.5 mmol/L</p>
<p class="text-xs text-gray-400 mt-1">甲状旁腺功能/骨质疏松/肾小管损伤</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">抗坏血酸 VC</p>
<p class="text-xs text-gray-500">正常 -(0) mmol/L</p>
<p class="text-xs text-gray-400 mt-1">维生素C代谢水平评估</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">酸碱度 pH</p>
<p class="text-xs text-gray-500">反映体内酸碱平衡</p>
<p class="text-xs text-gray-400 mt-1">肾小管酸中毒/泌尿系结石风险评估</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">比重 SG</p>
<p class="text-xs text-gray-500">反映肾脏浓缩功能</p>
<p class="text-xs text-gray-400 mt-1">肾功能评估/水代谢状态</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">葡萄糖 GLU</p>
<p class="text-xs text-gray-500">筛查糖尿病</p>
<p class="text-xs text-gray-400 mt-1">血糖控制监测</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">白细胞 LEU</p>
<p class="text-xs text-gray-500">提示泌尿系统感染</p>
<p class="text-xs text-gray-400 mt-1">尿路感染筛查</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">亚硝酸盐 NIT</p>
<p class="text-xs text-gray-500">细菌感染指标</p>
<p class="text-xs text-gray-400 mt-1">泌尿系统细菌感染</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">微量白蛋白 MA</p>
<p class="text-xs text-gray-500">早期肾损伤标志</p>
<p class="text-xs text-gray-400 mt-1">糖尿病肾病/高血压肾病早期筛查</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">蛋白质 PRO</p>
<p class="text-xs text-gray-500">肾脏损伤重要指标</p>
<p class="text-xs text-gray-400 mt-1">肾炎/肾病综合征筛查</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">潜血 BLD</p>
<p class="text-xs text-gray-500">尿路出血检测</p>
<p class="text-xs text-gray-400 mt-1">结石/肿瘤/肾炎筛查</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">肌酐 CR</p>
<p class="text-xs text-gray-500">肾功能核心指标</p>
<p class="text-xs text-gray-400 mt-1">肾小球滤过功能评估</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">酮体 KET</p>
<p class="text-xs text-gray-500">脂肪代谢指标</p>
<p class="text-xs text-gray-400 mt-1">糖尿病酮症酸中毒/饥饿状态</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">胆红素 BIL</p>
<p class="text-xs text-gray-500">肝胆功能指标</p>
<p class="text-xs text-gray-400 mt-1">肝胆疾病筛查</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<p class="font-bold text-primary text-lg">尿胆原 URO</p>
<p class="text-xs text-gray-500">肝胆/溶血指标</p>
<p class="text-xs text-gray-400 mt-1">肝细胞损伤/溶血性疾病</p>
</div>
</div>
<div class="bg-primary-bg rounded-2xl p-6 border border-primary-light text-center">
<p class="text-gray-700">🎯 预期用途:<span class="text-primary font-bold">肾病类、糖尿病类、泌尿系统感染类、肝胆代谢类</span>等疾病的筛查和监测</p>
</div>
</div>
</section>
<!-- 使用流程 -->
<section class="py-16 px-4 bg-gray-50">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">产品使用方法</h2>
<p class="text-gray-500 text-center mb-10">仅需5步,60秒完成尿液检测</p>
<div class="grid grid-cols-1 md:grid-cols-5 gap-4">
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100 relative">
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center mx-auto mb-3 text-white font-bold">1</div>
<div class="text-3xl mb-3">📱</div>
<h3 class="font-bold mb-2">下载APP</h3>
<p class="text-xs text-gray-500">扫描包装二维码下载吴试纸APP并注册登录</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100 relative">
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center mx-auto mb-3 text-white font-bold">2</div>
<div class="text-3xl mb-3">🧪</div>
<h3 class="font-bold mb-2">准备尿液</h3>
<p class="text-xs text-gray-500">取1/3杯尿液,将试纸所有色块浸入2秒取出</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100 relative">
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center mx-auto mb-3 text-white font-bold">3</div>
<div class="text-3xl mb-3">⏱️</div>
<h3 class="font-bold mb-2">等待反应</h3>
<p class="text-xs text-gray-500">试纸平放白色背景上,等待反应60秒</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100 relative">
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center mx-auto mb-3 text-white font-bold">4</div>
<div class="text-3xl mb-3">📷</div>
<h3 class="font-bold mb-2">扫描试纸</h3>
<p class="text-xs text-gray-500">自然光下将试纸完整呈现在绿色扫描框内</p>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100 relative">
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center mx-auto mb-3 text-white font-bold">5</div>
<div class="text-3xl mb-3">📋</div>
<h3 class="font-bold mb-2">查看结果</h3>
<p class="text-xs text-gray-500">绿色=正常,橙色=异常,自动生成检测报告</p>
</div>
</div>
<div class="mt-6 bg-yellow-50 rounded-xl p-4 border border-yellow-200 text-sm text-gray-600 text-center">
<p><strong>扫描提示:</strong>请在自然光或白色灯下无明显阴影环境下扫描 · 将试纸放在白色背景上 · 确保试纸完整呈现在绿色扫描框内</p>
</div>
</div>
</section>
<!-- AI算法与APP -->
<section class="py-16 px-4">
<div class="max-w-5xl mx-auto">
<div class="flex flex-col md:flex-row items-center gap-10">
<div class="flex-1 flex justify-center">
<img src="wsp-product-page-1.jpg" alt="吴试纸产品展示" class="max-w-full h-auto rounded-2xl shadow-lg" style="max-height: 400px;">
</div>
<div class="flex-1">
<h2 class="text-3xl font-bold mb-6">AI算法 · 精准识别</h2>
<p class="text-gray-600 leading-relaxed mb-4">
吴试纸APP搭载<strong class="text-primary">四项自主研发核心算法</strong>,确保在各种环境条件下检测结果的准确性和一致性。
</p>
<div class="space-y-3">
<div class="bg-primary-bg rounded-xl p-4 border border-primary-light flex items-start gap-3">
<span class="text-2xl">📍</span>
<div>
<p class="font-bold text-primary">空间定位算法</p>
<p class="text-sm text-gray-500">精准定位试纸色块位置,自动校正拍摄角度偏差</p>
</div>
</div>
<div class="bg-primary-bg rounded-xl p-4 border border-primary-light flex items-start gap-3">
<span class="text-2xl">🌈</span>
<div>
<p class="font-bold text-primary">光谱算法</p>
<p class="text-sm text-gray-500">多维度分析色块颜色变化,精确计算各指标浓度区间</p>
</div>
</div>
<div class="bg-primary-bg rounded-xl p-4 border border-primary-light flex items-start gap-3">
<span class="text-2xl">🤖</span>
<div>
<p class="font-bold text-primary">机器学习算法</p>
<p class="text-sm text-gray-500">基于数万张试纸图片训练的分类器,持续优化识别精度</p>
</div>
</div>
<div class="bg-primary-bg rounded-xl p-4 border border-primary-light flex items-start gap-3">
<span class="text-2xl">🛡️</span>
<div>
<p class="font-bold text-primary">抗干扰算法</p>
<p class="text-sm text-gray-500">有效解决白平衡、光线环境、终端设备差异等影响</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 尿检云平台 -->
<section class="py-16 px-4 bg-gray-50">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">尿检云管理平台</h2>
<p class="text-gray-500 text-center mb-4">open.niaodaifu.cn</p>
<p class="text-gray-500 text-center mb-10">为医疗机构提供一站式后台管理 · 全方位运营支持</p>
<div class="flex justify-center mb-8">
<img src="wsp-cloud-platform.jpg" alt="尿检云管理平台" class="max-w-full h-auto rounded-2xl shadow-lg" style="max-height: 420px;">
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">📱</div>
<p class="font-bold text-primary">应用管理</p>
<p class="text-xs text-gray-500">创建应用并配置权限</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">👤</div>
<p class="font-bold text-primary">检测账号</p>
<p class="text-xs text-gray-500">为不同应用配置机构检测账号</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">👥</div>
<p class="font-bold text-primary">用户管理</p>
<p class="text-xs text-gray-500">多维度筛选,查看用户详情</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">📋</div>
<p class="font-bold text-primary">记录管理</p>
<p class="text-xs text-gray-500">检测记录筛选与结果打印</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">⚠️</div>
<p class="font-bold text-primary">监测预警</p>
<p class="text-xs text-gray-500">14项指标自定义预警值,短信/微信/邮件提醒</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">📊</div>
<p class="font-bold text-primary">统计管理</p>
<p class="text-xs text-gray-500">用户统计、检测统计、数据报表</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">⚙️</div>
<p class="font-bold text-primary">系统设置</p>
<p class="text-xs text-gray-500">预警设置、打印设置、权限管理</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<div class="text-3xl mb-2">🔌</div>
<p class="font-bold text-primary">开放接入</p>
<p class="text-xs text-gray-500">API技术接入,实现云尿检功能</p>
</div>
</div>
</div>
</section>
<!-- 应用场景 -->
<section class="py-16 px-4">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">应用场景</h2>
<p class="text-gray-500 text-center mb-10">覆盖基层医疗多元场景,赋能各级机构尿检能力</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100 flex items-start gap-4">
<div class="w-16 h-16 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
<span class="text-4xl">🏥</span>
</div>
<div>
<h3 class="font-bold text-lg mb-2">进院耗材 · 快速检验</h3>
<p class="text-sm text-gray-500 leading-relaxed">诊所、社康、体检中心无需购置尿检仪,使用吴试纸即可开展14项尿常规检测,常用项目体量大,降低设备投入成本</p>
<img src="wsp-app-scenario-1.jpg" alt="进院耗材场景" class="mt-3 rounded-lg max-w-full h-32 object-contain">
</div>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100 flex items-start gap-4">
<div class="w-16 h-16 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
<span class="text-4xl">🔬</span>
</div>
<div>
<h3 class="font-bold text-lg mb-2">公共卫生 · 专项筛查</h3>
<p class="text-sm text-gray-500 leading-relaxed">适用于社区大规模慢病筛查、公共卫生项目,低成本高效率覆盖基层人群</p>
</div>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100 flex items-start gap-4">
<div class="w-16 h-16 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
<span class="text-4xl">❤️</span>
</div>
<div>
<h3 class="font-bold text-lg mb-2">慢病管理 · 精准监测</h3>
<p class="text-sm text-gray-500 leading-relaxed">肾病、糖尿病、高血压等慢病人群定期尿常规监测,用药前后指标对比,数据云端存储随时查看</p>
<img src="wsp-app-scenario-2.jpg" alt="慢病管理场景" class="mt-3 rounded-lg max-w-full h-32 object-contain">
</div>
</div>
<div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100 flex items-start gap-4">
<div class="w-16 h-16 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
<span class="text-4xl">🌐</span>
</div>
<div>
<h3 class="font-bold text-lg mb-2">互联网医院 · 数字化医疗</h3>
<p class="text-sm text-gray-500 leading-relaxed">通过API开放接入,互联网医院、线上问诊平台可快速集成云尿检功能,实现远程检测与在线解读</p>
</div>
</div>
</div>
<div class="mt-8 bg-primary-bg rounded-2xl p-6 border border-primary-light">
<p class="text-center text-gray-700 font-medium mb-3">覆盖业务场景</p>
<div class="flex flex-wrap justify-center gap-3">
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">慢病筛查</span>
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">互联网医疗</span>
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">进院耗材</span>
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">慢病管理</span>
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">居家监测</span>
<span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">分级诊疗</span>
</div>
</div>
</div>
</section>
<!-- 资质与荣誉 -->
<section class="py-16 px-4 bg-gray-50">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">资质与荣誉</h2>
<p class="text-gray-500 text-center mb-10">正规医疗器械资质 · 多项国家级荣誉 · 完善的知识产权体系</p>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<img src="wsp-cert-1.jpg" alt="医疗器械资质" class="w-full h-36 object-contain mb-3 rounded">
<p class="text-sm font-medium">医疗器械资质</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<img src="wsp-cert-2.jpg" alt="资质证书" class="w-full h-36 object-contain mb-3 rounded">
<p class="text-sm font-medium">生产许可证书</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<img src="wsp-cert-3.jpg" alt="荣誉证书" class="w-full h-36 object-contain mb-3 rounded">
<p class="text-sm font-medium">深圳市科技进步一等奖</p>
</div>
<div class="bg-white rounded-xl shadow-sm p-4 text-center border border-gray-100">
<img src="wsp-cert-4.jpg" alt="创业大赛奖项" class="w-full h-36 object-contain mb-3 rounded">
<p class="text-sm font-medium">创新创业大赛一等奖</p>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-5 gap-4">
<div class="bg-primary-bg rounded-2xl p-6 text-center border border-primary-light">
<div class="text-4xl mb-3">📜</div>
<p class="text-3xl font-bold text-primary">4</p>
<p class="text-sm text-gray-500">发明专利</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 text-center border border-primary-light">
<div class="text-4xl mb-3">🔧</div>
<p class="text-3xl font-bold text-primary">5</p>
<p class="text-sm text-gray-500">实用新型专利</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 text-center border border-primary-light">
<div class="text-4xl mb-3">🎨</div>
<p class="text-3xl font-bold text-primary">6</p>
<p class="text-sm text-gray-500">外观专利</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 text-center border border-primary-light">
<div class="text-4xl mb-3">💿</div>
<p class="text-3xl font-bold text-primary">25</p>
<p class="text-sm text-gray-500">软件著作权</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 text-center border border-primary-light">
<div class="text-4xl mb-3">™️</div>
<p class="text-3xl font-bold text-primary">16</p>
<p class="text-sm text-gray-500">注册商标</p>
</div>
</div>
</div>
</section>
<!-- 诊所版2026 -->
<section class="py-16 px-4">
<div class="max-w-5xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-4">吴试纸 诊所版 2026</h2>
<p class="text-gray-500 text-center mb-10">专为诊所场景打造的一站式尿检解决方案</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100">
<img src="wsp-clinic-cover.jpg" alt="吴试纸诊所版封面" class="w-full object-contain" style="max-height: 500px;">
</div>
<div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100">
<img src="wsp-clinic-p2.jpg" alt="吴试纸诊所版" class="w-full object-contain" style="max-height: 500px;">
</div>
<div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100">
<img src="wsp-clinic-p3.jpg" alt="吴试纸诊所版" class="w-full object-contain" style="max-height: 500px;">
</div>
<div class="bg-white rounded-2xl shadow-lg overflow-hidden border border-gray-100">
<img src="wsp-clinic-p4.jpg" alt="吴试纸诊所版" class="w-full object-contain" style="max-height: 500px;">
</div>
</div>
</div>
</section>
<!-- 与尿大夫云平台联动 -->
<section class="py-16 px-4 bg-gradient-to-r from-primary to-primary-dark text-white">
<div class="max-w-5xl mx-auto text-center">
<h2 class="text-3xl font-bold mb-4">吴试纸 + 尿检云平台</h2>
<p class="text-teal-100 text-lg mb-10">完整的基层医疗机构尿液检测解决方案</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white/10 backdrop-blur rounded-2xl p-8 border border-white/20">
<div class="text-5xl mb-4">📱</div>
<h3 class="font-bold text-xl mb-3">吴试纸APP</h3>
<p class="text-teal-200 text-sm leading-relaxed">iOS / Android 双端覆盖,智能手机扫描试纸即可完成14项尿常规检测</p>
</div>
<div class="bg-white/10 backdrop-blur rounded-2xl p-8 border border-white/20">
<div class="text-5xl mb-4">☁️</div>
<h3 class="font-bold text-xl mb-3">尿检云平台</h3>
<p class="text-teal-200 text-sm leading-relaxed">open.niaodaifu.cn · 机构管理后台 · 数据统计 · 监测预警 · API开放接入</p>
</div>
<div class="bg-white/10 backdrop-blur rounded-2xl p-8 border border-white/20">
<div class="text-5xl mb-4">🏥</div>
<h3 class="font-bold text-xl mb-3">全面赋能基层</h3>
<p class="text-teal-200 text-sm leading-relaxed">诊所/社康/体检中心无需购置尿检仪,低成本开展专业尿检服务</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="py-16 px-4 bg-white text-center">
<div class="max-w-3xl mx-auto">
<h2 class="text-3xl font-bold mb-4">为您的机构配置吴试纸尿检方案</h2>
<p class="text-gray-500 mb-8">医疗器械认证 · 国家级高新技术企业 · 临床验证一般符合率100%</p>
<div class="flex flex-col md:flex-row justify-center gap-6">
<div class="bg-primary-bg rounded-2xl p-6 border border-primary-light flex-1">
<div class="text-3xl mb-3">📱</div>
<p class="font-bold text-lg">扫码下载吴试纸APP</p>
<p class="text-sm text-gray-500">iOS / Android 版本均可使用</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 border border-primary-light flex-1">
<div class="text-3xl mb-3">🌐</div>
<p class="font-bold text-lg">尿检云管理平台</p>
<p class="text-sm text-gray-500">open.niaodaifu.cn</p>
</div>
<div class="bg-primary-bg rounded-2xl p-6 border border-primary-light flex-1">
<div class="text-3xl mb-3">📞</div>
<p class="font-bold text-lg">商务合作</p>
<p class="text-sm text-gray-500">18938066462</p>
</div>
</div>
</div>
</section>
<footer class="bg-gray-800 text-gray-400 py-8 text-center text-sm">
<p>© 2026 深圳市飞点健康管理有限公司 版权所有</p>
<p class="mt-1">地址:深圳市南山区深圳国际创新谷8B栋307</p>
</footer>
</body>
</html>