home.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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. <style>
  10. </style>
  11. <body>
  12. <div class="header">
  13. <ul class="nav clearfix">
  14. <li><a href="" title="">水润佳禾</a></li>
  15. <li><a href="" title="">雨农灌溉</a></li>
  16. <li><a href="" title="">灌溉商城</a></li>
  17. <li><a href="" title="">智慧农业</a></li>
  18. <li class="no-bg"><a href="" title="">登录新农宝盒云平台</a></li>
  19. </ul>
  20. </div>
  21. <div class="wx-header">
  22. <h3>新农宝盒自动化云平台</h3>
  23. <div class="swiper-container">
  24. <div class="swiper-wrapper">
  25. <div class="swiper-slide"><img src="" /></div>
  26. </div>
  27. <!-- Add Pagination -->
  28. <div class="swiper-pagination"></div>
  29. </div>
  30. </div>
  31. <div class="wx-system">
  32. <h3>系统优势</h3>
  33. <ul class="list clearfix">
  34. <li>
  35. <div class="img"><img src="../img/wx1.png" width="81" height="89" alt=""></div>
  36. <div class="txt">远程开关</div>
  37. </li>
  38. <li>
  39. <div class="img"><img src="../img/wx2.png" width="72" height="89" alt=""></div>
  40. <div class="txt">墒情监控</div>
  41. </li>
  42. <li>
  43. <div class="img"><img src="../img/wx3.png" width="72" height="89" alt=""></div>
  44. <div class="txt">灾害预警</div>
  45. </li>
  46. <li class="mr0">
  47. <div class="img"><img src="../img/wx4.png" width="84" height="89" alt=""></div>
  48. <div class="txt">农田数据</div>
  49. </li>
  50. <li>
  51. <div class="img"><img src="../img/wx5.png" width="81" height="85" alt=""></div>
  52. <div class="txt">7X24小时客服</div>
  53. </li>
  54. <li>
  55. <div class="img"><img src="../img/wx6.png" width="81" height="85" alt=""></div>
  56. <div class="txt">三年养护</div>
  57. </li>
  58. <li>
  59. <div class="img"><img src="../img/wx7.png" width="50" height="80" alt=""></div>
  60. <div class="txt">移动控制</div>
  61. </li>
  62. <li class="mr0">
  63. <div class="img"><img src="../img/wx8.png" width="84" height="84" alt=""></div>
  64. <div class="txt">大屏监控</div>
  65. </li>
  66. </ul>
  67. </div>
  68. <div class="wx">
  69. <h3>微信控制</h3>
  70. <div class="wx-box">
  71. <img src="../img/wx9.png" width="346" height="613" alt="">
  72. <div class="wx-load">
  73. <div class="title">点击按钮下载APP</div>
  74. <a href="" class="ios" targets="_blank"></a>
  75. <a href="http://www.xinnongbaohe.com/assets/app/newfarm.apk" class="android" target="_blank"></a>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="wx-buyer">
  80. <h3>购买方式</h3>
  81. <div class="wx-buyer-list clearfix">
  82. <div class="wx-buyer-item one">
  83. <span class="step">step</span>
  84. <span class="num">1</span>
  85. 通过电话咨询400-123-1234
  86. </div>
  87. <div class="wx-buyer-item two">
  88. <span class="step">step</span>
  89. <span class="num">2</span>
  90. 购买确认后现场勘查施工
  91. </div>
  92. <div class="wx-buyer-item three">
  93. <span class="step">step</span>
  94. <span class="num">3</span>
  95. 定期沟通免费三年保养维护
  96. </div>
  97. </div>
  98. </div>
  99. <div class="footer">
  100. <div class="txt">京ICP备123456号 联系电话:4001231234</div>
  101. </div>
  102. <script type="text/javascript">
  103. </script>
  104. <script>
  105. var swiper = new Swiper('.swiper-container', {
  106. loop: true,
  107. autoplay: 3000,
  108. pagination: '.swiper-pagination',
  109. paginationType : 'bullets',
  110. paginationClickable: true
  111. });
  112. </script>
  113. </body>
  114. </html>