صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
zhangs
/
elab
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 7d70bb11fd
شاخه‌ها تگ‌ها
elab
/
do-damai.html

do-damai.html 11 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266 
  1. <!DOCTYPE html>
    2. 

  2. <html lang='en'>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="UTF-8">
    6. 

  6. 		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    7. 

  7. 		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
    8. 

  8. 		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    9. 

  9. 		<title>DAMAI | ELAB</title>
    10. 

  10. 		<link rel="stylesheet" href="css/reset.css"></link>
    11. 

  11. 		<link rel="stylesheet" href="css/style.css"></link>
    12. 

  12. 		<link rel="stylesheet" href="css/animate.min.css"></link>
    13. 

  13. 		<style type="text/css">
    14. 

  14. 			body {
    15. 

  15. 				height: auto;
    16. 

  16. 			}
    17. 

  17. 

  18. 			html,
    19. 

  19. 			body,
    20. 

  20. 			#doDetail {
    21. 

  21. 				background: #1b2030;
    22. 

  22. 			}
    23. 

  23. 

  24. 			@media only screen and (max-width: 768px) and (orientation: portrait) {
    25. 

  25. 				#parts8 .words2 .partsStrong1 {
    26. 

  26. 					font-size: 30px;
    27. 

  27. 					left: 15%;
    28. 

  28. 					top: -25%;
    29. 

  29. 				}
    30. 

  30. 				#parts10 .words2 .partsStrong2 {
    31. 

  31. 					font-size: 30px;
    32. 

  32. 					top: -138%;
    33. 

  33. 					left: 11%;
    34. 

  34. 				}
    35. 

  35. 				#parts14 .words2 .partsStrong3 {
    36. 

  36. 					font-size: 30px;
    37. 

  37. 					top: -37%;
    38. 

  38. 					left: 15%;
    39. 

  39. 				}
    40. 

  40. 				#parts10 .words2.smallTop10{
    41. 

  41. 					margin-top: 8%;
    42. 

  42.                     margin-left: -6%;
    43. 

  43. 				}
    44. 

  44. 				#parts14 .words2.smallTop10{
    45. 

  45. 					margin-top: 4%;
    46. 

  46.                     margin-left: -7%;
    47. 

  47. 				}
    48. 

  48. 				#doDetail #parts16 .inner-icon{
    49. 

  49. 					height: auto;
    50. 

  50. 				}
    51. 

  51. 				.left-img, .right-img{
    52. 

  52. 					bottom: 18%;
    53. 

  53. 				}
    54. 

  54. 				#parts15 .links1, #parts15 .links2{
    55. 

  55. 					bottom: 10%;
    56. 

  56. 				}
    57. 

  57. 			}
    58. 

  58. 			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
    59. 

  59. 				.hiddenOnPhone{
    60. 

  60. 					display: none;
    61. 

  61. 				}
    62. 

  62. 				#parts8 .words2 .partsStrong1 {
    63. 

  63. 					font-size: 30px;
    64. 

  64. 					left: 15%;
    65. 

  65. 					top: -25%;
    66. 

  66. 				}
    67. 

  67. 				#parts10 .words2 .partsStrong2 {
    68. 

  68. 					font-size: 27px;
    69. 

  69. 					top: -3%;
    70. 

  70. 					left: 17%;
    71. 

  71. 				}
    72. 

  72. 				#parts14 .words2 .partsStrong3 {
    73. 

  73. 					font-size: 27px;
    74. 

  74. 					top: -5%;
    75. 

  75. 					left: 15%;
    76. 

  76. 				}
    77. 

  77. 				#parts8 .words2.smallTop8{
    78. 

  78. 					margin-top: 10%;
    79. 

  79. 				}
    80. 

  80. 				#parts8 .words2 .partsStrong1{
    81. 

  81. 					top: 18%;
    82. 

  82. 				}
    83. 

  83. 				#parts10 .words2.smallTop10{
    84. 

  84. 					margin-top: 0;
    85. 

  85. 					margin-left: 6%;
    86. 

  86. 				}
    87. 

  87. 				#parts14 .words2.smallTop10{
    88. 

  88. 					margin-top: -10%;
    89. 

  89.                     margin-left: 15%;
    90. 

  90. 				}
    91. 

  91. 				#doDetail #parts16 .inner-icon{
    92. 

  92. 					height: auto;
    93. 

  93. 				}
    94. 

  94. 				.left-img, .right-img{
    95. 

  95. 					bottom: 30%;
    96. 

  96. 				}
    97. 

  97. 				#parts15 .links1{
    98. 

  98. 					bottom: 10%;
    99. 

  99. 					left : 10%;
    100. 

  100. 				}
    101. 

  101. 				#parts15 .links2{
    102. 

  102. 					bottom: 10%;
    103. 

  103. 					right: 10%;
    104. 

  104. 				}
    105. 

  105. 				#doDetail .project-item-detail .item-title {
    106. 

  106.                     font-size: 17vw;
    107. 

  107.                 }
    108. 

  108.                 #doDetail .project-item-detail .item-title p{
    109. 

  109.                 	font-size: 8vw;
    110. 

  110.                 	line-height: 86px;
    111. 

  111.                     top: 35%;
    112. 

  112.                 }
    113. 

  113.                 #parts16 .words1{
    114. 

  114.                 	font-size: 4.5vw;
    115. 

  115.                 }
    116. 

  116. 				@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio:2) {
    117. 

  117. 					html, body {
    118. 

  118. 						height: 100%;
    119. 

  119. 						overflow: auto;
    120. 

  120. 						-webkit-overflow-scrolling: touch;
    121. 

  121. 					}
    122. 

  122. 				}
    123. 

  123. 			}
    124. 

  124. 		</style>
    125. 

  125. 	</head>
    126. 

  126. 

  127. 	<body>
    128. 

  128. 

  129. 		<div id="doDetail" class="page">
    130. 

  130. 

  131. 			<!--main-->
    132. 

  132. 			<div id="projectDetail" class="project-list">
    133. 

  133. 

  134. 				<div class="project-item-detail wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
    135. 

  135. 					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_26.png" />
    136. 

  136. 					<div class="close-bar"></div>
    137. 

  137. 					<div class="item-title item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">大麦已来
    138. 

  138. 						<p>房地产互联网营销神器</p>
    139. 

  139. 					</div>
    140. 

  140. 					<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>
    141. 

  141. 					<div class="item-link item-inner" data-wow-duration="1s" data-wow-delay="1s">
    142. 

  142. 						<ul class="future-icon-box">
    143. 

  143. 							<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" />
    144. 

  144. 								<p>客户增量200%-400%</p>
    145. 

  145. 							</li>
    146. 

  146. 							<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" />
    147. 

  147. 								<p>提升20%-30%客户转化率</p>
    148. 

  148. 							</li>
    149. 

  149. 							<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" />
    150. 

  150. 								<p>营销费用节省50%</p>
    151. 

  151. 							</li>
    152. 

  152. 						</ul>
    153. 

  153. 					</div>
    154. 

  154. 				</div>
    155. 

  155. 

  156. 				<div id="parts8" class="project-item-detail">
    157. 

  157. 					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x.png" />
    158. 

  158. 					<div class="words-box">
    159. 

  159. 						<div class="words1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
    160. 

  160. 						<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>
    161. 

  161. 					</div>
    162. 

  162. 				</div>
    163. 

  163. 

  164. 				<div id="parts12" class="project-item-detail">
    165. 

  165. 					<div class="left">
    166. 

  166. 						<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" />
    167. 

  167. 						<div class="parts-img-mask">
    168. 

  168. 							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
    169. 

  169. 								<p>内容生产</p><strong>多频、高效、及时！</strong>最懂地产的内容生成器<br/>高效生产精品传播内容，快速触达精准客户<br/>重塑地产传播价值</div>
    170. 

  170. 						</div>
    171. 

  171. 					</div>
    172. 

  172. 					<div class="right">
    173. 

  173. 						<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" />
    174. 

  174. 						<div class="parts-img-mask">
    175. 

  175. 							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
    176. 

  176. 								<p>投放渠道</p><strong>全场景覆盖</strong>投放宝、自动生成h5、小程序</div>
    177. 

  177. 						</div>
    178. 

  178. 					</div>
    179. 

  179. 					<div class="btn-link wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
    180. 

  180. 						<a href="#">投放宝</a>
    181. 

  181. 					</div>
    182. 

  182. 				</div>
    183. 

  183. 

  184. 				<div id="parts10" class="project-item-detail">
    185. 

  185. 					<div class="words-box">
    186. 

  186. 						<div class="words1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
    187. 

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

  188. 					</div>
    189. 

  189. 				</div>
    190. 

  190. 

  191. 				<div id="parts13" class="project-item-detail">
    192. 

  192. 					<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" />
    193. 

  193. 					<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" />
    194. 

  194. 					<div class="words1 wow bounceIn" data-wow-duration="1s" data-wow-delay="0.5s">打破时间、空间束缚<br/>利用碎片化时间高效看房</div>
    195. 

  195. 					<a class="links1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">视频看房</a>
    196. 

  196. 					<a class="links2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">IM顾问</a>
    197. 

  197. 				</div>
    198. 

  198. 

  199. 				<div id="parts14" class="project-item-detail">
    200. 

  200. 					<div class="words-box">
    201. 

  201. 						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">03</div>
    202. 

  202. 						<div class="words2 smallTop10 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong class="partsStrong3">售后·客户裂变增量</strong><br/>解决传播缓解两大核心问题——内容和渠道</div>
    203. 

  203. 					</div>
    204. 

  204. 				</div>
    205. 

  205. 

  206. 				<div id="parts15" class="project-item-detail">
    207. 

  207. 					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_28.jpg" />
    208. 

  208. 					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><strong>全民营销</strong><br/>借助E客通及云报备系统，再次将项目口碑通过<br/>种子客户传播，实现客户增量</div>
    209. 

  209. 					<div class="links-list">
    210. 

  210. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">老带新<br/>新带新</span>
    211. 

  211. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s">地推</span><i class="small-line"></i>
    212. 

  212. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s">品牌推广</span><i class="big-line"></i>
    213. 

  213. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.1s">中介渠道</span><i class="small-line"></i>
    214. 

  214. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.3s">渠道拓展</span><i class="big-line"></i>
    215. 

  215. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.6s">异地营销</span><i class="small-line"></i>
    216. 

  216. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.9s">竞品拦截</span>
    217. 

  217. 						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.1s">合作方配合</span>
    218. 

  218. 					</div>
    219. 

  219. 					<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" />
    220. 

  220. 					<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" />
    221. 

  221. 					<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">E客通</a>
    222. 

  222. 					<a class="links2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云报备</a>
    223. 

  223. 				</div>
    224. 

  224. 

  225. 				<div id="parts16" class="project-item-detail">
    226. 

  226. 					<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" />
    227. 

  227. 					<div class="mask"></div>
    228. 

  228. 					<div class="words-box">
    229. 

  229. 						<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s"><strong>线上客户蓄客池</strong><p>集中留存、服务、转化</p>集高颜值项目信息展示、客户咨询、视频看房功能<br>为一体的移动小程序售楼处</div>
    230. 

  230. 						<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云案场</a>
    231. 

  231. 					</div>
    232. 

  232. 				</div>
    233. 

  233. 

  234. 			</div>
    235. 

  235. 

  236. 		</div>
    237. 

  237. 

  238. 		<script src="js/jquery-1.11.3.min.js "></script>
    239. 

  239. 		<script src="js/wow.js "></script>
    240. 

  240. 		<script>
    241. 

  241. 			$(function() {
    242. 

  242. 

  243. 				//start wow
    244. 

  244. 				var wow = new WOW({
    245. 

  245. 					boxClass: 'wow',
    246. 

  246. 					animateClass: 'animated',
    247. 

  247. 					offset: 0,
    248. 

  248. 					mobile: true,
    249. 

  249. 					live: true
    250. 

  250. 				});
    251. 

  251. 				// wow.init();
    252. 

  252. 

  253. 				//close-bar click
    254. 

  254. 				$('.close-bar').on('click', function(e) {
    255. 

  255. 					$("html,body ").fadeOut(500);
    256. 

  256. 					setTimeout(function() {
    257. 

  257. 						self.location.href = 'do.html';
    258. 

  258. 					}, 500);
    259. 

  259. 				});
    260. 

  260. 

  261. 			});
    262. 

  262. 		</script>
    263. 

  263. 

  264. 	</body>
    265. 

  265. 

  266. </html>
    267.