zhangs
/
elab


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
							<!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>DAMAI | 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: 768px) and (orientation: portrait) {
				#parts8 .words2 .partsStrong1 {
					font-size: 30px;
					left: 15%;
					top: -25%;
				}
				#parts10 .words2 .partsStrong2 {
					font-size: 30px;
					top: -138%;
					left: 11%;
				}
				#parts14 .words2 .partsStrong3 {
					font-size: 30px;
					top: -37%;
					left: 15%;
				}
				#parts10 .words2.smallTop10{
					margin-top: 8%;
                    margin-left: -6%;
				}
				#parts14 .words2.smallTop10{
					margin-top: 4%;
                    margin-left: -7%;
				}
				#doDetail #parts16 .inner-icon{
					height: auto;
				}
				.left-img, .right-img{
					bottom: 18%;
				}
				#parts15 .links1, #parts15 .links2{
					bottom: 10%;
				}
			}
			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
				.hiddenOnPhone{
					display: none;
				}
				#parts8 .words2 .partsStrong1 {
					font-size: 30px;
					left: 15%;
					top: -25%;
				}
				#parts10 .words2 .partsStrong2 {
					font-size: 27px;
					top: -3%;
					left: 17%;
				}
				#parts14 .words2 .partsStrong3 {
					font-size: 27px;
					top: -5%;
					left: 15%;
				}
				#parts8 .words2.smallTop8{
					margin-top: 10%;
				}
				#parts8 .words2 .partsStrong1{
					top: 18%;
				}
				#parts10 .words2.smallTop10{
					margin-top: 0;
					margin-left: 6%;
				}
				#parts14 .words2.smallTop10{
					margin-top: -10%;
                    margin-left: 15%;
				}
				#doDetail #parts16 .inner-icon{
					height: auto;
				}
				.left-img, .right-img{
					bottom: 30%;
				}
				#parts15 .links1{
					bottom: 10%;
					left : 10%;
				}
				#parts15 .links2{
					bottom: 10%;
					right: 10%;
				}
				#doDetail .project-item-detail .item-title {
                    font-size: 17vw;
                }
                #doDetail .project-item-detail .item-title p{
                	font-size: 8vw;
                	line-height: 86px;
                    top: 35%;
                }
                #parts16 .words1{
                	font-size: 4.5vw;
                }
				@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_26.png" />
					<div class="close-bar"></div>
					<div class="item-title item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">大麦已来
						<p>房地产互联网营销神器</p>
					</div>
					<div class="item-icon item-inner wow fadeInUp mobile-hide" data-wow-duration="1s" data-wow-delay="1s"><img class="wow upAndDown hiddenOnPhone"  data-wow-duration="1s" data-wow-delay="2s" data-wow-iteration="infinite" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_4.png" /></div>
					<div class="item-link item-inner" data-wow-duration="1s" data-wow-delay="1s">
						<ul class="future-icon-box">
							<li class="wow fadeInUp" 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_7.png" />
								<p>客户增量200%-400%</p>
							</li>
							<li class="wow fadeInUp" 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>提升20%-30%客户转化率</p>
							</li>
							<li class="wow fadeInUp" 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_9.png" />
								<p>营销费用节省50%</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 fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
						<div class="words2 smallTop8 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.8s"><span class="big-line"></span><strong class="partsStrong1">售前·客户量</strong><br/>解决传播缓解两大核心问题——内容和渠道</div>
					</div>
				</div>

				<div id="parts12" class="project-item-detail">
					<div class="left">
						<img class="inner-icon wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_10.png" />
						<div class="parts-img-mask">
							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
								<p>内容生产</p><strong>多频、高效、及时！</strong>最懂地产的内容生成器<br/>高效生产精品传播内容，快速触达精准客户<br/>重塑地产传播价值</div>
						</div>
					</div>
					<div class="right">
						<img class="inner-icon wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_11.png" />
						<div class="parts-img-mask">
							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
								<p>投放渠道</p><strong>全场景覆盖</strong>投放宝、自动生成h5、小程序</div>
						</div>
					</div>
					<div class="btn-link wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
						<a href="#">投放宝</a>
					</div>
				</div>

				<div id="parts10" class="project-item-detail">
					<div class="words-box">
						<div class="words1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
						<div class="words2 smallTop10 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong class="partsStrong2">售中·客户线上转化</strong><br/>帮助顾问在线完成销售引导；扩大客户半径，缩短交易周期</div>
					</div>
				</div>

				<div id="parts13" class="project-item-detail">
					<img id="innerBg1" class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_12.png" />
					<img id="innerBg2" class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_27.png" />
					<div class="words1 wow bounceIn" data-wow-duration="1s" data-wow-delay="0.5s">打破时间、空间束缚<br/>利用碎片化时间高效看房</div>
					<a class="links1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">视频看房</a>
					<a class="links2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">IM顾问</a>
				</div>

				<div id="parts14" class="project-item-detail">
					<div class="words-box">
						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">03</div>
						<div class="words2 smallTop10 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong class="partsStrong3">售后·客户裂变增量</strong><br/>解决传播缓解两大核心问题——内容和渠道</div>
					</div>
				</div>

				<div id="parts15" class="project-item-detail">
					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_28.jpg" />
					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><strong>全民营销</strong><br/>借助E客通及云报备系统，再次将项目口碑通过<br/>种子客户传播，实现客户增量</div>
					<div class="links-list">
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">老带新<br/>新带新</span>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s">地推</span><i class="small-line"></i>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s">品牌推广</span><i class="big-line"></i>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.1s">中介渠道</span><i class="small-line"></i>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.3s">渠道拓展</span><i class="big-line"></i>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.6s">异地营销</span><i class="small-line"></i>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.9s">竞品拦截</span>
						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.1s">合作方配合</span>
					</div>
					<img class="left-img wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.9s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_13.png" />
					<img class="right-img wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.9s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_14.png" />
					<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">E客通</a>
					<a class="links2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云报备</a>
				</div>

				<div id="parts16" 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/do/1_objects@2x_15.png" />
					<div class="mask"></div>
					<div class="words-box">
						<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s"><strong>线上客户蓄客池</strong><p>集中留存、服务、转化</p>集高颜值项目信息展示、客户咨询、视频看房功能<br>为一体的移动小程序售楼处</div>
						<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云案场</a>
					</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>