265 lines
13 KiB
HTML
265 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>解决方案 - 云南智慧牛产业平台</title>
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="css/animate.min.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
<!--[if lt IE 9]>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
<style>
|
||
.solution-header {
|
||
background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);
|
||
color: white;
|
||
padding: 120px 0 80px;
|
||
text-align: center;
|
||
}
|
||
.nav-tabs {
|
||
border-bottom: 2px solid #ebeef5;
|
||
margin-bottom: 40px;
|
||
}
|
||
.nav-tabs > li > a {
|
||
font-size: 18px;
|
||
padding: 15px 30px;
|
||
color: #606266;
|
||
border-radius: 4px 4px 0 0;
|
||
transition: all 0.3s;
|
||
}
|
||
.nav-tabs > li.active > a,
|
||
.nav-tabs > li.active > a:focus,
|
||
.nav-tabs > li.active > a:hover {
|
||
border: 1px solid #ebeef5;
|
||
border-bottom-color: transparent;
|
||
color: #409EFF;
|
||
font-weight: bold;
|
||
background-color: #fff;
|
||
border-top: 3px solid #409EFF;
|
||
}
|
||
.tab-pane {
|
||
padding: 20px 0;
|
||
}
|
||
.feature-list li {
|
||
margin-bottom: 15px;
|
||
font-size: 16px;
|
||
line-height: 1.8;
|
||
color: #555;
|
||
}
|
||
.feature-icon {
|
||
color: #67C23A;
|
||
margin-right: 12px;
|
||
font-size: 18px;
|
||
}
|
||
.solution-img {
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||
transition: transform 0.3s;
|
||
}
|
||
.solution-img:hover {
|
||
transform: translateY(-5px);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-default navbar-fixed-top">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
||
<span class="sr-only">切换导航</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
|
||
</div>
|
||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li><a href="index.html">首页</a></li>
|
||
<li class="active"><a href="solutions.html">解决方案</a></li>
|
||
<li><a href="news.html">新闻中心</a></li>
|
||
<li><a href="about.html">关于我们</a></li>
|
||
<li><a href="help.html">帮助中心</a></li>
|
||
<li><a href="contact.html">联系我们</a></li>
|
||
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Page Header -->
|
||
<div class="solution-header">
|
||
<div class="container">
|
||
<h1 class="animated fadeInDown">解决方案</h1>
|
||
<p class="lead animated fadeInUp delay-1s">针对不同业务场景，提供专业的一站式解决方案</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Main Content -->
|
||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||
<!-- Tabs -->
|
||
<ul class="nav nav-tabs text-center animated fadeInUp" role="tablist" id="solutionTabs">
|
||
<li role="presentation" class="active"><a href="#farming" aria-controls="farming" role="tab" data-toggle="tab">智慧养殖</a></li>
|
||
<li role="presentation"><a href="#trading" aria-controls="trading" role="tab" data-toggle="tab">牛只交易</a></li>
|
||
<li role="presentation"><a href="#finance" aria-controls="finance" role="tab" data-toggle="tab">金融赋能</a></li>
|
||
<li role="presentation"><a href="#government" aria-controls="government" role="tab" data-toggle="tab">政府监管</a></li>
|
||
</ul>
|
||
|
||
<!-- Tab Panes -->
|
||
<div class="tab-content">
|
||
<!-- 智慧养殖 -->
|
||
<div role="tabpanel" class="tab-pane fade in active" id="farming">
|
||
<div class="row">
|
||
<div class="col-md-6 wow fadeInLeft">
|
||
<h2>智慧养殖解决方案</h2>
|
||
<p class="lead text-muted">通过物联网设备和大数据分析，实现养殖全流程的数字化管理。</p>
|
||
<ul class="list-unstyled feature-list">
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>牛只档案：</strong> 一牛一档，记录血统、生长、免疫全生命周期数据。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>健康监测：</strong> 智能耳标实时监测体温、活动量，疾病早发现。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>繁殖管理：</strong> 发情自动报警，提高配种成功率，缩短产犊间隔。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>环境监控：</strong> 温湿度、氨气浓度自动调节，提供舒适生长环境。</li>
|
||
</ul>
|
||
<br>
|
||
<a href="#" class="btn btn-primary btn-lg">申请试用</a>
|
||
</div>
|
||
<div class="col-md-6 wow fadeInRight">
|
||
<img src="images/hero-2.jpg" class="img-responsive img-rounded solution-img" alt="智慧养殖">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 牛只交易 -->
|
||
<div role="tabpanel" class="tab-pane fade" id="trading">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h2>可信牛只交易体系</h2>
|
||
<p class="lead text-muted">打造公开、透明、公平的活牛交易市场，解决传统交易痛点。</p>
|
||
<ul class="list-unstyled feature-list">
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>视频看牛：</strong> 360度高清视频展示，足不出户看好牛。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>在线竞价：</strong> 公开透明的竞价机制，发现真实市场价格。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>资金托管：</strong> 银行存管资金，确认收货后放款，保障资金安全。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>物流追踪：</strong> 专用运输车辆，全程定位监控，防止中途换牛。</li>
|
||
</ul>
|
||
<br>
|
||
<a href="#" class="btn btn-success btn-lg">进入交易大厅</a>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img src="images/hero-3.jpg" class="img-responsive img-rounded solution-img" alt="牛只交易">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 金融赋能 -->
|
||
<div role="tabpanel" class="tab-pane fade" id="finance">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h2>普惠金融服务</h2>
|
||
<p class="lead text-muted">盘活生物资产，解决养殖户融资难、融资贵问题。</p>
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading"><strong>活体抵押贷</strong></div>
|
||
<div class="panel-body">
|
||
<p>基于牛只资产评估，无需不动产抵押，快速放款。</p>
|
||
<ul>
|
||
<li>额度：最高500万</li>
|
||
<li>利率：年化3.85%起</li>
|
||
<li>特点：一牛一码，远程监管</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading"><strong>养殖保险</strong></div>
|
||
<div class="panel-body">
|
||
<p>覆盖疾病、意外、自然灾害，理赔无忧。</p>
|
||
<ul>
|
||
<li>费率：政府补贴 + 个人自付</li>
|
||
<li>理赔：在线定损，最快24小时到账</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img src="https://images.unsplash.com/photo-1579621970563-ebec7560eb3e?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" class="img-responsive img-rounded solution-img" alt="金融服务">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 政府监管 -->
|
||
<div role="tabpanel" class="tab-pane fade" id="government">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h2>全链条监管平台</h2>
|
||
<p class="lead text-muted">助力政府部门实现精准监管和科学决策。</p>
|
||
<ul class="list-unstyled feature-list">
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>产业地图：</strong> 全省肉牛存栏分布热力图，产业结构一目了然。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>防疫追溯：</strong> 疫苗发放核销全记录，免疫覆盖率自动统计。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>检疫监管：</strong> 电子检疫证在线开具与核验，杜绝病害肉流入市场。</li>
|
||
<li><i class="glyphicon glyphicon-ok feature-icon"></i> <strong>无害化处理：</strong> 病死牛处理流程全记录，防止二次污染。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" class="img-responsive img-rounded solution-img" alt="政府监管">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<h3>联系我们</h3>
|
||
<p>电话：400-888-8888</p>
|
||
<p>邮箱：contact@caiyunniu.com</p>
|
||
<p>地址：云南省昆明市高新技术产业开发区</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h3>快速链接</h3>
|
||
<ul class="list-unstyled">
|
||
<li><a href="about.html">关于平台</a></li>
|
||
<li><a href="solutions.html">核心服务</a></li>
|
||
<li><a href="help.html">帮助中心</a></li>
|
||
<li><a href="contact.html">联系我们</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h3>关注我们</h3>
|
||
<p>微信公众号：云南智慧牛</p>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom text-center">
|
||
<p>© 2025 云南智慧牛产业平台 版权所有</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||
<script src="js/wow.min.js"></script>
|
||
<script>
|
||
new WOW().init();
|
||
|
||
// Navbar Scroll Effect & URL Tab
|
||
$(document).ready(function(){
|
||
// Navbar Scroll
|
||
$(window).scroll(function() {
|
||
if ($(this).scrollTop() > 50) {
|
||
$('.navbar-default').addClass('navbar-scrolled');
|
||
} else {
|
||
$('.navbar-default').removeClass('navbar-scrolled');
|
||
}
|
||
});
|
||
|
||
var urlParams = new URLSearchParams(window.location.search);
|
||
var tab = urlParams.get('tab');
|
||
if(tab){
|
||
$('.nav-tabs a[href="#' + tab + '"]').tab('show');
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |