pro_aiberle1.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  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="Aiberle、爱贝源、净水机、净水、净水花洒、美容软水机、软水、果蔬清洗机、去农残、果蔬净化机、净水龙头、软水美容、软水保湿、RO反渗透技术、四层净化、净水加热、饮水机、水污染、羟基水、活氧、农药残留">
  11. <meta name="description" content="美国Aiberle爱贝源品牌,助力精致生活。旗下产品包括桌面净水机、净水花洒、美容软水机、果蔬清洗机、净水龙头等产品。桌面净水机含有四层净化,采用RO反渗透技术,净水可达到直饮水级别,区别于一般饮水机产品,这款净水机可以净水加热,针对现代水污染环境,水质更健康。美容软水机采用净水+软水,软水清洁更干净,软水美容的效果更好,软水保湿锁水。果蔬清洗机有入门款和高端款两个产品,分别采用活氧技术和羟基水+超声笔技术,去除农药残留,果蔬吃的更健康。">
  12. <title>Aiberle</title>
  13. <link href="favicon.ico" rel="shortcut icon">
  14. <link rel="stylesheet" href="../css/main.css" />
  15. <style type="text/css">
  16. /* css 重置 */
  17. * {
  18. margin: 0;
  19. padding: 0;
  20. list-style: none;
  21. }
  22. body {
  23. background: #fff;
  24. }
  25. img {
  26. border: 0;
  27. }
  28. a {
  29. text-decoration: none;
  30. color: #333;
  31. }
  32. a:hover {
  33. color: #1974A1;
  34. }
  35. .js {
  36. width: 90%;
  37. margin: 10px auto 0 auto;
  38. }
  39. .js p {
  40. padding: 5px 0;
  41. font-weight: bold;
  42. overflow: hidden;
  43. }
  44. .js p span {
  45. float: right;
  46. }
  47. .js p span a {
  48. color: #f00;
  49. text-decoration: underline;
  50. }
  51. .js textarea {
  52. height: 100px;
  53. width: 98%;
  54. padding: 5px;
  55. border: 1px solid #ccc;
  56. border-top: 2px solid #aaa;
  57. border-left: 2px solid #aaa;
  58. }
  59. /* 本例子css */
  60. #ifocus {
  61. min-width: 1080px;
  62. max-width: 1500px;
  63. margin-bottom: 7px;
  64. height: 522px;
  65. border: 0;
  66. background: #f8f6f4;
  67. }
  68. #ifocus_pic {
  69. display: inline;
  70. position: relative;
  71. float: right;
  72. width: 1500px;
  73. height: auto;
  74. overflow: hidden;
  75. }
  76. #ifocus_piclist li {
  77. width: 100%;
  78. height: auto;
  79. overflow: hidden;
  80. }
  81. #ifocus_piclist img {
  82. width: 100%;
  83. height: auto;
  84. }
  85. #ifocus_btn {
  86. display: inline;
  87. position: absolute;
  88. left: 100px;
  89. top: 70px;
  90. margin-top: 9px;
  91. width: 100px;
  92. padding-right: 5px;
  93. }
  94. #ifocus_btn li {
  95. width: 100px;
  96. height: 100px;
  97. overflow: hidden;
  98. text-align: center;
  99. margin-bottom: 35px;
  100. border: 1px solid #ccc\9;
  101. border: 1px solid rgba(0, 0, 0, .2);
  102. cursor: pointer;
  103. opacity: 0.5;
  104. -moz-opacity: 0.5;
  105. filter: alpha(opacity=50);
  106. }
  107. #ifocus_btn img {
  108. width: auto;
  109. height: 100px;
  110. }
  111. #ifocus_btn .on {
  112. opacity: 1;
  113. -moz-opacity: 1;
  114. filter: alpha(opacity=100);
  115. }
  116. #ifocus_opdiv {
  117. position: absolute;
  118. left: 0;
  119. bottom: 0;
  120. width: 340px;
  121. height: 35px;
  122. background: #000;
  123. opacity: 0.5;
  124. -moz-opacity: 0.5;
  125. filter: alpha(opacity=50);
  126. }
  127. #ifocus_tx {
  128. position: absolute;
  129. left: 8px;
  130. bottom: 8px;
  131. color: #FFF;
  132. }
  133. #ifocus_tx ul li {
  134. display: none;
  135. }
  136. #ifocus_tx ul li a {
  137. color: #fff;
  138. font-size: 14px;
  139. font-weight: bold;
  140. }
  141. </style>
  142. <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>
  143. </head>
  144. <body>
  145. <div class="header">
  146. <a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a>
  147. <a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a>
  148. </div>
  149. <div class="nav-top-bar-box">
  150. <div class="menu-list-1">
  151. <div>
  152. <div class="list-cell">
  153. <a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg" /><span>了解品牌</span></a>
  154. <!--<a href="brand_story.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>-->
  155. <a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg" /><span>发展历程</span></a>
  156. <a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg" /><span>企业动态</span></a>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="menu-list-2">
  161. <div>
  162. <div class="list-cell">
  163. <a href="pro_aiberle0.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-14.jpg" /><span>经典款净水机</span></a>
  164. <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>
  165. <a href="//item.jd.com/47919764275.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-16.jpg" /><span>复古智能净水机</span></a>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="menu-list-3">
  170. <div>
  171. <div class="list-cell">
  172. <a href="//item.jd.com/29045326019.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg" /><span>美肤SPA净水花洒</span></a>
  173. <a href="//item.jd.com/29553875184.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg" /><span>台上式美容软水机</span></a>
  174. <a href="//item.jd.com/27532285015.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg" /><span>倍护式电动牙刷</span></a>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="menu-list-4">
  179. <div>
  180. <div class="list-cell">
  181. <a href="//item.jd.com/28919457574.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg" /><span>厨房水龙头净水器</span></a>
  182. <a href="//item.jd.com/39654510143.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-18.jpg" /><span>家用活氧果蔬清洗机</span></a>
  183. <a href="//item.jd.com/45489744815.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-17.jpg" /><span>升级版超声波洗菜机</span></a>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="menu-list-5">
  188. <div>
  189. <div class="list-cell">
  190. <a href="javascript:;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-19.jpg" /><span>负离子空气净化器</span></a>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="nav-top-bar">
  195. <a class="li menu-1">探索Aiberle</a>
  196. <a class="li menu-2">台式净水机</a>
  197. <a class="li menu-3">个人净护</a>
  198. <a class="li menu-4">厨房净化</a>
  199. <a class="li menu-5">空气净化</a>
  200. </div>
  201. </div>
  202. <div class="main-content" id="index" style="display: block;">
  203. <!-- Swiper -->
  204. <div class="video-box1">
  205. <!-- Swiper -->
  206. <div id="ifocus" style="margin:0 auto">
  207. <div id="ifocus_pic">
  208. <div id="ifocus_piclist">
  209. <ul>
  210. <li>
  211. <a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11.png" /></a>
  212. </li>
  213. <li>
  214. <a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-12.png" /></a>
  215. </li>
  216. <li>
  217. <a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-13.png" /></a>
  218. </li>
  219. </ul>
  220. </div>
  221. </div>
  222. <div id="ifocus_btn">
  223. <ul>
  224. <li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11-small.png"></li>
  225. <li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-12-small.png"></li>
  226. <li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-13-small.png"></li>
  227. </ul>
  228. </div>
  229. <div class="cl-box">
  230. <div>
  231. <ul class="color-list" style="display: none;">
  232. <li name="1" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11-small.png" class="color-cell-1 active"></li>
  233. </ul>
  234. </div>
  235. </div>
  236. </div>
  237. <!--<div class="swiper-container swiper-container6 gallery-top">
  238. <div class="swiper-wrapper">
  239. <div class="swiper-slide wrapper1"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></div>
  240. <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></div>
  241. <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></div>
  242. </div>
  243. <div class="swiper-button-next swiper-button-white"></div>
  244. <div class="swiper-button-prev swiper-button-white"></div>
  245. </div>
  246. <div class="swiper-container gallery-thumbs" style="-webkit-transform: rotate(90deg);transform: rotate(90deg);position: absolute;left:-5%;top:45%;width: 450px;">
  247. <div class="swiper-wrapper">
  248. <div name="0" class="swiper-slide slide0" style="width: 90px;height: 90px;background: url(//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png) center center no-repeat;background-size: auto 100%;margin-right: 15px; -webkit-transform: rotate(-90deg);transform: rotate(-90deg);border: 1px solid rgba(0,0,0,.2);"></div>
  249. <div name="1" class="swiper-slide slide1" style="width: 90px;height: 90px;background: url(//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png) center center no-repeat;background-size: auto 100%;margin-right: 15px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);border: 1px solid rgba(0,0,0,.2);"></div>
  250. <div name="2" class="swiper-slide slide2" style="width: 90px;height: 90px;background: url(//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png) center center no-repeat;background-size: auto 100%;margin-right: 15px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);border: 1px solid rgba(0,0,0,.2);"></div>
  251. </div>
  252. </div>-->
  253. <div class="pro-title">
  254. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title2.png" />
  255. </div>
  256. </div>
  257. <div class="fixed-nav-box">
  258. <div class="fixed-nav">
  259. <div class="nav-left-fixed">
  260. <div class="nav-li">
  261. <div class="li-img">
  262. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/huasa-icon.png" />
  263. </div>
  264. <span class="li-tit">MY-Ai-N01</span>
  265. </div>
  266. </div>
  267. <div class="pro-nav">
  268. <a href="#jieshao">
  269. 产品介绍
  270. </a>
  271. <a href="#quyulu">
  272. 特性
  273. </a>
  274. <a href="#canshu">
  275. 参数
  276. </a>
  277. <a style="color:#f43216;" href="//item.jd.com/29045326019.html" target="_blank">
  278. 京东购买
  279. </a>
  280. </div>
  281. </div>
  282. </div>
  283. <div>
  284. <div class="nav-sys" id="jieshao">
  285. <div>
  286. <a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-7.png" /><span>去除余氯</span></a>
  287. </div>
  288. <div>
  289. <a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-8.png" /><span>柔密出水</span></a>
  290. </div>
  291. <div>
  292. <a href="#jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-9.png" /><span>净水量</span></a>
  293. </div>
  294. </div>
  295. </div>
  296. <div class="content-list">
  297. <div id="quyulu" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-18.jpg" /></div>
  298. <div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-19.jpg" /></div>
  299. <div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-20.jpg" /></div>
  300. <div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-21.jpg" /></div>
  301. <div id="jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-22.jpg" /></div>
  302. <div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-23.jpg" /></div>
  303. </div>
  304. </div>
  305. <div class="footer">
  306. <div class="footer-box">
  307. <ul class="footer-list">
  308. <li>
  309. <ul class="footer-cell">
  310. <li>探索Aiberle</li>
  311. <li>
  312. <a href="understanding_brands.html">了解品牌</a>
  313. </li>
  314. <!--<li><a href="brand_story.html">品牌故事</a></li>-->
  315. <li>
  316. <a href="development_history.html">发展历程</a>
  317. </li>
  318. <li>
  319. <a href="enterprise_dynamics.html">企业动态</a>
  320. </li>
  321. </ul>
  322. </li>
  323. <li>
  324. <ul class="footer-cell">
  325. <li>产品</li>
  326. <li>
  327. <a href="//item.jd.com/47919764275.html" target="_blank">复古智能净水机</a>
  328. </li>
  329. <li>
  330. <a href="//item.jd.com/29045326019.html" target="_blank">美肤SPA净水花洒</a>
  331. </li>
  332. <li>
  333. <a href="//item.jd.com/29553875184.html" target="_blank">台上式美容软水机</a>
  334. </li>
  335. <li>
  336. <a href="//item.jd.com/27532285015.html" target="_blank">倍护式电动牙刷</a>
  337. </li>
  338. <li>
  339. <a href="//item.jd.com/28919457574.html" target="_blank">厨房水龙头净水器</a>
  340. </li>
  341. <li>
  342. <a href="//item.jd.com/39654510143.html" target="_blank">家用活氧果蔬清洗机</a>
  343. </li>
  344. <li>
  345. <a href="//item.jd.com/45489744815.html" target="_blank">升级版超声波洗菜机</a>
  346. </li>
  347. <!--<li>
  348. <a href="pro_aiberle.html">冲奶机</a>
  349. </li>-->
  350. </ul>
  351. </li>
  352. <li>
  353. <ul class="footer-cell">
  354. <li>关注Aiberle</li>
  355. <li>电话:400 800 6692</li>
  356. <li>邮箱:aiberle@iamberry.com</li>
  357. <li>
  358. Aiberle全球营销总部:深圳爱贝源科技有限公司
  359. <!--<span class="icon icon-wx"></span>-->
  360. <!--<span class="icon icon-jd"></span>-->
  361. </li>
  362. <li>
  363. Aiberle全球营销总部地址:深圳市福田区沙头街道天安社区泰然六路泰然科技园苍松大厦六层601.602-75
  364. </li>
  365. </ul>
  366. </li>
  367. </ul>
  368. <div class="footer-bottom">
  369. Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br /> 深圳爱贝源科技有限公司 版权所有<br />
  370. <a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
  371. </div>
  372. <div class="show_wechat">
  373. <img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
  374. <div>扫描二维码</div>
  375. <div>关注Aiberle官方微信</div>
  376. </div>
  377. </div>
  378. </div>
  379. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script>
  380. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
  381. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js"></script>
  382. <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
  383. <script>
  384. $(function() {
  385. setTimeout(function(){
  386. $("#ifocus").slide({
  387. titCell: "#ifocus_btn li",
  388. mainCell: "#ifocus_piclist ul",
  389. effect: "top",
  390. delayTime: 700,
  391. autoPlay: false,
  392. triggerTime: 0
  393. });
  394. },1000);
  395. });
  396. $(document).on('mouseover', '.color-list>li', function() {
  397. $("#ifocus_pic .first").attr("src", $(this).attr("src"));
  398. $("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
  399. $(this).addClass("active").siblings().removeClass("active");
  400. });
  401. </script>
  402. </body>
  403. </html>