zhangs
/
elab


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!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>PROJECTS | ELAB</title>
		<link rel="stylesheet" href="css/reset.css?v=1.000001"></link>
		<link rel="stylesheet" href="css/style.css?v=1.00000"></link>
		<link rel="stylesheet" href="css/animate.min.css"></link>
		<link href="css/unslider.css" rel="stylesheet"></link>

		<style type="text/css">
			html,
			body {
				background: #1b2030;
				height: auto;
			}
			.slide-line,.slide-line1{
				background: #fff;
			}
			#projects {
				width: 100%;
				height: auto;
				background: #1b2030;
				max-width: none;
				overflow-x: hidden;
				overflow-y: auto;
			}
		</style>
	</head>

	<body>

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

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

<!--        window.location.href="http://h5test.elab-plus.com/test/ElabGuanWang/index.html#/article";-->
				<div class="project-item-detail">
					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="1s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_7.jpg" />
					<div class="close-bar wow rollInLeft" data-wow-duration="1s" data-wow-delay="1.5s"></div>
					<div class="item-desc item-inner wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1.8s"><span>未来人居1号作品</span></div>
					<div class="item-title item-inner wow fadeInLeft" data-wow-duration="1s" data-wow-delay="2.1s">重庆天空森林城市<p>Sky Forest City</p></div>
					<div class="item-icon item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.8s"><img src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_4.png" /></div>
					<div class="item-link item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.8s"> <a id='video_btn_sfc' href="javascript:;">查看视频</a> </div>
				</div>

				<div id="parts2" class="project-item-detail">
					<ul class="info-list">
						<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.8s">日期<br/><small>2015-2018</small></li>
						<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">体量<br/><small>建面38.7万方</small></li>
						<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.2s">地址<br/><small>重庆·南滨路</small></li>
						<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.4s">开发商<br/><small>洋世达</small></li>
						<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.6s">物业类型<br/><small>大平层/豪宅</small></li>
					</ul>
				</div>

				<div id="parts3" class="project-item-detail">
					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_8.jpg" />
					<div class="inner-mask">
						<div class="number-line line1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
							<div class="number-box">12<p class="w-right">亿</p><p class="w-left">高于原计划的销售额</p></div>
							<div class="number-box">8<p class="w-right month">月</p><p class="w-left circle">缩短的销售周期</p></div>
						</div>
						<div class="number-line line2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
							<div class="number-box">25<p class="percent">%</p><p class="w-right rate">净利润率提升</p></div>
							<div class="number-box">151<p class="percent p2">%</p><p class="w-right trade">成交均价溢价率</p></div>
						</div>
					</div>
				</div>

				<div id="parts4" class="project-item-detail">
					<img class="inner-icon wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_10.jpg" />
					<img class="part-icon wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_9.png" />
					<div class="title wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">中国十大未来人居 绿色未来金奖</div>
					<div class="desc wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">唯一代表重庆入围设计周，获得来自全球4大洲、<br/>15个国家、100余名知名设计师的一致赞赏</div>
					<div class="item-link item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><a id="video_btn_dw" href="javascript:;" class="parts-links">查看详情</a></div>
				</div>

				<div id="parts5" class="project-item-detail">
					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_11.jpg" />
					<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
						上居—以需定产<br/>创新产品研发
						<p>90天内完成产品创新及可行性的验证</p>
					</div>
					<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
						我们在线收集了大量C端的产品设计需求热度数据，并在2016年举办全球新锐设计师大赛，众智众筹，向全球300多家知名设计单位和个人征集作品。大师评审团最终评选出20家入围作品和8家优胜奖，这些作品成为了大量的创新产品原型。
					</div>
					<div class="item-link item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><a id='video_btn_global' href="javascript:;" class="parts-links">查看视频</a></div>
				</div>

				<div id="parts6" class="project-item-detail">
					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
						大麦-智能营销
						<p>6个月 两栋超高层开盘，重庆毛坯单价最高入市</p>
						<p class="about">2016年，我们推出了ELAB自主研发的大麦SAAS产品系列——天空森林城市APP，深耕地产线上营销环节，布局售前、售中、售后全生命周期地产线上营销应用场景，利用互联网技术突破传统营销瓶颈，将传播，转化，裂变效能最大化。</p>
						<div class="about-link wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><a href="http://www.elab-plus.com/#/elabDamai" class="parts-links">关于大麦</a></div>
					</div>
					<img class="dm-app wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_12.png" />
				</div>

				<div id="parts7" class="project-item-detail">
					<div class="top-line"></div>
					<div class="project-name wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
						天空森林城市
						<p>Sky Forest City</p>
					</div>
					<div class="project-qrcode">
						<img class="qrcode wow rotateIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_13.png" />
						<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">扫码下载体验</p>
					</div>
				</div>

				<video id="video_sfc" style="display: none" controls preload="auto" width="400px" height="300px">
					<source src="http://yun-image.elab-plus.com/video/天空森林城市详情页视频1.mp4" type="video/mp4">
				</video>
				<video id="video_dw" style="display: none" controls preload="auto" width="400px" height="300px">
					<source src="http://yun-image.elab-plus.com/video/北京国际设计周.mp4" type="video/mp4">
				</video>
				<video id="video_global" style="display: none" controls preload="auto" width="400px" height="300px">
					<source src="http://yun-image.elab-plus.com/video/2收集全球智慧.mp4" type="video/mp4">
				</video>

			</div>

		</div>

		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/layer/layer.js"></script>
		<script src="js/wow.js"></script>
		<script>
			$(function() {

				//close-bar click
				$('.close-bar').on('click',function(e){
          window.location.href="http://www.elab-plus.com/#/article";
				});
				$('#video_btn_sfc').on('click', function(){
					layer.open({
        				type: 1,
        				title: false,
						shade:0.6,
        				closeBtn: 0,
						area:['400px', '300px'],
        				shadeClose: true,
        				content: $('#video_sfc')
      				});
				});
				$('#video_btn_dw').on('click', function(){
					layer.open({
        				type: 1,
        				title: false,
						shade:0.6,
        				closeBtn: 0,
						area:['400px', '300px'],
        				shadeClose: true,
        				content: $('#video_dw')
      				});
				});
				$('#video_btn_global').on('click', function(){
					layer.open({
        				type: 1,
        				title: false,
						shade:0.6,
        				closeBtn: 0,
						area:['400px', '300px'],
        				shadeClose: true,
        				content: $('#video_global')
      				});
				});

				var wow = new WOW({
					boxClass: 'wow',
					animateClass: 'animated',
					offset: 0,
					mobile: true,
					live: true
				});
				wow.init();
			});

		</script>

	</body>

</html>