<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style type="text/css">
*{
margin: 0 0;
padding: 0 0;
overflow-y: hidden;
}
.top{
height:50vh;
width: 100%;
background:rgba(2, 125, 180, 1);
}
.top .top-l{
width: 70%;
float:left;
height:100%;
color: #fff;
position: relative;
}
.top .top-l .title{
padding: 30px 30px 20px;
font-size: 40px;
}
.top .top-l .content{
padding: 0 30px;
}
.top .top-l .content p{
line-height: 40px;
font-size: 20px;
font-weight: 600;
}
.tip{
position: absolute;
left: 30px;
bottom: 30px;
}
.tip img{
float: left;
width: 30px;
height: 40px;
height: auto;
margin-right: 10px;
}
.tip span{
line-height: 40px;
}
.top-r{
width: 30%;
float:left;
height:100%;
}
.top-r img{
width: 100%;
height: 100%;
}
.bottom{
margin-top: 1vh;
height: 49vh;
width: 100%;
}
.bottom-l{
width: 60%;
float:left;
height:100%;
color: #fff;
/* background: url('https://tuchuangs.com/imgs/2022/09/22/7c9f3464ee4f71f1.png') no-repeat; */
background: url('./img/３.png') no-repeat;
background-size: 100% 100%;
}
.bottom-l .title{
padding: 30px 30px 10px;
font-size: 45px;
font-weight: 600;
}
.bottom-l .content{
padding-left: 20px;
font-size: 20px;
font-weight: 600;
width: 73%;
line-height: 40px;
}
.bottom-r{
width: 40%;
float:left;
height:100%;
}
.bottom-r img{
width: 100%;
height: 100%;
}
</style>
<!-- <img src="https://tuchuangs.com/imgs/2022/09/22/d70a411b8701cd26.jpg" style="width: 100%;height: 100%;"/> -->
<div class="top">
<div class="top-l">
<div class="title">TMR饲喂系统类似牧场饲喂管控大脑</div>
<div class="content">
<p>TMR饲喂系统类似牧场饲喂管控大脑</p>
<p>发送指令给PLC系统并实时收集信息和发出告警</p>
<p>确保牧场使用饲料的精准性</p>
</div>
<div class="tip">
<img src="./img/４.png" />
<span>请检查域名是否正确或服务器是否联网......</span>
</div>
</div>
<div class="top-r">
<img src="./img/１.png" />
</div>
</div>
<div class="bottom">
<div class="bottom-l">
<div class="title"> 实力见证 国货之光 </div>
<div class="content">
专业性极强的研发团队，其核心开发团队有着丰富的牧场管理与实践经验，并配备了标准化、精细化服务团队。作为伊利、阿里云的战略合作伙伴，科湃腾设立中国农业大学教育基金会“牛精英基金”，与新希望搭建战略合作饲喂系统平台，与青岛友宏战略合作启动牧场“智能化中央厨房”项目，与蒙牛战略合作铸镕计划（智慧牧场集成），并与现代牧业、蒙牛共同成立海南云养牛科技有限公司。
</div>
</div>
<div class="bottom-r">
<img src="./img/２.png" />
<!-- <img src="./img/３.png" /> -->
</div>
</div>
</body>
</html>