wx.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html;charset=utf-8">
  5. <title></title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css">
  7. <script type="text/javascript" src="lib/jquery-1.11.3.min.js"></script>
  8. </head>
  9. <body>
  10. <div class="header">
  11. <ul class="nav clearfix">
  12. <li><a href="" title="">水润佳禾</a></li>
  13. <li><a href="" title="">雨农灌溉</a></li>
  14. <li><a href="" title="">灌溉商城</a></li>
  15. <li><a href="" title="">智慧农业</a></li>
  16. <li class="no-bg"><a href="" title="">登录新农宝盒云平台</a></li>
  17. </ul>
  18. </div>
  19. <div class="wx-header">
  20. <h3>新农宝盒自动化云平台</h3>
  21. <img src="img/basic1.jpg" width="1000" height="560" alt="">
  22. </div>
  23. <div class="wx-system">
  24. <h3>系统优势</h3>
  25. <ul class="list clearfix">
  26. <li>
  27. <div class="img"><img src="img/wx1.png" width="81" height="89" alt=""></div>
  28. <div class="txt">远程开关</div>
  29. </li>
  30. <li>
  31. <div class="img"><img src="img/wx2.png" width="72" height="89" alt=""></div>
  32. <div class="txt">墒情监控</div>
  33. </li>
  34. <li>
  35. <div class="img"><img src="img/wx3.png" width="72" height="89" alt=""></div>
  36. <div class="txt">灾害预警</div>
  37. </li>
  38. <li class="mr0">
  39. <div class="img"><img src="img/wx4.png" width="84" height="89" alt=""></div>
  40. <div class="txt">农田数据</div>
  41. </li>
  42. <li>
  43. <div class="img"><img src="img/wx5.png" width="81" height="85" alt=""></div>
  44. <div class="txt">7X24小时客服</div>
  45. </li>
  46. <li>
  47. <div class="img"><img src="img/wx6.png" width="81" height="85" alt=""></div>
  48. <div class="txt">三年养护</div>
  49. </li>
  50. <li>
  51. <div class="img"><img src="img/wx7.png" width="50" height="80" alt=""></div>
  52. <div class="txt">移动控制</div>
  53. </li>
  54. <li class="mr0">
  55. <div class="img"><img src="img/wx8.png" width="84" height="84" alt=""></div>
  56. <div class="txt">大屏监控</div>
  57. </li>
  58. </ul>
  59. </div>
  60. <div class="wx">
  61. <h3>微信控制</h3>
  62. <div class="wx-box">
  63. <img src="img/wx9.jpg" width="346" height="613" alt="">
  64. <div class="wx-load">
  65. <div class="title">点击按钮下载APP</div>
  66. <a href="" class="ios"></a>
  67. <a href="" class="android"></a>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="wx-buyer">
  72. <h3>购买方式</h3>
  73. <div class="wx-buyer-list clearfix">
  74. <div class="wx-buyer-item one">
  75. <span class="step">step</span>
  76. <span class="num">1</span>
  77. 通过电话咨询400-123-1234
  78. </div>
  79. <div class="wx-buyer-item two">
  80. <span class="step">step</span>
  81. <span class="num">2</span>
  82. 购买确认后现场勘查施工
  83. </div>
  84. <div class="wx-buyer-item three">
  85. <span class="step">step</span>
  86. <span class="num">3</span>
  87. 定期沟通免费三年保养维护
  88. </div>
  89. </div>
  90. </div>
  91. <div class="footer">
  92. <div class="txt">京ICP备123456号 联系电话:4001231234</div>
  93. </div>
  94. <script type="text/javascript">
  95. </script>
  96. </body>
  97. </html>