。
</p>
</div>
</div>
<div class="bg-white 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">
適用于高校圖書館和檔案室
,實現(xiàn)能源的智能監(jiān)控和管理。
</p>
</div>
</div>
<div class="bg-white 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ī)療機構檔案室</h3>
<p class="text-neutral-dark/70 mb-4">
為醫(yī)療機構檔案庫房提供能源管理解決方案
,保障檔案安全存儲
。
</p>
</div>
</div>
<div class="bg-white 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">科研機構檔案室</h3>
<p class="text-neutral-dark/70 mb-4">
支持科研機構檔案庫房的能源監(jiān)控和管理,滿足科研數(shù)據(jù)存儲需求。
</p>
</div>
</div>
<div class="bg-white 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">金融機構檔案庫</h3>
<p class="text-neutral-dark/70 mb-4">
為金融機構重要檔案庫房提供高效
、安全的能源管理
。
</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>
// 導航欄滾動效果
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:6223px;border:none;display:block;" class="" frameborder="0" scrolling="auto" data-v-9a62d3ef>