537 lines
25 KiB
HTML
537 lines
25 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="智慧养殖,养殖监管,数字化管理,宁夏养殖,物联网养殖,农业科技,畜牧业管理">
|
||
|
||
<!-- SEO优化 -->
|
||
<meta name="author" content="宁夏智慧养殖监管平台">
|
||
<meta name="robots" content="index, follow">
|
||
<meta property="og:title" content="宁夏智慧养殖监管平台 - 数字化养殖管理解决方案">
|
||
<meta property="og:description" content="提供全面的数字化养殖管理解决方案，实时监控、数据分析、智能预警">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://www.nxfarm.com">
|
||
<meta property="og:image" content="assets/images/hero-image.png">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
|
||
<!-- 网站图标 -->
|
||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||
<link rel="apple-touch-icon" href="assets/images/logo.svg">
|
||
|
||
<!-- 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">
|
||
<img src="assets/images/logo.svg" alt="宁夏智慧养殖监管平台" height="40" class="me-2">
|
||
<span class="d-none d-md-inline">宁夏智慧养殖监管平台</span>
|
||
</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">
|
||
<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>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<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>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<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>
|
||
</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="#" 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="#" 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="#" 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 g-4 align-items-stretch">
|
||
<!-- 左侧：百度地图 -->
|
||
<div class="col-lg-6">
|
||
<div id="baidu-map-container" class="rounded shadow-sm" style="height:360px;width:100%;background:#f8f9fa;">
|
||
<div class="d-flex align-items-center justify-content-center h-100 text-muted">
|
||
<div class="text-center">
|
||
<div class="spinner-border text-primary mb-3" role="status">
|
||
<span class="visually-hidden">Loading...</span>
|
||
</div>
|
||
<p>地图加载中...</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 右侧：表单 -->
|
||
<div class="col-lg-6">
|
||
<div class="contact-form p-4 bg-white rounded shadow-sm h-100">
|
||
<h4 class="mb-3">发送消息</h4>
|
||
<form id="contact-form" onsubmit="submitContactForm(event)">
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<input type="text" class="form-control" placeholder="您的姓名" required>
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<input type="email" class="form-control" placeholder="您的邮箱" required>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3">
|
||
<input type="tel" class="form-control" placeholder="您的电话" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<textarea class="form-control" rows="5" placeholder="其他说明" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary w-100">发送消息</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 底部：联系信息 -->
|
||
<div class="row text-center mt-5 g-4">
|
||
<div class="col-12 col-md-3">
|
||
<div class="p-3">
|
||
<div class="display-6 text-primary mb-2"><i class="bi bi-geo-alt-fill"></i></div>
|
||
<h6 class="mb-1">地址</h6>
|
||
<div class="text-muted small">宁夏回族自治区银川市金凤区</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-md-3">
|
||
<div class="p-3">
|
||
<div class="display-6 text-success mb-2"><i class="bi bi-envelope-fill"></i></div>
|
||
<h6 class="mb-1">Email</h6>
|
||
<div class="text-muted small">info@nxfarm.com</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-md-3">
|
||
<div class="p-3">
|
||
<div class="display-6 text-info mb-2"><i class="bi bi-globe"></i></div>
|
||
<h6 class="mb-1">官网</h6>
|
||
<div class="text-muted small">www.nxfarm.com</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-md-3">
|
||
<div class="p-3">
|
||
<div class="display-6 text-warning mb-2"><i class="bi bi-telephone-outbound-fill"></i></div>
|
||
<h6 class="mb-1">电话</h6>
|
||
<div class="text-muted small">0951-88888888</div>
|
||
</div>
|
||
</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>备案号: 宁ICP备XXXXXXXX号</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/script.js"></script>
|
||
<!-- 百度地图API -->
|
||
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo"></script>
|
||
|
||
<script>
|
||
// 初始化百度地图
|
||
function initBaiduMap() {
|
||
try {
|
||
// 创建地图实例
|
||
var map = new BMap.Map("baidu-map-container");
|
||
|
||
// 设置中心点坐标（银川市金凤区）
|
||
var point = new BMap.Point(106.278179, 38.46637);
|
||
|
||
// 初始化地图，设置中心点坐标和地图级别
|
||
map.centerAndZoom(point, 15);
|
||
|
||
// 启用滚轮放大缩小
|
||
map.enableScrollWheelZoom(true);
|
||
|
||
// 添加地图类型控件
|
||
map.addControl(new BMap.MapTypeControl());
|
||
|
||
// 添加缩放控件
|
||
map.addControl(new BMap.NavigationControl());
|
||
|
||
// 添加比例尺控件
|
||
map.addControl(new BMap.ScaleControl());
|
||
|
||
// 创建标注
|
||
var marker = new BMap.Marker(point);
|
||
map.addOverlay(marker);
|
||
|
||
// 创建信息窗口
|
||
var infoWindow = new BMap.InfoWindow("<div style='padding:10px;'><h6>宁夏智慧养殖监管平台</h6><p>宁夏·银川（金凤区）</p></div>");
|
||
|
||
// 点击标注显示信息窗口
|
||
marker.addEventListener("click", function(){
|
||
map.openInfoWindow(infoWindow, point);
|
||
});
|
||
|
||
// 默认显示信息窗口
|
||
map.openInfoWindow(infoWindow, point);
|
||
|
||
console.log('百度地图初始化成功');
|
||
} catch (error) {
|
||
console.error('百度地图初始化失败:', error);
|
||
// 如果地图加载失败，显示备用内容
|
||
document.getElementById('baidu-map-container').innerHTML =
|
||
'<div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted">' +
|
||
'<div class="text-center">' +
|
||
'<i class="bi bi-geo-alt-fill display-4 mb-3"></i>' +
|
||
'<h5>地图加载中...</h5>' +
|
||
'<p>如果地图无法显示，请检查网络连接</p>' +
|
||
'</div>' +
|
||
'</div>';
|
||
}
|
||
}
|
||
|
||
// 页面加载完成后初始化地图
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 延迟初始化，确保百度地图API已加载
|
||
setTimeout(initBaiduMap, 1000);
|
||
});
|
||
|
||
// 如果百度地图API加载失败的回调
|
||
window.BMap_loadScriptTime = (new Date).getTime();
|
||
</script>
|
||
</body>
|
||
</html> |