爱贝源官网

aiberle-os/css/main.css

@@ -0,0 +1,313 @@
+/* Css Reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
+form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
+fieldset,img { border: 0; }
+address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
+ol,ul,li { list-style: none; }
+div,dl,dt,dd,ol,ul,li{ zoom:1; }
+caption,th { text-align: left; }
+h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
+q:before,q:after { content:''; }
+abbr,acronym { border: 0; }
+
+/* Public */
+html{ width:100%; }
+body{ width:100%;background: #fff;font: 14px/1.5 "Microsoft YaHei","Helvetica Neue",Helvetica Neue,Helvetica,Hiragino Sans GB,tahoma,arial,sans-serif; -webkit-text-size-adjust: none;}
+a{color:#555;text-decoration:none; outline:none;}
+a:focus{outline:none;}
+a:hover {text-decoration:none; outline:none;}
+.fl{ float:left !important; }
+.fr{ float:right !important; }
+.mab{ margin-bottom:10px; }
+.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
+.clear{ clear:both} 
+a {font-size:16px}  
+
+.header{text-align: center;padding: 20px 0 20px 0;position: relative;width: 1280px;margin: 0 auto;}
+.icon-language{position: absolute;right: 0;top: 35px;width: 32px;cursor: pointer;}
+.icon-language img{width: 100%;}
+.nav-top-bar-box{ margin-bottom: 15px;}
+.nav-top-bar{width: 1080px;height: 50px;line-height: 50px; margin:0 auto;text-align: center;z-index: 10;}
+.nav-top-bar>a{display: inline-block;width: 257px;margin:0; position: relative;cursor:pointer;color: #727171;}
+.nav-top-bar>a:link{text-decoration:none;}
+.nav-top-bar>a:hover{background-color: #9E9E9F;color: #fff;} 
+.nav-top-bar>a.active{background-color: #9E9E9F;color: #fff;}
+/*.nav-top-bar>a.active:after{content: '';position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #fff;left: 50%;bottom: 0;margin-left: -4px;}*/
+.banner{width: 100%;max-width: 1280px;height: 299px; margin: 0 auto;position: relative;}
+/* banner */
+.banner{ min-width:1000px;  position:relative;  height:299px; overflow:hidden;  }
+.banner .bd{ position:relative; z-index:0;  }
+.banner .bd ul{ width:100% !important; }
+.banner .bd li{ width:100% !important;  height:299px; }
+.banner .bd li img{width: 100%;}
+.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
+.banner .bd li a{ height:299px; display:block;  }
+.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
+.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
+_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
+}
+.banner .hd{ height:36px; overflow:hidden; position:absolute;width: 100%; left:0; bottom:20px; z-index:1;text-align: center;}
+.banner .hd ul{ overflow:hidden; zoom:1;width: 50px; margin: 0 auto;}
+.banner .hd ul li{ float:left; margin-left:15px;  width:1px;font-size: 0; height:15px; line-height:15px; text-align:center; background: #999;color: #999; cursor:pointer;border-radius: 5px;}
+.banner .hd ul li.on{ background: #fff; color:#fff;-webkit-animation: rotate_in .2s linear 0s;
+ 	animation: rotate_in .3s linear 0s;
+ 	-webkit-transform: rotate(40deg);
+ 	transform: rotate(40deg);
+ 	filter: progid:DXImageTransform.Microsoft.Matrix( SizingMethod= sMethod ,  M11= fM11 , M12= fM12 , M21= fM21 , M22= fM22 )​​
+ 	}
+
+.swiper-slide{overflow: hidden;}
+.swiper-slide>img{height: 100%;}
+.content-list{margin: 40px 0 20px 0;}
+.content-list>div{margin: 0 auto;width: 100%;}
+.content-list>div:first-child{margin-top: 5px;}
+.content-list>div img{width: 100%;}
+.footer{width: 100%;position: relative;}
+.footer-box{margin: 0 auto;position: relative;background-color: #f9f7f5;}
+.footer-bottom{text-align: center;padding: 24px 0 24px 0;width: 100%;margin: 0 auto;border-top: 1px solid #ccc\9; border-top: 1px solid rgba(0,0,0,.1);color: #727171;}
+.footer-bottom a{font-size: 14px;color: #727171;}
+.footer-list{width: 1080px;text-align: center;margin:0 auto;height: 175px;padding: 40px 0;}
+.footer-list>li{width: 240px;float: left;margin-left: 50px;}
+.footer-list>li:first-child{width: 200px;}
+.footer-list>li:last-child{width: 460px;}
+.footer-cell{text-align: left;}
+.footer-cell>li{padding: 4px 0;color: #727171;cursor:pointer;line-height: 1.2;}
+.footer-cell>li>a{font-size: 14px;}
+.footer-cell>li:first-child{padding: 10px 0;border-bottom: 1px solid #ccc\9;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 12px;font-size: 16px;font-weight: bold;color: #727171;}
+.icon{width: 30px;height: 30px;display: inline-block;margin-right: 10px;}
+.icon-wx{background: url(//s.iamberry.com/aiberle/www/zh-cn/images/icon-wx.png) center center no-repeat;background-size: 100%;}
+.icon-jd{background: url(//s.iamberry.com/aiberle/www/zh-cn/images/icon-jd.png) center center no-repeat;background-size: 100%;}
+.icon-tt{background: url(//s.iamberry.com/aiberle/www/en-us/images/icon-tuite.jpg) center center no-repeat;background-size: 100%;}
+.icon-fb{background: url(//s.iamberry.com/aiberle/www/en-us/images/icon-facebook.jpg) center center no-repeat;background-size: 100%;}
+.swiper-button-prev{background-image: url(//s.iamberry.com/aiberle/www/zh-cn/images/prev.png) !important;width: 20px;background-size:auto 50%;opacity: 0;padding: 0 30px;}
+.swiper-button-next{background-image: url(//s.iamberry.com/aiberle/www/zh-cn/images/next.png) !important;width: 20px;background-size:auto 50%;opacity: 0;padding: 0 30px;}
+.swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1;}
+.swiper-pagination-bullet{background-color: #ccc;}
+.swiper-pagination-bullet-active{background-color: #fff;}
+.show_wechat{position: absolute;z-index: 10;left: 72%;text-align: center; top: 20px;background-color: #fff;box-shadow: 3px 5px 5px 5px #999;display: none;padding: 10px;}
+.show_wechat img{width: 100%;}
+.menu-list-1,.menu-list-3,.menu-list-4{position: absolute;top: 143px; left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,.7);z-index: 2;display: none;height: 150%;background: #fff\9;height: 210px\9;}
+.menu-list-1>div,.menu-list-3>div,.menu-list-4>div{background-color: #fff;position: relative;}
+.menu-list-1>div:after,.menu-list-3>div:after,.menu-list-4>div:after{position: absolute;content: '';left: 0;top: 0;right: 0; width: 100%;height: 1px;background-color: #ccc;-webkit-transform: scaleY(.5);}
+.list-cell{width: 1085px;margin: 0 auto;background-color: #fff;text-align: center;}
+.list-cell >a{position: relative;cursor: pointer; height: 150px;display: inline-block;width: 257px;overflow: hidden;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 32px solid transparent;border-bottom: 25px solid transparent;}
+.list-cell >a img{width: 100%;height: 100%;}
+.list-cell >a:after{content: '';position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(158,158,159,.4);}
+.list-cell >a:hover{background-color: transparent;}
+.list-cell >a:hover:after{background-color: transparent;}
+.list-cell >a span{color: #fff;position: absolute;left: 10px;bottom: 8px;z-index: 1;}
+.brands-tips{text-align: center;color: #666;padding: 25px 0;letter-spacing: 4px;width: 100%; max-width: 1500px;margin: 0 auto;border-bottom: 1px solid #ccc\9;border-bottom: 1px solid rgba(0,0,0,.1);}
+.brands-tips font{color: #978770;font-size: 18px;}
+.brands-banner{text-align: center;width: 100%; max-width: 1500px;margin: 0 auto;position: relative;}
+.brands-banner img{display: block;width: 100%;}
+.brands-content{width: 100%; max-width: 1500px;margin:0 auto;position: relative;padding: 65px 0;}
+.brands-content>div{display: table;}
+.brands-content img{display: block;width: 100%;}
+.brands-content-tit{font-size: 38px;color: #9b9b9c;padding: 0 17px;position: relative;}
+.brands-content-tit1{font-size: 25px;color: #9b9b9c;padding:0 7px;position: relative;}
+
+.pregnancy-content{width: 1100px;margin:0 auto;position: relative;padding:0;}
+.pregnancy-content>div{display: table;}
+.pregnancy-content img{display: block;width: 100%;}
+.pregnancy-content-tit{font-size: 28px;color: #978770;padding: 30px 0 0 17px;position: relative;}
+/*.brands-content-tit:before{content: '';position: absolute;left: 1px;top:1px;border-top: 25px solid transparent;border-left: 40px solid #978770;border-bottom: 40px solid transparent}*/
+/*.brands-content-tit:after{content: '';position: absolute;left: 0;top: 0;border-top: 25px solid transparent;border-left: 40px solid #fff;border-bottom: 40px solid transparent}*/
+.brands-content-left{width: 35%;height: 700px;display: table-cell;vertical-align: middle;color: #727171;padding: 0 20px;}
+.pregnancy-content-left{width: 10%;height: 500px;display: table-cell;vertical-align: middle;}
+.brands-ul{padding:0;}
+.brands-ul>li{margin:0;color: #727171;line-height: 35px;padding:0 15px;overflow: hidden;word-break: break-all;}
+.brands-content-right{width:65%;height: 600px;display: table-cell; vertical-align: middle;text-align: center;}
+.brands-content-right img{display:inline-block;width:90%;}
+.brands-content-right-4{width:55%;height: 600px;display: table-cell; vertical-align: middle;text-align: center;}
+.brands-content-right-4 a{position: relative;}
+.brands-content-right-4 a span{position: absolute;padding: 10px;height:28px;line-height: 28px; border-radius: 5px;background-color: rgba(255,255,255,.5);left: 12px;bottom: 16px;color: #333;}
+.brands-content-right-4 img{display:inline-block;width:45%;margin: 5px;}
+.brands-content-l{width: 50%;height:275px;max-height: 275px; display: table-cell;vertical-align: middle;padding:0 7%;position: relative;overflow: hidden;}
+.brands-content-r{width: 50%;height:275px;max-height: 275px; display: table-cell;vertical-align: middle;position: relative;overflow: hidden;}
+.brands-ul-list{padding: 10px 0;}
+.brands-ul-list>li{margin: 10px 0;color: #727171;line-height: 30px;word-break: break-all;}
+.brands-ul-list>li h3{color: #231815;font-size: 38px;margin: 10px 0;text-align: center;}
+.brands-ul-list>li h5{color: #727171;font-size: 21px;margin: 10px 0 20px 0;text-align: center;}
+.swiper-container{width: 100%;height:auto;margin-left: auto;margin-right: auto;}
+.swiper-container .swiper-slide{background-size: cover;background-position: center;}
+.swiper-container .swiper-slide img{width: 100%;}
+.gallery-top {height: 80%;width: 100%;}
+.gallery-thumbs {height: 30%;box-sizing: border-box;padding: 10px 0;}
+.gallery-thumbs .swiper-slide {width: 20%;height: 100%;opacity: 0.5;}
+.gallery-thumbs .swiper-slide-active {opacity: 1;}
+.video-box{text-align: center;padding: 50px 0;width: 1280px;height: 720px; margin:0 auto 50px auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;position: relative;}
+.video-box1{text-align: center;padding: 0;width: 100%; max-width: 1500px;max-height:550px; margin:0 auto;position: relative;overflow: hidden;}
+.recollections-box{width: 100%; max-width: 1500px;margin: 0 auto;text-align: center;}
+.recollections-a{letter-spacing: 6px;color: #978770;margin: 10px 0;}
+.recollections-b{letter-spacing: 6px;color: #9e9e9f;padding-left: .5em;margin: 10px 0;padding-bottom: 20px;}
+#brands-1-details,#brands-2-details{margin-top:15px;}
+.swiper-pagination-bullet {
+    width: 1px;
+    height: 12px;
+    display: inline-block;
+    border-radius: 0;
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+    }
+ .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
+ 	margin: 0 8px;
+ }   
+ .swiper-pagination-white .swiper-pagination-bullet-active{
+ 	-webkit-animation: rotate_in .2s linear 0s;
+ 	animation: rotate_in .2s linear 0s;
+ 	-webkit-transform: rotate(40deg);
+ 	transform: rotate(40deg);
+ }
+ @-webkit-keyframes rotate_in {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(40deg);}}
+  @keyframes rotate_in {0% {transform: rotate(0deg);}100% {transform: rotate(40deg);}}
+ .swiper-container1 {
+      width: 100%;
+      height: 100%;
+    }
+    .swiper-slide {
+      text-align: center;
+      font-size: 18px;
+      background: #000;
+
+    }
+    .swiper-slide img {
+      width: auto;
+      height: auto;
+      max-width: 100%;
+      max-height: 100%;
+      -ms-transform: translate(-50%, -50%);
+      -webkit-transform: translate(-50%, -50%);
+      -moz-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+      position: absolute;
+      left: 50%;
+      top: 50%;
+    }
+
+.banBox{width: 100%; max-width: 1500px;margin:0 auto;position: relative;}
+.banBox .timeBox{position: absolute;bottom: 0px;left: 0px;height: 150px;width: 100%;white-space: nowrap;overflow-y: hidden;z-index: 9;}
+.banBox .timeBox .row{width:100%;height:85px; position: absolute;left:0px;bottom:0px;max-width: 1500px;display: block;}
+.banBox .timeBox .row .line{height: 11px;line-height: 11px;border-bottom: 1px solid #fff;font-size: 0px;margin-bottom: 11px;width: 100%; max-width:1500px;opacity: 0.5;filter:alpha(opacity=50);display: block;}
+.banBox .timeBox .row .iconBox{position: absolute;top:0px;padding:0 5%;  width: 90%;display: block;}
+.banBox .timeBox .row .iconBox li{float: left;font-size: 0px;position: relative;display: inline-block;width: 12.5%;}
+.banBox .timeBox .row .iconBox li div{display: inline-block;margin: 0;padding: 0;}
+.banBox .timeBox .row .iconBox .time_icon{ width: 24px;height:24px;display:inline-block; opacity: 1;filter:alpha(opacity=100);margin-right:10px;cursor: pointer;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part.png) left top no-repeat;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/c_develop_icon_part_ie8.png) left top no-repeat\9; background-size: 200% 100%;;}
+.banBox .timeBox .row .iconBox li.cur .time_icon{background-position: -25px 0px;background-position: -26px 0px\9;}
+.banBox .timeBox .row .iconBox i{height:12px;display: inline-block;border-left: 1px solid #fff;position: relative;top: 0;margin-right:0;padding: 0 5px; opacity: 0.5;filter:alpha(opacity=50);}
+.banBox .timeBox .row .iconBox i.as{border-color: #a88747; opacity: 1;filter:alpha(opacity=100);}
+.banBox .timeBox .row .iconBox i.cur{height:20px;top:-5px;}
+.banBox .timeBox .row .iconBox .time{font-size:18px;line-height: 1.3em;color:#fff;opacity: 0.5;filter:alpha(opacity=50);margin-top:12px;margin-left: -10px;}
+.banBox .timeBox .row .iconBox  li.cur .time{color:#a88747;opacity:1;filter:alpha(opacity=100);margin-left: -10px;}
+.banBox .timeBox .row .iconBox .mons{display: none;position: absolute;top: -23px; font-size:12px;color:#a88747;}
+.banBox .timeBox .row .iconBox li.cur .mons{display: inline-block;}
+/*.banBox .timeBox .row .time {margin-left:60px;    font-size: 0px;}*/
+.banBox .timeBox .row .time span{font-size:18px;line-height: 1.3em;color:#fff;opacity: 0.3;filter:alpha(opacity=30);width:166px;display:inline-block;margin-top:20px;}
+.banBox .timeBox .row .time span.cur{font-size:24px;color:#a88747;opacity:1;filter:alpha(opacity=100);}
+.banBox .timeBox .mon{position: relative;}
+.banBox .timeBox .mon span{display: none;position: absolute;font-size:12px;color:#a88747;}
+.banBox .timeBox .mon span.cur{display:inline-block;top:25px;}
+.my-slide{position: absolute;width: 680px;left: 350px;top:150px;display: none;}
+.linear-in{-webkit-animation: right_in .5s linear 0s;animation: right_in .5s linear 0s;}
+ @-webkit-keyframes right_in {0% {opacity: 0;}100% {opacity: 1;}}
+ @keyframes right_in {0% {opacity: 0;}100% {opacity: 1;}}
+.news-nav-box{border-bottom: 1px solid #ccc\9;border-top: 1px solid #ccc\9;border-bottom:1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.1);}
+.news-nav{width: 1080px;margin: 0 auto;padding: 20px 0 20px 0;color: #9b9b9c;}
+.news-nav a{color: #9b9b9c;}
+.news-list-box{position: relative;width: 1280px;margin: 0 auto;}
+.news-list{width:1100px;position: relative;margin: 0 auto;}
+.news-list>li{margin: 50px 0;padding:0 50px 50px 50px;border-bottom: 1px solid #ccc\9; border-bottom: 1px solid rgba(0,0,0,.1);display: table;width: 100%;}
+.news-list>li img{display: block;}
+.news-list>li .img{display: table-cell;width: 300px;height: 280px;max-height: 280px; vertical-align: middle;text-align: center;}
+.news-list>li .text{display: table-cell;width: 900px;height: 280px;max-height: 280px; vertical-align: middle;padding-top: 5px;padding-left: 20px;}
+.news-list>li .text strong{font-size: 25px;color: #231815;}
+.news-list>li .text>div{margin-top: 20px;max-height:245px;overflow: hidden;line-height: 30px;color: #9b9b9c;font-size: 16px;}
+ul.pagination {display: block;padding: 0;margin: 0 auto 40px auto;width: 1100px;height: 50px;}
+ul.pagination li {display: inline;}
+ul.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;border: 1px solid #ccc; /* Gray */}
+ul.pagination li a.active{background-color: #ccc;color: #fff;}
+
+ .swiper-container6 {width: 100%;height: 450px;background-color: #f8f6f4;}
+.swiper-container6 .swiper-slide{text-align: center;
+      font-size: 18px;
+      background: #f8f6f4;}
+.cl-list{position: absolute;left: 160px;top:0;padding: 0 10px;display: none;}
+.cl-list>li{width: 25px;height: 25px;border-radius: 50%;margin-top: 8px;box-shadow: 1px 1px 1px #666;cursor: pointer;}
+.cl-list>li.white{background-color: #fff;}
+.cl-list>li.pink{background-color: #FFD1DD;}
+.cl-list>li.blue{background-color: #74DCC1;}
+.cl-list>li.red{background-color: #FFADA7;}
+.other-color{width: 90px;cursor: pointer;display: inline-block;height: 35px;line-height: 35px;padding-left: 5px;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/bg-select-1.png) 80px center no-repeat;background-size:auto 8px; }
+.cl-title{width: 55px;display: inline-block;text-align: center;height: 35px;line-height: 35px;color: #666;}
+.bg-white{background-color: #fff;}
+.bg-pink{background-color: #FFD1DD;}
+.bg-blue{background-color: #74DCC1;}
+.bg-red{background-color: #FFADA7;}
+.show-banner{width: 148px;border:1px solid #ccc;padding-left: 10px; cursor: pointer; height: 35px;margin-top: 5px; line-height: 35px; background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/img-bad.png) 130px center no-repeat;background-size:auto 14px;}
+.float-box{height: 150px;width: 200px;position: absolute;left: 40px;bottom: 0;}
+.float-box .cell{position: relative;width: 160px;}
+.bd-c-1{border:1px solid #ccc;}
+.banner-box{position: absolute;left: 0;top: 0;}
+.fixed-nav-box{position: relative;height: 100px;width: 100%;}
+.fixed-nav{height: 100px;width: 100%; max-width: 1500px;margin: 0 auto;background-color: #fff;position: relative;border-bottom: 1px solid #ccc\9;border-bottom: 1px solid rgba(0,0,0,.1);}
+.nav-sys{width: 1280px;margin:0 auto;text-align: center;display: table;height: 59px;padding: 45px 0 5px 0;}
+.nav-sys>div{display: table-cell;display: inline\9; width: 59px;width: 350px\9; height: 59px;vertical-align: middle;position: relative;}
+.nav-sys>div img{display: inline-block;}
+.nav-sys>div span{position: absolute;left: 60%;top: 20px;width: 230px\9;left:5px\9;position: relative\9;top: -20px\9;}
+.nav-sys>div a{color: #9E9E9F;}
+.pro-nav{text-align: left;width: 38%;display: inline-block;height: 100px;float: right;}
+.pro-nav a{text-decoration: none; width: 100px;height: 100px;line-height: 100px;display: inline-block;position: relative;text-align: center;color: #9E9E9F;}
+.pro-nav a:hover{background-color: #f0f0f0;}
+.pro-nav a.active{background-color: #f0f0f0;}
+.close-banner{position: absolute;right: 0;top:0;width: 50px;height: 50px;z-index: 2;cursor: pointer;}
+.close-banner img{width: 100%;}
+.nav-left-fixed{text-align: center;width: 58%;display: inline-block;height: 100px;}
+.nav-left-fixed .nav-li{width: 200px;height: 100px;position: relative;display: inline-block;}
+.nav-left-fixed .li-img{border: 1px solid #ccc\9;border:1px solid rgba(0,0,0,.1);border-bottom: 0; width: 100px;height: 78px;padding-top: 21px; text-align: center;cursor: pointer;}
+.nav-left-fixed .li-tit{position: absolute;left: 120px;top: 40px;color: #9E9E9F;}
+.nav-left-fixed .li-img:after{content: '';width: 15px;height: 15px;position: absolute;left:44px; bottom:-8px;background: url(http://s.iamberry.com/aiberle/www/zh-cn/images/bg-select-2.png) center bottom no-repeat;background-size: auto 100%;}
+
+.video-box1 .swiper-button-next{
+	right: 25%;
+	background-image: url(//s.iamberry.com/aiberle/www/zh-cn/images/next-1.png) !important;
+    width: 20px;
+    background-size: auto 50%;
+    opacity: 1;
+    padding: 0 30px;
+    }
+.video-box1 .swiper-button-prev {
+	left: 25%;
+    background-image: url(//s.iamberry.com/aiberle/www/zh-cn/images/prev-1.png) !important;
+    width: 20px;
+    background-size: auto 50%;
+    opacity: 1;
+    padding: 0 30px;
+}
+.color-list>li{width: 25px;height: 25px;margin: 0 10px;border-radius: 50%;display: inline-block;cursor: pointer;box-shadow: 1px 1px 1px #333;}
+.color-list .color-cell-1{background-color: #e6bfba;}
+.color-list .color-cell-1.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+.color-list .color-cell-2{background-color: #fee4f6;}
+.color-list .color-cell-2.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+.color-list .color-cell-3{background-color: #e0fffd;}
+.color-list .color-cell-3.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+.color-list .color-cell-4{background-color: #ffffff;}
+.color-list .color-cell-4.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+.color-list .color-cell-5{background-color: #ffffff;}
+.color-list .color-cell-5.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+.color-list .color-cell-6{background-color: #e4b760;}
+.color-list .color-cell-6.active{width: 30px;height: 30px;-webkit-transform: translateY(3px);transform: translateY(3px);}
+
+.cl-box{position: absolute;width: 100%;left:0;top: 88%;z-index: 1;}
+.cl-box>div{width: 300px;margin: 0 auto;}
+.pro-title{position: absolute;right: 0;bottom: 0;z-index: 1;}
+.tit-box{padding: 12px 0;}
+.news-content{text-align: left;line-height: 2;color: #9b9b9c;margin-top: 20px;font-size: 15px;color: #231815;word-break: break-word;}
+.news-content img{max-width: 100%;}
+
+@media (min-width:1600px) and (max-width:3840px){
+	.banner {width: 100%;max-width: 1500px;height: 350px;}
+	 .swiper-container6 {
+      width: 100%;
+      height: 480px;
+      background-color: #f8f6f4;
+    }
+}

aiberle-os/html/zh-cn/development_history.html

@@ -0,0 +1,163 @@
+<!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>

aiberle-os/html/zh-cn/enterprise_dynamics_details.html

@@ -0,0 +1,171 @@
+<!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" />
+		<style>
+			.news-content p{text-align: left;}
+		</style>
+	</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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4">金质成长</a>
+		</div>
+		</div>
+		
+
+		
+		<div class="main-content">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a href="enterprise_dynamics.html">企业动态</a> > <a id="nav-a" href="#"></a></div>
+			</div>
+			<div class="news-list-box">
+					<div style="border-bottom: 0;margin: 80px auto; text-align: center;width: 100%;max-width: 1100px;overflow: hidden;word-break: break-all;">
+							<strong style="font-size: 25px;"></strong>
+							<div class="news-content">
+								
+							</div>
+					</div>
+			</div>
+		</div>
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</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.xdomainrequest.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 getParam(paramName) {
+	paramValue = "", isFound = !1;
+	if(this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
+		arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
+		while(i < arrSource.length && !isFound) {
+			arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
+		}
+	}
+	return paramValue == "" && (paramValue = null), paramValue
+};
+			$(function() {
+				var newsId=getParam("newsid");
+				$("#nav-a").attr("href",'enterprise_dynamics_details.html?newsid='+newsId);
+				$.ajax('//h5.iamberry.com/iamberry/news/get/'+newsId, {
+					data: {},
+					dataType: 'json',
+					xhrFields: {
+						withCredentials: true
+					},
+					crossDomain: true,
+					type: 'get',
+					timeout: 15000,
+					success: function(dt) {
+						if(dt.returnCode == "200") {
+								var data = dt.returnMsg.news;
+								$('.news-list-box strong,#nav-a').text(data.newsTitle);
+								$('.news-list-box .news-content').html(data.newsContexts);
+						} else {
+								alert("获取数据失败！");
+						}
+					},
+					error: function(xhr, type, errorThrown) {
+						alert("获取数据失败！网络错误");
+					}
+				});
+			});
+		</script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/index.html

@@ -0,0 +1,223 @@
+<!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" />
+		<script>
+			var host = window.location.host;
+			if(host == "www.aiberletech.com") {
+				/*location.href="../en-us/index.html"*/
+			}
+		</script>
+	</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"><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" id="index" style="display: block;">
+			<div class="banner">
+				<div class="bd">
+					<ul>
+						<li>
+							<img src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-lhg.jpg">
+						</li>
+
+						<li>
+							<img src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-1.jpg">
+						</li>
+					</ul>
+				</div>
+				<div class="hd">
+					<ul></ul>
+				</div>
+			</div>
+			<div class="content-list">
+				<div>
+					<a href="pro_water.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-1.jpg" /></a>
+				</div>
+				<div>
+					<a href="pro_aiberle1.html"><img style="width: 49.4% !important;margin-right: 0.4%;margin-top: 0.8%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-2.jpg" /></a>
+					<a href="pro_aiberle3.html"><img style="width: 49.4%;margin-left: 0.4%;margin-top: 0.8%;float: right;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-3.jpg" /></a>
+				</div>
+				<div style="margin-top: 0.8%;">
+					<a href="pro_aiberle2.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-4.jpg" /></a>
+				</div>
+				<div>
+					<a href="pro_aiberle.html"><img style="width: 49.4% !important;margin-right: 0.4%;margin-top: 0.8%;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-5.jpg" /></a>
+					<a href="//item.jd.com/27532285015.html" target="_blank"><img style="width: 49.4%;margin-left: 0.4%;margin-top: 0.8%;float: right;" src="//s.iamberry.com/aiberle/www/zh-cn/images/index-6.jpg" /></a>
+				</div>
+			</div>
+		</div>
+
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li>
+								<a href="understanding_brands.html">了解品牌</a>
+							</li>
+							<!--<li><a href="brand_story.html">品牌故事</a></li>-->
+							<li>
+								<a href="development_history.html">发展历程</a>
+							</li>
+							<li>
+								<a href="enterprise_dynamics.html">企业动态</a>
+							</li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：aiberle@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<div class="footer-bottom">
+					Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br /> 深圳爱贝源科技有限公司 版权所有<br />
+					<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+				</div>
+				<div class="show_wechat">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+					<div>扫描二维码</div>
+					<div>关注Aiberle官方微信</div>
+				</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() {
+				if(navigator.language) {
+					var language = navigator.language;
+				} else {
+					var language = navigator.systemLanguage;
+				}
+				if(language == 'zh-CN') {
+
+				} else {
+
+				}
+				$('.banBox').on('mousewheel', function(event, delta) {
+					var dir = delta > 0 ? 'Up' : 'Down';
+					if(dir == 'Up') {} else {}
+					return false;
+				});
+			});
+
+			//	var banner = new Swiper('.swiper-container1', {
+			//    // Enable lazy loading
+			//    lazy: true,
+			//    effect: 'fade',//渐变
+			//    autoplay: {
+			//      delay: 4000,//间隔时间
+			//      disableOnInteraction: false,
+			//    },
+			//    pagination: {
+			//      el: '.swiper-pagination',
+			//      clickable: true,
+			//    },
+			//    paginationClickable: true,
+			//    navigation: {
+			//      nextEl: '.swiper-button-next',
+			//      prevEl: '.swiper-button-prev',
+			//    }
+			// });
+
+			$(".banner").slide({
+				titCell: ".hd ul",
+				mainCell: ".bd ul",
+				effect: "fade",
+				autoPlay: true,
+				autoPage: true,
+				trigger: "click"
+			});
+		</script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/index1.html

@@ -0,0 +1,202 @@
+<!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/swiper.min.css" />
+		<link rel="stylesheet" href="../css/main.css" />
+		<script>
+			var host=window.location.host;
+			if(host=="www.aiberletech.com"){
+				/*location.href="../en-us/index.html"*/
+			}				
+		</script>
+	</head>
+
+	<body>
+		<header 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>
+		</header>
+		<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"><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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</span></a>
+			</div>
+			</div>
+		</div>
+		<nav class="nav-top-bar">
+			<a class="li menu-1">探索爱贝源</a><a href="pro_watero.html">桌面净水机</a><a class="li menu-3">其他产品</a>
+			<!--<a class="li menu-4">金质成长</a>-->
+		</nav>
+		</div>
+		
+		<div class="main-content" id="index" style="display: block;">
+		<div class="banner">
+							  <!-- Swiper -->
+  <div class="swiper-container swiper-container1">
+    <div class="swiper-wrapper">
+      <div class="swiper-slide">
+        <!-- Required swiper-lazy class and image source specified in data-src attribute -->
+        <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-1.jpg" class="swiper-lazy">
+        <!-- Preloader image -->
+        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
+      </div>
+      <!--<div class="swiper-slide">
+        <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-2.jpg" class="swiper-lazy">
+        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
+      </div>
+      <div class="swiper-slide">
+        <img data-src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-3.jpg" class="swiper-lazy">
+        <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
+      </div>-->
+
+    </div>
+    <!-- Add Pagination -->
+    <div class="swiper-pagination swiper-pagination-white"></div>
+    <!-- Navigation -->
+    <div class="swiper-button-next swiper-button-white"></div>
+    <div class="swiper-button-prev swiper-button-white"></div>
+  </div>
+		</div>
+		<div class="content-list">
+			<div><a href="pro_watero.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/index-1.jpg" /></a></div>
+			<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>
+		</div>
+		</div>
+
+		<footer class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<!--<li><a href="brand_story.html">品牌故事</a></li>-->
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_watero.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle亚太区总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle亚太区总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</div>
+			</div>
+			
+		</footer>
+		<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/swiper.min.js" ></script>
+		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
+		<script>
+		$(function() {
+			if (navigator.language) {
+				var language = navigator.language;
+			}else {
+				var language = navigator.systemLanguage;
+			}
+			console.log(language);
+			if(language=='zh-CN'){
+				
+			}else{
+				
+			}
+$('.banBox').on('mousewheel', function(event, delta) {
+	console.log(delta)
+var dir = delta > 0 ? 'Up' : 'Down';
+if (dir == 'Up') {
+console.log("向上滚动");
+} else {
+console.log("向下滚动");
+}
+return false;
+});
+			});
+
+    
+	var banner = new Swiper('.swiper-container1', {
+      // Enable lazy loading
+      lazy: true,
+      effect: 'fade',//渐变
+      autoplay: {
+        delay: 4000,//间隔时间
+        disableOnInteraction: false,
+      },
+      pagination: {
+        el: '.swiper-pagination',
+        clickable: true,
+      },
+      paginationClickable: true,
+      navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev',
+      }
+   });
+    
+
+		</script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details.html

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="UTF-8">
+		<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/swiper.min.css" />
+		<link rel="stylesheet" href="../css/main.css" />
+	</head>
+
+	<body>
+		<header class="header">
+			<a href="index.html"><img src="../zh-cn/images/logo.png" /></a>
+		</header>
+		<nav class="nav-top-bar">
+			<a class="li menu-1">搜索爱贝源</a><a href="pro_watero.html">净饮水一体机</a><a href="pro_aiberle.html">冲奶机</a><a>孕妇电动牙刷</a><a href="pregnancy.html" class="li menu-4">金质成长</a>
+		</nav>
+		<div class="menu-list-1">
+			<div>
+			<div class="list-cell">
+			<a href="understanding_brands.html"><img src="../zh-cn/images/menu-list-1.jpg"/><span>了解品牌</span></a>
+			<a href="brand_story.html"><img src="../zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>
+			<a href="development_history.html"><img src="../zh-cn/images/menu-list-3.jpg"/><span>发展历程</span></a>
+			<a href="enterprise_dynamics.html"><img src="../zh-cn/images/menu-list-4.jpg"/><span>企业动态</span></a>
+			</div>
+			</div>
+		</div>	
+		
+		<div class="menu-list-4">
+			<div>
+			<div class="list-cell">
+			<a href="pregnancy_details.html"><img src="../zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details.html"><img src="../zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details.html"><img src="../zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details.html"><img src="../zh-cn/images/menu-list-8.jpg"/><span>2周岁</span></a>
+			</div>
+			</div>
+		</div>
+		<div class="main-content" id="brands-2-details">
+			<div class="pregnancy-content">
+				<div>
+				<div class="pregnancy-content-left">
+				<label class="pregnancy-content-tit">孕期小贴士</label>
+				<ul class="brands-ul">
+					<li>怀孕和健康？通过适当的健康运动便能做到！<br />怀孕初期，多数孕妈妈仍热衷于参与各种运动。孕期运动非常重要，对母子身心健康均有裨益。<br /> <br /><img src="../zh-cn/images/banner-list4.jpg" /><br />
+					•散步：对准妈妈来说，散步是最好的增强心血管功能的运动。散步可以让你保持健康，同时，不会扭伤膝盖和脚踝。你几乎可以在任何地方散步，除了一双合脚的鞋外，你不需要借助任何器械，而且在整个怀孕期间，散步都是很安全的。
+•游泳：医疗保健人员和健身专家一致认为，游泳是孕期最好、最安全的锻炼方式。游泳可以锻炼大肌肉群(臂部和腿部肌肉)，对心血管也很有好处，而且可以让身形日益庞大的准妈妈在水中感到自己的身体不那么笨重。
+<br/>•低强度的有氧操：参加有氧操课程的一个好处是：你可以在固定的时间保证有规律的锻炼。如果你参加专门为准妈妈开设的课程，你还可以充分享受与其他准妈妈一起交流情感的美好时光，可以放心的是，这里所教的每一个动作对你和宝宝都是安全的。
+<br />•跳舞：跳舞能促进身体的血液循环。你可以在自己家里舒适的客厅中跟着自己最喜欢的音乐起舞，也可以参加舞蹈班，但是，要避免跳跃或旋转等剧烈动作。
+•瑜伽：瑜伽可以保持你的肌肉张力，使身体更加灵活，而且你的关节承受的压力也很小。但是你可能需要在练瑜伽的同时，每周再安排几次散步或游泳，加强对心脏的锻炼。
+<br />•伸展运动：伸展运动可以使你的身体保持灵活放松，预防肌肉拉伤。你可以把在生活中，正确的刷牙方法是保持口腔清洁的最重要和最直接的方法，正确的刷牙方法有巴适刷牙法，又称水平颤动法或龈沟法，能够清除龈缘附近及龈沟内菌斑，对控制牙龈与牙周感染非常有用。
+
+					</li>
+				</ul>
+				</div>
+				</div>
+			</div>
+		</div>
+		
+		
+		<footer class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索aiberle</li>
+							<li>了解品牌</li>
+							<li>品牌故事</li>
+							<li>发展历程</li>
+							<li>企业动态</li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li>净饮水一体机</li>
+							<li>智能冲奶机</li>
+							<li>孕妇电动牙刷</li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li><span class="icon icon-wx"></span><span class="icon icon-tt"></span><span class="icon icon-fb"></span></li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<!--粤公网安备 44030002000001号-->
+			</div>
+			<div class="show_wechat">
+				<img src="images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注aiberle官方微信</div>
+			</div>
+			</div>
+			
+		</footer>
+		
+		<script type="text/javascript" src="../js/jquery-1.11.1.min.js" ></script>
+		<script type="text/javascript" src="../js/jquery.mousewheel.min.js"></script>
+		<script type="text/javascript" src="../js/swiper.min.js" ></script>
+		<script type="text/javascript" src="../js/main.js"></script>
+		<script>
+			$(function() {
+
+			});
+		</script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details1.html

@@ -0,0 +1,137 @@
+<!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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4 active">金质成长</a>
+		</div>
+		</div>
+		<div class="main-content" id="brands-2-details">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a>金质成长</a> > <a href="pregnancy_list.html">孕期</a> > <a href="pregnancy_details1.html">运动</a></div>
+			</div>
+			<div class="pregnancy-content">
+				<div>
+				<div class="tit-box"><label class="brands-content-tit">孕期</label><label class="brands-content-tit1">运动篇</label></div>
+				<ul class="brands-ul">
+					<li>怀孕和健康？通过适当的健康运动便能做到！<br />怀孕初期，多数孕妈妈仍热衷于参与各种运动。孕期运动非常重要，对母子身心健康均有裨益。<br /> <br /><img src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-list4.jpg" />
+<br />•散步：对准妈妈来说，散步是最好的增强心血管功能的运动。散步可以让你保持健康，同时，不会扭伤膝盖和脚踝。你几乎可以在任何地方散步，除了一双合脚的鞋外，你不需要借助任何器械，而且在整个怀孕期间，散步都是很安全的。
+<br />•游泳：医疗保健人员和健身专家一致认为，游泳是孕期最好、最安全的锻炼方式。游泳可以锻炼大肌肉群(臂部和腿部肌肉)，对心血管也很有好处，而且可以让身形日益庞大的准妈妈在水中感到自己的身体不那么笨重。
+<br />•低强度的有氧操：参加有氧操课程的一个好处是：你可以在固定的时间保证有规律的锻炼。如果你参加专门为准妈妈开设的课程，你还可以充分享受与其他准妈妈一起交流情感的美好时光，可以放心的是，这里所教的每一个动作对你和宝宝都是安全的。
+<br />•跳舞：跳舞能促进身体的血液循环。你可以在自己家里舒适的客厅中跟着自己最喜欢的音乐起舞，也可以参加舞蹈班，但是，要避免跳跃或旋转等剧烈动作。
+<br />•瑜伽：瑜伽可以保持你的肌肉张力，使身体更加灵活，而且你的关节承受的压力也很小。但是你可能需要在练瑜伽的同时，每周再安排几次散步或游泳，加强对心脏的锻炼。
+<br />•伸展运动：伸展运动可以使你的身体保持灵活放松，预防肌肉拉伤。你可以把在生活中，正确的刷牙方法是保持口腔清洁的最重要和最直接的方法，正确的刷牙方法有巴适刷牙法，又称水平颤动法或龈沟法，能够清除龈缘附近及龈沟内菌斑，对控制牙龈与牙周感染非常有用。
+
+					</li>
+					<br />
+				</ul>
+				</div>
+			</div>
+		</div>
+		
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</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>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details2.html

@@ -0,0 +1,140 @@
+<!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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4 active">金质成长</a>
+		</div>
+		</div>
+		<div class="main-content" id="brands-2-details">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a>金质成长</a> > <a href="pregnancy_list.html">孕期</a> > <a href="pregnancy_details2.html">护牙</a></div>
+			</div>
+			<div class="pregnancy-content">
+				<div>
+				<div class="tit-box"><label class="brands-content-tit">孕期</label><label class="brands-content-tit1">护牙篇</label></div>
+				<ul class="brands-ul">
+					<li>
+						<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-list5.jpg" />
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在怀孕期间，准妈妈们由于体内大量雌激素的影响下，口腔出现一些变化,如牙龈充血、水肿以及尤其是牙间乳头肿有明显，色暗红，发亮、松软，严重者可能有溃疡和假膜形成。并有轻度的疼痛发生,医学上称此为妊娠牙龈炎。如何才能解决这些问题呢？下面就为大家带来孕期口腔护理的注意事项，让孕妈妈不在烦恼！
+      <br/>1、选择柔软、细长、圆钝的电动牙刷
+怀孕期间，孕妇的牙龈十分的敏感，可以选择刷毛细长、柔软的牙刷，在选购牙刷的时候，可以先用手去按压一下牙刷的刷毛，如果有毛刺感和轻微的疼痛感，那么就要排除。孕妇一般是要选择小号的牙刷，这样才能够更加轻巧的清理口腔。条件允许的话，不妨选购电动牙刷，它能有效按摩牙龈，并减少六成左右的刷牙出血。
+      <br/>2、剔牙时牙线更安全有效
+其实孕期牙具的选择对于护理口腔也起到很大作用，孕妇在进食以后，可以选择用牙线代替牙签清理口腔问题，或者也可以选小刷头且刷毛柔软、细长的牙刷清理口腔，让残留物质不会停留在口腔内。
+      <br/>3、交替使用不同功效牙膏
+不仅仅是孕妇，在日常生活中，如果想要保持优质的口腔环境，可交替使用不同品牌的牙膏，因为长期使用一种功效的牙膏，是会导致人体口腔对这种药物敏感的细菌长期被抑制，从而打乱口腔内菌群平衡，导致菌群失调，反而还会对口腔造成危害，而更换不同的牙膏，则能让牙膏充分发挥自由的有效，口腔才会更加健康。
+      <br/>4、正确刷牙
+在生活中，正确的刷牙方法是保持口腔清洁的最重要和最直接的方法，正确的刷牙方法有巴适刷牙法，又称水平颤动法或龈沟法，能够清除龈缘附近及龈沟内菌斑，对控制牙龈与牙周感染非常有用。
+					</li>
+					<br />
+				</ul>
+				</div>
+			</div>
+		</div>
+		
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</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>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details3.html

@@ -0,0 +1,136 @@
+<!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="http://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="http://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="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>
+			<a href="development_history.html"><img src="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg"/><span>发展历程</span></a>
+			<a href="enterprise_dynamics.html"><img src="http://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="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-9.jpg"/><span>冲奶机</span></a>
+			<a href="javascript:;"><img src="http://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="pregnancy_list.html"><img src="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="http://s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4 active">金质成长</a>
+		</div>
+		</div>
+		
+		<div class="main-content" id="brands-2-details">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a>金质成长</a> > <a href="pregnancy_list.html">孕期</a> > <a href="pregnancy_details3.html">饮水</a></div>
+			</div>
+			<div class="pregnancy-content">
+				<div>
+				<div class="tit-box"><label class="brands-content-tit">孕期</label><label class="brands-content-tit1">饮水篇</label></div>
+				<ul class="brands-ul">
+					<li>
+						<img width="100%" src="http://s.iamberry.com/aiberle/www/zh-cn/images/banner-list6.jpg" />
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;水是人类赖以生存的条件之一。每个人都离不开水，尤其是准妈妈们，更加需要水的滋润。准妈妈们体能消耗快，如果不及时补充水分，就会导致缺水的状态，这是不利于孕妇和胎儿的。准妈妈喝水要注意喽！
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.没有烧开的水比没烧的水危险，因为自来水中的氯与水中残留的有机物相互作用，会产生一种叫“三羟基”的致癌物质。反复烧开的水，水中的亚硝酸银、亚硝酸根离子以及砷等有害物质的浓度相对增加，孕妇喝了这种带有有害物质的水会阻碍血红蛋白的合成，而会引起血液中毒，从而危害孕妇与胎儿的健康。
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.时间过长的水，开水也是有保质期的，时间过长里面的有害物质会逐渐增多。隔夜水水中含氯的有机物会不断地被分解成为有害的亚硝酸盐，对孕妇身体健康极为不利。
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.  被污染的水，水源本身得健康，高温煮沸不能讲水中的有害物质完全去除。不要喝被污染的水
+ <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对准妈妈来说最好的选择是白开水，营养协会推荐准妈妈必备饮品，白开水。准妈妈水分补充不宜过多，也不宜过少，过多影响肾脏负担，过少不利于新陈代谢，每天保证1升到1.5升水就可以了。到了孕后期每天保证800毫升到一升水即可。
+					</li>
+				</ul>
+				</div>
+			</div>
+		</div>
+		
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</div>
+			</div>
+			
+		</div>
+		
+		<script type="text/javascript" src="http://s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script>
+		<script type="text/javascript" src="http://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="http://s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details4.html

@@ -0,0 +1,145 @@
+<!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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4 active">金质成长</a>
+		</div>
+		</div>
+		
+		<div class="main-content" id="brands-2-details">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a>金质成长</a> > <a href="pregnancy_list.html">孕期</a> > <a href="pregnancy_details4.html">饮食</a></div>
+			</div>
+			<div class="pregnancy-content">
+				<div>
+				<div class="tit-box"><label class="brands-content-tit">孕期</label><label class="brands-content-tit1">饮食篇</label></div>
+				<ul class="brands-ul">
+					<li>
+						<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-list7.jpg" />
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;孕期的饮食营养，不仅影响到胎儿的正常发育，也关系到出生后婴幼儿的体质和智力。因此，科学地调配妊娠各时期的饮食营养，对优孕、优生有着十分重要的意义。孕期的饮食应根据其特殊的营养特点进行安排。
+      <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 营养重点在这里：
+      <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果孕中准妈妈呕吐现象明显，那就不必吃太多食物，只要保证身体舒服不至呕吐就可以，而要注重营养搭配。
+      <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 蛋白质
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蛋白质是构成人体细胞的主要成分，蛋白质中的氨基酸对胎儿脑细胞发育也很重要。孕妇缺少 蛋白质会影响垂体促性腺激素，使雌激素及孕酮减少，严重者可导致妊娠中断。
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;矿物质
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;硒、铁、碘、钙、锌
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;糖类
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;糖类是碳水化合物，是人体热量的主要来源，对孕妇的健康和胎儿的发育非常重要。每天保证450～500克的主食便可保证糖类的摄入量 。
+      <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 脂肪
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;脂肪能供给能量，而且是细胞的重要组成物质。孕妇每天应在膳食中补充20～30克脂肪，但最好不要超过50克，以免增加肝脏负担或造成肥胖。含脂肪丰富的食物有肥肉、奶、果仁、食用 油等。
+      <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 维生素
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;维生素A、B族维生素、维生素C、维生素D、维生素E。
+					</li>
+					<br />
+				</ul>
+				</div>
+			</div>
+		</div>
+		
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</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>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pregnancy_details6.html

@@ -0,0 +1,150 @@
+<!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="javascript:;"><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="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
+			<a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
+			<a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
+			<a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</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-3">其他产品</a><a style="display: none;" class="li menu-4 active">金质成长</a>
+		</div>
+		</div>
+		
+		
+		<div class="main-content" id="brands-2-details">
+			<div class="news-nav-box">
+			<div class="news-nav"><a href="index.html">首页</a> > <a>金质成长</a> > <a href="pregnancy_details6.html">7~12个月</a></div>
+			</div>
+			<div class="pregnancy-content">
+				<div>
+				<div class="tit-box"><label class="brands-content-tit">7~12个月</label><label class="brands-content-tit1">宝宝的小小成长里程碑</label></div>
+				<ul class="brands-ul">
+					<li>
+						<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/banner-list9.jpg" />
+       <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这个时期的宝宝成长非常迅速。宝宝第一次吃辅食、第一次坐起、第一次爬、第一次呼唤“妈妈”、第一次迈步扑向你……每个第一次，都是宝宝成长的里程碑。因此不要放过任何一个让他/她去发现这个世界的机会。
+
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宝宝喂养指南
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.奶类优先，继续母乳喂养，母乳不足时，补充婴儿配方奶，奶总量达到600~800毫升。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.及时、合理添加辅食，尝试多种多样的食物，膳食少糖、无盐、不加调味品。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.宝宝的营养热量50-70%来自奶水，辅食已可提供部分营养来源，每天可喂辅食2-3次。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.应优先给予较不易引起过敏的食品，建议由米粉开始添加每次只添加一种新的辅食，由少量（1-2茶匙）开始，3-7日为单位换新辅食，再逐渐增加份量。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.辅食型态以糊状至泥状逐渐向较软的固体，块状食物过渡。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.逐渐让婴儿自己进食，培养良好的进食行为。
+
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宝宝的体格发育特点
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.你很惊讶，宝宝的身体变化怎么这么快呀，他/她每个月体重平均增加250克，身长增加1.4公分左右。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.出生时和妈妈的奶水中提供的免疫球蛋白被宝宝用完了，宝宝开始启动自己的免疫系统战斗了，所以，一定要特别注意增强宝宝免疫系统的发育呀。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.宝宝从第一次自己坐起来，到会爬、会站、会走，他/她的本领真是越来越大了！　
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.此时宝宝的视觉已经基本发育成熟了，已经能够看清房间里的每个角落处的人和物，逐渐可以能够分辨红、黄、绿、白、黑五种颜色。
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.一般孩子出牙准备期在4个月到6个月开始，小乳牙就长出来了，一直到2岁半，20颗乳牙才出齐。从长出第一颗牙齿开始，爸爸妈妈就要开始帮孩子养成天天清洁口腔
+<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;的好习惯。让宝宝习惯每天有一个干净的口腔环境。
+					</li>
+					<br />
+				</ul>
+				</div>
+			</div>
+		</div>
+		
+		
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li><a href="understanding_brands.html">了解品牌</a></li>
+							<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+							<li><a href="development_history.html">发展历程</a></li>
+							<li><a href="enterprise_dynamics.html">企业动态</a></li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li><a href="pro_water.html">桌面净水机</a></li>
+							<li><a href="pro_aiberle.html">冲奶机</a></li>
+							<li><a href="javascript:;">孕产妇电动牙刷</a></li>
+						</ul>
+					</li>
+					<li>
+					    <ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：tony@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳市爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+			<div class="footer-bottom">
+				Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+				深圳市爱贝源科技有限公司 版权所有<br />
+				<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+			</div>
+			<div class="show_wechat">
+				<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+				<div>扫描二维码</div>
+				<div>关注Aiberle官方微信</div>
+			</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>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pro_aiberle.html

@@ -0,0 +1,394 @@
+<!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" />
+		<style type="text/css">
+			/* css 重置 */
+			
+			* {
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			body {
+				background: #fff;
+			}
+			
+			img {
+				border: 0;
+			}
+			
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+			
+			a:hover {
+				color: #1974A1;
+			}
+			
+			.js {
+				width: 90%;
+				margin: 10px auto 0 auto;
+			}
+			
+			.js p {
+				padding: 5px 0;
+				font-weight: bold;
+				overflow: hidden;
+			}
+			
+			.js p span {
+				float: right;
+			}
+			
+			.js p span a {
+				color: #f00;
+				text-decoration: underline;
+			}
+			
+			.js textarea {
+				height: 100px;
+				width: 98%;
+				padding: 5px;
+				border: 1px solid #ccc;
+				border-top: 2px solid #aaa;
+				border-left: 2px solid #aaa;
+			}
+			/* 本例子css */
+			
+			#ifocus {
+				min-width: 1080px;
+				max-width: 1500px;
+				margin-bottom: 7px;
+				height: 522px;
+				border: 0;
+				background: #f8f6f4;
+			}
+			
+			#ifocus_pic {
+				display: inline;
+				position: relative;
+				float: right;
+				width: 1500px;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist li {
+				width: 100%;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist img {
+				width: 100%;
+				height: auto;
+			}
+			
+			#ifocus_btn {
+				display: inline;
+				position: absolute;
+				left: 100px;
+				top: 70px;
+				margin-top: 9px;
+				width: 100px;
+				padding-right: 5px;
+			}
+			
+			#ifocus_btn li {
+				width: 100px;
+				height: 100px;
+				overflow: hidden;
+				text-align: center;
+				margin-bottom: 35px;
+				border: 1px solid #ccc\9;
+				border: 1px solid rgba(0, 0, 0, .2);
+				cursor: pointer;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_btn img {
+				width: auto;
+				height: 100px;
+			}
+			
+			#ifocus_btn .on {
+				opacity: 1;
+				-moz-opacity: 1;
+				filter: alpha(opacity=100);
+			}
+			
+			#ifocus_opdiv {
+				position: absolute;
+				left: 0;
+				bottom: 0;
+				width: 340px;
+				height: 35px;
+				background: #000;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_tx {
+				position: absolute;
+				left: 8px;
+				bottom: 8px;
+				color: #FFF;
+			}
+			
+			#ifocus_tx ul li {
+				display: none;
+			}
+			
+			#ifocus_tx ul li a {
+				color: #fff;
+				font-size: 14px;
+				font-weight: bold;
+			}
+		</style>
+	</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" id="index" style="display: block;">
+
+			<!-- Swiper -->
+			<div class="video-box1">
+				<div id="ifocus" style="margin:0 auto">
+					<div id="ifocus_pic">
+						<div id="ifocus_piclist">
+							<ul>
+								<li>
+									<a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-7.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-8.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-9.png" /></a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="ifocus_btn">
+						<ul>
+							<li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-7-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-8-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-9-small.png"></li>
+						</ul>
+					</div>
+					<div class="cl-box">
+						<div>
+							<ul class="color-list">
+								<li name="1" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-7.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-7-small.png" class="color-cell-5 active"></li>
+								<li name="2" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-10.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-10-small.png" class="color-cell-6"></li>
+							</ul>
+						</div>
+					</div>
+					<div class="pro-title">
+						<img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title.png" />
+					</div>
+				</div>
+			</div>
+
+			<div class="fixed-nav-box">
+				<div class="fixed-nav">
+					<div class="nav-left-fixed">
+						<div class="nav-li">
+							<div class="li-img">
+								<img src="//s.iamberry.com/aiberle/www/zh-cn/images/naiji-icon.png" />
+							</div>
+							<span class="li-tit">M1</span>
+						</div>
+					</div>
+					<div class="pro-nav">
+						<a href="#jieshao">
+							产品介绍
+						</a>
+						<a href="#texing">
+							特性
+						</a>
+						<a href="#canshu">
+							参数
+						</a>
+						<a href="//s.iamberry.com/aiberle/Intellignt_moil_boiler.pdf">
+							下载说明书
+						</a>
+					</div>
+				</div>
+			</div>
+			<div>
+				<div class="nav-sys" id="jieshao">
+					<div>
+						<a href="#yijian"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-4.png" /><span>一键冲奶,精准无比</span></a>
+					</div>
+					<div>
+						<a href="#sanmiao"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-5.png" /><span>3秒即热，精准控温</span></a>
+					</div>
+					<div>
+						<a href="#anquan"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-6.png" /><span>安全食品级材质</span></a>
+					</div>
+				</div>
+			</div>
+			<div class="content-list">
+				<div id="texing" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-11.jpg" /></div>
+				<div id="yijian"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-12.jpg" /></div>
+				<div id="sanmiao"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-13.jpg" /></div>
+				<div><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-14.jpg" /></div>
+				<div id="anquan"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-15.jpg" /></div>
+				<div><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-16.jpg" /></div>
+				<div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-17.jpg" /></div>
+			</div>
+		</div>
+
+		<div class="footer">
+			<div class="footer-box">
+				<ul class="footer-list">
+					<li>
+						<ul class="footer-cell">
+							<li>探索Aiberle</li>
+							<li>
+								<a href="understanding_brands.html">了解品牌</a>
+							</li>
+							<li style="display: none;">
+								<a href="brand_story.html">品牌故事</a>
+							</li>
+							<li>
+								<a href="development_history.html">发展历程</a>
+							</li>
+							<li>
+								<a href="enterprise_dynamics.html">企业动态</a>
+							</li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+					</li>
+					<li>
+						<ul class="footer-cell">
+							<li>关注Aiberle</li>
+							<li>电话：400 800 6692</li>
+							<li>邮箱：aiberle@iamberry.com</li>
+							<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+						</ul>
+					</li>
+				</ul>
+				<div class="footer-bottom">
+					Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br /> 深圳爱贝源科技有限公司 版权所有<br />
+					<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+				</div>
+				<div class="show_wechat">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+					<div>扫描二维码</div>
+					<div>关注Aiberle官方微信</div>
+				</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() {
+				$("#ifocus").slide({
+					titCell: "#ifocus_btn li",
+					mainCell: "#ifocus_piclist ul",
+					effect: "top",
+					delayTime: 700,
+					autoPlay: false,
+					triggerTime: 100
+				});
+			});
+			$(document).on('mouseover', '.color-list>li', function() {
+				$("#ifocus_pic .first").attr("src", $(this).attr("src"));
+				$("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
+				$(this).addClass("active").siblings().removeClass("active");
+			});
+		</script>
+	</body>
+
+</html>

aiberle-os/html/zh-cn/pro_aiberle1.html

@@ -0,0 +1,402 @@
+<!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" />
+		<style type="text/css">
+			/* css 重置 */
+			
+			* {
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			body {
+				background: #fff;
+			}
+			
+			img {
+				border: 0;
+			}
+			
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+			
+			a:hover {
+				color: #1974A1;
+			}
+			
+			.js {
+				width: 90%;
+				margin: 10px auto 0 auto;
+			}
+			
+			.js p {
+				padding: 5px 0;
+				font-weight: bold;
+				overflow: hidden;
+			}
+			
+			.js p span {
+				float: right;
+			}
+			
+			.js p span a {
+				color: #f00;
+				text-decoration: underline;
+			}
+			
+			.js textarea {
+				height: 100px;
+				width: 98%;
+				padding: 5px;
+				border: 1px solid #ccc;
+				border-top: 2px solid #aaa;
+				border-left: 2px solid #aaa;
+			}
+			/* 本例子css */
+			
+			#ifocus {
+				min-width: 1080px;
+				max-width: 1500px;
+				margin-bottom: 7px;
+				height: 522px;
+				border: 0;
+				background: #f8f6f4;
+			}
+			
+			#ifocus_pic {
+				display: inline;
+				position: relative;
+				float: right;
+				width: 1500px;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist li {
+				width: 100%;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist img {
+				width: 100%;
+				height: auto;
+			}
+			
+			#ifocus_btn {
+				display: inline;
+				position: absolute;
+				left: 100px;
+				top: 70px;
+				margin-top: 9px;
+				width: 100px;
+				padding-right: 5px;
+			}
+			
+			#ifocus_btn li {
+				width: 100px;
+				height: 100px;
+				overflow: hidden;
+				text-align: center;
+				margin-bottom: 35px;
+				border: 1px solid #ccc\9;
+				border: 1px solid rgba(0, 0, 0, .2);
+				cursor: pointer;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_btn img {
+				width: auto;
+				height: 100px;
+			}
+			
+			#ifocus_btn .on {
+				opacity: 1;
+				-moz-opacity: 1;
+				filter: alpha(opacity=100);
+			}
+			
+			#ifocus_opdiv {
+				position: absolute;
+				left: 0;
+				bottom: 0;
+				width: 340px;
+				height: 35px;
+				background: #000;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_tx {
+				position: absolute;
+				left: 8px;
+				bottom: 8px;
+				color: #FFF;
+			}
+			
+			#ifocus_tx ul li {
+				display: none;
+			}
+			
+			#ifocus_tx ul li a {
+				color: #fff;
+				font-size: 14px;
+				font-weight: bold;
+			}
+		</style>
+	</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" id="index" style="display: block;">
+
+ <!-- Swiper -->
+  <div class="video-box1">
+				  <!-- Swiper -->
+<div id="ifocus" style="margin:0 auto">
+
+					<div id="ifocus_pic">
+						<div id="ifocus_piclist">
+							<ul>
+								<li>
+									<a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-12.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-12.png" /></a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="ifocus_btn">
+						<ul>
+							<li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-11-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-12-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-13-small.png"></li>
+						</ul>
+					</div>
+					<div class="cl-box">
+<div>
+	<ul class="color-list" style="display: none;">
+		<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>
+	</ul>
+</div>
+</div>
+				</div>				  
+  <!--<div class="swiper-container swiper-container6 gallery-top">
+    <div class="swiper-wrapper">
+      <div class="swiper-slide wrapper1"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></div>
+    </div>
+    <div class="swiper-button-next swiper-button-white"></div>
+    <div class="swiper-button-prev swiper-button-white"></div>
+  </div>
+  <div class="swiper-container gallery-thumbs" style="-webkit-transform: rotate(90deg);transform: rotate(90deg);position: absolute;left:-5%;top:45%;width: 450px;">
+    <div class="swiper-wrapper">
+      <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>
+      <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>
+      <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>
+    </div>
+  </div>-->
+
+<div class="pro-title">
+	<img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title2.png" />
+</div>
+</div>
+		
+		
+		<div class="fixed-nav-box">
+			<div class="fixed-nav">
+				<div class="nav-left-fixed">
+				<div class="nav-li">
+				<div class="li-img">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/huasa-icon.png" />
+				</div>
+				<span class="li-tit">MY-Ai-N01</span>
+				</div>
+				</div>
+				<div class="pro-nav">
+					<a href="#jieshao">
+						产品介绍
+					</a>
+					<a href="#quyulu">
+						特性
+					</a>
+					<a href="#canshu">
+						参数
+					</a>
+					<a style="color:#f43216;" href="//item.jd.com/29045326019.html" target="_blank">
+						京东购买
+					</a>
+				</div>
+			</div>
+		</div>
+		<div>
+			<div class="nav-sys" id="jieshao">
+				<div>
+					<a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-7.png" /><span>去除余氯</span></a>
+				</div>
+				<div>
+					<a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-8.png" /><span>柔密出水</span></a>
+				</div>
+				<div>
+					<a href="#jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-9.png" /><span>净水量</span></a>
+				</div>
+			</div>
+		</div>
+		<div class="content-list">
+			<div id="quyulu" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-18.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-19.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-20.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-21.jpg" /></div>
+			<div id="jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-22.jpg" /></div>
+			<div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-23.jpg" /></div>
+		</div>
+		</div>
+		
+		
+<div class="footer">
+	<div class="footer-box">
+		<ul class="footer-list">
+			<li>
+				<ul class="footer-cell">
+					<li>探索Aiberle</li>
+					<li><a href="understanding_brands.html">了解品牌</a></li>
+					<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+					<li><a href="development_history.html">发展历程</a></li>
+					<li><a href="enterprise_dynamics.html">企业动态</a></li>
+				</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+					<li>关注Aiberle</li>
+					<li>电话：400 800 6692</li>
+					<li>邮箱：aiberle@iamberry.com</li>
+					<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+				</ul>
+			</li>
+		</ul>
+	<div class="footer-bottom">
+		Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+		深圳爱贝源科技有限公司 版权所有<br />
+		<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+	<div class="show_wechat">
+		<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+		<div>扫描二维码</div>
+		<div>关注Aiberle官方微信</div>
+	</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() {
+	$("#ifocus").slide({
+		titCell: "#ifocus_btn li",
+		mainCell: "#ifocus_piclist ul",
+		effect: "top",
+		delayTime: 700,
+		autoPlay: false,
+		triggerTime: 0
+	});
+});
+$(document).on('mouseover', '.color-list>li', function() {
+   $("#ifocus_pic .first").attr("src", $(this).attr("src"));
+	$("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
+	$(this).addClass("active").siblings().removeClass("active");
+});
+</script>
+</body>
+</html>

aiberle-os/html/zh-cn/pro_aiberle2.html

@@ -0,0 +1,402 @@
+<!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" />
+		<style type="text/css">
+			/* css 重置 */
+			
+			* {
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			body {
+				background: #fff;
+			}
+			
+			img {
+				border: 0;
+			}
+			
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+			
+			a:hover {
+				color: #1974A1;
+			}
+			
+			.js {
+				width: 90%;
+				margin: 10px auto 0 auto;
+			}
+			
+			.js p {
+				padding: 5px 0;
+				font-weight: bold;
+				overflow: hidden;
+			}
+			
+			.js p span {
+				float: right;
+			}
+			
+			.js p span a {
+				color: #f00;
+				text-decoration: underline;
+			}
+			
+			.js textarea {
+				height: 100px;
+				width: 98%;
+				padding: 5px;
+				border: 1px solid #ccc;
+				border-top: 2px solid #aaa;
+				border-left: 2px solid #aaa;
+			}
+			/* 本例子css */
+			
+			#ifocus {
+				min-width: 1080px;
+				max-width: 1500px;
+				margin-bottom: 7px;
+				height: 522px;
+				border: 0;
+				background: #f8f6f4;
+			}
+			
+			#ifocus_pic {
+				display: inline;
+				position: relative;
+				float: right;
+				width: 1500px;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist li {
+				width: 100%;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist img {
+				width: 100%;
+				height: auto;
+			}
+			
+			#ifocus_btn {
+				display: inline;
+				position: absolute;
+				left: 100px;
+				top: 70px;
+				margin-top: 9px;
+				width: 100px;
+				padding-right: 5px;
+			}
+			
+			#ifocus_btn li {
+				width: 100px;
+				height: 100px;
+				overflow: hidden;
+				text-align: center;
+				margin-bottom: 35px;
+				border: 1px solid #ccc\9;
+				border: 1px solid rgba(0, 0, 0, .2);
+				cursor: pointer;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_btn img {
+				width: auto;
+				height: 100px;
+			}
+			
+			#ifocus_btn .on {
+				opacity: 1;
+				-moz-opacity: 1;
+				filter: alpha(opacity=100);
+			}
+			
+			#ifocus_opdiv {
+				position: absolute;
+				left: 0;
+				bottom: 0;
+				width: 340px;
+				height: 35px;
+				background: #000;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_tx {
+				position: absolute;
+				left: 8px;
+				bottom: 8px;
+				color: #FFF;
+			}
+			
+			#ifocus_tx ul li {
+				display: none;
+			}
+			
+			#ifocus_tx ul li a {
+				color: #fff;
+				font-size: 14px;
+				font-weight: bold;
+			}
+		</style>
+	</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" id="index" style="display: block;">
+
+ <!-- Swiper -->
+  <div class="video-box1">
+				  <!-- Swiper -->
+<div id="ifocus" style="margin:0 auto">
+
+					<div id="ifocus_pic">
+						<div id="ifocus_piclist">
+							<ul>
+								<li>
+									<a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-15.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-16.png" /></a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="ifocus_btn">
+						<ul>
+							<li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-15-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-16-small.png"></li>
+						</ul>
+					</div>
+					<div class="cl-box">
+<div>
+	<ul class="color-list" style="display: none;">
+		<li name="1" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14-small.png" class="color-cell-1 active"></li>
+	</ul>
+</div>
+</div>
+				</div>				  
+  <!--<div class="swiper-container swiper-container6 gallery-top">
+    <div class="swiper-wrapper">
+      <div class="swiper-slide wrapper1"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></div>
+    </div>
+    <div class="swiper-button-next swiper-button-white"></div>
+    <div class="swiper-button-prev swiper-button-white"></div>
+  </div>
+  <div class="swiper-container gallery-thumbs" style="-webkit-transform: rotate(90deg);transform: rotate(90deg);position: absolute;left:-5%;top:45%;width: 450px;">
+    <div class="swiper-wrapper">
+      <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>
+      <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>
+      <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>
+    </div>
+  </div>-->
+
+<div class="pro-title">
+	<img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title3.png" />
+</div>
+</div>
+		
+		
+		<div class="fixed-nav-box">
+			<div class="fixed-nav">
+				<div class="nav-left-fixed">
+				<div class="nav-li">
+				<div class="li-img">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/ruanshuiyi-icon.png" />
+				</div>
+				<span class="li-tit">XL-Ai-N01</span>
+				</div>
+				</div>
+				<div class="pro-nav">
+					<a href="#jieshao">
+						产品介绍
+					</a>
+					<a href="#quyulu">
+						特性
+					</a>
+					<a href="#canshu">
+						参数
+					</a>
+					<a style="color:#f43216;" href="//item.jd.com/29553875184.html" target="_blank">
+						京东购买
+					</a>
+				</div>
+			</div>
+		</div>
+		<div>
+			<div class="nav-sys" id="jieshao">
+				<div>
+					<a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-10.png" /><span>深层清洁</span></a>
+				</div>
+				<div>
+					<a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-11.png" /><span>告别干燥</span></a>
+				</div>
+				<div>
+					<a href="#jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-12.png" /><span>水质保湿</span></a>
+				</div>
+			</div>
+		</div>
+		<div class="content-list">
+			<div id="quyulu" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-24.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-25.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-26.jpg" /></div>
+			<div id="jingshui"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-27.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-28.jpg" /></div>
+			<div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-29.jpg" /></div>
+		</div>
+		</div>
+		
+		
+<div class="footer">
+	<div class="footer-box">
+		<ul class="footer-list">
+			<li>
+				<ul class="footer-cell">
+					<li>探索Aiberle</li>
+					<li><a href="understanding_brands.html">了解品牌</a></li>
+					<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+					<li><a href="development_history.html">发展历程</a></li>
+					<li><a href="enterprise_dynamics.html">企业动态</a></li>
+				</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+					<li>关注Aiberle</li>
+					<li>电话：400 800 6692</li>
+					<li>邮箱：aiberle@iamberry.com</li>
+					<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+				</ul>
+			</li>
+		</ul>
+	<div class="footer-bottom">
+		Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+		深圳爱贝源科技有限公司 版权所有<br />
+		<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+	<div class="show_wechat">
+		<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+		<div>扫描二维码</div>
+		<div>关注Aiberle官方微信</div>
+	</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() {
+	$("#ifocus").slide({
+		titCell: "#ifocus_btn li",
+		mainCell: "#ifocus_piclist ul",
+		effect: "top",
+		delayTime: 700,
+		autoPlay: false,
+		triggerTime: 0
+	});
+});
+$(document).on('mouseover', '.color-list>li', function() {
+   $("#ifocus_pic .first").attr("src", $(this).attr("src"));
+	$("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
+	$(this).addClass("active").siblings().removeClass("active");
+});
+</script>
+</body>
+</html>

aiberle-os/html/zh-cn/pro_aiberle3.html

@@ -0,0 +1,402 @@
+<!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" />
+		<style type="text/css">
+			/* css 重置 */
+			
+			* {
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			body {
+				background: #fff;
+			}
+			
+			img {
+				border: 0;
+			}
+			
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+			
+			a:hover {
+				color: #1974A1;
+			}
+			
+			.js {
+				width: 90%;
+				margin: 10px auto 0 auto;
+			}
+			
+			.js p {
+				padding: 5px 0;
+				font-weight: bold;
+				overflow: hidden;
+			}
+			
+			.js p span {
+				float: right;
+			}
+			
+			.js p span a {
+				color: #f00;
+				text-decoration: underline;
+			}
+			
+			.js textarea {
+				height: 100px;
+				width: 98%;
+				padding: 5px;
+				border: 1px solid #ccc;
+				border-top: 2px solid #aaa;
+				border-left: 2px solid #aaa;
+			}
+			/* 本例子css */
+			
+			#ifocus {
+				min-width: 1080px;
+				max-width: 1500px;
+				margin-bottom: 7px;
+				height: 522px;
+				border: 0;
+				background: #f8f6f4;
+			}
+			
+			#ifocus_pic {
+				display: inline;
+				position: relative;
+				float: right;
+				width: 1500px;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist li {
+				width: 100%;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist img {
+				width: 100%;
+				height: auto;
+			}
+			
+			#ifocus_btn {
+				display: inline;
+				position: absolute;
+				left: 100px;
+				top: 70px;
+				margin-top: 9px;
+				width: 100px;
+				padding-right: 5px;
+			}
+			
+			#ifocus_btn li {
+				width: 100px;
+				height: 100px;
+				overflow: hidden;
+				text-align: center;
+				margin-bottom: 35px;
+				border: 1px solid #ccc\9;
+				border: 1px solid rgba(0, 0, 0, .2);
+				cursor: pointer;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_btn img {
+				width: auto;
+				height: 100px;
+			}
+			
+			#ifocus_btn .on {
+				opacity: 1;
+				-moz-opacity: 1;
+				filter: alpha(opacity=100);
+			}
+			
+			#ifocus_opdiv {
+				position: absolute;
+				left: 0;
+				bottom: 0;
+				width: 340px;
+				height: 35px;
+				background: #000;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_tx {
+				position: absolute;
+				left: 8px;
+				bottom: 8px;
+				color: #FFF;
+			}
+			
+			#ifocus_tx ul li {
+				display: none;
+			}
+			
+			#ifocus_tx ul li a {
+				color: #fff;
+				font-size: 14px;
+				font-weight: bold;
+			}
+		</style>
+	</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" id="index" style="display: block;">
+
+ <!-- Swiper -->
+  <div class="video-box1">
+				  <!-- Swiper -->
+<div id="ifocus" style="margin:0 auto">
+
+					<div id="ifocus_pic">
+						<div id="ifocus_piclist">
+							<ul>
+								<li>
+									<a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-17.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-18.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-19.png" /></a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="ifocus_btn">
+						<ul>
+							<li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-17-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-18-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-19-small.png"></li>
+						</ul>
+					</div>
+					<div class="cl-box">
+<div>
+	<ul class="color-list" style="display: none;">
+		<li name="1" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-14-small.png" class="color-cell-1 active"></li>
+	</ul>
+</div>
+</div>
+				</div>				  
+  <!--<div class="swiper-container swiper-container6 gallery-top">
+    <div class="swiper-wrapper">
+      <div class="swiper-slide wrapper1"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></div>
+    </div>
+    <div class="swiper-button-next swiper-button-white"></div>
+    <div class="swiper-button-prev swiper-button-white"></div>
+  </div>
+  <div class="swiper-container gallery-thumbs" style="-webkit-transform: rotate(90deg);transform: rotate(90deg);position: absolute;left:-5%;top:45%;width: 450px;">
+    <div class="swiper-wrapper">
+      <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>
+      <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>
+      <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>
+    </div>
+  </div>-->
+
+<div class="pro-title">
+	<img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title4.png" />
+</div>
+</div>
+		
+		
+		<div class="fixed-nav-box">
+			<div class="fixed-nav">
+				<div class="nav-left-fixed">
+				<div class="nav-li">
+				<div class="li-img">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/shuilongtou-icon.png" />
+				</div>
+				<span class="li-tit">JS-Ai-N01</span>
+				</div>
+				</div>
+				<div class="pro-nav">
+					<a href="#jieshao">
+						产品介绍
+					</a>
+					<a href="#quyulu">
+						特性
+					</a>
+					<a href="#canshu">
+						参数
+					</a>
+					<a style="color:#f43216;" href="//item.jd.com/28919457574.html" target="_blank">
+						京东购买
+					</a>
+				</div>
+			</div>
+		</div>
+		<div>
+			<div class="nav-sys" id="jieshao">
+				<div>
+					<a href="#quyulu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-13.png" /><span>4重过滤</span></a>
+				</div>
+				<div>
+					<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-14.png" /><span>滤芯可水洗</span></a>
+				</div>
+				<div>
+					<a href="#anzhuang"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-15.png" /><span>简易安装</span></a>
+				</div>
+			</div>
+		</div>
+		<div class="content-list">
+			<div id="quyulu" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-30.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-31.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-32.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-33.jpg" /></div>
+			<div id="anzhuang"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-34.jpg" /></div>
+			<div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-35.jpg" /></div>
+		</div>
+		</div>
+		
+		
+<div class="footer">
+	<div class="footer-box">
+		<ul class="footer-list">
+			<li>
+				<ul class="footer-cell">
+					<li>探索Aiberle</li>
+					<li><a href="understanding_brands.html">了解品牌</a></li>
+					<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+					<li><a href="development_history.html">发展历程</a></li>
+					<li><a href="enterprise_dynamics.html">企业动态</a></li>
+				</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+					<li>关注Aiberle</li>
+					<li>电话：400 800 6692</li>
+					<li>邮箱：aiberle@iamberry.com</li>
+					<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+				</ul>
+			</li>
+		</ul>
+	<div class="footer-bottom">
+		Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+		深圳爱贝源科技有限公司 版权所有<br />
+		<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+	<div class="show_wechat">
+		<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+		<div>扫描二维码</div>
+		<div>关注Aiberle官方微信</div>
+	</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() {
+	$("#ifocus").slide({
+		titCell: "#ifocus_btn li",
+		mainCell: "#ifocus_piclist ul",
+		effect: "top",
+		delayTime: 700,
+		autoPlay: false,
+		triggerTime: 0
+	});
+});
+$(document).on('mouseover', '.color-list>li', function() {
+   $("#ifocus_pic .first").attr("src", $(this).attr("src"));
+	$("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
+	$(this).addClass("active").siblings().removeClass("active");
+});
+</script>
+</body>
+</html>

aiberle-os/html/zh-cn/pro_water.html

@@ -0,0 +1,409 @@
+<!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" />
+		<style type="text/css">
+			/* css 重置 */
+			
+			* {
+				margin: 0;
+				padding: 0;
+				list-style: none;
+			}
+			
+			body {
+				background: #fff;
+			}
+			
+			img {
+				border: 0;
+			}
+			
+			a {
+				text-decoration: none;
+				color: #333;
+			}
+			
+			a:hover {
+				color: #1974A1;
+			}
+			
+			.js {
+				width: 90%;
+				margin: 10px auto 0 auto;
+			}
+			
+			.js p {
+				padding: 5px 0;
+				font-weight: bold;
+				overflow: hidden;
+			}
+			
+			.js p span {
+				float: right;
+			}
+			
+			.js p span a {
+				color: #f00;
+				text-decoration: underline;
+			}
+			
+			.js textarea {
+				height: 100px;
+				width: 98%;
+				padding: 5px;
+				border: 1px solid #ccc;
+				border-top: 2px solid #aaa;
+				border-left: 2px solid #aaa;
+			}
+			/* 本例子css */
+			
+			#ifocus {
+				min-width: 1080px;
+				max-width: 1500px;
+				margin-bottom: 7px;
+				height: 522px;
+				border: 0;
+				background: #f8f6f4;
+			}
+			
+			#ifocus_pic {
+				display: inline;
+				position: relative;
+				float: right;
+				width: 1500px;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist li {
+				width: 100%;
+				height: auto;
+				overflow: hidden;
+			}
+			
+			#ifocus_piclist img {
+				width: 100%;
+				height: auto;
+			}
+			
+			#ifocus_btn {
+				display: inline;
+				position: absolute;
+				left: 100px;
+				top: 70px;
+				margin-top: 9px;
+				width: 100px;
+				padding-right: 5px;
+			}
+			
+			#ifocus_btn li {
+				width: 100px;
+				height: 100px;
+				overflow: hidden;
+				text-align: center;
+				margin-bottom: 35px;
+				border: 1px solid #ccc\9;
+				border: 1px solid rgba(0, 0, 0, .2);
+				cursor: pointer;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_btn img {
+				width: auto;
+				height: 100px;
+			}
+			
+			#ifocus_btn .on {
+				opacity: 1;
+				-moz-opacity: 1;
+				filter: alpha(opacity=100);
+			}
+			
+			#ifocus_opdiv {
+				position: absolute;
+				left: 0;
+				bottom: 0;
+				width: 340px;
+				height: 35px;
+				background: #000;
+				opacity: 0.5;
+				-moz-opacity: 0.5;
+				filter: alpha(opacity=50);
+			}
+			
+			#ifocus_tx {
+				position: absolute;
+				left: 8px;
+				bottom: 8px;
+				color: #FFF;
+			}
+			
+			#ifocus_tx ul li {
+				display: none;
+			}
+			
+			#ifocus_tx ul li a {
+				color: #fff;
+				font-size: 14px;
+				font-weight: bold;
+			}
+		</style>
+	</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" id="index" style="display: block;">
+
+ <!-- Swiper -->
+  <div class="video-box1">
+				  <!-- Swiper -->
+<div id="ifocus" style="margin:0 auto">
+
+					<div id="ifocus_pic">
+						<div id="ifocus_piclist">
+							<ul>
+								<li>
+									<a><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></a>
+								</li>
+								<li>
+									<a><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div id="ifocus_btn">
+						<ul>
+							<li><img class="first" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5-small.png"></li>
+							<li><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6-small.png"></li>
+						</ul>
+					</div>
+					<div class="cl-box">
+<div>
+	<ul class="color-list">
+		<li name="1" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1-small.png" class="color-cell-1 active"></li>
+		<li name="2" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-2.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-2-small.png" class="color-cell-2"></li>
+		<li name="3" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-3.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-3-small.png" class="color-cell-3"></li>
+		<li name="4" src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-4.png" smallSrc="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-4-small.png" class="color-cell-4"></li>
+	</ul>
+</div>
+</div>
+				</div>				  
+  <!--<div class="swiper-container swiper-container6 gallery-top">
+    <div class="swiper-wrapper">
+      <div class="swiper-slide wrapper1"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-1.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-5.png" /></div>
+      <div class="swiper-slide"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-6.png" /></div>
+    </div>
+    <div class="swiper-button-next swiper-button-white"></div>
+    <div class="swiper-button-prev swiper-button-white"></div>
+  </div>
+  <div class="swiper-container gallery-thumbs" style="-webkit-transform: rotate(90deg);transform: rotate(90deg);position: absolute;left:-5%;top:45%;width: 450px;">
+    <div class="swiper-wrapper">
+      <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>
+      <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>
+      <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>
+    </div>
+  </div>-->
+
+<div class="pro-title">
+	<img src="//s.iamberry.com/aiberle/www/zh-cn/images/chanpin-title1.png" />
+</div>
+</div>
+		
+		
+		<div class="fixed-nav-box">
+			<div class="fixed-nav">
+				<div class="nav-left-fixed">
+				<div class="nav-li">
+				<div class="li-img">
+					<img src="//s.iamberry.com/aiberle/www/zh-cn/images/shuiji-icon.png" />
+				</div>
+				<span class="li-tit">WB-1</span>
+				</div>
+				</div>
+				<div class="pro-nav">
+					<a href="#jieshao">
+						产品介绍
+					</a>
+					<a href="#texing">
+						特性
+					</a>
+					<a href="#canshu">
+						参数
+					</a>
+					<a href="//s.iamberry.com/aiberle/Aiberle.pdf" target="_blank">
+						下载说明书
+					</a>
+				</div>
+			</div>
+		</div>
+		<div>
+			<div class="nav-sys" id="jieshao">
+				<div>
+					<a href="#fanshentou"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-1.png" /><span>4级RO反渗透净化</span></a>
+				</div>
+				<div>
+					<a href="#ylz-sx"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-2.png" /><span>银离子抑菌水箱</span></a>
+				</div>
+				<div>
+					<a href="#shajun"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/icon-menu-3.png" /><span>UV杀菌净化</span></a>
+				</div>
+			</div>
+		</div>
+		<div class="content-list">
+			<div id="texing" style="margin-top: 0;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-1.jpg" /></div>
+			<div id="fanshentou"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-2.jpg" /></div>
+			<div ><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-3.jpg" /></div>
+			<div id="yijian"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-4.jpg" /></div>
+			<div><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-5.jpg" /></div>
+			<div><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-6.jpg" /></div>
+			<div id="shajun"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-7.jpg" /></div>
+			<div><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-8.jpg" /></div>
+			<div id="ylz-sx"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-ylz.jpg" /></div>
+			<div id="canshu"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/detail-9.jpg" /></div>
+		</div>
+		</div>
+		
+		
+<div class="footer">
+	<div class="footer-box">
+		<ul class="footer-list">
+			<li>
+				<ul class="footer-cell">
+					<li>探索Aiberle</li>
+					<li><a href="understanding_brands.html">了解品牌</a></li>
+					<li style="display: none;"><a href="brand_story.html">品牌故事</a></li>
+					<li><a href="development_history.html">发展历程</a></li>
+					<li><a href="enterprise_dynamics.html">企业动态</a></li>
+				</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+							<li>产品</li>
+							<li>
+								<a href="pro_water.html">桌面净水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle2.html">美容软水机</a>
+							</li>
+							<li>
+								<a href="pro_aiberle3.html">净水龙头</a>
+							</li>
+							<li>
+								<a href="pro_aiberle1.html">净水花洒</a>
+							</li>
+							<li>
+								<a href="pro_aiberle.html">冲奶机</a>
+							</li>
+							<li>
+								<a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
+							</li>
+						</ul>
+			</li>
+			<li>
+				<ul class="footer-cell">
+					<li>关注Aiberle</li>
+					<li>电话：400 800 6692</li>
+					<li>邮箱：aiberle@iamberry.com</li>
+					<li>
+								Aiberle全球营销总部：深圳爱贝源科技有限公司
+								<!--<span class="icon icon-wx"></span>-->
+								<!--<span class="icon icon-jd"></span>-->
+							</li>
+							<li>
+								Aiberle全球营销总部地址：广东省深圳市福田区特区报业大厦12B
+							</li>
+				</ul>
+			</li>
+		</ul>
+	<div class="footer-bottom">
+		Copyright &copy; 2016-2018 aiberle Corporation, All Rights Reserved<br />
+		深圳爱贝源科技有限公司 版权所有<br />
+		<a href="http://www.miitbeian.gov.cn/">粤ICP备16023001号-1</a>
+	<div class="show_wechat">
+		<img src="//s.iamberry.com/aiberle/www/zh-cn/images/code-2wm.png" />
+		<div>扫描二维码</div>
+		<div>关注Aiberle官方微信</div>
+	</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() {
+	$("#ifocus").slide({
+		titCell: "#ifocus_btn li",
+		mainCell: "#ifocus_piclist ul",
+		effect: "top",
+		delayTime: 700,
+		autoPlay: false,
+		triggerTime: 0
+	});
+});
+$(document).on('mouseover', '.color-list>li', function() {
+   $("#ifocus_pic .first").attr("src", $(this).attr("src"));
+	$("#ifocus_btn .first").attr("src", $(this).attr("smallSrc"));
+	$(this).addClass("active").siblings().removeClass("active");
+});
+</script>
+</body>
+</html>