liuq
/
simple_navigation_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>园区管理平台</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
            min-height: 100vh;
            padding: 20px;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            overflow: hidden;
        }

        .header {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
            color: white;
            padding: 60px 40px;
            text-align: center;
        }

        .header h1 {
            font-size: 48px;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .header p {
            font-size: 20px;
            opacity: 0.95;
        }

        .content {
            padding: 50px 40px;
        }

        .section {
            margin-bottom: 50px;
        }

        .section h2 {
            font-size: 32px;
            color: #43e97b;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #43e97b;
        }

        .section p {
            font-size: 18px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }

        .feature-card {
            background: linear-gradient(135deg, #e8f8f0 0%, #d4f5e6 100%);
            padding: 30px;
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(67, 233, 123, 0.3);
        }

        .feature-card h3 {
            font-size: 24px;
            color: #43e97b;
            margin-bottom: 15px;
        }

        .feature-card p {
            font-size: 16px;
            color: #666;
            line-height: 1.6;
        }

        .back-button {
            display: inline-block;
            margin-top: 30px;
            padding: 15px 40px;
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 18px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .back-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(67, 233, 123, 0.4);
        }

        .icon {
            font-size: 40px;
            margin-bottom: 15px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🏢 园区管理平台</h1>
            <p>智能安防警戒与园区管理</p>
        </div>
        
        <div class="content">
            <div class="section">
                <h2>系统简介</h2>
                <p>
                    园区管理平台是一套集智能安防、设备管理、环境监测、访客管理等功能于一体的综合性园区管理解决方案。
                    系统采用物联网、人工智能等先进技术，实现园区的智能化、数字化管理，提升园区安全性和运营效率，
                    为园区内的企业和员工提供安全、舒适、便捷的工作环境。
                </p>
            </div>

            <div class="section">
                <h2>核心功能</h2>
                <div class="features">
                    <div class="feature-card">
                        <div class="icon">🛡️</div>
                        <h3>智能安防</h3>
                        <p>集成视频监控、门禁系统、周界报警等安防设备，实现24小时实时监控，支持人脸识别、异常行为检测等智能分析功能。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">🚪</div>
                        <h3>访客管理</h3>
                        <p>在线预约、身份验证、访客登记、通行权限管理等全流程访客管理，提升园区安全性和管理效率。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">🚗</div>
                        <h3>车辆管理</h3>
                        <p>车辆进出管理、停车位管理、车辆识别、收费管理等，支持无感支付，提升车辆通行效率。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">🏗️</div>
                        <h3>设备管理</h3>
                        <p>园区内各类设备的统一管理，包括设备台账、维护保养、故障报修、能耗监测等功能，确保设备正常运行。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">🌡️</div>
                        <h3>环境监测</h3>
                        <p>实时监测园区内的空气质量、温湿度、噪音等环境指标，提供环境数据分析和预警功能。</p>
                    </div>
                    
                    <div class="feature-card">
                        <div class="icon">📱</div>
                        <h3>移动应用</h3>
                        <p>提供移动端应用，支持访客预约、门禁开门、报修申请、信息查询等功能，方便用户随时随地使用。</p>
                    </div>
                </div>
            </div>

            <div class="section">
                <h2>系统优势</h2>
                <p>
                    • <strong>智能识别</strong>：采用AI技术，实现人脸识别、车牌识别等智能识别功能，提升管理效率<br>
                    • <strong>实时监控</strong>：7×24小时实时监控，及时发现和处理安全隐患，保障园区安全<br>
                    • <strong>数据集成</strong>：统一的数据平台，整合各类设备和系统数据，实现数据共享和协同管理<br>
                    • <strong>预警机制</strong>：智能预警系统，及时发现异常情况，快速响应和处理突发事件<br>
                    • <strong>节能环保</strong>：智能能耗管理，优化设备运行，降低能耗成本，实现绿色园区管理
                </p>
            </div>

            <a href="javascript:history.back()" class="back-button">← 返回导航</a>
        </div>
    </div>
</body>
</html>