#I LOVE YOU EVERDAY#

{include file=html/head.html}
 
			<div class="banner">
				<div class="swiper-container pc-banner">
					<div class="swiper-wrapper">
					{pboot:slide num=3 gid=1}
						<div class="swiper-slide"><a href="[slide:link]"><img src="[slide:src]" alt="" class="w-full"></a>
						</div>
						{/pboot:slide}
					</div>
				</div>
				<div class="message">
				<form action="{pboot:msgaction}"  method="post">
					<div class="table">
						<div class="tablebody">
							<div class="divtd">
								<i class="iconfont text-base text-regular" style="font-size:16px"></i>
								<input placeholder="您的小区名称" name="name" required>
							</div>
							<div class="divtd"><i class="iconfont text-base text-regular"
									style="font-size:16px"></i><input placeholder="您的户型面积" name="mj" required>
							</div>
							<div class="divtd">
								<i class="iconfont text-base text-regular" style="font-size:16px"></i>
								<input placeholder="您的称呼(必填)" name="ch" required>
							</div>
							<div class="divtd">
								<i class="iconfont text-base text-regular" style="font-size:16px"></i>
								<input placeholder="您的联系方式(必填)" name="lx" required>
							</div>
						</div><button class="btn-primary">立即预约</button>
					</div>
					</form>
					<span>*严格遵守《信息保密协议》，对您的信息严格保密</span>
				</div>
			</div>
			<div class="box1">
				<h2 class="titleh2">设计方案高度还原</h2>
				<p class="titledes">以设计力，改变更多人的生活</p>
				<div class="box1cases">
					<div class="swiper-container cp">
						<div class="swiper-3d swiper-wrapper">
						{pboot:list scode=1 num=36 isrecommend=1}
							<div class="swiper-slide">
								<a href="[list:link]">
									<div class="casesdiv">
										<img src="[list:ico]" alt="">
										<div class="casestextbg">
											<p class="text1">[list:title] [list:ext_mj]㎡</p>
											<p class="text2">[list:description]
											</p>
										</div>
									</div>
								</a>
							</div>
							{/pboot:list}
						</div>
					</div>
					<div class="swiper-pagination" style="display:none"></div>
				</div>
			</div>
			<div class="more">
				{pboot:sort scode=1}<a href="[sort:link]">
					<button>更多案例</button>
				</a>{/pboot:sort}
			</div>
			<div class="box2">
				<div class="container pr">
					<h2 class="wrap-title text-center fontwhite pt-20">德系工艺展示</h2>
					<p class="text-center text-text-2 fontwhite">别墅大宅专属工艺体系</p>
					<h4></h4>
				</div>
				<ul class="sub clearfix">
					<li class="tab-button on" data-tab="1">工艺知识</li>
					<li class="tab-button" data-tab="2">在施工地</li>
				</ul>
				<div class="swiper-container swiper-container33 mt10 " id="tab-1">
					<div class="swiper-wrapper">
					{pboot:list scode=17 num=36}
						<div class="swiper-slide">
						<a onclick="vdFtion('[list:ext_spsz]')">
						<img src="[list:ico]" alt="[list:title]">
						
							<div class="bar">
								<h2>[list:title]</h2>
								<p></p>
							</div></a>
						</div>
						{/pboot:list}
						
						
					</div>
				</div>
				<div class="swiper-container swiper-container44 mt10" id="tab-2" style="height:0">
					<div class="swiper-wrapper">
							{pboot:list scode=13 num=36}
						<div class="swiper-slide">
						<a href="[list:link]">
						<img src="[list:ico]" alt="[list:title]">
						
							<div class="bar">
								<h2>[list:title]</h2>
								<p></p>
							</div></a>
						</div>
						{/pboot:list}
							
					</div>
				</div>
			</div>
			<div class="h-12 bg-white relative w-full flex justify-center z-10">
				{pboot:sort scode=13}<a href="[sort:link]"><button class="btn-primary relative -top-6">更多工艺</button></a>{/pboot:sort}
			</div>
			<link href="{pboot:sitetplpath}/web/css/base.css" rel="stylesheet" type="text/css">
			<script src="{pboot:sitetplpath}/web/js/jquery-1.9.1.min.js"></script>
			<script src="{pboot:sitetplpath}/web/js/index.js"></script>

</ul>
					</div>
				</div>
			</div>
<style>
.thumbnail li{background-size:100% ;}
</style>
			<div class="py-20 relative z-10 bg-white" data-v-e43738ba>
				<h2 class="wrap-title text-center" data-v-e43738ba>高端热盘占有率</h2>
				<p class="text-center text-text-2 mb-10" data-v-e43738ba>百闻不如一见 去工地现场看看</p>
				<div class="container flex justify-between items-center" data-v-e43738ba>
					{pboot:list num=3 scode=4}
					<div class="overflow-hidden relative" data-v-e43738ba style="height: 480px;width:440px;float:left;margin:5px 5px 10px 5px">
					<a href="[list:link]"><img src="[list:ico]" alt style="width:440px;height:320px" data-v-e43738ba></a>
						<div class="card-hover transition-all duration-500 ease-in-out absolute bg-primary-bg w-full" data-v-e43738ba>
							<div class="py-5 px-7.5" data-v-e43738ba>
							<h1 class="text-2xl font-medium text-text-1" data-v-e43738ba>	[list:title]</h1>
								<p class="font-normal mt-2.5 text-text-1" data-v-e43738ba>
									{pboot:if('[list:subtitle]'!='')}[list:subtitle] {else} 正在装修：29套&nbsp;&nbsp;&nbsp;&nbsp;完成套数：20套 {/pboot:if}</p>
								<div class="mt-6" data-v-e43738ba="">
									<p class="text-base text-regular" data-v-e43738ba="">
									<i class="iconfont" style="font-size:16px" data-v-e43738ba=""></i>小区简介</p>
									<p class="text-s text-regular mt-1 shsl" data-v-e43738ba="">
										[list:ext_xqms]
									</p>
								</div>
								<div class="mt-7.5" data-v-e43738ba><a href="[list:link]" data-v-e43738ba>
								<button class="btn-primary" data-v-e43738ba>了解更多</button></a></div>
							</div>
						</div>
					</div>
						{/pboot:list}
				</div>
				<div class=" w-full flex justify-center left-0 " data-v-2888ebe0 style="margin-top:40px;">
				{pboot:sort scode=4}<a href="[sort:link]" data-v-2888ebe0><button class="btn-primary relative" data-v-2888ebe0>更多楼盘</button></a>{/pboot:sort}
				</div>

<div class="py-20 relative z-20 bg-primary-bg"
				style="background-image:url(images/design-bg.png);background-size:100% 100%" data-v-2888ebe0>
				<div class="container" data-v-2888ebe0>
					<h2 class="wrap-title text-center" data-v-2888ebe0>让你的家，被专业团队服务1次</h2>
					<p class="text-center text-text-2 mb-10" data-v-2888ebe0>多团队服务1个家，做专做细每1块</p>
					<div class="flex justify-center" style="height:560px" data-v-2888ebe0>
						<div class="bg-white h-full flex-shrink-0 py-12" style="width:40%" data-v-2888ebe0>
							<h2 class="text-regular text-2xl text-center" data-v-2888ebe0 style="font-weight: 600;">4组团队，赋能1个家</h2>
							<ul data-v-2888ebe0>
								<li class="flex items-center mt-12 pl-20" data-v-2888ebe0>
									<div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" data-v-2888ebe0>
										<i class="iconfont text-regular" data-v-2888ebe0></i></div>
									<div class="text-regular" data-v-2888ebe0>
										<p class="text-l font-medium" data-v-2888ebe0>主创设计师团队</p>
										<p class="text-s" data-v-2888ebe0>专家级设计团队，反复打磨量身定制</p>
									</div>
								</li>
								<li class="flex items-center mt-12 pl-20" data-v-2888ebe0>
									<div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" data-v-2888ebe0>
									<i class="iconfont text-regular" data-v-2888ebe0></i></div>
									<div class="text-regular" data-v-2888ebe0>
										<p class="text-l font-medium" data-v-2888ebe0>深化设计师团队</p>
										<p class="text-s" data-v-2888ebe0>精准规划未来家，不放过任何一处设计细节</p>
									</div>
								</li>
								<li class="flex items-center mt-12 pl-20" data-v-2888ebe0>
									<div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" data-v-2888ebe0>
									<i class="iconfont text-regular" data-v-2888ebe0></i></div>
									<div class="text-regular" data-v-2888ebe0>
										<p class="text-l font-medium" data-v-2888ebe0>金牌项目经理班组</p>
										<p class="text-s" data-v-2888ebe0>一砖一瓦的建筑师，德系工艺高效配合</p>
									</div>
								</li>
								<li class="flex items-center mt-12 pl-20" data-v-2888ebe0>
									<div class="rounded-full border border-primary-border flex justify-center items-center mr-3" style="width:56px;height:56px" data-v-2888ebe0>
									<i class="iconfont text-regular" data-v-2888ebe0></i></div>
									<div class="text-regular" data-v-2888ebe0>
										<p class="text-l font-medium" data-v-2888ebe0>售后客服团队</p>
										<p class="text-s" data-v-2888ebe0>全过程时时关心、事事关注、认真倾听</p>
									</div>
								</li>
							</ul>
						</div>
						<div class="bg-regular h-full flex-1 relative py-12" data-v-2888ebe0>
							<div class="triangle-l absolute top-2/4" data-v-2888ebe0></div>
							<h2 class="text-2xl text-white font-medium text-center" data-v-2888ebe0>多位设计师联手共创卓越设计</h2>
							<div class="text-white text-center text-opacity-50 text-s px-10 flex justify-between items-end mt-6" data-v-2888ebe0>
								<div class="text-left h-7.5 flex items-end" style="flex:1" data-v-2888ebe0>
									<span class="label" data-v-2888ebe0>主创设计师</span>
								</div>
								<div class="flex justify-around" style="flex:2" data-v-2888ebe0>
								<span class="label" data-v-2888ebe0>结构设计师</span>
								<i class="iconfont text-white text-opacity-20 relative -top-2" style="font-size:46px" data-v-2888ebe0></i>
								<span class="label" data-v-2888ebe0>设计师助理</span></div>
								<div class="text-right h-7.5 flex items-end justify-end" style="flex:1" data-v-2888ebe0>
									<span class="label" data-v-2888ebe0>深化设计师</span>
								</div>
							</div>
							<div class="text-white text-center text-opacity-50 text-s px-10 flex justify-between items-end mt-6" data-v-2888ebe0>
								<span class="label opacity-0" data-v-2888ebe0>景观设计师</span>
								<span class="label" data-v-2888ebe0>景观设计师</span>
								<span class="label opacity-0" data-v-2888ebe0>软装设计师</span>
								<span class="label" data-v-2888ebe0>软装设计师</span>
								<span class="label opacity-0" data-v-2888ebe0>橱柜设计师</span>
								<span class="label" data-v-2888ebe0>橱柜设计师</span>
								<span class="label opacity-0" data-v-2888ebe0>橱柜设计师</span>
							</div>
							<div class="px-5 mt-5 mx-auto" style="width:780px" data-v-2888ebe0>
							<img src="{pboot:sitetplpath}/web/images/team.png" alt class="w-full" data-v-2888ebe0></div>
						</div>
					</div>
					<div class="absolute w-full flex justify-center left-0 -bottom-6" data-v-2888ebe0>
					{pboot:sort scode=3}<a href="[sort:link]" data-v-2888ebe0><button class="btn-primary relative" data-v-2888ebe0>了解更多</button></a>{/pboot:sort}
					</div>
				</div>
			</div>
			<div class="py-20 relative overflow-hidden z-10">
				<h2 class="wrap-title text-center">服务流程</h2>
				<p class="text-center text-text-2 mb-7.5">
					用最优质的服务，给您带来最好的体验
				</p>
				<div class="container"><img src="{pboot:sitetplpath}/web/images/service.png" alt></div>
			</div>
			<div class="pt-20 box14 lazy_img bg-center load-over animate-active" style="background: #f6f6f6;">
				<div class="container">
					<h2 class="wrap-title text-center">我们承诺</h2>
					<p class="text-center text-text-2 mb-7.5">
						7项清零行动，打消您的一切顾虑
					</p>
					<img src="{pboot:sitetplpath}/web/images/bg8.png" alt="" class="mt20">
				</div>
			</div>
<script>
			var mySwiper = new Swiper('.box2 .swiper-container33', {
				slidesPerView: 3,
				loop: true,
				autoplay: 5000,
				speed: 1000,
				tdFlow: {
					rotate: 30,
					stretch: 10,
					depth: 150,
					modifier: 1,
					shadows: true
				}
			});
			var mySwiper12 = new Swiper('.box2 .swiper-container44', {
				slidesPerView: 3,
				loop: true,
				autoplay: 5000,
				speed: 1000,
				tdFlow: {
					rotate: 30,
					stretch: 10,
					depth: 150,
					modifier: 1,
					shadows: true
				}
			});

function goTop() {
				$('html,body').animate({
					scrollTop: 0
				}, 500)
			}

$('.box2 .sub li').mouseenter(function() {
				var tab = $(this).data('tab');
				$(this).addClass('on').siblings().removeClass('on');
				if (tab == 1) {
					document.getElementById('tab-2').style.height = "0px";
					document.getElementById('tab-1').style.height = "460px";
				} else {
					document.getElementById('tab-2').style.height = "460px";
					document.getElementById('tab-1').style.height = "0px";
				}

});
		</script>

{include file=html/foot.html}
			<script type="text/javascript" src="{pboot:sitetplpath}/web/js/jquery.terseBanner.min.js"></script>
              <script type="text/javascript" src="{pboot:sitetplpath}/web/js/script.js"></script>
	<div class="videoBg">
		</div>
		<div class="videoBox">
			<span class="xxBut">
				<img src="{pboot:sitetplpath}/web/images/xx-ico.png" />
			</span>
			<div class="videoDiv">
				<video id="videos"  data-src="" controls="controls">
				</video>
			</div>
		</div>
		
		<style>
		.videoBg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.85);z-index:998;display:none}
.videoBox{position:fixed;top:0;left:0;width:100%;padding:0 15px;z-index:999;height:80vh;width:100vw;display:none}
.xxBut{position:absolute;right:50px;top:50px;cursor:pointer;z-index:9999}
.videoDiv{position:absolute;width:auto;left:30%;height:80%}
.videoDiv #videos{max-width:1200px;max-height:80vh;margin-top:10vh}
		</style>
<script>
function vdFtion(tt){
    $("#videos").each(function(){
      var _this = $(this);
	  document.getElementById("videos").src=tt ;
	  /*
      $("#videos").attr({
        src: _this.data("src")
      });*/
    })
    $("#videos").get(0).play();
    $(".videoBg").fadeIn();
    $(".videoBox").fadeIn();
}
   $(".xxBut").click(function(){
    $(".videoBg").fadeOut();
    $(".videoBox").fadeOut();
    setTimeout(function(){
      $("#videos").attr({
        src: ""
      });
    },300)
   })
</script>