Home Explore Help
Sign In
liujiankang
/
static
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 7f44229556
Branches Tags
static
/
aiberle-os
/
html
/
zh-cn
/
development_history.html

development_history.html 11 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="UTF-8">
    6. 

  6. 		<meta name="viewport" content="width=1360,user-scalable=yes" />     
    7. 

  7. 		<meta name="apple-mobile-web-app-capable" content="yes">
    8. 

  8. 		<meta name="apple-mobile-web-app-status-bar-style" content="black">
    9. 

  9. 		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    10. 

  10. 		<meta http-equiv="Content-Language" content="zh-CN">
    11. 

  11. 		<meta name="keywords" content="Aiberle、爱贝源、净水机、净水、净水花洒、美容软水机、软水、果蔬清洗机、去农残、果蔬净化机、净水龙头、软水美容、软水保湿、RO反渗透技术、四层净化、净水加热、饮水机、水污染、羟基水、活氧、农药残留">
    12. 

  12. 		<meta name="description" content="美国Aiberle爱贝源品牌，助力精致生活。旗下产品包括桌面净水机、净水花洒、美容软水机、果蔬清洗机、净水龙头等产品。桌面净水机含有四层净化，采用RO反渗透技术，净水可达到直饮水级别，区别于一般饮水机产品，这款净水机可以净水加热，针对现代水污染环境，水质更健康。美容软水机采用净水+软水，软水清洁更干净，软水美容的效果更好，软水保湿锁水。果蔬清洗机有入门款和高端款两个产品，分别采用活氧技术和羟基水+超声笔技术，去除农药残留，果蔬吃的更健康。">
    13. 

  13. 		<title>Aiberle</title>
    14. 

  14. 		<link href="favicon.ico" rel="shortcut icon">
    15. 

  15. 		<link rel="stylesheet" href="../css/main.css" />
    16. 

  16. 		<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?7361ea740a26cf58f9b204d4ab7a039d";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>
    17. 

  17. 	</head>
    18. 

  18. 

  19. 	<body>
    20. 

  20. 		<div class="header">
    21. 

  21. 			<a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a>
    22. 

  22. 			<a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a>
    23. 

  23. 		</div>
    24. 

  24. 		<div class="nav-top-bar-box">
    25. 

  25. 

  26. 			<div class="menu-list-1">
    27. 

  27. 				<div>
    28. 

  28. 					<div class="list-cell">
    29. 

  29. 						<a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg" /><span>了解品牌</span></a>
    30. 

  30. 						<!--<a href="brand_story.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>-->
    31. 

  31. 						<a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg" /><span>发展历程</span></a>
    32. 

  32. 						<a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg" /><span>企业动态</span></a>
    33. 

  33. 					</div>
    34. 

  34. 				</div>
    35. 

  35. 			</div>
    36. 

  36. 			<div class="menu-list-2">
    37. 

  37. 				<div>
    38. 

  38. 					<div class="list-cell">
    39. 

  39. 						<a href="pro_aiberle0.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-14.jpg" /><span>经典款净水机</span></a>
    40. 

  40. 						<a href="pro_aiberle0.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-15.jpg" /><span>UV银离子净水机</span></a>
    41. 

  41. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.43.5f1221cf8ncgLh&id=594646076885&rn=3408a024fa3a2508bd449c22e58b9fa3&abbucket=15&skuId=4125373053071" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-16.jpg" /><span>复古智能净水机</span></a>
    42. 

  42. 					</div>
    43. 

  43. 				</div>
    44. 

  44. 			</div>
    45. 

  45. 			<div class="menu-list-3">
    46. 

  46. 				<div>
    47. 

  47. 					<div class="list-cell">
    48. 

  48. 						<a href="://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.41.31bd6de1QaUKU0&id=594829187366&rn=151c34b543d7a1c2fc1966a604221644&abbucket=15&skuId=4116141724115" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg" /><span>美肤SPA净水花洒</span></a>
    49. 

  49. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.46.31bd6de1QaUKU0&id=594819329861&rn=151c34b543d7a1c2fc1966a604221644&abbucket=15&skuId=4291361054954" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg" /><span>台上式美容软水机</span></a>
    50. 

  50. 						<a href="//item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-18284847909.26.538f1010BT6DRQ&id=568977865315" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg" /><span>倍护式电动牙刷</span></a>
    51. 

  51. 					</div>
    52. 

  52. 				</div>
    53. 

  53. 			</div>
    54. 

  54. 			<div class="menu-list-4">
    55. 

  55. 				<div>
    56. 

  56. 					<div class="list-cell">
    57. 

  57. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.67.12843c11qidz2r&id=594907587230&rn=85aca958548d02355d69fbfbd14e31e4&abbucket=15&skuId=4289906171211" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg" /><span>厨房水龙头净水器</span></a>
    58. 

  58. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.87.12843c11qidz2r&id=596929251834&rn=85aca958548d02355d69fbfbd14e31e4&abbucket=15&skuId=4146947020722" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-18.jpg" /><span>家用活氧果蔬清洗机</span></a>
    59. 

  59. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.92.12843c11qidz2r&id=596570209083&rn=85aca958548d02355d69fbfbd14e31e4&abbucket=15&skuId=4317113530738" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-17.jpg" /><span>升级版超声波洗菜机</span></a>
    60. 

  60. 					</div>
    61. 

  61. 				</div>
    62. 

  62. 			</div>
    63. 

  63. 			<div class="menu-list-5">
    64. 

  64. 				<div>
    65. 

  65. 					<div class="list-cell">
    66. 

  66. 						<a href="//detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-21697804125.107.12843c11qidz2r&id=601216037703&rn=85aca958548d02355d69fbfbd14e31e4&abbucket=15&skuId=4374416994594"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-19.jpg" /><span>负离子空气净化器</span></a>
    67. 

  67. 					</div>
    68. 

  68. 				</div>
    69. 

  69. 			</div>
    70. 

  70. 			<div class="nav-top-bar">
    71. 

  71. 				<a class="li menu-1">探索Aiberle</a>
    72. 

  72. 				<a class="li menu-2">台式净水机</a>
    73. 

  73. 				<a class="li menu-3">个人净护</a>
    74. 

  74. 				<a class="li menu-4">厨房净化</a>
    75. 

  75. 				<a class="li menu-5">空气净化</a>
    76. 

  76. 			</div>
    77. 

  77. 		</div>
    78. 

  78. 		
    79. 

  79. 		<div class="main-content">
    80. 

  80. 			<div class="banBox">
    81. 

  81. 				<img width="100%" style="display: block;" src="//s.iamberry.com/aiberle/www/zh-cn/images/a-1.jpg" />
    82. 

  82. 				<div>
    83. 

  83. 				<div class="my-slide linear-in li-2007" style="display: block;">
    84. 

  84. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2007-1.png" />
    85. 

  85. 				</div>
    86. 

  86. 				<div class="my-slide li-2009">
    87. 

  87. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2009-1.png" />
    88. 

  88. 				</div>
    89. 

  89. 				<div class="my-slide li-2011">
    90. 

  90. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2011-1.png" />
    91. 

  91. 				</div>
    92. 

  92. 				<div class="my-slide li-2014">
    93. 

  93. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2014-1.png" />
    94. 

  94. 				</div>
    95. 

  95. 				<div class="my-slide li-2015">
    96. 

  96. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2015-1.png" />
    97. 

  97. 				</div>
    98. 

  98. 				<div class="my-slide li-2016">
    99. 

  99. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2016-1.png" />
    100. 

  100. 				</div>
    101. 

  101. 				<div class="my-slide li-2017">
    102. 

  102. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2017-1.png" />
    103. 

  103. 				</div>
    104. 

  104. 				<div class="my-slide li-2018">
    105. 

  105. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2018-1.png" />
    106. 

  106. 				</div>
    107. 

  107. 				</div>
    108. 

  108. 				<div class="timeBox">
    109. 

  109.             <div class="row">
    110. 

  110.                 <div class="line"></div>
    111. 

  111.                 <ul class="iconBox js_iconBox">
    112. 

  112.                     <li class="cur">
    113. 

  113.                         <span class="time_icon" name="2007"></span>
    114. 

  114.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    115. 

  115.                         <p class="time">2007</p>
    116. 

  116.                     </li>
    117. 

  117.                     <li class="">
    118. 

  118.                         <span class="time_icon" name="2009"></span>
    119. 

  119.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    120. 

  120.                         <p class="time">2009</p>
    121. 

  121.                     </li>
    122. 

  122.                     <li class="">
    123. 

  123.                         <span class="time_icon" name="2011"></span>
    124. 

  124.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    125. 

  125.                         <p class="time">2011</p>
    126. 

  126.                     </li>
    127. 

  127.                     <li class="">
    128. 

  128.                         <span class="time_icon" name="2014"></span>
    129. 

  129.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    130. 

  130.                         <p class="time">2014</p>
    131. 

  131.                     </li>
    132. 

  132.                      <li class="">
    133. 

  133.                         <span class="time_icon" name="2015"></span>
    134. 

  134.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    135. 

  135.                         <p class="time">2015</p>
    136. 

  136.                     </li>
    137. 

  137.                     <li class="">
    138. 

  138.                         <span class="time_icon" name="2016"></span>
    139. 

  139.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    140. 

  140.                         <p class="time">2016</p>
    141. 

  141.                     </li>
    142. 

  142.                     <li class="">
    143. 

  143.                         <span class="time_icon" name="2017"></span>
    144. 

  144.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    145. 

  145.                         <p class="time">2017</p>
    146. 

  146.                     </li>
    147. 

  147.                     <li class="">
    148. 

  148.                         <span class="time_icon" name="2018"></span>
    149. 

  149.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    150. 

  150.                         <p class="time">2018</p>
    151. 

  151.                     </li>
    152. 

  152.                 </ul>
    153. 

  153.             </div>
    154. 

  154.         </div>
    155. 

  155. 

  156. 		</div>
    157. 

  157. 		
    158. 

  158. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script>
    159. 

  159. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
    160. 

  160. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js" ></script>
    161. 

  161. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
    162. 

  162. 		<script>
    163. 

  163. 			$(function() {
    164. 

  164. 				$('.banBox').on('mousewheel', function(event, delta) {
    165. 

  165. 					var dir = delta > 0 ? 'Up' : 'Down';
    166. 

  166. 					if (dir == 'Up') {
    167. 

  167. 						
    168. 

  168. 					} else {
    169. 

  169. 						
    170. 

  170. 					}
    171. 

  171. 					return false;
    172. 

  172. 				});
    173. 

  173. 			});				
    174. 

  174. 			$(document).on('click mouseover', '.iconBox>li .time_icon', function(index) {
    175. 

  175. 				$(".banBox .my-slide.li-"+$(this).attr("name")).siblings().removeClass("linear-in").hide()
    176. 

  176. 				$(this).parent().addClass("cur").siblings().removeClass("cur");
    177. 

  177. 				$(".banBox .my-slide.li-"+$(this).attr("name")).addClass("linear-in").show();
    178. 

  178. 			});			
    179. 

  179. 		</script>
    180. 

  180. 	</body>
    181. 

  181. 

  182. </html>
    183.