436 lines
20 KiB
HTML
436 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>宁夏智慧养殖监管平台 - 数字化养殖管理解决方案</title>
|
||
<meta name="description" content="宁夏智慧养殖监管平台，提供全面的数字化养殖管理解决方案，实时监控、数据分析、智能预警，助力养殖业数字化转型">
|
||
<meta name="keywords" content="智慧养殖,养殖监管,数字化管理,宁夏养殖,物联网养殖">
|
||
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Bootstrap Icons -->
|
||
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
|
||
|
||
<!-- 自定义CSS -->
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
|
||
<!-- Chart.js -->
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="#home">
|
||
宁夏智慧养殖监管平台
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#home">首页</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#features">功能特性</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#technology">技术优势</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#cases">客户案例</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#news">新闻动态</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#systems">系统入口</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#contact">联系我们</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="btn btn-outline-light ms-2" href="download.html">
|
||
<i class="bi bi-download me-1"></i>下载中心
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 首页Banner -->
|
||
<section id="home" class="hero-section">
|
||
<div class="container">
|
||
<div class="row align-items-center min-vh-100">
|
||
<div class="col-lg-6">
|
||
<h1 class="display-4 fw-bold text-white mb-4">
|
||
智慧养殖 · 数字未来
|
||
</h1>
|
||
<p class="lead text-white mb-4">
|
||
宁夏智慧养殖监管平台，为您提供全方位的数字化养殖管理解决方案，
|
||
实现养殖过程的智能化、可视化和精细化管理。
|
||
</p>
|
||
<div class="d-flex gap-3">
|
||
<a href="#features" class="btn btn-primary btn-lg">
|
||
<i class="bi bi-play-circle me-2"></i>了解功能
|
||
</a>
|
||
<a href="download.html" class="btn btn-outline-light btn-lg">
|
||
<i class="bi bi-download me-2"></i>立即下载
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 text-center">
|
||
<img src="assets/images/hero-image.png" alt="智慧养殖平台" class="img-fluid hero-image" style="width: 800px;height: 500px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 数据统计 -->
|
||
<section class="stats-section py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row text-center">
|
||
<div class="col-md-3">
|
||
<div class="stat-item">
|
||
<h3 class="display-4 text-primary fw-bold">500+</h3>
|
||
<p class="text-muted">服务养殖场</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="stat-item">
|
||
<h3 class="display-4 text-success fw-bold">10,000+</h3>
|
||
<p class="text-muted">监控设备</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="stat-item">
|
||
<h3 class="display-4 text-warning fw-bold">50M+</h3>
|
||
<p class="text-muted">日处理数据</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<div class="stat-item">
|
||
<h3 class="display-4 text-info fw-bold">99.9%</h3>
|
||
<p class="text-muted">系统可用性</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 功能特性 -->
|
||
<section id="features" class="features-section py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title">核心功能特性</h2>
|
||
<p class="section-subtitle">全方位数字化养殖管理解决方案</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-camera-video"></i>
|
||
</div>
|
||
<h4>实时监控</h4>
|
||
<p>24小时不间断监控养殖环境，实时掌握设备状态和动物健康状况</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-graph-up"></i>
|
||
</div>
|
||
<h4>数据分析</h4>
|
||
<p>多维度数据统计分析，生成可视化报表，助力科学决策</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-bell"></i>
|
||
</div>
|
||
<h4>智能预警</h4>
|
||
<p>异常情况自动预警，及时通知相关人员，降低养殖风险</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-geo-alt-fill"></i>
|
||
</div>
|
||
<h4>地图管理</h4>
|
||
<p>基于地理位置的可视化管理，直观展示养殖场分布和状态</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-shield-lock-fill"></i>
|
||
</div>
|
||
<h4>权限管理</h4>
|
||
<p>多级权限控制系统，确保数据安全和操作规范</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">
|
||
<i class="bi bi-laptop"></i>
|
||
</div>
|
||
<h4>移动办公</h4>
|
||
<p>支持多终端访问，随时随地管理养殖业务</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 技术优势 -->
|
||
<section id="technology" class="technology-section py-5 bg-dark text-white">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title" style="color: #fff;">技术优势</h2>
|
||
<p class="section-subtitle">领先的技术架构，确保系统稳定可靠</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="tech-item mb-4">
|
||
<h4><i class="bi bi-shield-alt me-2"></i>安全可靠</h4>
|
||
<p>采用多重安全防护机制，数据加密传输，确保信息安全</p>
|
||
</div>
|
||
<div class="tech-item mb-4">
|
||
<h4><i class="bi bi-bolt me-2"></i>高性能</h4>
|
||
<p>分布式架构设计，支持高并发访问，响应速度快</p>
|
||
</div>
|
||
<div class="tech-item mb-4">
|
||
<h4><i class="bi bi-expand-arrows-alt me-2"></i>可扩展</h4>
|
||
<p>模块化设计，易于功能扩展和系统升级</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="tech-image text-center">
|
||
<img src="assets/images/tech-architecture.png" alt="技术架构" class="img-fluid rounded" style="width: 600px;height: 400px;">
|
||
<p class="mt-2 text-muted" style="color: #fff;">系统技术架构图</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 系统入口功能区 -->
|
||
<section id="systems" class="systems-section py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title">系统入口</h2>
|
||
<p class="section-subtitle">选择您需要的专业系统</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="system-card">
|
||
<div class="system-icon bg-primary">
|
||
<i class="bi bi-house-gear"></i>
|
||
</div>
|
||
<h4>养殖管理系统</h4>
|
||
<p>专业的养殖场管理平台，提供养殖档案、饲料管理、疫病防控等全方位解决方案</p>
|
||
<a href="farm-system.html" class="btn btn-primary">了解详情</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="system-card">
|
||
<div class="system-icon bg-warning">
|
||
<i class="bi bi-bank"></i>
|
||
</div>
|
||
<h4>银行监管系统</h4>
|
||
<p>专业的银行监管平台，提供养殖资产估值、信贷风险评估、资金监管等金融服务</p>
|
||
<a href="bank-system.html" class="btn btn-warning">了解详情</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="system-card">
|
||
<div class="system-icon bg-info">
|
||
<i class="bi bi-shield-check"></i>
|
||
</div>
|
||
<h4>保险监管系统</h4>
|
||
<p>专业的保险监管平台，提供保单管理、理赔处理、风险定价等保险业务解决方案</p>
|
||
<a href="insurance-system.html" class="btn btn-info">了解详情</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="system-card">
|
||
<div class="system-icon bg-success">
|
||
<i class="bi bi-building"></i>
|
||
</div>
|
||
<h4>政府监管系统</h4>
|
||
<p>专业的政府监管平台，提供养殖场备案、防疫监管、质量追溯等政府监管解决方案</p>
|
||
<a href="government-system.html" class="btn btn-success">了解详情</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 客户案例 -->
|
||
<section id="cases" class="cases-section py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title">成功案例</h2>
|
||
<p class="section-subtitle">我们服务的部分客户</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<a href="case-detail.html?id=1" class="case-link">
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="assets/images/case1.jpg" alt="案例1" class="img-fluid">
|
||
</div>
|
||
<div class="case-content">
|
||
<h5>宁夏某大型养殖集团</h5>
|
||
<p>实现全流程数字化管理，生产效率提升30%</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<a href="case-detail.html?id=2" class="case-link">
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="assets/images/case2.jpg" alt="案例2" class="img-fluid">
|
||
</div>
|
||
<div class="case-content">
|
||
<h5>某现代农业示范区</h5>
|
||
<p>智能化监控系统，降低人工成本40%</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<a href="case-detail.html?id=3" class="case-link">
|
||
<div class="case-card">
|
||
<div class="case-image">
|
||
<img src="assets/images/case3.jpg" alt="案例3" class="img-fluid">
|
||
</div>
|
||
<div class="case-content">
|
||
<h5>某生态养殖基地</h5>
|
||
<p>环境精准调控，产品品质显著提升</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻动态 -->
|
||
<section id="news" class="news-section py-5 bg-light">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title">新闻动态</h2>
|
||
<p class="section-subtitle">最新资讯和行业动态</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="news-card">
|
||
<div class="news-date">2025-01-15</div>
|
||
<h5>平台v2.0版本发布</h5>
|
||
<p>新增智能预警和移动端优化功能</p>
|
||
<a href="news.html?id=1" class="news-link">阅读更多 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="news-card">
|
||
<div class="news-date">2025-01-10</div>
|
||
<h5>智慧养殖技术研讨会</h5>
|
||
<p>成功举办行业技术交流会议</p>
|
||
<a href="news.html?id=2" class="news-link">阅读更多 →</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<div class="news-card">
|
||
<div class="news-date">2025-01-05</div>
|
||
<h5>养殖行业政策解读</h5>
|
||
<p>最新政策对智慧养殖的影响分析</p>
|
||
<a href="news.html?id=3" class="news-link">阅读更多 →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 联系我们 -->
|
||
<section id="contact" class="contact-section py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="section-title">联系我们</h2>
|
||
<p class="section-subtitle">期待与您合作</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<!-- 百度地图容器 -->
|
||
<div id="baidu-map-container" style="width:100%;height:400px;border-radius:15px;"></div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="contact-form">
|
||
<h4>发送消息</h4>
|
||
<form>
|
||
<div class="mb-3">
|
||
<input type="text" class="form-control" placeholder="您的姓名" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<input type="email" class="form-control" placeholder="您的邮箱" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<textarea class="form-control" rows="4" placeholder="您的消息" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary w-100">发送消息</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 底部联系信息 -->
|
||
<div class="contact-bottom mt-4">
|
||
<div class="contact-bottom-item">
|
||
<i class="bi bi-geo-alt"></i>
|
||
<span>地址：宁夏回族自治区银川市金凤区</span>
|
||
</div>
|
||
<div class="contact-bottom-item">
|
||
<i class="bi bi-telephone"></i>
|
||
<span>电话：0951-88888888</span>
|
||
</div>
|
||
<div class="contact-bottom-item">
|
||
<i class="bi bi-envelope"></i>
|
||
<span>邮箱：info@nxfarm.com</span>
|
||
</div>
|
||
<div class="contact-bottom-item">
|
||
<i class="bi bi-globe"></i>
|
||
<span>官网：www.liaoniuyun.com</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer bg-dark text-white py-4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<p>© 2025 宁夏智慧养殖监管平台. 保留所有权利.</p>
|
||
</div>
|
||
<div class="col-md-6 text-md-end">
|
||
<p>备案号: <a href="https://beiancx.miit.gov.cn/" target="_blank" rel="noopener">鄂ICP备15009094号-11</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Bootstrap & jQuery JS -->
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
|
||
<!-- 百度地图脚本 -->
|
||
<script src="assets/js/baidu-map.js"></script>
|
||
<!-- 自定义脚本 -->
|
||
<script src="assets/js/script.js"></script>
|
||
</body>
|
||
</html> |