。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 設(shè)備狀態(tài)圖形化展示</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 設(shè)備運行數(shù)據(jù)實時顯示</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 設(shè)備異常自動標(biāo)記</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-area-chart text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">環(huán)境數(shù)據(jù)監(jiān)控</h3>
<p class="text-neutral-dark/70 mb-4">
實時展示庫房環(huán)境數(shù)據(jù)、空氣質(zhì)量及火災(zāi)預(yù)警信息,掌握環(huán)境現(xiàn)狀
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 溫濕度實時數(shù)據(jù)展示</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 空氣質(zhì)量指數(shù)顯示</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 火災(zāi)預(yù)警信息提示</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-leaf text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">環(huán)境質(zhì)量監(jiān)控</h3>
<p class="text-neutral-dark/70 mb-4">
實時監(jiān)測庫房多項環(huán)境指標(biāo),異常情況及時報警
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 溫濕度實時監(jiān)測</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> CO2、PM2.5
、PM10監(jiān)測</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> TVOC等有害氣體監(jiān)測</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-eye text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">監(jiān)控設(shè)備功能</h3>
<p class="text-neutral-dark/70 mb-4">
對各類環(huán)境處理設(shè)備進行實時監(jiān)控與操作,保障設(shè)備有效運行
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 恒濕凈化設(shè)備監(jiān)控</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 空氣潔凈設(shè)備控制</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 除酸凈化及漏水設(shè)備管理</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-wifi text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">設(shè)備在線監(jiān)控</h3>
<p class="text-neutral-dark/70 mb-4">
實時監(jiān)控設(shè)備數(shù)據(jù)及狀態(tài)
,設(shè)備離線時系統(tǒng)自動提示
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 設(shè)備在線狀態(tài)監(jiān)測</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 設(shè)備數(shù)據(jù)實時采集</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 離線設(shè)備自動報警</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-mobile text-3xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">設(shè)備遠程操控</h3>
<p class="text-neutral-dark/70 mb-4">
支持遠程手動
、自動和語音操控空調(diào)等設(shè)備
,靈活調(diào)節(jié)環(huán)境
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 遠程手動操控設(shè)備</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 自動化設(shè)備控制</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 語音操控設(shè)備功能</li>
</ul>
</div>
<div class="bg-neutral rounded-xl p-8 shadow-md card-hover">
<div class="w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6">
<i class="fa fa-shield text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3">自定義防護</h3>
<p class="text-neutral-dark/70 mb-4">
根據(jù)需要添加防護設(shè)備,實現(xiàn)自定義防護模式
,滿足個性化需求
。
</p>
<ul class="space-y-2 text-sm text-neutral-dark/70">
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 自定義防護設(shè)備添加</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 個性化防護模式設(shè)置</li>
<li class="flex items-center"><i class="fa fa-check text-primary mr-2"></i> 防護策略自定義配置</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 平臺特點 -->
<section class="section-padding bg-neutral">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-3xl mx-auto mb-16">
<h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4">平臺特點</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral-dark/80">
檔案庫房環(huán)境監(jiān)控管理系統(tǒng)具有多項核心特點
,為用戶提供高效
、智能的環(huán)境監(jiān)控體驗
。
</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-globe text-2xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">全面監(jiān)控</h3>
<p class="text-neutral-dark/70">
實現(xiàn)對檔案室環(huán)境的全面
、實時監(jiān)控
,無死角覆蓋關(guān)鍵環(huán)境參數(shù)
。
</p>
</div>
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-bell text-2xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">智能預(yù)警</h3>
<p class="text-neutral-dark/70">
異常數(shù)據(jù)及時預(yù)警
,支持多渠道報警
,確保問題快速處理。
</p>
</div>
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-mobile text-3xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">遠程控制</h3>
<p class="text-neutral-dark/70">
支持遠程手動
、自動及語音操控設(shè)備,隨時隨地管理庫房環(huán)境。
</p>
</div>
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-bar-chart text-2xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">數(shù)據(jù)分析</h3>
<p class="text-neutral-dark/70">
提供豐富的數(shù)據(jù)分析功能
,支持歷史數(shù)據(jù)查詢和趨勢分析。
</p>
</div>
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-mouse-pointer text-2xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">易于操作</h3>
<p class="text-neutral-dark/70">
平臺界面簡潔直觀
,功能布局合理,易于上手操作
。
</p>
</div>
<div class="bg-white rounded-xl p-6 text-center card-hover">
<div class="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4">
<i class="fa fa-cubes text-2xl"></i>
</div>
<h3 class="text-lg font-semibold mb-2">高度定制</h3>
<p class="text-neutral-dark/70">
支持自定義防護模式
,滿足不同用戶的多樣化管理需求
。
</p>
</div>
</div>
</div>
</section>
<!-- 適用場景 -->
<section id="scenarios" class="section-padding bg-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-3xl mx-auto mb-16">
<h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4">適用場景</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-6"></div>
<p class="text-lg text-neutral-dark/80">
檔案庫房環(huán)境監(jiān)控管理系統(tǒng)適用于各類需要專業(yè)檔案存儲環(huán)境的機構(gòu)和組織
。
</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-building text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">政府檔案館</h3>
<p class="text-neutral-dark/70 mb-4">
為政府部門檔案提供專業(yè)存儲環(huán)境監(jiān)控
,保障重要檔案長期保存
。
</p>
</div>
</div>
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-building-o text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">企業(yè)檔案室</h3>
<p class="text-neutral-dark/70 mb-4">
幫助企業(yè)實現(xiàn)檔案存儲環(huán)境的智能化管理
,提升管理效率
。
</p>
</div>
</div>
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-graduation-cap text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">高校圖書館</h3>
<p class="text-neutral-dark/70 mb-4">
適用于高校圖書館和檔案室
,保障學(xué)術(shù)檔案和珍貴文獻的存儲環(huán)境
。
</p>
</div>
</div>
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-hospital-o text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">醫(yī)療機構(gòu)檔案室</h3>
<p class="text-neutral-dark/70 mb-4">
為醫(yī)院和醫(yī)療機構(gòu)提供病歷檔案
、醫(yī)學(xué)資料的專業(yè)存儲環(huán)境
。
</p>
</div>
</div>
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-flask text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">科研機構(gòu)檔案室</h3>
<p class="text-neutral-dark/70 mb-4">
支持科研機構(gòu)實驗數(shù)據(jù)、研究報告等檔案的環(huán)境監(jiān)控與管理
。
</p>
</div>
</div>
<div class="bg-neutral rounded-xl overflow-hidden shadow-md card-hover">
<div class="h-48 bg-primary/10 flex items-center justify-center">
<i class="fa fa-bank text-5xl text-primary"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-semibold mb-3">金融機構(gòu)檔案庫</h3>
<p class="text-neutral-dark/70 mb-4">
為銀行、證券等金融機構(gòu)提供重要檔案的專業(yè)存儲環(huán)境管理
。
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- 返回頂部按鈕 -->
<button id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center shadow-lg opacity-0 invisible transition-all duration-300 z-50">
<i class="fa fa-arrow-up"></i>
</button>
<script>
// 導(dǎo)航欄滾動效果
const navbar = document.getElementById('navbar');
window.addEventListener('scroll', () => {
// 返回頂部按鈕顯示/隱藏
const backToTop = document.getElementById('back-to-top');
if (window.scrollY > 300) {
backToTop.classList.remove('opacity-0', 'invisible');
backToTop.classList.add('opacity-100', 'visible');
} else {
backToTop.classList.add('opacity-0', 'invisible');
backToTop.classList.remove('opacity-100', 'visible');
}
});
// 返回頂部功能
document.getElementById('back-to-top').addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// 平滑滾動
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>" style="width:100%;height:6000px;border:none;display:block;" class="" frameborder="0" scrolling="auto" data-v-9a62d3ef>