<!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:48vh; 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: 47vh; 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/3.jpg') 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%; } .bottom-href{ clear: both;text-align: center;height: 4vh;line-height: 4vh; } .bottom-href a{color: #000;} </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/4.png" /> <span>请检查域名是否正确或服务器是否联网......</span> </div> </div> <div class="top-r"> <img src="./img/1.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/2.jpg" /> </div> </div> <div class="bottom-href"> 版权所有 <a href="http://www.dairyinfo.com.cn/">上海科湃腾信息科技有限公司</a> <a href="https://beian.miit.gov.cn/#/Integrated/index">沪ICP备11008303号-3</a> </div> </body> </html>