index1.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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/swiper.min.css" />
  15. <link rel="stylesheet" href="../css/main.css" />
  16. <script>
  17. var host=window.location.host;
  18. if(host=="www.aiberletech.com"){
  19. /*location.href="../en-us/index.html"*/
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <header class="header">
  25. <a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a>
  26. <a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a>
  27. </header>
  28. <div class="nav-top-bar-box">
  29. <div class="menu-list-1">
  30. <div>
  31. <div class="list-cell">
  32. <a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg"/><span>了解品牌</span></a>
  33. <!--<a href="brand_story.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>-->
  34. <a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg"/><span>发展历程</span></a>
  35. <a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg"/><span>企业动态</span></a>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="menu-list-3">
  40. <div>
  41. <div class="list-cell">
  42. <a href="pro_aiberle.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-9.jpg"/><span>冲奶机</span></a>
  43. <a href="javascript:;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg"/><span>孕产妇电动牙刷</span></a>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="menu-list-4">
  48. <div>
  49. <div class="list-cell">
  50. <a href="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
  51. <a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
  52. <a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
  53. <a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</span></a>
  54. </div>
  55. </div>
  56. </div>
  57. <nav class="nav-top-bar">
  58. <a class="li menu-1">探索爱贝源</a><a href="pro_watero.html">桌面净水机</a><a class="li menu-3">其他产品</a>
  59. <!--<a class="li menu-4">金质成长</a>-->
  60. </nav>
  61. </div>
  62. <div class="main-content" id="index" style="display: block;">
  63. <div class="banner">
  64. <!-- Swiper -->
  65. <div class="swiper-container swiper-container1">
  66. <div class="swiper-wrapper">
  67. <div class="swiper-slide">
  68. <!-- Required swiper-lazy class and image source specified in data-src attribute -->
  69. <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-1.jpg" class="swiper-lazy">
  70. <!-- Preloader image -->
  71. <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
  72. </div>
  73. <!--<div class="swiper-slide">
  74. <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-2.jpg" class="swiper-lazy">
  75. <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
  76. </div>
  77. <div class="swiper-slide">
  78. <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-3.jpg" class="swiper-lazy">
  79. <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
  80. </div>-->
  81. </div>
  82. <!-- Add Pagination -->
  83. <div class="swiper-pagination swiper-pagination-white"></div>
  84. <!-- Navigation -->
  85. <div class="swiper-button-next swiper-button-white"></div>
  86. <div class="swiper-button-prev swiper-button-white"></div>
  87. </div>
  88. </div>
  89. <div class="content-list">
  90. <div><a href="pro_watero.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-1.jpg" /></a></div>
  91. <div><a href="pro_aiberle.html"><img style="width: 49.3% !important;margin-right: 0.5%;margin-top: 0.5%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-2.jpg" /></a> <a href="javastript:;"><img style="width: 49.3%;margin-left: 0.5%;margin-top: 0.5%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-3.jpg" /></a></div>
  92. </div>
  93. </div>
  94. <footer class="footer">
  95. <div class="footer-box">
  96. <ul class="footer-list">
  97. <li>
  98. <ul class="footer-cell">
  99. <li>探索Aiberle</li>
  100. <li><a href="understanding_brands.html">了解品牌</a></li>
  101. <!--<li><a href="brand_story.html">品牌故事</a></li>-->
  102. <li><a href="development_history.html">发展历程</a></li>
  103. <li><a href="enterprise_dynamics.html">企业动态</a></li>
  104. </ul>
  105. </li>
  106. <li>
  107. <ul class="footer-cell">
  108. <li>产品</li>
  109. <li><a href="pro_watero.html">桌面净水机</a></li>
  110. <li><a href="pro_aiberle.html">冲奶机</a></li>
  111. <li><a href="javascript:;">孕产妇电动牙刷</a></li>
  112. </ul>
  113. </li>
  114. <li>
  115. <ul class="footer-cell">
  116. <li>关注Aiberle</li>
  117. <li>电话:400 800 6692</li>
  118. <li>邮箱:tony@iamberry.com</li>
  119. <li>
  120. Aiberle亚太区总部:深圳市爱贝源科技有限公司
  121. <!--<span class="icon icon-wx"></span>-->
  122. <!--<span class="icon icon-jd"></span>-->
  123. </li>
  124. <li>
  125. Aiberle亚太区总部地址:广东省深圳市福田区特区报业大厦12B
  126. </li>
  127. </ul>
  128. </li>
  129. </ul>
  130. <div class="footer-bottom">
  131. Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
  132. 深圳市爱贝源科技有限公司 版权所有<br />
  133. <a href="http://www.beian.miit.gov.cn">粤ICP备16023001号-1</a>
  134. </div>
  135. <div class="show_wechat">
  136. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
  137. <div>扫描二维码</div>
  138. <div>关注Aiberle官方微信</div>
  139. </div>
  140. </div>
  141. </footer>
  142. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script>
  143. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
  144. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/swiper.min.js" ></script>
  145. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
  146. <script>
  147. $(function() {
  148. if (navigator.language) {
  149. var language = navigator.language;
  150. }else {
  151. var language = navigator.systemLanguage;
  152. }
  153. console.log(language);
  154. if(language=='zh-CN'){
  155. }else{
  156. }
  157. $('.banBox').on('mousewheel', function(event, delta) {
  158. console.log(delta)
  159. var dir = delta > 0 ? 'Up' : 'Down';
  160. if (dir == 'Up') {
  161. console.log("向上滚动");
  162. } else {
  163. console.log("向下滚动");
  164. }
  165. return false;
  166. });
  167. });
  168. var banner = new Swiper('.swiper-container1', {
  169. // Enable lazy loading
  170. lazy: true,
  171. effect: 'fade',//渐变
  172. autoplay: {
  173. delay: 4000,//间隔时间
  174. disableOnInteraction: false,
  175. },
  176. pagination: {
  177. el: '.swiper-pagination',
  178. clickable: true,
  179. },
  180. paginationClickable: true,
  181. navigation: {
  182. nextEl: '.swiper-button-next',
  183. prevEl: '.swiper-button-prev',
  184. }
  185. });
  186. </script>
  187. </body>
  188. </html>