\n \n \u003C!-- Google Fonts -->\n \u003Clink href=\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \u003C!-- Tailwind CSS -->\n \u003Cscript src=\"https://cdn.tailwindcss.com\">\u003C/script>\n\n \u003Cscript>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#003371', /* 主色：深藍色 */\n secondary: '#0057B8', /* 次色：中藍色 */\n accent: '#0078D7', /* 強調色：亮藍色 */\n neutral: '#F8FAFC', /* 背景色 */\n 'neutral-dark': '#334155',\n heading: '#003371', /* 與主色保持一致 */\n },\n fontFamily: {\n inter: ['Inter', 'sans-serif'],\n },\n boxShadow: {\n 'custom': '0 10px 25px -5px rgba(0, 86, 179, 0.1), 0 8px 10px -6px rgba(0, 86, 179, 0.05)',\n 'custom-lg': '0 20px 25px -5px rgba(0, 86, 179, 0.15), 0 10px 10px -5px rgba(0, 86, 179, 0.1)',\n },\n borderRadius: {\n 'xl': '1rem',\n '2xl': '1.5rem',\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-in-out',\n 'slide-up': 'slideUp 0.6s ease-out',\n 'pulse-slow': 'pulseSlow 3s ease-in-out infinite',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' },\n },\n slideUp: {\n '0%': { transform: 'translateY(20px)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n },\n pulseSlow: {\n '0%, 100%': { opacity: '0.6' },\n '50%': { opacity: '1' },\n },\n },\n }\n }\n }\n \u003C/script>\n\n \u003C!-- 內聯關鍵CSS -->\n \u003Cstyle>\n /* 顏色變量 */\n :root {\n --color-primary: #003371;\n --color-secondary: #0057B8;\n --color-accent: #0078D7;\n --color-neutral: #F8FAFC;\n --color-neutral-dark: #334155;\n --color-heading: #003371;\n }\n \n /* 自定義樣式 */\n .custom-gradient {\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n }\n \n /* 去除所有滾動條但保留滾動功能 */\n html, body {\n overflow-x: hidden;\n width: 100%;\n /* Firefox */\n scrollbar-width: none;\n /* IE and Edge */\n -ms-overflow-style: none;\n }\n \n /* Chrome, Safari 和 Opera */\n html::-webkit-scrollbar,\n body::-webkit-scrollbar {\n display: none;\n }\n \n /* 確保所有容器不產生額外滾動條 */\n .container {\n max-width: 100vw;\n box-sizing: border-box;\n }\n \u003C/style>\n \n \u003Cstyle type=\"text/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .text-balance {\n text-wrap: balance;\n }\n .card-hover {\n @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;\n }\n .section-padding {\n @apply py-16 md:py-24;\n }\n .nav-link {\n @apply relative text-neutral-dark hover:text-primary transition-colors duration-300;\n }\n .nav-link::after {\n @apply content-[''] absolute bottom-0 left-0 w-0 h-0.5 bg-primary transition-all duration-300;\n }\n .nav-link:hover::after {\n @apply w-full;\n }\n }\n \u003C/style>\n\u003C/head>\n\u003Cbody class=\"font-inter bg-white text-neutral-dark antialiased\">\n \u003Cmain>\n \u003C!-- 英雄區域 -->\n \u003Csection class=\"pt-24 md:pt-32 pb-16 md:pb-24 bg-gradient-to-br from-primary/5 to-secondary/5 animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"flex flex-col lg:flex-row items-center\">\n \u003Cdiv class=\"lg:w-1/2 mb-10 lg:mb-0 animate-slide-up\">\n \u003Ch1 class=\"text-[clamp(2rem,5vw,3.5rem)] font-bold text-heading leading-tight mb-6\">\n 智能環境區域\u003Cbr>\n \u003Cspan class=\"text-heading bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent\">控制系統\u003C/span>\n \u003C/h1>\n \u003Cp class=\"text-lg md:text-xl text-neutral-dark/80 mb-8 max-w-lg\">\n 結合現代科學技術，將傳感、自動化和信息化技術融為一體，構建數字化、智能化的庫房環境綜合監控體系。\n \u003C/p>\n \u003Cdiv class=\"flex flex-wrap gap-4\">\n \u003Ca href=\"#features\" class=\"px-8 py-3 bg-primary text-white rounded-lg font-medium shadow-custom hover:shadow-custom-lg transition-all duration-300 transform hover:-translate-y-1 hover:bg-primary/95\">\n 了解功能 \u003Ci class=\"fa fa-arrow-right ml-2\">\u003C/i>\n \u003C/a>\n \u003Ca href=\"#\" class=\"px-8 py-3 bg-white text-primary border border-primary rounded-lg font-medium hover:bg-primary/5 transition-all duration-300\">\n 聯系我們\n \u003C/a>\n \u003C/div>\n \u003C/div>\n \u003Cdiv class=\"lg:w-1/2 relative\">\n \u003Cdiv class=\"relative z-10 rounded-2xl overflow-hidden shadow-2xl\">\n \u003Cimg src=\"https://gw.lyhuadu.com/upload/file/2025-8-29/ea4f46ecb71b9e1b3ed0f72a.jpg\" alt=\"智能環境區域控制系統示意圖\" class=\"w-full h-auto\">\n \u003C/div>\n \u003Cdiv class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-secondary/20 rounded-full blur-3xl -z-10\">\u003C/div>\n \u003Cdiv class=\"absolute -top-6 -left-6 w-40 h-40 bg-primary/20 rounded-full blur-3xl -z-10\">\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \n \u003C!-- 平臺簡介 -->\n \u003Csection id=\"intro\" class=\"section-padding bg-white animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"text-center max-w-3xl mx-auto mb-16\">\n \u003Ch2 class=\"text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4\">平臺簡介\u003C/h2>\n \u003Cdiv class=\"w-24 h-1.5 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto mb-6\">\u003C/div>\n \u003Cp class=\"text-lg text-neutral-dark/80\">\n 智能環境區域控制系統結合現代科學技術，將傳感、自動化和信息化技術融為一體，構建出數字化、智能化的庫房環境綜合監控體系。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"grid md:grid-cols-2 gap-12 items-center\">\n \u003Cdiv>\n \u003Ch3 class=\"text-2xl font-semibold mb-6 text-neutral-dark\">核心優勢\u003C/h3>\n \u003Cul class=\"space-y-4\">\n \u003Cli class=\"flex items-start space-x-3\">\n \u003Cdiv class=\"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mt-1 flex-shrink-0\">\n \u003Ci class=\"fa fa-check\">\u003C/i>\n \u003C/div>\n \u003Cdiv>\n \u003Ch4 class=\"font-semibold text-lg mb-1\">精準監測\u003C/h4>\n \u003Cp class=\"text-neutral-dark/70\">實時監控溫濕度、空氣質量等環境參數，確保數據準確。\u003C/p>\n \u003C/div>\n \u003C/li>\n \u003Cli class=\"flex items-start space-x-3\">\n \u003Cdiv class=\"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mt-1 flex-shrink-0\">\n \u003Ci class=\"fa fa-check\">\u003C/i>\n \u003C/div>\n \u003Cdiv>\n \u003Ch4 class=\"font-semibold text-lg mb-1\">區域分控\u003C/h4>\n \u003Cp class=\"text-neutral-dark/70\">支持多區域獨立控制，滿足不同庫房區域的環境需求。\u003C/p>\n \u003C/div>\n \u003C/li>\n \u003Cli class=\"flex items-start space-x-3\">\n \u003Cdiv class=\"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary mt-1 flex-shrink-0\">\n \u003Ci class=\"fa fa-check\">\u003C/i>\n \u003C/div>\n \u003Cdiv>\n \u003Ch4 class=\"font-semibold text-lg mb-1\">智能聯動\u003C/h4>\n \u003Cp class=\"text-neutral-dark/70\">自動觸發相關設備進行環境調節，實現智能化管理。\u003C/p>\n \u003C/div>\n \u003C/li>\n \u003C/ul>\n \u003C/div>\n \u003Cdiv class=\"relative\">\n \u003Cdiv class=\"bg-white p-6 rounded-2xl shadow-custom\">\n \u003Cp class=\"text-lg text-neutral-dark/80 mb-6\">\n 該系統能夠迅速、精準地調節和控制庫房環境狀態，并提供數據查詢和追蹤功能，有效保障檔案資料的長期完好保存，解決檔案安全的\"八防\"問題。\n \u003C/p>\n \u003Cdiv class=\"grid grid-cols-3 gap-4 text-center\">\n \u003Cdiv class=\"bg-white p-4 rounded-lg shadow-sm\">\n \u003Cdiv class=\"text-3xl font-bold text-primary mb-2\">95%\u003C/div>\n \u003Cdiv class=\"text-sm text-neutral-dark/70\">環境調控效率\u003C/div>\n \u003C/div>\n \u003Cdiv class=\"bg-white p-4 rounded-lg shadow-sm\">\n \u003Cdiv class=\"text-3xl font-bold text-primary mb-2\">98%\u003C/div>\n \u003Cdiv class=\"text-sm text-neutral-dark/70\">異常報警準確率\u003C/div>\n \u003C/div>\n \u003Cdiv class=\"bg-white p-4 rounded-lg shadow-sm\">\n \u003Cdiv class=\"text-3xl font-bold text-primary mb-2\">100%\u003C/div>\n \u003Cdiv class=\"text-sm text-neutral-dark/70\">設備聯動可靠性\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003Cdiv class=\"absolute -bottom-6 -left-6 w-24 h-24 bg-accent/10 rounded-full blur-2xl -z-10\">\u003C/div>\n \u003Cdiv class=\"absolute -top-6 -right-6 w-32 h-32 bg-secondary/10 rounded-full blur-2xl -z-10\">\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \n \u003C!-- 系統架構圖 -->\n \u003Csection class=\"section-padding bg-neutral animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"text-center max-w-3xl mx-auto mb-16\">\n \u003Ch2 class=\"text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4\">系統架構\u003C/h2>\n \u003Cdiv class=\"w-24 h-1.5 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto mb-6\">\u003C/div>\n \u003Cp class=\"text-lg text-neutral-dark/80\">\n 智能環境區域控制系統采用多層架構設計，確保系統的穩定性、可擴展性和安全性。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"flex justify-center mb-10\">\n \u003Cimg src=\"https://gw.lyhuadu.com/upload/file/2025-6-30/20f75504065a138873047d71.png\" alt=\"智能區域控制系統架構圖\" class=\"w-4/5 h-auto mx-auto rounded-xl shadow-custom\">\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \n \u003C!-- 平臺特點 -->\n \u003Csection class=\"section-padding bg-neutral animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"text-center max-w-3xl mx-auto mb-16\">\n \u003Ch2 class=\"text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4\">平臺特點\u003C/h2>\n \u003Cdiv class=\"w-24 h-1.5 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto mb-6\">\u003C/div>\n \u003Cp class=\"text-lg text-neutral-dark/80\">\n 智能環境區域控制系統具有多項核心特點，為用戶提供高效、安全、智能的環境監控體驗。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-crosshairs text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">精準監測\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 實時監控溫濕度、空氣質量等環境參數，確保數據準確可靠。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-sliders text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">區域分控\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持多區域獨立控制，滿足不同庫房區域的差異化環境需求。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-cube text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">3D引擎\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 內置3D引擎，支持3D數據監控和場景漫游，輔助運維管理。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-mobile text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">多端兼容\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持安卓、IOS手機和平板、PC端瀏覽器和客戶端，各端體驗一致。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-globe text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">外網訪問\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持外網穿透訪問，包括非公網固定IP和4G網絡，方便遠程管理。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-plug text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">第三方兼容\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持智能設備接口協議，適應擴展需求，可定制個性化監控界面。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-bell text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">多渠道報警\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持4G全網通訊，提供郵件、信息和電話多渠道報警，實時記錄報警狀態。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl p-6 text-center card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center text-primary mx-auto mb-4\">\n \u003Ci class=\"fa fa-exchange text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-lg font-semibold mb-2\">設備OEM\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 支持設備OEM，滿足不同用戶的個性化品牌需求。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \n \u003C!-- 技術優勢 -->\n \u003Csection class=\"section-padding bg-white animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"text-center max-w-3xl mx-auto mb-16\">\n \u003Ch2 class=\"text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4\">技術優勢\u003C/h2>\n \u003Cdiv class=\"w-24 h-1.5 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto mb-6\">\u003C/div>\n \u003Cp class=\"text-lg text-neutral-dark/80\">\n 智能環境區域控制系統采用先進技術架構，具備多項技術優勢，確保系統高效穩定運行。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \u003Cdiv class=\"bg-neutral rounded-xl p-8 shadow-md card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6\">\n \u003Ci class=\"fa fa-tachometer text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-xl font-semibold mb-3\">高效性\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 利用先進的物聯網、云計算和大數據技術，實現環境的精確控制和智能化管理。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-neutral rounded-xl p-8 shadow-md card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6\">\n \u003Ci class=\"fa fa-shield text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-xl font-semibold mb-3\">可靠性\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 系統具有自組織、自修復的能力，確保穩定性和可靠性，減少人工干預。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-neutral rounded-xl p-8 shadow-md card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6\">\n \u003Ci class=\"fa fa-expand text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-xl font-semibold mb-3\">可擴展性\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 系統采用模塊化設計，方便未來升級和擴展，適應業務需求的變化。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"bg-neutral rounded-xl p-8 shadow-md card-hover\">\n \u003Cdiv class=\"w-16 h-16 rounded-lg bg-primary/10 flex items-center justify-center text-primary mb-6\">\n \u003Ci class=\"fa fa-mouse-pointer text-2xl\">\u003C/i>\n \u003C/div>\n \u003Ch3 class=\"text-xl font-semibold mb-3\">易用性\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70\">\n 提供直觀的人機交互界面和便捷的遠程監控功能，方便用戶操作和管理。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n \n \u003C!-- 適用場景 -->\n \u003Csection id=\"scenarios\" class=\"section-padding bg-neutral animate-fade-in\">\n \u003Cdiv class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n \u003Cdiv class=\"text-center max-w-3xl mx-auto mb-16\">\n \u003Ch2 class=\"text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-heading mb-4\">適用場景\u003C/h2>\n \u003Cdiv class=\"w-24 h-1.5 bg-gradient-to-r from-primary to-secondary rounded-full mx-auto mb-6\">\u003C/div>\n \u003Cp class=\"text-lg text-neutral-dark/80\">\n 智能環境區域控制系統適用于各類需要高效管理環境的機構和組織。\n \u003C/p>\n \u003C/div>\n \n \u003Cdiv class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-building text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">政府檔案館\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 為政府部門檔案存儲提供高效環境監控，保障檔案長期完好保存。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-briefcase text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">企業檔案室\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 幫助企業實現檔案存儲環境的智能化管理，提升管理效率。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-graduation-cap text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">高校圖書館\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 適用于高校圖書館和檔案室，支持圖書資料存儲環境的智能監控。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-medkit text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">醫療機構檔案室\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 為醫院和醫療機構提供病歷檔案存儲環境的解決方案，確保數據安全。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-flask text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">科研機構檔案室\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 支持科研機構實驗數據、研究報告等檔案存儲環境的精準控制。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class=\"bg-white rounded-xl overflow-hidden shadow-md card-hover\">\n \u003Cdiv class=\"h-48 bg-primary/10 flex items-center justify-center\">\n \u003Ci class=\"fa fa-university text-5xl text-primary\">\u003C/i>\n \u003C/div>\n \u003Cdiv class=\"p-6\">\n \u003Ch3 class=\"text-xl font-semibold mb-3\">金融機構檔案室\u003C/h3>\n \u003Cp class=\"text-neutral-dark/70 mb-4\">\n 為銀行、保險等金融機構提供重要憑證和客戶檔案的專業存儲環境管理。\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/section>\n\n \u003C!-- 返回頂部按鈕 -->\n \u003Cbutton id=\"back-to-top\" class=\"fixed bottom-8 right-8 w-12 h-12 rounded-full bg-primary text-white shadow-custom flex items-center justify-center opacity-0 invisible transition-all duration-300 z-50\">\n \u003Ci class=\"fa fa-arrow-up\">\u003C/i>\n \u003C/button>\n \u003C/main>\n\n \u003Cscript>\n // 返回頂部按鈕顯示/隱藏控制\n window.addEventListener('scroll', () => {\n const backToTop = document.getElementById('back-to-top');\n if (window.scrollY > 300) {\n backToTop.classList.add('opacity-100', 'visible');\n backToTop.classList.remove('opacity-0', 'invisible');\n } else {\n backToTop.classList.add('opacity-0', 'invisible');\n backToTop.classList.remove('opacity-100', 'visible');\n }\n });\n \n // 返回頂部功能\n document.getElementById('back-to-top').addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n \n // 平滑滾動\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n\n // 動畫元素顯示控制\n const animateOnScroll = () => {\n const elements = document.querySelectorAll('.animate-fade-in, .animate-slide-up');\n \n elements.forEach(element => {\n const elementPosition = element.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n \n if (elementPosition \u003C windowHeight * 0.85) {\n element.style.opacity = '1';\n if (element.classList.contains('animate-slide-up')) {\n element.style.transform = 'translateY(0)';\n }\n }\n });\n };\n\n // 初始化動畫元素狀態\n document.querySelectorAll('.animate-fade-in').forEach(el => {\n el.style.opacity = '0';\n el.style.transition = 'opacity 0.5s ease-in-out';\n });\n\n document.querySelectorAll('.animate-slide-up').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\n });\n\n // 初始檢查和滾動監聽\n window.addEventListener('load', animateOnScroll);\n window.addEventListener('scroll', animateOnScroll);\n \u003C/script>\n\u003C/body>\n\u003C/html>\n",[31,36,40,44,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,114,119,123,127,132,136,140],{"field":32,"label":33,"vtype":34,"value":22,"_id":35},"product_name","產品名稱","text","62fdf88efa5db1b3e1adbde4",{"field":37,"label":38,"vtype":34,"value":28,"_id":39},"item_number","型號","62fdf88efa5db1b3e1adbde5",{"field":41,"label":42,"vtype":34,"value":28,"_id":43},"material","材質","62fdf88efa5db1b3e1adbde6",{"field":45,"label":46,"vtype":34,"value":47,"_id":48},"product_size","尺寸","","62fdf88efa5db1b3e1adbde7",{"field":50,"label":51,"vtype":34,"value":28,"_id":52},"thickness","厚度","62fdf88efa5db1b3e1adbde8",{"field":54,"label":55,"vtype":34,"value":28,"_id":56},"volume","體積","62fdf88efa5db1b3e1adbde9",{"field":58,"label":59,"vtype":34,"value":28,"_id":60},"structure","結構","62fdf88efa5db1b3e1adbdea",{"field":62,"label":63,"vtype":34,"value":28,"_id":64},"surface","表面噴涂","62fdf88efa5db1b3e1adbdeb",{"field":66,"label":67,"vtype":34,"value":28,"_id":68},"loading_detail","裝柜數量","62fdf88efa5db1b3e1adbdec",{"field":70,"label":71,"vtype":34,"value":28,"_id":72},"guarantee_period","質保","62fdf88efa5db1b3e1adbded",{"field":74,"label":75,"vtype":34,"value":28,"_id":76},"application","用途","62fdf88efa5db1b3e1adbdee",{"field":78,"label":79,"vtype":34,"value":28,"_id":80},"color","顏色","62fdf88efa5db1b3e1adbdef",{"field":82,"label":83,"vtype":34,"value":28,"_id":84},"packing","包裝","62fdf88efa5db1b3e1adbdf0",{"field":86,"label":87,"vtype":34,"value":28,"_id":88},"handle","拉手","62fdf88efa5db1b3e1adbdf1",{"field":90,"label":91,"vtype":34,"value":28,"_id":92},"foot","站腳","62fdf88efa5db1b3e1adbdf2",{"field":94,"label":95,"vtype":34,"_id":96},"TypeKeyword","類型關鍵詞","62fdf88efa5db1b3e1adbdf3",{"field":98,"label":99,"vtype":34,"value":28,"_id":100},"Keyword","關鍵詞","62fdf88efa5db1b3e1adbdf4",{"field":102,"label":103,"vtype":34,"_id":104},"RelatedCaseNewsKeyword","相關案例關鍵詞","62fdf88efa5db1b3e1adbdf5",{"field":106,"label":107,"vtype":34,"_id":108},"RelatedProductKeyword","相關產品關鍵詞","62fdf88efa5db1b3e1adbdf6",{"field":110,"label":111,"vtype":34,"value":112,"_id":113},"ReadCount","閱讀量",123,"62fdf88efa5db1b3e1adbdf7",{"field":115,"label":116,"vtype":34,"value":117,"_id":118},"RobotCount","爬取量",56,"62fdf88efa5db1b3e1adbdf8",{"field":120,"label":121,"vtype":34,"value":28,"_id":122},"SerialPageTitle","專題頁標題","62fdf88efa5db1b3e1adbdf9",{"field":124,"label":125,"vtype":34,"value":28,"_id":126},"SerialPageUrl","專題頁地址","62fdf88efa5db1b3e1adbdfa",{"field":128,"label":129,"vtype":130,"value":28,"_id":131},"SerialPagePic","專題頁圖片","image","62fdf88efa5db1b3e1adbdfb",{"field":133,"label":134,"vtype":34,"value":28,"_id":135},"BuyYouZanUrl","有贊地址URL","62fdf88efa5db1b3e1adbdfc",{"field":137,"label":138,"vtype":34,"value":28,"_id":139},"BuyUrl","采購地址URL","62fdf88efa5db1b3e1adbdfd",{"field":141,"label":142,"vtype":34,"_id":143},"product_features","特點","6552e77f30da0db2af541a59",{"targetUrl":28,"title":145,"keyword":22,"desc":146},"洛陽花都集團-智能環境區域控制系統","智能環境區域控制系統結合現代科學技術，將傳感、自動化和信息化技術融為一體，構建數字化、智能化的庫房環境綜合監控體系。",true,{"_id":149,"name":150},"5ebd4956548e084ac0a3b1d4","管理員","2025-07-14T09:48:06.367Z","2025-09-15T09:17:43.172Z","2025-06-10T09:22:41.056Z",99,{"product_name":22,"item_number":28,"material":28,"product_size":47,"thickness":28,"volume":28,"structure":28,"surface":28,"loading_detail":28,"guarantee_period":28,"application":28,"color":28,"packing":28,"handle":28,"foot":28,"Keyword":28,"ReadCount":112,"RobotCount":117,"SerialPageTitle":28,"SerialPageUrl":28,"SerialPagePic":28,"BuyYouZanUrl":28,"BuyUrl":28},{"_id":157,"id":158,"cate":159,"order":9,"isHot":9,"category":160,"categoryns":161,"related":162,"children":163,"title":243,"subtitle":28,"thumb":28,"images":244,"files":245,"link":28,"digest":28,"content":47,"items":246,"seo":255,"publish":147,"user":256,"createtime":257,"updatetime":258,"publishtime":259,"pTemplate":28,"props":260},"68b650573099a3aaad949739",10131,"docs",[],[],[],[164,172,180,188,196,204,212,220,228,235],{"cate":28,"order":28,"title":165,"subtitle":28,"thumb":28,"images":166,"files":167,"link":168,"digest":28,"content":47,"items":169,"_id":170,"props":171}," 4g DTU",[],[],"https://www.baidu.com",[],"68b650573099a3aaad94973a",{},{"cate":28,"order":28,"title":173,"subtitle":28,"thumb":28,"images":174,"files":175,"link":176,"digest":28,"content":47,"items":177,"_id":178,"props":179},"室內設計網",[],[],"http://www.banjiajia.com/",[],"68b66c2b01719f0e3dbed8e4",{},{"cate":28,"order":28,"title":181,"subtitle":28,"thumb":28,"images":182,"files":183,"link":184,"digest":28,"content":47,"items":185,"_id":186,"props":187},"藝術漆",[],[],"http://www.cmt7.com/",[],"68b66c2b01719f0e3dbed8e6",{},{"cate":28,"order":28,"title":189,"subtitle":28,"thumb":28,"images":190,"files":191,"link":192,"digest":28,"content":47,"items":193,"_id":194,"props":195},"爐料",[],[],"https://luliao.lgmi.com/",[],"68b66c2b01719f0e3dbed8e8",{},{"cate":28,"order":28,"title":197,"subtitle":28,"thumb":28,"images":198,"files":199,"link":200,"digest":28,"content":47,"items":201,"_id":202,"props":203},"拼接屏",[],[],"http://www.joueasy.com/",[],"68b66c2b01719f0e3dbed8e9",{},{"cate":28,"order":28,"title":205,"subtitle":28,"thumb":28,"images":206,"files":207,"link":208,"digest":28,"content":47,"items":209,"_id":210,"props":211},"全屋定制加盟",[],[],"https://www.knoya.com/",[],"68b66c2b01719f0e3dbed8ea",{},{"cate":28,"order":28,"title":213,"subtitle":28,"thumb":28,"images":214,"files":215,"link":216,"digest":28,"content":47,"items":217,"_id":218,"props":219},"上海辦公裝修",[],[],"https://www.jiang021.com/",[],"68b66c2b01719f0e3dbed8eb",{},{"cate":28,"order":28,"title":221,"subtitle":28,"thumb":28,"images":222,"files":223,"link":224,"digest":28,"content":47,"items":225,"_id":226,"props":227},"智慧消防",[],[],"http://www.zzjtl.com/",[],"68b66c2b01719f0e3dbed8ec",{},{"cate":28,"order":28,"title":205,"subtitle":28,"thumb":28,"images":229,"files":230,"link":231,"digest":28,"content":47,"items":232,"_id":233,"props":234},[],[],"https://www.jinnihome.com/",[],"68b66c2b01719f0e3dbed8ed",{},{"cate":28,"order":28,"title":236,"subtitle":28,"thumb":28,"images":237,"files":238,"link":239,"digest":28,"content":47,"items":240,"_id":241,"props":242},"voc在線監測系統",[],[],"http://www.voczxjc.com/",[],"68b66c2b01719f0e3dbed8ee",{},"首頁友情鏈接",[],[],[247,251],{"field":248,"label":249,"vtype":34,"_id":250},"doc_title","文案標題","68b650573099a3aaad94973b",{"field":252,"label":253,"vtype":34,"_id":254},"doc_note","文案內容","68b650573099a3aaad94973c",{"targetUrl":28,"title":28,"keyword":28,"desc":28},{"_id":149,"name":150},"2025-09-02T02:03:03.788Z","2025-09-02T05:57:12.937Z","2025-09-02T02:02:31.519Z",{},[262,285,305,326],{"title":263,"items":264},"檔案庫房",[265,270,274,278,282],{"name":266,"link":267,"img":268,"isMore":269},"密集架","/dangankufang#cat-pos-62fdabfad5e0b630b80966cc","https://gw.lyhuadu.com/upload/file/2024-4-22/6c1e5df1afedf6367474d8ee.png",false,{"name":271,"link":272,"img":273,"isMore":269},"環控設備","/dangankufang#cat-pos-62d7bc1d84b0771d60ec17b9","https://gw.lyhuadu.com/upload/file/2025-7-8/f93848cb914d73f0e11d268c.jpg",{"name":275,"link":276,"img":277,"isMore":269},"RFID設備","/dangankufang#cat-pos-62d7bc2484b0771d60ec17be","https://gw.lyhuadu.com/upload/file/2022-7-23/1152adaa451a7e03e6b1aec5.png",{"name":279,"link":280,"img":281,"isMore":269},"回轉柜","/dangankufang#cat-pos-62fdac3bd5e0b630b80966d1","https://gw.lyhuadu.com/upload/file/2022-11-28/e7ba3d728ce02993c4e332ee.png",{"name":283,"link":267,"img":284,"isMore":147},"更多產品","https://gw.lyhuadu.com/upload/file/2025-7-14/c9d10d9884f77b22888e14db.png",{"title":18,"items":286},[287,291,295,299,303],{"name":288,"link":289,"img":290,"isMore":269},"智慧檔案庫房一體化平臺","/software/10134","https://gw.lyhuadu.com/upload/file/2025-7-30/85128a75b21cc064263fe3bb.jpg",{"name":292,"link":293,"img":294,"isMore":269},"智能密集架管理控制系統","/software/10137","https://gw.lyhuadu.com/upload/file/2025-7-30/aed2ee55b073ba3bf26c2c79.jpg",{"name":296,"link":297,"img":298,"isMore":269},"檔案庫房環境監控管理系統","/software/10138","https://gw.lyhuadu.com/upload/file/2025-7-30/b5ac9cd28890f4a0d05a96b1.jpg",{"name":300,"link":301,"img":302,"isMore":269},"庫房動態能源監控系統","/software/10143","https://gw.lyhuadu.com/upload/file/2025-7-30/7af4efabd597e21829a1b5be.jpg",{"name":283,"link":304,"img":284,"isMore":147},"/dangankufang#cat-pos-6874cb565dca93fede8bdea9",{"title":306,"items":307},"智能柜",[308,312,316,320,324],{"name":309,"link":310,"img":311,"isMore":269},"智能文件柜","/product/10135.html","https://gw.lyhuadu.com/upload/file/2022-8-12/ae59b9b6c3cf31e50b072c8f.png",{"name":313,"link":314,"img":315,"isMore":269},"智能裝備柜","/product/10119.html","https://gw.lyhuadu.com/upload/file/2024-8-6/09259b0748d2f3c779673a50.jpg",{"name":317,"link":318,"img":319,"isMore":269},"智能鑰匙柜","/product/10111.html","https://gw.lyhuadu.com/upload/file/2024-8-5/219a638062be7f2660ca020b.jpg",{"name":321,"link":322,"img":323,"isMore":269},"智能礦燈柜","/product/10123.html","https://gw.lyhuadu.com/upload/file/2024-8-6/cefa746bf74137815e907a97.jpg",{"name":283,"link":325,"img":284,"isMore":147},"/ganggui#cat-pos-62fdb15bd5e0b630b80967c1",{"title":327,"items":328},"鋼制家具",[329,333,337,341,344],{"name":330,"link":331,"img":332,"isMore":269},"鋼柜系列","/ganggui#cat-pos-62fdae15d5e0b630b80966db","https://gw.lyhuadu.com/upload/file/2022-8-1/924b017b34d49a8cf2a2afd4.png",{"name":334,"link":335,"img":336,"isMore":269},"校用部隊","/ganggui#cat-pos-62fdb0efd5e0b630b8096783","https://gw.lyhuadu.com/upload/file/2025-7-2/7f84eeb7c1ab1c6effd78dd5.png",{"name":338,"link":339,"img":340,"isMore":269},"書架貨架","/ganggui#cat-pos-62fdb11fd5e0b630b809679c","https://gw.lyhuadu.com/upload/file/2025-7-2/3103d2d8da97fb5f3e3de446.png",{"name":342,"link":335,"img":343,"isMore":269},"槍柜系列","https://gw.lyhuadu.com/upload/file/2022-11-28/b94cdee7cb075c99e0f85872.png",{"name":283,"link":331,"img":284,"isMore":147},[346,350,354,358],{"name":347,"link":348,"img":349,"isMore":269},"密集架專欄","/zhuanti/mijijia","https://gw.lyhuadu.com/upload/file/2025-6-22/d833e3352635c3f38564ad3c.jpg",{"name":351,"link":352,"img":353,"isMore":269},"信創專欄","/soft_solution/xinchuang","https://gw.lyhuadu.com/upload/file/2025-6-22/0339ebbb3a505eccdbca7a64.jpg",{"name":355,"link":356,"img":357,"isMore":269},"鋼柜專欄","/zhuanti/wenjiangui","https://gw.lyhuadu.com/upload/file/2025-6-22/e6e61e6381410dd8d19bcee8.jpg",{"name":359,"link":360,"img":361,"isMore":147},"圖書館書架專欄","/zhuanti/gzsj","https://gw.lyhuadu.com/upload/file/2025-6-22/1d4f4f06257332d424cd84c3.jpg",["Reactive",363],{"$suser":28},["Set"],["ShallowReactive",366],{"tabs-data10136":28,"product-categories":28,"content-10131-docs":28,"special-topics":28}]