#I LOVE YOU EVERDAY#

{include file=html/head.html}
{include file=html/banner.html}
{include file=html/nav.html}
<div class="firstbox container"  style="margin-top:40px">

<div class="firstleft fl">
	
<div class="mod18">
 <span id="prev" class="btn prev" style="display:none"></span>
 <span id="next" class="btn next" style="display:none"></span>
 <span id="prevTop" class="btn prev"></span> <span id="nextTop" class="btn next"></span>
  <div id="picBox" class="picBox">
    <ul class="cf">
	{pboot:pics num=10 id={content:id}}
    <li><a {pboot:if([pics:i]==1)} onclick="vdFtion('{content:enclosure}')" {else} href="javascript:;"  {/pboot:if}><img src="[pics:src]" alt=""></a></li>
    	{/pboot:pics}
	
    </ul>
  </div>
	
  <div id="listBox" class="listBox">
    <ul class="cf">
	{pboot:pics num=10 id={content:id}}
      <li {pboot:if([pics:i]==1)} class="on" {/pboot:if}><i class="arr2"></i><a href="javascript:;"><img src="[pics:src]" alt=""></a><span>
	    {pboot:if([pics:i]==1)}航拍视频{/pboot:if}
	    {pboot:if([pics:i]==2)}楼盘效果{/pboot:if}
	    {pboot:if([pics:i]==3)}楼盘效果{/pboot:if}
	    {pboot:if([pics:i]==4)}楼盘效果{/pboot:if}
	    {pboot:if([pics:i]==5)}户型图{/pboot:if}
	    {pboot:if([pics:i]==6)}户型图{/pboot:if}
	    {pboot:if([pics:i]==7)}户型图{/pboot:if}
	    {pboot:if([pics:i]==8)}户型图{/pboot:if}
	    {pboot:if([pics:i]==9)}户型图{/pboot:if}
	    {pboot:if([pics:i]==10)}交通图{/pboot:if}
	  
	  </span></li>
     	{/pboot:pics}
		
    </ul>
  </div>
  <div class="clear"></div>
</div>

ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input{margin:0;padding:0;-webkit-text-size-adjust:none}
div{text-align:left}
a img{border:0}
body{}
ul, ol, li{list-style-type:none;vertical-align:0}
.mod18{width:600px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url({pboot:sitetplpath}/web/images/prevBtnTop.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:35%;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url({pboot:sitetplpath}/web/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url({pboot:sitetplpath}/web/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url({pboot:sitetplpath}/web/images/nextBtnTop.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:600px;height:390px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:118px;position:absolute;bottom:0;padding:5px;line-height:22px;text-align:center;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:600px; height:320px; padding-left:75px; padding-right:76px;position:relative;overflow:hidden;padding-top:0px;}
.mod18 .picBox ul{height:324px;position:absolute; left:0;}
.mod18 .picBox li{padding-right:1px; width:600px;height:320px;}
.mod18 .listBox{width:600px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:0px;}
.mod18 .listBox li{width:122px;height:85px;cursor:pointer;position:relative; padding:5px 0 0 0;opacity: 1;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:118px;height:85px;background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox img{background-color:#cfa972;opacity: 0.6;}
.mod18 .listBox .on a{opacity: 1;}
.mod18 .listBox .on img{opacity: 1;}
.mod18 .listBox .on i{display:block;}
.listBox img{width: 100%}
.mod18 .picBox li:first-child a:before{background:url({pboot:sitetplpath}/web/images/videoicon.png) 0 0 no-repeat;  border: 0;  border-radius: 50%;  content: '';  height: 55px;  left: 50%;  position: absolute;   top: 40%;  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);  -webkit-transition: all .3s ease;  transition: all .3s ease;  width: 55px; background-size:100%}
</style>
	</div>
	
	<div class="firstright fr " style="margin-left:4%;width:46%">
		
		<div class="information">
			<div class="inf_left1 ">
				<div class="tit clearfix">
					<h1><strong>{content:title}</strong></h1>
					<span class="nume_bm" style="margin-right:15px;font-size:12px;" title="{content:title}">{content:subtitle}</span>

</div>
			</div>
			<div class="clearfix"></div>
			<div class="information_li pdb10" style="margin-top:0px;">
				<div class="biaoqian1" id="xfptxq_B04_44">

<a class="green1" href="#" target="_blank">交通便利等</a>

</div>
			</div>
			<div class="bd"></div>

<div class="inf_left fl mr10">
					<h3>价格：</h3><span class="prib cn_ff">{content:ext_jg}</span>元/m²
				</div>

</div>
			<div class="clear"></div>

<p class="info_price" s="该价格为参考价格，实际价格以开发商为准">
				{content:ext_xqms}
			</p>

<div class="information_li">
				<div class="inf_left fl" id="xfptxq_B04_13">
					<h3>主力户型：</h3>
					<div class="fl zlhx">
                 {content:ext_zlhx}
					</div>
				</div>

</div>

<div class="information_li">
				<div class="inf_left fl" id="xfptxq_B04_12">
					<h3>项目地址：</h3>&nbsp;&nbsp;
					<span style="color:#333;" > {content:ext_xmdz}</span>
				</div>

</div>

</div>
		<div class="clear"></div>
		<div class="information_li2" id="AgentList_r">
		</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>

</div>

<div class="npgBox list" style="margin-top:40px;padding-bottom:0px"><a id="sx"></a>
	<script src="{pboot:sitetplpath}/web/js/jquery.min.js"></script>
		<script src="{pboot:sitetplpath}/web/js/swiper.min.js"></script>
	<div class="bigWt container">
		<div class="shigongList cl">
			{pboot:list num=9 scode=13 page=1 tags={content:title}}
			<div class="shigongLi">
				<dl class="shigongDl">
					<dt><a class="aImg" href="[list:link]">
							<img src="[list:ico]"></a></dt>
					<dd><a href="[list:link]">
							<h2 class="tit">[list:title]</h2>

</a>
						<div>
							<h3 class="smlTit">施工阶段</h3>
							<div class="swiper-container swpShig swpShig[list:n]">
								
								<div class="swiper-wrapper">
									{pboot:select field=ext_gzjd}
									<div {pboot:if('[select:value]'=='[list:ext_gzjd]' )}class="swiper-slide active"
										{else} class="swiper-slide " {/pboot:if}><span class="txt" style="text-align: center;">[select:value]</span>
									</div>
									{/pboot:select}

</div>
								<div class="swpShig-but swpShig-prev">
									<img src="{pboot:sitetplpath}/web/images/shj-prev.png">
								</div>
								<div class="swpShig-but swpShig-next">
									<img src="{pboot:sitetplpath}/web/images/shj-next.png">
								</div>
							</div>
							<div class="but cl mt30">
								<a class="btn-primary bg1" href="[list:link]">查看详情</a>
							</div>
						</div>
					</dd>
				</dl>
			</div>
<script type="text/javascript">

var csTxt2Swplist[list:n] = new Swiper('.swpShig[list:n]', {

slidesPerView: 3,

spaceBetween: 0,

centeredSlides: true,

loop: false,

speed: 1000,

navigation: {

nextEl: '.swpShig[list:n] .swpShig-next',

prevEl: '.swpShig[list:n] .swpShig-prev',

observer: true,

observeParents: true,

});

$(".swpShig[list:n]").each(function() {

var swpShigIdx = $(this).find(".active").index();

csTxt2Swplist[list:n].slideTo(swpShigIdx, 0)

})

</script>

{/pboot:list}

</div>

</div>
	
	<div class="container  flex justify-center items-center  ">
				<div class="paging " >
				<a id="firstPage" href="{page:index}">首页</a>
				<span><a id="nextPage" href="{page:pre}" >&lt;</a></span>
				{page:numbar}
				<span><a id="preNext" href="{page:next}">&gt;</a></span>
				<a id="lastPage" href="{page:last}">尾页</a>
				</div>
				</div>
</div>

<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>
		
{include file=html/foot1.html}