@@ -330,8 +330,8 @@
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
const sliderImage = document.getElementById('slider-image') as HTMLImageElement;
|
||||
const sliderText = document.getElementById('slider-text') as HTMLElement;
|
||||
const sliderImage = document.getElementById('slider-image');
|
||||
const sliderText = document.getElementById('slider-text');
|
||||
let currentIndex = 0;
|
||||
const slides = [
|
||||
{ src: '/img/product-customization-1.webp', text: '园区IOC' },
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
---
|
||||
import Footer from '../components/sections/Footer.astro';
|
||||
import '../styles/global.css';
|
||||
|
||||
const { title = "浙江贝凡网络科技", activeNav = "home" } = Astro.props;
|
||||
|
||||
|
||||
@@ -0,0 +1,207 @@
|
||||
---
|
||||
import Layout from '../../../layouts/Layout.astro';
|
||||
---
|
||||
|
||||
<Layout title="本地化部署">
|
||||
<header class="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md shadow-sm">
|
||||
<div class="container mx-auto flex items-center p-4 h-16 gap-3">
|
||||
<img src="/intro/customized-deployment/img/logo.png" alt="Logo" class="h-5 w-auto flex-shrink-0">
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto pt-16">
|
||||
|
||||
<section class="py-12 bg-white overflow-hidden">
|
||||
<div class="px-4 mb-10 text-center">
|
||||
<div class="inline-flex items-center space-x-2 bg-indigo-50 text-indigo-700 px-4 py-2 rounded-full text-sm font-black tracking-widest uppercase mb-6">
|
||||
<span class="relative flex h-3 w-3">
|
||||
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-indigo-400 opacity-75"></span>
|
||||
<span class="relative inline-flex rounded-full h-3 w-3 bg-indigo-600"></span>
|
||||
</span>
|
||||
<span>Local Customization</span>
|
||||
</div>
|
||||
<h3 class="text-[30px] font-black text-gray-900 tracking-tight leading-tight">
|
||||
全场景<br><span class="text-indigo-600">产业数字化定制</span>
|
||||
</h3>
|
||||
<div class="w-20 h-1.5 bg-indigo-600 mx-auto mt-6 rounded-full shadow-sm shadow-indigo-100"></div>
|
||||
|
||||
<p class="mt-8 text-gray-600 text-lg leading-relaxed font-medium max-w-sm mx-auto">
|
||||
覆盖化工能源、生产制造等重点行业，提供从方案设计到运维交付的<span class="text-indigo-600 font-black underline decoration-indigo-100 underline-offset-4">全周期定制服务</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 px-4 mb-10">
|
||||
<div class="bg-indigo-50/50 p-5 rounded-[2rem] border border-indigo-100 text-center">
|
||||
<div class="text-indigo-600 font-black text-2xl mb-1">700+</div>
|
||||
<div class="text-gray-500 text-xs tracking-wider font-bold">自研核心算法</div>
|
||||
</div>
|
||||
<div class="bg-blue-50/50 p-5 rounded-[2rem] border border-blue-100 text-center">
|
||||
<div class="text-blue-600 font-black text-2xl mb-1">99.9%</div>
|
||||
<div class="text-gray-500 text-xs tracking-wider font-bold">交付满意度</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-4 space-y-4">
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">化工能源</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
深耕危化品全流程管控，研发<span class="text-indigo-600 font-bold">储罐区动态风险评价、人员定位及安全预警平台</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">生产制造</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
聚焦核心生产管控，提供<span class="text-indigo-600 font-bold">MES执行系统、EAP设备自动化及AMHS物料搬运系统</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
||||
</div>
|
||||
{<h4 class="text-xl font-black text-gray-900">金融零售</h4>}
|
||||
</div>
|
||||
<p class="text-gray-kt600 text-[15px] leading-relaxed">
|
||||
研发高并发<span class="text-indigo-600 font-bold">大数据智能风控模型、反洗钱稽查及投资组合监控平台</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">智慧养老</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
打造<span class="text-indigo-600 font-bold">智慧康养大脑</span>，集成毫米波雷达跌倒监测与居家健康实时预警。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">城市政务</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
主打治理中台，研发<span class="text-indigo-600 font-bold">超级智能体、一网统管及智能秒批审批系统</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h8a1 1 0 001-1zm0 0l5 4V12l-5 4z"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">交通运输</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
研发调度体系，包括<span class="text-indigo-600 font-bold">无人集卡调度、高铁/航空票务流量预测模型</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-slate-50 p-6 rounded-[2rem] border border-slate-100">
|
||||
<div class="flex items-center gap-4 mb-3">
|
||||
<div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center text-indigo-600 shadow-sm shrink-0">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-line[cap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
|
||||
</div>
|
||||
<h4 class="text-xl font-black text-gray-900">医疗健康</h4>
|
||||
</div>
|
||||
<p class="text-gray-600 text-[15px] leading-relaxed">
|
||||
研发信息系统，涵盖<span class="text-indigo-600 font-bold">临床辅助决策(CDSS)、数字病人虚拟训练</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gradient-to-br from-indigo-600 to-blue-700 p-8 rounded-[2.5rem] shadow-xl relative overflow-hidden">
|
||||
<div class="absolute -top-12 -right-12 w-64 h-64 bg-white/10 rounded-full blur-3xl transition-all"></div>
|
||||
<h4 class="text-2xl font-black text-white mb-6 text-center">不限行业 · 深度定制</h4>
|
||||
|
||||
<div class="grid grid-cols-3 gap-2 mb-6">
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">司法监管</span>
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">梯次利用</span>
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">智慧教育</span>
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">电力巡检</span>
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">环境监测</span>
|
||||
<span class="px-2 py-2.5 bg-white/10 rounded-xl text-base text-white border border-white/10 text-center whitespace-nowrap">物业楼宇</span>
|
||||
</div>
|
||||
|
||||
<div class="bg-white/15 border border-white/20 rounded-2xl p-5 text-center">
|
||||
<p class="text-white text-lg font-bold tracking-tight mb-1">深度定制覆盖全细分场景</p>
|
||||
<p class="text-white/70 text-base leading-relaxed">依托底层自研算法，将数字化转型延伸至每一个具体业务</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-4 bg-white">
|
||||
<div class="text-center mb-10 px-4">
|
||||
<h3 class="text-[28px] font-black text-gray-900 leading-tight">
|
||||
<span class="text-indigo-600">相关案例场景</span>
|
||||
</h3>
|
||||
|
||||
<div class="w-16 h-1.5 bg-indigo-600 mx-auto mt-5 rounded-full shadow-sm shadow-indigo-100"></div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 gap-4">
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/dk.png" alt="智慧低空" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/yy.png" alt="智慧医院" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/yl.png" alt="智慧养老" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/yq.png" alt="智慧园区" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/xx.png" alt="智慧学校" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<img src="/intro/customized-deployment/img/hg.png" alt="智慧化工" class="w-full h-auto object-cover">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-4">
|
||||
<div class="bg-white p-6 rounded-2xl shadow-lg text-center">
|
||||
<h2 class="text-xl font-bold text-dark mb-2">本地化部署咨询</h2>
|
||||
<p class="text-gray-600 mb-4">请扫描下方二维码或致电联系我们</p>
|
||||
<img src="/intro/customized-deployment/img/wx-official-account.jpg" alt="合作二维码" class="w-kt1/2 max-w-[200px] mx-auto rounded-lg">
|
||||
<a href="tel:400-998-5710" class="mt-4 block w-full bg-primary text-white text-center py-3 rounded-xl font-bold text-lg shadow-md">
|
||||
<i class="fa fa-phone"></i> 400-998-5710
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="text-center text-xs text-gray-400 py-6 px-4 space-y-1">
|
||||
<p>© 2025 浙江贝凡网络科技. All Rights Reserved.</p>
|
||||
<p>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">
|
||||
浙ICP备2025170226号-4
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://beian.mps.gov.cn/#/query/webSearch?code=33011002018371" rel="noreferrer" target="_blank" class="inline-flex items-center justify-center gap-1 hover hover:text-gray-600 transition-colors">
|
||||
<img src="/intro/customized-deployment/img/beian.png" alt="备案图标" class="w-4 h-4">
|
||||
<span>浙公网安备33011002018371号</span>
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</Layout>
|
||||
@@ -0,0 +1,264 @@
|
||||
---
|
||||
import Layout from '../../../layouts/Layout.astro';
|
||||
---
|
||||
|
||||
<Layout title="硬件场景">
|
||||
<header class="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md shadow-sm">
|
||||
<div class="container mx-auto flex items-center p-4 h-16 gap-3">
|
||||
<img src="/intro/hardware/img/logo.png" alt="Logo" class="h-5 w-auto flex-shrink-0">
|
||||
<div class="w-px h-5 bg-gray-200"></div>
|
||||
<span class="text-xs text-gray-500 font-semibold leading-tight">致力于打造全国领先的安全风险数智平台</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto pt-16">
|
||||
<section class="p-4">
|
||||
<h1 class="text-2xl font-bold text-dark mb-4">智能硬件产品系列</h1>
|
||||
<div class="space-y-4">
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw1.jpg" alt="吸气式感烟火灾探测器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">吸气式感烟火灾探测器</h3>
|
||||
<p class="text-sm text-gray-600">支持烟雾背景自平衡算法、 支持气流自适应算法。耐磷化氢腐蚀，可应用在烟草熏蒸场所。防水等级达到IP66，支持低温-40℃工作，可应用在冷库场景。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw2.jpg" alt="火灾报警消防联动终端" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">火灾报警消防联动终端</h3>
|
||||
<p class="text-sm text-gray-600">支持程序网络升级、参数远程配置、远程监控中心集中管理、实时自动校时等功能模块，保证系统的便捷性、准确性、实时性。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw3.jpg" alt="点型可燃气体探测器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">点型可燃气体探测器</h3>
|
||||
<p class="text-sm text-gray-600">催化燃烧式，支持电信AEP物联网平台，物模型ID：99014232，已接入消防云平台。一级报警设定值25%LEL，二级报警设定值50%LEL。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw4.jpg" alt="组合式电气火灾探测器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">组合式电气火灾探测器</h3>
|
||||
<p class="text-sm text-gray-600">数据监测：剩余电流、线缆温度、环境温度、相电压、相电流、有功功率、无功功率、视在功率、功率因素、有功电能、箱体湿度检测</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw5.jpg" alt="双光谱筒型摄像机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">双光谱筒型摄像机</h3>
|
||||
<p class="text-sm text-gray-600">支持吸烟检测、火点检测、烟雾检测。智能功能资源配置：测温、周界功能支持同时开启。测温、火点检测、烟雾检测支持同时开启。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw6.jpg" alt="行为规范摄像机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">行为规范摄像机</h3>
|
||||
<p class="text-sm text-gray-600">支持未戴安全帽人员检测,并联动IO开关量，使音柱进行播报。支持智能[资源]模式切换：未戴安全帽检测、人脸抓拍、周界、道路监控。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw7.jpg" alt="梯控摄像机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">梯控摄像机</h3>
|
||||
<p class="text-sm text-gray-600">支持RS-485功能，配合出厂配备的楼层感应器，可显示楼层信息。采用高效阵列红外灯，使用寿命长，红外照射距离可达10 m。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw8.jpg" alt="海螺型网络摄像机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">海螺型网络摄像机</h3>
|
||||
<p class="text-sm text-gray-600">支持SmartIR，防止夜间红外过曝。支持背光补偿，强光抑制，3D数字降噪，数字宽动态，适应不同环境。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw9.jpg" alt="筒型网络摄像机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">筒型网络摄像机</h3>
|
||||
<p class="text-sm text-gray-600">支持SmartIR，防止夜间红外过曝，支持背光补偿，强光抑制，3D数字降噪，数字宽动态，适应不同使用环境。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw10.jpg" alt="危化品仓库门禁" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">危化品仓库门禁</h3>
|
||||
<p class="text-sm text-gray-600">支持人脸、刷卡（IC卡、手机NFC卡、CPU卡序列号/内容、身份证卡序列号）、密码认证方式，可外接身份证、指纹、蓝牙、二维码功能模块。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw11.jpg" alt="门禁模块-人行通道" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">门禁模块-人行通道</h3>
|
||||
<p class="text-sm text-gray-600">设备标配面部识别组件、IC读卡器等多种外设，实现多样化的认证方式并降低配单及施工难度。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw12.jpg" alt="门禁模块-车行摆闸" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">[门] 门禁模块-车行摆闸</h3>
|
||||
<p class="text-sm text-gray-600">集成行星齿轮道闸，传动效率高，性能稳定，快速抬杆慢速落杆，实现快速通行。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw13.jpg" alt="无线数显压力表" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">无线数显压力表</h3>
|
||||
<p class="text-sm text-gray-600">无线数显压力表对消防水系统的消火栓、喷淋末端的压力值进行监测，采用无线通信方式定时上报设备状态信息。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw14.jpg" alt="无线数显液位表" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">无线数显液位表</h3>
|
||||
<p class="text-sm text-gray-600">无线数显液位表对消防水泵房的水池、楼顶水箱的液位值进行监测，采用无线通信方式定时上报设备状态信息。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw15.jpg" alt="电动车泡沫灭火系统" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">电动车泡沫灭火系统</h3>
|
||||
<p class="text-sm text-gray-600">一旦发现火情，启动主机内置的创新型泡沫原液和泵组，控制阀触发相应分区喷头。交叉全覆盖持续喷淋阻燃，抑制火情蔓延。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw16.jpg" alt="叉车管理系统" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">叉车管理系统</h3>
|
||||
<p class="text-sm text-gray-600">系统由人脸设别一体机、控制主机、安全带监测模块、通讯天线组成。具备持证驾驶、限速管理、电子围栏、车辆轨迹及违规驾驶五大核心功能。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw17.jpg" alt="嵌入式数据采集控制工作站" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">嵌入式数据采集控制工作站</h3>
|
||||
<p class="text-sm text-gray-600">丰富的硬件配置与强大的软件功能，用户可自行组态成适合各种工况的控制器，例如水质多参数控制器。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw18.jpg" alt="超声波液位计" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">超声波液位计</h3>
|
||||
<p class="text-sm text-gray-600">不必接触介质就能满足大部分液位/物位测量要求,彻底解决了压力式、电容式、浮子式等传统测量方式带来的缠绕、堵塞、泄露、介质腐蚀、维护不便等缺点。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw19.jpg" alt="管道式电磁流量计" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">管道式电磁流量计</h3>
|
||||
<p class="text-sm text-gray-600">测量不受流体密度、粘度、温度、压力、和电导率变化的影响，对浆液测量有独特的适应性。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw20.jpg" alt="M型压力变送器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">M型压力变送器</h3>
|
||||
<p class="text-sm text-gray-600">内部使用扩散硅压阻式传感器，其结构简单，体积小巧，易安装；以其优良的可靠性、适用性、灵活性和多样性。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw21.jpg" alt="污泥浓度传感器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">污泥浓度传感器</h3>
|
||||
<p class="text-sm text-gray-600">通过分析这组散射光的强度得出污泥浓度值。适用于污水处理厂的各工艺过程的污泥浓度在线监测，以及各种工业生产过程用水和废水处理过程等环节的污泥浓度在线监测。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw22.jpg" alt="余氯传感器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">余氯传感器</h3>
|
||||
<p class="text-sm text-gray-600">采用恒电压法，可配置流通池实时检测水体中余氯含量，广泛应用于饮用水消毒监测、污水处理、泳池水质管控、食品加工用水等领域。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw23.jpg" alt="浊度传感器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">浊度传感器</h3>
|
||||
<p class="text-sm text-gray-600">基于红外散射光技术，即光源发出的红外光在传输过程中经过被测样品时会发生散射，其散射光强度和浊度成正比关系。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw24.jpg" alt="荧光法溶解氧传感器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">荧光法溶解氧传感器</h3>
|
||||
<p class="text-sm text-gray-600">采用先进的荧光淬灭原理对水体溶解氧浓度进行无损耗测量，具有无污染、寿命长、稳定性好、维护简单等优点。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw25.jpg" alt="电导率数字传感器" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">电导率数字传感器</h3>
|
||||
<p class="text-sm text-gray-600">采用了成熟、稳定的技术，性能优越、品质可靠。电极壳体采用不锈钢设计，具有4级电极常数可选，测温范围宽，适用于通用工业过程应用，可满足多种工况下的电/TDS在线测量需求。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw26.jpg" alt="巡检无人机" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">巡检无人机</h3>
|
||||
<p class="text-sm text-gray-600">搭载高清变焦相机红外热像仪激光雷达，快速发现设备发热等异常。检测井盖缺失、路灯故障，生成维修工单同步至相关部门，空中监控人流密度，发现拥挤点后通过地面人员疏导，预防踩踏事故。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start gap-4 bg-white p-4 rounded-xl shadow-md">
|
||||
<img src="/intro/hardware/img/hw27.jpg" alt="巡检机器人" class="w-20 h-20 object-contain rounded-md flex-shrink-0">
|
||||
<div>
|
||||
<h3 class="font-bold text-dark">巡检机器人</h3>
|
||||
<p class="text-sm text-gray-600">24小时不间断巡检，避免人工夜间漏检。防爆设计适配配电房易燃易爆环境，降低kt 火灾风险，可替代人工登塔/走线，避免高空坠落、高压触电。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-4">
|
||||
<div class="bg-white p-6 rounded-2xl shadow-lg text-center">
|
||||
<h2 class="text-xl font-bold text-dark mb-2">业务合作</h2>
|
||||
<p class="text-gray-600 mb-4">请扫描下方二维码或致电联系我们</p>
|
||||
<img src="/intro/hardware/img/wx-official-account.jpg" alt="合作二维码" class="w-1/2 mx-auto rounded-lg">
|
||||
<a href="tel:400-998-5710" class="mt-4 block w-full bg-primary text-white text-center py-3 rounded-xl font-bold text-lg shadow-md">
|
||||
<i class="fa fa-phone"></i> 400-998-5710
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="text-center text-xs text-gray-400 py-6 px-4 space-y-1">
|
||||
<p>© 2025 浙江贝凡网络科技. All Rights Reserved.</p>
|
||||
<p>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">
|
||||
浙ICP备2025170226号-4
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://beian.mps.gov.cn/#/query/webSearch?code=33011002018371" rel="noreferrer" target="_blank" class="inline-flex items-center justify-center gap-1 hover:text-gray-600 transition-colors">
|
||||
<img src="/intro/hardware/img/beian.png" alt="备案图标" class="w-4 h-4">
|
||||
<span>浙公网安备33011002018371号</span>
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</Layout>
|
||||
@@ -0,0 +1,83 @@
|
||||
---
|
||||
import Layout from '../../../layouts/Layout.astro';
|
||||
---
|
||||
|
||||
<Layout title="平台操作指南">
|
||||
<header class="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md shadow-sm">
|
||||
<div class="container mx-auto flex items-center p-4 h-16 gap-3">
|
||||
<img src="/intro/miniapp-manual/img/logo.png" alt="Logo" class="h-5 w-auto flex-shrink-0">
|
||||
<div class="w-px h-5 bg-gray-200"></div>
|
||||
<span class="text-xs text-gray-500 font-semibold leading-tight">致力于打造全国领先的安全风险数智平台</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto pt-16">
|
||||
|
||||
<section class="p-4">
|
||||
<div class="bg-white p-5 rounded-2xl shadow-lg text-center">
|
||||
<i class="fa fa-paper-plane-o text-primary text-4xl mb-3"></i>
|
||||
<h1 class="text-2xl font-bold text-dark">企安智控小程序快速入门</h1>
|
||||
<p class="text-sm text-gray-500 mt-1">快速上手，掌握小程序核心用法</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="px-4 pb-4 space-y-5">
|
||||
|
||||
<div>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white p-5 rounded-2xl shadow-lg">
|
||||
<h3 class="text-lg font-bold text-dark mb-3">第一步：关注服务号</h3>
|
||||
<p class="text-gray-600 text-sm leading-relaxed mb-4">
|
||||
在微信中识别下方服务号二维码，或搜索"源享品企安智控"，点击关注我们的官方服务号。
|
||||
</p>
|
||||
<div class="space-y-4">
|
||||
<div>
|
||||
<img src="/intro/miniapp-manual/img/wx-official-account.jpg" alt="关注服务号二维码" class="w-2/3 mx-auto rounded-lg border border-gray-100">
|
||||
<p class="text-xs text-center text-gray-400 mt-2">源享品企安智控服务号</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/intro/miniapp-manual/img/wx-follow-screenshot.jpg" alt="关注服务号的截图" class="w-2/3 mx-auto rounded-lg border border-gray-100">
|
||||
<p class="text-xs text-center text-gray-400 mt-2">点击"关注服务号"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ktbg-white p-5 rounded-2xl shadow-lg">
|
||||
<h3 class="text-lg font-bold text-dark mb-3">第二步：进入小程序</h3>
|
||||
<p class="text-gray-600 text-sm leading-relaxed mb-4">
|
||||
进入服务号对话界面，点击右下角的菜单栏，选择""系统登录-小程序登录"，即可拉起企安智控小程序登录页。
|
||||
</ktdiv>
|
||||
<img src="/intro/miniapp-manual/img/manual-enter-miniapp.jpg" alt="从服务号菜单进入小程序" class="w-full rounded-lg border border-gray-100 bg-slate-100">
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-2xl shadow-lg">
|
||||
<h3 class="text-lg font-bold text-dark mb-3">第三步：登录系统</h3>
|
||||
<p class="text-gray-600 text-sm leading-relaxed mb-4">
|
||||
首次进入小程序，需由企业管理员通过后台授权用户，并将获得一串初始密码。账户名即为您的手机号，输入并完成验证登录操作，请登录后按指引修改初始密码。
|
||||
</p>
|
||||
<img src="/intro/miniapp-manual/img/wx-miniapp-login.jpg" alt="小程序登录页" class="w-full rounded-lg border border-gray-100 bg-slate-100">
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-2xl shadow-lg">
|
||||
<h3 class="text-lg font-bold text-dark mb-3">平台主页面</h3>
|
||||
<p class="text-gray-600 text-sm leading-relaxed mb-4">
|
||||
成功登录后，您将看到平台主界面，这里汇总了您的待办任务及各项功能入口，快来上手试试吧！
|
||||
</p>
|
||||
<img src="/intro/miniapp-manual/img/wx-miniapp-home.jpg" alt="小程序登录后主界面" class="w-full rounded-lg border border-gray-100 bg-slate-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="text-center text-xs text-gray-400 py-6 px-4 space-y-1">
|
||||
<p>© 2025 浙江贝凡网络科技. All Rights Reserved.</p>
|
||||
<p>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">
|
||||
浙ICP备2025170226号-4
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://beian.mps.gov.cn/#/query/webSearch?code=33011002018371" rel="noreferrer" target="_blank" class="inline-flex items-center justify-center gap-1 hover:text-gray-600 transition-colors">
|
||||
<img src="/intro/miniapp-manual/img/beian.png" alt="备案图标" class="w-4 h-4">
|
||||
<span>浙公网安备33011002018371号</span>
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</Layout>
|
||||
@@ -0,0 +1,584 @@
|
||||
---
|
||||
import Layout from '../../../layouts/Layout.astro';
|
||||
---
|
||||
|
||||
<Layout title="企安安智控">
|
||||
<header class="fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-md shadowbacks-sm">
|
||||
<div class="container mx-auto flex items-center p-4 h-16 gap-3">
|
||||
<img src="/intro/qazk/img/logo.png" alt="Logo" class="h-5 w-auto flex-shrink-0">
|
||||
<div class="w-px h-5 bg-gray-200"></div>
|
||||
<span class="text-xs text-gray-500 font-semibold leading-tight">致力于打造全国领先的安全风险数智平台</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto pt-16">
|
||||
<div class="min-h-screen bg-slate-50 font-sans antialiased">
|
||||
|
||||
<section class="p-4 pb-2">
|
||||
<div class="bg-white p-6 rounded-[2.5rem] shadow-xl shadow-slate-200/50 border border-blue-50">
|
||||
<div class="relative overflow-hidden rounded-[2rem] mb-6 shadow-lg">
|
||||
<img src="/intro/qazk/img/banner.webp" alt="企安智控 AI" class="w-full h-auto">
|
||||
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-4">
|
||||
<p class="text-white text-sm opacity-80">由浙江贝凡网络科技提供云和AI服务</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-center mb-4">
|
||||
<img src="/intro/qazk/img/qazk-logo.png" alt="LOGO" class="h-10 w-auto mr-2">
|
||||
<h1 class="text-2xl font-black text-gray-900 tracking-tight">企安智控 fanc></h1>
|
||||
</div>
|
||||
|
||||
<p class="text-gray-700 text-[18px] leading-relaxed text-justify px-1">
|
||||
<strong class="text-blue-600 font-extrabold">企安智控</strong>由浙江贝凡科技自主研发，专注于为全国生产工贸型企业、园区楼宇、酒店餐饮等场景提供<strong class="text-blue-600 font-extrabold">智能安全管理解决方案</strong>。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-4 pt-2">
|
||||
<div class="bg-blue-600 rounded-[2.5rem] p-1 shadow-lg shadow-blue-200">
|
||||
<div class="bg-white rounded-[2.3rem] p-6">
|
||||
<p class="text-xl text-gray-900 font-bold mb-8 flex items-center gap-2">
|
||||
<span class="w-1.5 h-6 bg-blue-600 rounded-full"></span>
|
||||
为企业赋能：
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-5 gap-0 mb-10">
|
||||
<div class="flex flex-col items-center">
|
||||
<svg class="w-7 h-7 text-blue-600 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/></svg>
|
||||
<span class="text-xs font-black text-blue-900">AI算法</span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center">
|
||||
<svg class="w-7 h-7 text-blue-600 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
|
||||
<span class="text-xs font-black text-blue-900">SaaS化</span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center">
|
||||
<svg class="w-7 h-7 text-blue-600 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
|
||||
<span class="text-xs font-black text-blue-900">多端联动</span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center">
|
||||
<svg class="w-7 h-7 text-blue-600 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
|
||||
<span class="text-xs font-black text-blue-900">秒级预警</span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center">
|
||||
<svg class="w-7 h-7 text-blue-600 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 21.241a11.955 11.955 0 01-9.618-7.257A11.967 11.967 0 0112 2.184c4.791 0 8.947 2.833 10.84 7.041z"/></svg>
|
||||
<span class="text-xs font-black text-blue-900">闭环管控</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 mb-8">
|
||||
<div class="flex items-center justify-center py-4 bg-blue-600 text-white text-[17px] font-black rounded-2xl shadow-md">台账数字化</div>
|
||||
<div class="flex items-center justify-center py-4 bg-blue-600 text-white text-[17px] font-black rounded-2xl shadow-md">全天候巡检</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-6 border-t border-blue-50">
|
||||
<p class="text-[18px] text-blue-900 leading-relaxed font-bold text-center">
|
||||
实现隐患排查自动化、履职考核标准化，全面提升企业安全水平
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-4 pt-2">
|
||||
<div class="bg-red-600 rounded-[2.5rem] p-1 shadow-lg shadow-red-100">
|
||||
<div class="bg-white rounded-[2.3rem] p-6">
|
||||
<p class="text-xl text-gray-900 font-bold mb-6 flex items-center gap-2">
|
||||
<span class="w-1.5 h-6 bg-red-600 rounded-full"></span>
|
||||
辅助监管部门构建：
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-2 gap-3 mb-4">
|
||||
<div class="flex items-center justify-center py-5 bg-red-600 text-white text-lg font-black rounded-2xl shadow-lg">数据驱动</div>
|
||||
<div class="flex items-center justify-center py-5 bg-red-600 text-white text-lg font-black rounded-2xl shadow-lg">远程监管</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-2 mb-8">
|
||||
<div class="flex items-center justify-center py-3 bg-red-600 text-white text-lg font-black rounded-xl shadow-md">事前预警</div>
|
||||
<div class="flex items-center justify-center py-3 bg-red-600 text-white text-lg font-black rounded-xl shadow-md">事中干预</div>
|
||||
<div class="flex items[items-center justify-center py-3] justify-center py-3 bg-red-600 text-white text-lg font-black rounded-xl shadow-md">事后溯源</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-6 border-t border-red-50">
|
||||
<p class="text-[18px] text-red-950 leading-relaxed font-bold text-center">
|
||||
实现政策有技术抓手、风险可量化考核，全面降低社会风险
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<section class="p-4 pt-12 bg-slate-50/50">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-[28px] font-black text-gray-900 tracking-tight leading-tight">
|
||||
最新政策导向<br>
|
||||
<span class="text-red-600">安全管理核心驱动力</span>
|
||||
</h2>
|
||||
<div class="w-20 h-1.5 bg-red-600 mx-auto mt-6 rounded-full shadow-sm shadow-red-200"></div>
|
||||
</div>
|
||||
|
||||
<div class="mb-14">
|
||||
<div class="flex items-center space-x-2 mb-8 border-l-[6px] border-red-600 pl-4">
|
||||
<h4 class="text-[22px] font-black text-gray-800">国家强制性安全生产标准</h4>
|
||||
</div>
|
||||
|
||||
<div class="space-y-8">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-red-100 shadow-md flex gap-6 items-center">
|
||||
<div class="w-28 h-36 flex-shrink-0 rounded-2xl overflow-hidden shadow-lg border border-gray-100">
|
||||
<img src="/intro/qazk/img/gov-1.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h3 class="text-[20px] font-black text-gray-900 mb-3 leading-tight">企业安全生产标准化基本规范</h3>
|
||||
<p class="text-[15px] text-gray-700 leading-relaxed bg-red-50/80 p-3 rounded-xl border-red-600 mb-3">
|
||||
核心要求：全面建立并保持<span class="text-red-700 font-black">标准化系统</span>。
|
||||
</p>
|
||||
<div class="text-xs font-black text-red-600 tracking-widest uppercase">GB/T 33000-2016</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-red-100 shadow-md flex gap-6 items-center">
|
||||
<div class="w-28 h-36 flex-shrink-0 rounded-2xl overflow-hidden shadow-lg border border-gray-100">
|
||||
<img src="/intro/qazk/img/gov-2.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h3 class="text-[20px] font-black text-gray-900 mb-3 leading-tight">重大火灾隐患判定规则</h3>
|
||||
<p class="text-[15px] text-gray-700 leading-relaxed bg-red-50/80 p-3 rounded-xl border-red-600 mb-3">
|
||||
确立标准：统一了重大火灾隐患的<span class="text-red-700 font-black">判定基准</span>。
|
||||
</p>
|
||||
<div class="text-xs font-black text-red-600 tracking-widest uppercase">GB 35181-2017</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
<div class="flex items-center justify-between mb-8 border-l-[6px] border-red-600 pl-4">
|
||||
<h4 class="text-[22px] font-black text-gray-800">数字化与应急管理指引</h4>
|
||||
<div class="flex items-center text-red-600 text-[14px] font-black animate-pulse bg-red-50 px-3 py-1 rounded-full">
|
||||
左滑查看 <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5[5m5-5H6]" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex overflow-x-auto gap-6 pb-10 snap-x no-scrollbar">
|
||||
|
||||
<div class="min-w-[280px] snap-center bg-white rounded-[2.2rem] p-5 border border-slate-100 shadow-lg">
|
||||
<div class="aspect-[21/29.7] w-full rounded-2xl overflow-hidden mb-5 border border-slate-50 shadow-inner">
|
||||
<img src="/intro/qazk/img/gov-4.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h3 class="text-[18px] font-black text-gray-900 mb-3 h-8 line-clamp-2 leading-snug">防范电动车棚火灾事故措施</h3>
|
||||
<p class="text-[15px] text-gray-600 border-l-4 border-red-100 pl-3 leading-relaxed">
|
||||
应具有<span class="text-red-600 font-black">24小时视频监控</span>，鼓励接入电气监控。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[280px] snap-center bg-white rounded-[2.2rem] p-5 border border-slate-100 shadow-lg">
|
||||
<div class="aspect-[21/29.7] w-full rounded-2xl overflow-hidden mb-5 border border-slate-50 shadow-inner">
|
||||
<img src="/intro/qazk/img/gov-8.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h3 class="text-[18px] font-black text-gray-900 mb-3 h-8 line-clamp-2 leading-snug">应急管理科技信息化任务书</h3>
|
||||
<p class="text-[15px] text-gray-600 border-l-4 border-red-100 pl-3 leading-relaxed">
|
||||
企业端健全监测体系，政府端<span class="text-red-600 font-black">加强数据汇聚</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[280px] snap-center bg-white rounded-[2.2rem] p-5 border border-slate-100 shadow-lg">
|
||||
<div class="aspect-[21/29.7] w-full rounded-2xl overflow-hidden mb-5 border border-slate-50 shadow-inner">
|
||||
<img src="/intro/qazk/img/gov-9.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h3 class="text-[18px] font-black text-gray-900 mb-3 h-8 line-clamp-2 leading-snug">餐饮业促进和管理办法</h3>
|
||||
<p class="text-[15px] text-gray-600 border-l-4 border-red-100 pl-3 leading-relaxed">
|
||||
落实经营者安全责任，明确<span class="text-red-600 font-black">数字化监管</span>支持。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[280px] snap-center bg-white rounded-[2.2rem] p-5 border border-slate-100 shadow-lg">
|
||||
<div class="aspect-[21/29.7] w-full rounded-2xl overflow-hidden mb-5 border border-slate-50 shadow-inner">
|
||||
<img src="/intro/qazk/img/gov-10.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h3 class="text-[18px] font-black text-gray-900 mb-3 h-8 line-clamp-2 leading-snug">安全生产责任指导意见</h3>
|
||||
<p class="text-[15px] text-gray-600 border-l-4 border-red-100 pl-3 leading-relaxed">
|
||||
单位须落实责任主体，并严格执行<span class="text-red-600 font-black">五项到位</span>要求。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[280px] snap-center bg-white rounded-[2.2rem] p-5 border border-slate-100 shadow-lg">
|
||||
<div class="aspect-[21/29.7] w-full rounded-2xl overflow-hidden mb-5 border border-slate-50 shadow-inner">
|
||||
<img src="/intro/qazk/img/gov-11.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<h3 class="text-[18px] font-black text-gray-900 mb-3 h-8 line-clamp-2 leading-snug">推进新型工业数字化意见</h3>
|
||||
<p class="text-[15px] text-gray-600 border-l-4 border-red-100 pl-3 leading-relaxed">
|
||||
智能化改造，符合条件最高获<span class="text-red-600 font-black">100万元补助</span>。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.no-scrollbar::-webkit-scrollbar { display: none; }
|
||||
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
|
||||
</style>
|
||||
<section class="bg-slate-50 overflow-hidden">
|
||||
<div class="px-4">
|
||||
<div class="text-center mb-10 relative">
|
||||
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-100/50 blur-3xl rounded-full -z-10"></div>
|
||||
|
||||
<div class="inline-flex items-center space-x-2 bg-blue-100 text-blue-700 px-4 py-2 rounded-full text-sm font-black tracking-widest uppercase mb-6">
|
||||
<span class="relative flex h-3 w-3">
|
||||
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span>
|
||||
<span class="relative inline-flex rounded-full h-3 w-3 bg-blue-600"></span>
|
||||
</span>
|
||||
<span>Case Analysis</span>
|
||||
</div>
|
||||
|
||||
<h3 class="text-[28px] font-black text-gray-900 tracking-tight leading-tight">
|
||||
典型事故案例<br><span class="text-blue-600">重检查 · 轻整改 · 后追责</span>
|
||||
</h3>
|
||||
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full shadow-sm shadow-blue-200"></div>
|
||||
|
||||
<div class="flex justify-center mt-8">
|
||||
<div class="flex items-center text-blue-600 text-[14px] font-black animate-pulse bg-blue-50 px-4 py-1.5 rounded-full border border-blue-100">
|
||||
左滑查看更多案例
|
||||
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M13 7l5 5m0 0l-5 5m5-5H6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex overflow-x-auto gap-6 snap-x snap-mandatory no-scrollbar">
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 1:</span> 杭州金隅田园火灾
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-3xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg4.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">消防栓<span class="text-blue-600 font-black">常年无水</span>且未及时发现，导致火灾初期无法有效扑救，延误最佳救援时机。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">价值约<span class="text-red-600 font-black text-lg">300万元</span>的住宅付之一炬，室内家具及个人昂贵资产几乎<span class="text-red-600 font-black">全部化为灰烬</span>。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 2:</span> 赣州加佰加工厂火灾
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-3xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg5.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">企业虽然多次收到安全整改单，但由于<span class="text-blue-600 font-black">落实不到位</span>，易燃海绵堆积引燃火源。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">厂房结构大面积坍塌，预估直接经济损失高达<span class="text-red-600 font-black text-lg">1.2亿 - 1.5亿元</span>，企业面临停产。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 3:</span> 萧山瓜沥厂房火灾
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-3xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg6.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">存在严重的<span class="text-blue-600 font-black">消防通道占用</span>现象，火灾发生时人员撤离困难，且灭火器材过期。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">企业由于停产整顿及厂房烧毁，造成<span class="text-red-600 font-black">重大财产损失</span>，生产被迫停工。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 4:</span> 下沙汽配城厂房火灾
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-3xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg7.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">长期高负荷运转导致<span class="text-blue-600 font-black">电气线路老化过载</span>，火花引燃了周围存放的大量塑料包材。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">库存放的原料全部烧毁，直接经济损失达<span class="text-red-600 font-black text-lg">数千万元</span>，导致后续订单无法交付。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 5:</span> 南京雨花台事故
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-2xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg8.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">架空层违规存放的改装电动自行车发生<span class="text-blue-600 font-black">锂电池热失控</span>，火势通过天井迅速蔓延。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">此次事故造成惨重的<span class="text-red-600 font-black text-lg">15人死亡</span>及44人受伤，引发社会对消防监管的高度关注。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-[88vw] snap-start flex flex-col">
|
||||
<div class="bg-white rounded-[2.5rem] p-6 border border-gray-200 flex flex-col h-full">
|
||||
<h4 class="text-[20px] font-black text-gray-900 mb-5 pb-3 border-b border-gray-100">
|
||||
<span class="text-blue-500 mr-2">案例 6:</span> 盘锦浩业化工爆炸
|
||||
</h4>
|
||||
<div class="h-48 w-full rounded-3xl overflow-hidden mb-6">
|
||||
<img src="/intro/qazk/img/sg9.webp" class="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div class="space-y-5 flex-grow text-[15px]">
|
||||
<div class="bg-blue-50/80 p-5 rounded-2xl border-l-4 border-blue-600">
|
||||
<h5 class="font-black text-blue-700 text-base mb-2 uppercase">事故原因</h5>
|
||||
<p class="text-gray-800 leading-relaxed font-medium">在进行<span class="text-blue-600 font-black">违规带压密封</span>作业时突发爆炸，暴露了企业在风险监控方面的短板。</p>
|
||||
</div>
|
||||
<div class="bg-red-50/60 p-5 rounded-2xl border-l-4 border-red-600">
|
||||
<h5 class="font-black text-red-700 text-base mb-2 uppercase">损失情况</h5>
|
||||
<p class="text-gray-700 leading-relaxed font-medium">价值约<span class="text-red-600 font-black text-lg">300万元</span>的住宅付之一炬，室内家具及个人昂贵资产几乎<span class="text-red-600 font-black">全部化为灰烬</span>。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.no-scrollbar::-webkit-scrollbar { display: none; }
|
||||
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
|
||||
</style>
|
||||
|
||||
<section class="pt-4 px-4">
|
||||
<div class="text-center mb-12 relative">
|
||||
<h2 class="text-[28px] font-black text-gray-900 tracking-tight leading-tight">
|
||||
<br><span class="text-blue-600 font-black">AI 大模型</span>
|
||||
</h2>
|
||||
<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 pt-4">
|
||||
|
||||
<div class="bg-white p-6 md:p-10 rounded-[2.5rem] shadow-xl border border-slate-100 flex flex-col">
|
||||
<h3 class="text-2xl font-black text-gray-900 mb-10 flex items-center gap-3">
|
||||
<span class="w-1.5 h-8 bg-blue-600 rounded-full shadow-sm shadow-blue-200"></span>
|
||||
技术对比：深度理解
|
||||
</h3>
|
||||
|
||||
<div class="space-y-10">
|
||||
<div class="relative pl-6 border-l-2 border-slate-100">
|
||||
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
|
||||
<h4 class="text-lg font-black text-gray-800 mb-4">1. 场景识别能力</h4>
|
||||
<div class="grid gap-4">
|
||||
<div class="bg-slate-50 p-5 rounded-2xl border border-slate-100">
|
||||
<p class="text-[15px] text-gray-600 leading-relaxed font-medium">
|
||||
<strong class="text-orange-600">传统算法：</strong>
|
||||
依赖固定特征，光照或场景一旦变化即失效，<span class="text-orange-700 font-bold underline decoration-orange-200 underline-offset-4">环境适应能力极弱</span>。
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
|
||||
<p class="text-[15px] text-white leading-relaxed font-medium">
|
||||
<strong class="text-blue-100">大模型方案：</strong>
|
||||
模拟人类视觉逻辑，能自动理解复杂环境，<span class="text-white font-black">自主适应各种极端、多变场景</span>。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative pl-6 border-l-2 border-slate-100">
|
||||
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
|
||||
<h4 class="text-lg font-black text-gray-800 mb-4">2. 误报警准确度</h4>
|
||||
<div class="grid gap-4">
|
||||
<div class="bg-slate-50 p-5 rounded-2xl border border-b border-slate-100">
|
||||
<p class="text-[15px] text-gray-600 leading-relaxed font-medium">
|
||||
<strong class="text-orange-600">传统算法：</strong>
|
||||
无法区分干扰物，<span class="text-orange-700 font-bold underline decoration-orange-200 underline-offset-4">误报率极高</span>，经常导致安保人员产生"报警疲劳"。
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
|
||||
<p class="text-[15px] text-white leading-relaxed font-medium">
|
||||
<strong class="text-blue-100">大模型方案：</strong>
|
||||
具备逻辑推理，能精准识别"塑料袋"与"火焰"，<span class="text-white font-black">将无效误报降至最低</span>。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative pl-6 border-l-2 border-slate-100">
|
||||
<div class="absolute -left-[9px] top-0 w-4 h-4 bg-blue-600 rounded-full border-4 border-white shadow-sm"></div>
|
||||
<h4 class="text-lg font-black text-gray-800 mb-4">3. 部署响应周期</h4>
|
||||
<div class="grid gap-4">
|
||||
<div class="bg-slate-50 p-5 rounded-2xl border border-slate-100">
|
||||
<p class="text-[15px] text-gray-600 leading-relaxed font-medium">
|
||||
<strong class="text-orange-600">传统算法：</strong>
|
||||
需数周的模型训练与编程，且效果不可控，<span class="text-orange-700 font-bold underline decoration-orange-200 underline-offset-4">升级成本高、速度慢</span>。
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-blue-600 p-5 rounded-2xl shadow-lg shadow-blue-100">
|
||||
<p class="text-[15px] text-white leading-relaxed font-medium">
|
||||
<strong class="text-blue-100">大模型方案：</strong>
|
||||
零样本/小样本即可启动，<span class="text-white font-black">数日内即可完成新算法上线</span>。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-6 md:p-10 rounded-[2.5rem] shadow-xl border border-slate-100 flex flex-col h-full">
|
||||
<h3 class="text-2xl font-black text-gray-900 mb-10 flex items-center gap-3">
|
||||
<span class="w-1.5 h-8 bg-blue-600 rounded-full shadow-sm shadow-blue-200"></span>
|
||||
核心优势：资产提效
|
||||
</h3>
|
||||
|
||||
<div class="flex-grow space-y-8">
|
||||
<div class="flex gap-5 group">
|
||||
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-500">
|
||||
<i class="fa fa-camera-retro text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-black text-gray-900 text-lg mb-2 group-hover:text-blue-600">"利旧"原则 · 零硬件成本</h4>
|
||||
<p class="text-gray-500 text-[15px] leading-relaxed font-medium">直接支持海康、大华等主流品牌摄像头，无需更换昂贵的 AI 专用硬件，<span class="text-blue-600 font-black">最大限度保护已有投资</span>。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-5 group">
|
||||
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-500">
|
||||
<i class="fa fa-line-chart text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-black text-gray-900 text-lg mb-2 group-hover:text-blue-600">显著的运营降本</h4>
|
||||
<p class="text-gray-500 text-[15px] leading-relaxed font-medium">避免大规模硬件替换的巨额投入，将预算精准投入到<span class="text-blue-600 font-black text-lg">算法订阅与数据应用</span>中。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-5 group">
|
||||
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-500">
|
||||
<i class="fa fa-sliders text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-black text-gray-900 text-lg mb-2 group-hover:text-blue-600">弹性扩展与按需订阅</h4>
|
||||
<p class="text-gray-500 text-[15px] leading-relaxed font-medium">按需增减 AI 分析节点，灵活的月/年订阅模式，确保<span class="text-blue-600 font-black">每一分投入都与业务需求精准匹配</span>。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-5 group border-t border-slate-50 pt-6">
|
||||
<div class="w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0 group-hover:bg-blue-600 group-hover:text-white transition-all duration-500">
|
||||
<i class="fa fa-refresh text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-black text-gray-900 text-lg mb-2 group-hover:text-blue-600">能力持续进化</h4>
|
||||
<p class="text-gray-500 text-[15px] leading-relaxed font-medium">接入火山引擎 AI 算法生态，<span class="text-blue-600 font-black">在云端自动迭代</span>。您的设备无需任何操作，即可获取最新的识别能力。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-10">
|
||||
<div class="text-center mb-6">
|
||||
<h2 class="text-[28px] font-black text-gray-900 leading-tight">
|
||||
企安智控<br><span class="text-blue-600">全链条系统架构</span>
|
||||
</h2>
|
||||
<div class="w-16 h-1.5 bg-blue-600 mx-auto mt-4 rounded-full"></div>
|
||||
</div>
|
||||
<img src="/intro/qazk/img/xtjg.jpg" alt="系统架构" class="w-full h-auto block">
|
||||
</section>
|
||||
|
||||
<section class="py-10">
|
||||
<div class="text-center mb-6">
|
||||
<h2 class="text-[28px] font-black text-gray-900 leading-tight">
|
||||
秒级响应<br><span class="text-red-600">支持多渠道实时告警</span>
|
||||
</h2>
|
||||
<div class="w-16 h-1.5 bg-red-600 mx-auto mt-4 rounded-full"></div>
|
||||
</div>
|
||||
<img src="/intro/qazk/img/alart.jpg" alt="多端告警" class="w-full h-auto block">
|
||||
</section>
|
||||
|
||||
<section class="py-10">
|
||||
<div class="text-center mb-6">
|
||||
<h2 class="text-[26px] font-black text-gray-900"><span class="text-blue-600">行业赋能</span> 应用场景</h2>
|
||||
<div class="w-12 h-1 bg-blue-600 mx-auto mt-3 rounded-full opacity-50"></div>
|
||||
</div>
|
||||
<img src="/intro/qazk/img/hyfn.webp" alt="行业赋能" class="w-full h-auto block">
|
||||
</section>
|
||||
|
||||
<section class="py-10">
|
||||
<div class="text-center mb-6">
|
||||
<h2 class="text-[26px] font-black text-gray-900"><span class="text-blue-600">系统模块</span> 应用场景</h2>
|
||||
<div class="w-12 h-1 bg-blue-600 mx-auto mt-3 rounded-full opacity-50"></div>
|
||||
</div>
|
||||
<img src="/intro/qazk/img/xtmk.webp" alt="系统模块" class="w-full h-auto block">
|
||||
</section>
|
||||
|
||||
<section class="py-16 bg-white px-4">
|
||||
<div class="max-w-lg mx-auto text-center">
|
||||
<h2 class="text-[32px] font-black text-gray-900 mb-2 tracking-tight">联系我们</h2>
|
||||
<p class="text-gray-500 text-lg mb-10 font-medium">了解更多数字化安全方案<br>期待与您的深度合作</p>
|
||||
|
||||
<div class="mb-10">
|
||||
<img src="/intro/qazk/img/wx-official-account.jpg" alt="合作二维码" class="w-44 h-44 mx-auto rounded-xl shadow-md">
|
||||
</div>
|
||||
|
||||
<a href="tel:400-998-5710" class="flex items-center justify-center gap-4 w-full max-w-sm mx-auto bg-blue-600 text-white py-5 rounded-full font-black text-xl shadow-lg active:scale-95 transition-all">
|
||||
<i class="fa fa-phone"></i>
|
||||
<span>400-998-5710</span>
|
||||
</a>
|
||||
|
||||
<p class="mt-8 text-slate-400 text-xs tracking-widest font-bold uppercase">Professional · Reliable · Efficient</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="text-center text-xs text-gray-400 py-6 px-4 space-y-1">
|
||||
<p>© 2026 浙江贝凡网络科技. All Rights Reserved.</p>
|
||||
<p>
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">
|
||||
浙ICP备2025170226号-4
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://beian.mps.gov.cn/#/query/webSearch?code=33011002018371" rel="noreferrer" target="_blank" class="inline-flex items-center justify-center gap-1 hover:text-white transition-colors">
|
||||
<img src="/intro/qazk/img/beian.png" alt="备案图标" class="w-4 h-4">
|
||||
<span>浙公网安备33011002018371号</span>
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</main>
|
||||
</Layout>
|
||||
@@ -1,10 +0,0 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme inline {
|
||||
--color-primary: #165DFF;
|
||||
--color-secondary: #36D399;
|
||||
--color-dark: #1E293B;
|
||||
--color-light: #F8FAFC;
|
||||
|
||||
--font-inter: ['Inter', 'system-ui', 'sans-serif'];
|
||||
}
|
||||
@@ -1,4 +1,10 @@
|
||||
@layer utilities {
|
||||
.text-shadow {
|
||||
text-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
||||
}
|
||||
.transition-all-500 {
|
||||
transition: all 500ms ease-in-out;
|
||||
}
|
||||
.scroll-animate {
|
||||
opacity: 0;
|
||||
transform: translateY(40px);
|
||||
@@ -8,6 +14,9 @@
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.modal.open {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes kenburns-effect {
|
||||
|
||||
Reference in New Issue
Block a user