zhangs
/
elab


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!DOCTYPE html>
<html lang='en'>

	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
		<title>Future | ELAB</title>
		<link rel="stylesheet" href="css/reset.css"></link>
		<link rel="stylesheet" href="css/style.css"></link>
		<link rel="stylesheet" href="css/animate.min.css"></link>
		<style type="text/css">
			body{
				height: auto;
			}
			html,
			body,
			#doDetail {
				background: #1b2030;
			}
			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
				#parts8 .words2, #parts10 .words2{
					margin-left: 1%;
                    margin-top: -7%;
                    font-size: 4vw;
				}
				#parts8 .words2 strong{
					left: 13%;
				}
				#innerItem2 div:nth-child(2){
					top: -71%;
				}
				#innerItem4{
					bottom: 9.8%;
				}
				#innerItem4 div:nth-child(2){
					top: -150%;
				}
				.inner-box{
					top: 42%;
				}
				#parts10 .words2{
					margin-top: -5%;
				}
				#parts10 .words2 strong{
					top: -16%;
					left: 16%;
				}
				@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio:2) {
					html, body {
						height: 100%;
						overflow: auto;
						-webkit-overflow-scrolling: touch;
					}
				}
			}
		</style>
	</head>

	<body>

		<div id="doDetail" class="page">

			<!--main-->
			<div id="projectDetail" class="project-list">

				<div class="project-item-detail wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_16.png" />
					<div class="close-bar"></div>
					<div class="item-title item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">上居-未来人居预制系统
						<p>DESIGN FOR THE FUTURE</p>
					</div>
					<div class="item-icon item-inner wow bounceIn mobile-hide" data-wow-duration="1s" data-wow-delay="1s"><img src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_4.png" /></div>
					<div class="item-link item-inner">
						<ul class="future-icon-box">
							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.2s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_9.png" />
								<p>海量数据</p>
							</li>
							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.4s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_8.png" />
								<p>精准定位</p>
							</li>
							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.6s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_7.png" />
								<p>交叉验证</p>
							</li>
						</ul>
					</div>
				</div>

				<div id="parts8" class="project-item-detail">
					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x.png" />
					<div class="words-box">
						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
						<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong>上居柔性开发</strong><br/>ELAB通过独立研发线上交互技术<br/>获得海量、精准、真实、未来的市场数据、客户行为数据等热数据，<br/>辅以ELAB自主的ECS产品创新原型库，完成未来人居开发。</div>
					</div>
				</div>

				<div id="parts9" class="project-item-detail">
					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="images/do/4_objects@2x_1.png" />
					<div id="innerItem1" class="inner-item wow fadeInTopLeft" data-wow-duration="1s" data-wow-delay="1s">
						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_21.png" /></div>
						<div>市场研究及产品定位<small>Market Research and Product Positioning</small></div>
					</div>
					<div id="innerItem2" class="inner-item wow fadeInTopRight" data-wow-duration="1s" data-wow-delay="1s">
						<div>输出概念产品方案<span class="small-line"></span>及创新产品原型<small>Conceptual Product Solutions &<br/>Innovation Product Prototypes</small></div>
						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_22.png" /></div>
					</div>
					<div id="innerItem3" class="inner-item wow fadeInBottomLeft" data-wow-duration="1s" data-wow-delay="1s">
						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_23.png" /></div>
						<div>输出概念总图<span class="small-line"></span>及经济测算<small>Conceptual General Plan &<br/>Economic Calculation</small></div>
					</div>
					<div id="innerItem4" class="inner-item wow fadeInBottomRight" data-wow-duration="1s" data-wow-delay="1s">
						<div>线上交互热度定型<small>Online Interaction Heat Detection</small></div>
						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_24.png" /></div>
					</div>
					<div class="inner-box wow zoomIn" data-wow-duration="1s" data-wow-delay="2s">
						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/2_objects@2x_3.png" />
						<div class="box-item">
							柔性开发系统解决方案<br/>路径vs价值模式
						</div>
					</div>
				</div>

				<div id="parts10" class="project-item-detail">
					<div class="words-box">
						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
						<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong>产品详情</strong><br/>从源头解决创新开发风险，最专业的未来人居需求探索，模块化的创新产品原型库，<br/>最顶尖的设计师资源，帮助开发商实现规模化预制开发。</div>
					</div>
				</div>

				<div id="parts11" class="project-item-detail">
					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_17.png" />
						<div class="box-item">
							<small>CNC</small><br/><strong>未来人居实验室</strong><br/><br/><span>专注未来人居需求探索，结合20年地产开发经验，以及自主研发的互联网交互技术，将海量、精准、真实、未来的热数据分析转化，探究未来人居的无限可能。</span>
						</div>
					</div>
					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_18.png" />
						<div class="box-item">
							<small>ECS</small><br/><strong>创新产品原型库</strong><br/><br/><span>包含最权威、最前沿、最未来的创新产品原型，基于互联网技术，将产品设计模块化，结合项目特质及客户需求，迅速转化为产品设计概念方案，提升效率。</span>
						</div>
					</div>
					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_19.png" />
						<div class="box-item">
							<small>ZHJ</small><br/><strong>著匠全球设计师</strong><br/><br/><span>集结全球顶尖设计师资源，众智众包，共同开发未来人居产品。</span>
						</div>
					</div>
				</div>

			</div>

		</div>

		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/wow.js"></script>
		<script>
			$(function() {
				
				//start wow
				var wow = new WOW({
					boxClass: 'wow',
					animateClass: 'animated',
					offset: 0,
					mobile: true,
					live: true
				});
//				wow.init();

				//close-bar click
				$('.close-bar').on('click', function(e) {
					$("html,body").fadeOut(500);
					setTimeout(function() {
						self.location.href = 'do.html';
					}, 500);
				});

			});
		</script>

	</body>

</html>