<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=1360,user-scalable=yes" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="Content-Language" content="zh-CN"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Aiberle</title> <link href="favicon.ico" rel="shortcut icon"> <link rel="stylesheet" href="../css/main.css" /> </head> <body> <div class="header"> <a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a> <a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a> </div> <div class="nav-top-bar-box"> <div class="menu-list-1"> <div> <div class="list-cell"> <a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg"/><span>了解品牌</span></a> <a href="brand_story.html" style="display: none;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a> <a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg"/><span>发展历程</span></a> <a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg"/><span>企业动态</span></a> </div> </div> </div> <div class="menu-list-3"> <div> <div class="list-cell"> <a href="pro_aiberle.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-9.jpg"/><span>冲奶机</span></a> <a href="//item.jd.com/27532285015.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg"/><span>孕产妇电动牙刷</span></a> </div> </div> </div> <div class="menu-list-4"> <div> <div class="list-cell"> <a href="pro_aiberle2.html"><img src="images/menu-list-5.jpg" /><span>美容软水机</span></a> <a href="pro_aiberle3.html"><img src="images/menu-list-6.jpg" /><span>净水龙头</span></a> <a href="pro_aiberle1.html"><img src="images/menu-list-7.jpg" /><span>净水花洒</span></a> </div> </div> </div> <div class="nav-top-bar"> <a class="li menu-1">探索爱贝源</a> <a href="pro_water.html">桌面净水机</a> <a class="li menu-4">生活净水</a> <a class="li menu-3">其他产品</a> </div> </div> <div class="main-content"> <div class="banBox"> <img width="100%" style="display: block;" src="//s.iamberry.com/aiberle/www/zh-cn/images/a-1.jpg" /> <div> <div class="my-slide linear-in li-2007" style="display: block;"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2007-1.png" /> </div> <div class="my-slide li-2009"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2009-1.png" /> </div> <div class="my-slide li-2011"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2011-1.png" /> </div> <div class="my-slide li-2014"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2014-1.png" /> </div> <div class="my-slide li-2015"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2015-1.png" /> </div> <div class="my-slide li-2016"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2016-1.png" /> </div> <div class="my-slide li-2017"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2017-1.png" /> </div> <div class="my-slide li-2018"> <img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2018-1.png" /> </div> </div> <div class="timeBox"> <div class="row"> <div class="line"></div> <ul class="iconBox js_iconBox"> <li class="cur"> <span class="time_icon" name="2007"></span> <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> <p class="time">2007</p> </li> <li class=""> <span class="time_icon" name="2009"></span> <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> <p class="time">2009</p> </li> <li class=""> <span class="time_icon" name="2011"></span> <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> <p class="time">2011</p> </li> <li class=""> <span class="time_icon" name="2014"></span> <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> <p class="time">2014</p> </li> <li class=""> <span class="time_icon" name="2015"></span> <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> <p class="time">2015</p> </li> <li class=""> <span class="time_icon" name="2016"></span> <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> <p class="time">2016</p> </li> <li class=""> <span class="time_icon" name="2017"></span> <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> <p class="time">2017</p> </li> <li class=""> <span class="time_icon" name="2018"></span> <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> <p class="time">2018</p> </li> </ul> </div> </div> </div> <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script> <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script> <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js" ></script> <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script> <script> $(function() { $('.banBox').on('mousewheel', function(event, delta) { var dir = delta > 0 ? 'Up' : 'Down'; if (dir == 'Up') { } else { } return false; }); }); $(document).on('click', '.iconBox>li .time_icon', function(index) { $(".banBox .my-slide.li-"+$(this).attr("name")).siblings().removeClass("linear-in").hide() $(this).parent().addClass("cur").siblings().removeClass("cur"); $(".banBox .my-slide.li-"+$(this).attr("name")).addClass("linear-in").show(); }); </script> </body> </html>