<!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>