index.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=1360,user-scalable=yes" />
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  9. <meta http-equiv="Content-Language" content="zh-CN">
  10. <meta name="keywords" content="">
  11. <meta name="description" content="">
  12. <title>Aiberle</title>
  13. <link href="favicon.ico" rel="shortcut icon">
  14. <link rel="stylesheet" href="../css/main.css" />
  15. <script>
  16. var host = window.location.host;
  17. if(host == "www.aiberletech.com") {
  18. /*location.href="../en-us/index.html"*/
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <div class="header">
  24. <a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a>
  25. <a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a>
  26. </div>
  27. <div class="nav-top-bar-box">
  28. <div class="menu-list-1">
  29. <div>
  30. <div class="list-cell">
  31. <a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg" /><span>了解品牌</span></a>
  32. <!--<a href="brand_story.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>-->
  33. <a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg" /><span>发展历程</span></a>
  34. <a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg" /><span>企业动态</span></a>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="menu-list-3">
  39. <div>
  40. <div class="list-cell">
  41. <a href="pro_aiberle.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-9.jpg" /><span>冲奶机</span></a>
  42. <a href="//item.jd.com/27532285015.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg" /><span>孕产妇电动牙刷</span></a>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="menu-list-4">
  47. <div>
  48. <div class="list-cell">
  49. <a href="pro_aiberle2.html"><img src="images/menu-list-5.jpg" /><span>美容软水机</span></a>
  50. <a href="pro_aiberle3.html"><img src="images/menu-list-6.jpg" /><span>净水龙头</span></a>
  51. <a href="pro_aiberle1.html"><img src="images/menu-list-7.jpg" /><span>净水花洒</span></a>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="nav-top-bar">
  56. <a class="li menu-1">探索爱贝源</a>
  57. <a href="pro_water.html">桌面净水机</a>
  58. <a class="li menu-4">生活净水</a>
  59. <a class="li menu-3">其他产品</a>
  60. </div>
  61. </div>
  62. <div class="main-content" id="index" style="display: block;">
  63. <div class="banner">
  64. <div class="bd">
  65. <ul>
  66. <li>
  67. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-lhg.jpg">
  68. </li>
  69. <li>
  70. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-1.jpg">
  71. </li>
  72. </ul>
  73. </div>
  74. <div class="hd">
  75. <ul></ul>
  76. </div>
  77. </div>
  78. <div class="content-list">
  79. <div>
  80. <a href="pro_water.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-1.jpg" /></a>
  81. </div>
  82. <div>
  83. <a href="pro_aiberle1.html"><img style="width: 49.4% !important;margin-right: 0.4%;margin-top: 0.8%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-2.jpg" /></a>
  84. <a href="pro_aiberle3.html"><img style="width: 49.4%;margin-left: 0.4%;margin-top: 0.8%;float: right;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-3.jpg" /></a>
  85. </div>
  86. <div style="margin-top: 0.8%;">
  87. <a href="pro_aiberle2.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-4.jpg" /></a>
  88. </div>
  89. <div>
  90. <a href="pro_aiberle.html"><img style="width: 49.4% !important;margin-right: 0.4%;margin-top: 0.8%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-5.jpg" /></a>
  91. <a href="//item.jd.com/27532285015.html" target="_blank"><img style="width: 49.4%;margin-left: 0.4%;margin-top: 0.8%;float: right;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-6.jpg" /></a>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="footer">
  96. <div class="footer-box">
  97. <ul class="footer-list">
  98. <li>
  99. <ul class="footer-cell">
  100. <li>探索Aiberle</li>
  101. <li>
  102. <a href="understanding_brands.html">了解品牌</a>
  103. </li>
  104. <!--<li><a href="brand_story.html">品牌故事</a></li>-->
  105. <li>
  106. <a href="development_history.html">发展历程</a>
  107. </li>
  108. <li>
  109. <a href="enterprise_dynamics.html">企业动态</a>
  110. </li>
  111. </ul>
  112. </li>
  113. <li>
  114. <ul class="footer-cell">
  115. <li>产品</li>
  116. <li>
  117. <a href="pro_water.html">桌面净水机</a>
  118. </li>
  119. <li>
  120. <a href="pro_aiberle2.html">美容软水机</a>
  121. </li>
  122. <li>
  123. <a href="pro_aiberle3.html">净水龙头</a>
  124. </li>
  125. <li>
  126. <a href="pro_aiberle1.html">净水花洒</a>
  127. </li>
  128. <li>
  129. <a href="pro_aiberle.html">冲奶机</a>
  130. </li>
  131. <li>
  132. <a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
  133. </li>
  134. </ul>
  135. </li>
  136. <li>
  137. <ul class="footer-cell">
  138. <li>关注Aiberle</li>
  139. <li>电话:400 800 6692</li>
  140. <li>邮箱:aiberle@iamberry.com</li>
  141. <li>
  142. Aiberle全球营销总部:深圳爱贝源科技有限公司
  143. <!--<span class="icon icon-wx"></span>-->
  144. <!--<span class="icon icon-jd"></span>-->
  145. </li>
  146. <li>
  147. Aiberle全球营销总部地址:广东省深圳市福田区特区报业大厦12B
  148. </li>
  149. </ul>
  150. </li>
  151. </ul>
  152. <div class="footer-bottom">
  153. Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br /> 深圳爱贝源科技有限公司 版权所有<br />
  154. <a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
  155. </div>
  156. <div class="show_wechat">
  157. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
  158. <div>扫描二维码</div>
  159. <div>关注Aiberle官方微信</div>
  160. </div>
  161. </div>
  162. </div>
  163. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js"></script>
  164. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
  165. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js"></script>
  166. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
  167. <script>
  168. $(function() {
  169. if(navigator.language) {
  170. var language = navigator.language;
  171. } else {
  172. var language = navigator.systemLanguage;
  173. }
  174. if(language == 'zh-CN') {
  175. } else {
  176. }
  177. $('.banBox').on('mousewheel', function(event, delta) {
  178. var dir = delta > 0 ? 'Up' : 'Down';
  179. if(dir == 'Up') {} else {}
  180. return false;
  181. });
  182. });
  183. // var banner = new Swiper('.swiper-container1', {
  184. // // Enable lazy loading
  185. // lazy: true,
  186. // effect: 'fade',//渐变
  187. // autoplay: {
  188. // delay: 4000,//间隔时间
  189. // disableOnInteraction: false,
  190. // },
  191. // pagination: {
  192. // el: '.swiper-pagination',
  193. // clickable: true,
  194. // },
  195. // paginationClickable: true,
  196. // navigation: {
  197. // nextEl: '.swiper-button-next',
  198. // prevEl: '.swiper-button-prev',
  199. // }
  200. // });
  201. $(".banner").slide({
  202. titCell: ".hd ul",
  203. mainCell: ".bd ul",
  204. effect: "fade",
  205. autoPlay: true,
  206. autoPage: true,
  207. trigger: "click"
  208. });
  209. </script>
  210. </body>
  211. </html>