<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/20
 * Time: 上午12:51
 */
use frontend\assets\AppAsset;

AppAsset::addCss($this, Yii::$app->request->baseUrl . "/overseas/css/public.css");
AppAsset::addCss($this, Yii::$app->request->baseUrl . "/overseas/zt/office20200727/swiper-3.4.2.min.css");
AppAsset::addCss($this, Yii::$app->request->baseUrl . "/overseas/zt/office20200727/office.css");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/overseas/zt/office20200727/swiper-3.4.2.min.js");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/overseas/zt/office20200727/office.js");
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/overseas/js/applyVerify.min.js");
$this->title = '写字楼专题-品房海外';
?>
<div class="office">
	<div class="officeHead">
		<p><img src="/overseas/zt/office20200727/image/ico_01.png" alt=""></p>
	</div>

	<div class="officeLeat">
		<p><img src="/overseas/zt/office20200727/image/ico_02.jpg" alt=""></p>
	</div>

	<div class="officeAdvantage">
		<div class="officeAdvantage_main">
			<div class="office_title office_title3">
				<p>
					<span>投资写字楼优势</span>
					<em>FREE TRADE PORT</em>
				</p>
				<i></i>
			</div>
			<div class="officeAdvantage_img">
				<img src="/overseas/zt/office20200727/image/ico_03_1.png" alt="">
			</div>
		</div>
	</div>
	
	<div class="officeFlow">
		<div class="officeFlow_main">
			<p class="bg"><img src="/overseas/zt/office20200727/image/ico_04.png" alt=""></p>
			<div class="officeFlow_form">
				<form class="submit_area">
	                <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名,其它为楼盘ID-->
	                <input type="hidden" name="source" value="115">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
	                <input type="hidden" name="equipment" value="2">        <!--来源设备 ( PC端  2,手机端   1 )-->
					<p class="inp">
						<span>
							<img src="/overseas/zt/office20200727/image/ico_05.png" alt="">
							<input type="text" name="mobile" placeholder="请输入您的手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号'">
						</span>
						<a class="js_submitBox" href="javascript:;">立即咨询</a>
					</p>	
				</form>
			</div>
		</div>
	</div>
    <div class="officeLise">
        <?php if(!empty($cityList[0])){?>
		<div class="officeLise_main">
			<div class="office_title">
				<p>
					<span><?=$cityList[0]['title']?></span>
					<em>FREE TRADE PORT</em>
				</p>
				<i></i>
			</div>

			<div class="officeLise_list js_officeLise_list">
				<div class="list_div swiper-wrapper">
                    <?php if(!empty($cityList[0]['house_list'])){ foreach ($cityList[0]['house_list'] as $val){?>
					<div class="list_ul swiper-slide swiper-no-swiping">
                        <?php foreach ($val as $v){?>
						<div class="list_li">
							<div class="list_mL">
								<a target="_blank" href="/house/<?=$v['hid']?>">
									<img src="<?=$v['thumb']?>" alt="">
								</a>
							</div>
							<div class="list_mR">
								<p class="title"><a target="_blank" href="/house/<?=$v['hid']?>"><?=$v['name']?></a></p>
								<p class="zk">
                                    <?php if(!empty($v['preferential'])){?>
									<span><?=$v['preferential']?></span>
                                    <?php }else{?>
                                        <span>暂无优惠</span>
                                    <?php }?>
									<img src="/overseas/zt/office20200727/image/ico_07.png" alt="">
								</p>
								<p class="city">
									<img src="/overseas/zt/office20200727/image/ico_06.png" alt="">
									<span>地址:<?=$v['address']?></span>
								</p>
								<p class="pric">
									<span>价格</span>
                                    <?php if(!empty($v['sale_price'])){?>
									<em><?=$v['sale_price']?></em>
									<span><?=$v['price_unit']?></span>
                                    <?php }else{?>
                                        <em>待定</em>
                                    <?php }?>
								</p>

								<div class="xiangm"></div>
								<div class="lpbm">
									<a class="djtx js_buttomBm" data-hid="<?=$v['hid']?>"  href="javascript:;">低价提醒</a>
									<a class="zxzx" onclick="$53click()" href="javascript:;">在线咨询</a>
								</div>
							</div>
						</div>
						<?php }?>
					</div>
                    <?php }}?>


			</div>
			<div class="list_gengduo">
				<a href="/house/search?city=68&label=12">
					查看更多
				</a>
			</div>
            <div class="swiper-pagination"></div>
		</div>
	</div>
<?php }?>
        <?php if(!empty($cityList[1])){?>
	<div class="officeHot">
		<div class="officeHot_main">
			<div class="office_title office_title2">
				<p>
					<span><?=$cityList[1]['title']?></span>
					<em>FREE TRADE PORT</em>
				</p>
				<i></i>
			</div>
			<div class="officeHot_list_main">
				<div class="officeHot_list js_officeHot_list">
					<ul class="swiper-wrapper">
                        <?php if(!empty($cityList[1]['house_list'])){ foreach ($cityList[1]['house_list'] as $v){?>
						<li class="swiper-slide">
							<div class="top_ico">
								<a target="_blank" href="/house/<?=$v['hid']?>">
									<p class="img"><img src="<?=$v['thumb']?>" alt=""></p>
									<div class="ap_text">
                                        <?php if(!empty($v['preferential'])){?>
										<p class="zkyh" title="<?=$v['preferential']?>"><?=$v['preferential']?></p>
                                        <?php }else{?>
                                            <p class="zkyh" title="暂无优惠">暂无优惠</p>
                                        <?php }?>
                                        <?php if(!empty($v['sale_price'])){?>
										<p class="pric">价格<span><?=$v['sale_price']?></span><?=$v['price_unit']?></p>
                                        <?php }else{?>
                                            <p class="pric">价格<span>待定</span></p>
                                        <?php }?>
									</div>
								</a>
							</div>
							<div class="text_b">
								<div class="top_text">
									<a target="_blank" href="/house/<?=$v['hid']?>"><?=$v['name']?></a>
									<p class="city">
										<span>地址:<?=$v['address']?></span>
									</p>
								</div>
								<div class="lpbm">
									<a class="djtx js_buttomBm" data-hid="<?=$v['hid']?>"  href="javascript:;">低价提醒</a>
									<a class="zxzx" onclick="$53click()" href="javascript:;">在线咨询</a>
								</div>
							</div>
						</li>
                        <?php }}?>
					</ul>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
	</div>
<?php }?>
	<!-- 专业团队  -->
	<div class="officeTeam">
		<div class="officeTeam_main">
			<div class="office_title">
				<p>
					<span>专业团队</span>
					<em>FREE TRADE PORT</em>
				</p>
				<i></i>
			</div>
			<div class="officeTeam_center">
				<div class="officeTeam_center_show">
					<div class="show-main">
						<div class="left_ico">
							<img src="/overseas/zt/office20200727/image/ico_21_1.png" alt="">
						</div>
						<div class="right_text">
							<p class="name"><span>叶露</span><em>资深顾问</em></p>
							<p class="text_m">多年房产从业经验,主要负责东线,熟悉海南各省购房流程,为数百位客户成功置业安家,热情、大方</p>
							<a href="javascript:;">立即咨询</a>
						</div>
					</div>
				</div>
				<div class="show_list js_show_list">
					<ul>
						<li class="on">
							<a href="javascript:;">
								<p class="l_img" data-text="多年房产从业经验,主要负责东线,熟悉海南各省购房流程,为数百位客户成功置业安家,热情、大方">
									<img src="/overseas/zt/office20200727/image/ico_21_1.png" alt="">
								</p>
								<p class="name"><span>叶露</span><em>资深顾问</em></p>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<p class="l_img" data-text="精通海南各省市的房产市场行情,擅长根据客户的需求,定制专属方案,性格开朗大方、幽默稳重">
									<img src="/overseas/zt/office20200727/image/ico_21_2.png" alt="">
								</p>
								<p class="name"><span>文常娜</span><em>资深顾问</em></p>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<p class="l_img" data-text="熟悉海南房产市场,成交率覆盖全省十几个市县,对房产置业安家具有专业和独特的见解">
									<img src="/overseas/zt/office20200727/image/ico_21_3.png" alt="">
								</p>
								<p class="name"><span>孙达</span><em>资深顾问</em></p>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<p class="l_img" data-text="多年海南房产从业经验,办理房产投资金额高达十几亿元,能用百分百的热情,给客户一个更优质的服务">
									<img src="/overseas/zt/office20200727/image/ico_21_4.png" alt="">
								</p>
								<p class="name"><span>扈政</span><em>资深顾问</em></p>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<p class="l_img" data-text="多年房产投资服务的从业经验,精通各市县资产配置,热情开朗,不断学习为了更好的服务客户">
									<img src="/overseas/zt/office20200727/image/ico_21_5.png" alt="">
								</p>
								<p class="name"><span>刘恩</span><em>资深顾问</em></p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	
	 <div class="officeFlow officeFlow2" style="display:none">
		<div class="officeFlow_main">
			<p class="bg"><img src="/overseas/zt/office20200727/image/ico_04.png" alt=""></p>
			<div class="officeFlow_form">
				<form class="submit_area">
                <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名,其它为楼盘ID-->
	                <input type="hidden" name="source" value="107">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
	                <input type="hidden" name="equipment" value="2">        <!--来源设备 ( PC端  2,手机端   1 )-->
					<p class="inp">
						<span>
							<img src="/overseas/zt/office20200727/image/ico_05.png" alt="">
							<input type="text" name="mobile" placeholder="请输入您的手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号'">
						</span>
						<a class="js_submitBox" href="javascript:;">立即咨询</a>
					</p>	
				</form>
			</div>
		</div>
	</div>


	<div class="myAdvantage">
		<div class="myAdvantage_main">
			<div class="office_title office_title3">
				<p>
					<span>我们的优势</span>
					<em>FREE TRADE PORT</em>
				</p>
				<i></i>
			</div>
			<div class="myAdvantage_img">
				<img src="/overseas/zt/office20200727/image/ico_14.png" alt="">
			</div>
		</div>
	</div>


	<!-- <div class="officeFoot">
		<div class="officeFoot_main">
			活动可在页面直接报名参与或来电参与 \ 以上楼盘活动,如有变动,最终以开发商公示为准
		</div>
	</div> -->


	<div class="officeBanner">
		<p class="bg"><img src="/overseas/zt/office20200727/image/ico_15.png" alt=""></p>
		<div class="officeBanner_form">
			<form class="submit_area">
                <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名,其它为楼盘ID-->
                <input type="hidden" name="source" value="117">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                <input type="hidden" name="equipment" value="2">        <!--来源设备 ( PC端  2,手机端   1 )-->
				<p class="inp">
					<span>
						<img src="/overseas/zt/office20200727/image/ico_05.png" alt="">
						<input type="text" name="mobile" placeholder="请输入您的手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号'">
					</span>
					<a class="js_submitBox" href="javascript:;">立即咨询</a>
				</p>	
			</form>
		</div>
	</div>

</div>




<!--  弹窗 -->
<div class="officeAppen">
	<div class="officeAppen_main">
		<div class="officeAppen_gb"><a href="javascript:;"><img src="/overseas/zt/office20200727/image/ico_17.png" alt=""></a></div>
		<div class="officeAppen_form">
			<form class="submit_area">
                <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名,其它为楼盘ID-->
                <input type="hidden" name="source" value="116">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                <input type="hidden" name="equipment" value="2">        <!--来源设备 ( PC端  2,手机端   1 )-->
				<p class="un">
					<img src="/overseas/zt/office20200727/image/ico_05.png" alt="">
					<input type="text" name="mobile" placeholder="请输入您的手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号'">
				</p>
				<p class="inb">
					<a class="js_submitBox" href="javasceipt:;">立即报名</a>
				</p>
			</form>
		</div>
		<div class="officeAppen_m">
			<img src="/overseas/zt/office20200727/image/ico_16.png" alt="">
		</div>
	</div>
</div>
<div class="officeAppen_bg"></div>


<!-- 报名看房 -->
<div class="applekf">
    <div class="applekf_main">
        <div class="applekf_gb"><a href="javascript:;"><img src="/image/ico_close1.png" alt=""></a></div>
        <div class="applekf_title">
            <p class="tit">
                <span class="le" style="display:block;">低价提醒</span>
            </p>
            <div class="freehead">
                <img src="/image/bm_yh.png" alt="">
                <p class="text">优质房源降价涨价一手消息早知道,立即订阅,价格波动立即通知您,为您找准买房好时机!</p>
            </div>
        </div>
        <div class="applekf_form">
            <form class="submit_area">
                <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名,其它为楼盘ID,有时默认为0有可能通过JS修改为楼盘ID-->
                <input type="hidden" name="source" value="116">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                <input type="hidden" name="equipment" value="2">        <!--来源设备 ( PC端  2,手机端   1 )-->

                <div class="selectbox">
                     <img src="/image/bm1.png" alt="">
                     <input class="app_puic" name="name" type="text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的姓名'" placeholder="请输入您的姓名">
                </div>
                <div class="selectbox">
                     <img src="/image/bm2.png" alt="">
                     <input class="app_puic" name="mobile" type="text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号码'" placeholder="请输入您的手机号码">
                </div>
                <a class="app_buttom js_submitBox" href="javascript:;">立即提交</a>
            </form>
            <p class="tel">订阅后会有置业顾问致电并提供服务</p>
        </div>
    </div>
</div>

<div class="applekfBG"></div>