{layout name="layout" /}
{php}$service5List = json_decode($blocks['home_service_5']['value'], true);{/php}
{php}$firstService = array_shift($service5List);{/php}
<!-- 轮播 -->
<div class="banner w100">
<div class="banner-swiper swiper">
<div class="swiper-wrapper">
{foreach $slide as $slideItem}
<div class="swiper-slide">
<a href="">
<img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
<img src="{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
<div class="banner-txt w1360">
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$slideItem['font1']}</p>
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>
<p class="info ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">{$slideItem['font3']}</p>
<p class="english-info uppercase font-helvetica ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">{$slideItem['font4']}</p>
</div>
</a>
</div>
{/foreach}
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev wap-show"></div>
<div class="swiper-button-next wap-show"></div>
</div>
</div>
{if $isMobile&&1==2}
<!-- 走进中正 -->
<div class="index-about wap-show wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="title">
<p class="font-helvetica wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['know_zz_title']['value']}</p>
<strong class="wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['know_zz_desc']['value']}</strong>
</div>
<div class="txt bg-col-white">
<h2>{$blocks['company_desc_title']['value']}</h2>
<div class="rich-txt color-66">
<p>{$blocks['company_desc_content']['value']}</p>
</div>
<div class="about-history flex wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
{foreach $companyHistoryList as $history}
<div class="item wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<p class="color-66"><strong class="color-blue">{$history.year}</strong>年</p>
<span class="color-66 clips1">{$history.desc}</span>
</div>
{/foreach}
</div>
<a href="{$blocks['company_history_more']['link'] ?? ''}" class="about-more color-66 flex">{$blocks['company_history_more']['value'] ?? ''}</a>
<img src="{$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
</div>
{/if}
<!-- 新闻资讯&物业服务 -->
<div class="pull-section news-service-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="news-service flex w1360">
<!-- 新闻资讯 -->
<div class="index-news">
<!-- 标题 -->
<div class="index-news-title pc-show">
<strong class="font-helvetica">NEWS</strong>
<!-- <img src="__STATIC__/web/images/public/news-title.png" alt="project case"> -->
</div>
<!-- navTab -->
<div class="index-news-nav flex">
{foreach $newsCategory as $c}
<span data-url="{$c.url ?: $c.route}">{$c.title}</span>
{/foreach}
</div>
<a href="{$blocks['news_more_mobile']['link'] ?? 'javascript:;'}" class="news-more uppercase color-66 font-helvetica wap-show">{$blocks['news_more_mobile']['value']}</a>
<!-- 资讯列表 -->
<div class="new-list">
<!-- 新闻列表 -->
{foreach $newsList as $news}
<div class="swiper">
<div class="swiper-wrapper">
{foreach $news as $n}
<div class="swiper-slide">
<div class="wap-show"><img src="{$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
<a href="/news/{$n.id}.html">
<em class="color-blue wap-show">{:date('Y.m.d', $n.create_time)}</em>
<div class="title color-blue clips2">{$n.title}</div>
<p class="info color-66 clips3">{$n.summary}</p>
</a>
</div>
{/foreach}
</div>
<div class="swiper-pagination"></div>
</div>
{/foreach}
</div>
</div>
<!-- 物业服务 -->
<div class="index-service flex">
<a href="{$firstService['link'] ?? 'javascript:;'}" class="left-service color-white">
<img src="{$firstService['src']?? ''}" alt="{$firstService['title'] ?? ''}">
<div class="txt">
<p class="font-helvetica">{$firstService['desc'] ?? ''}</p>
<span>{$firstService['title'] ?? ''}</span>
</div>
<em class="font-helvetica pc-show">Learn more +</em>
</a>
<div class="right-service flex">
{if !empty($service5List)}
{foreach $service5List as $service}
<a href="{$service.link ?: 'javascript:;'}">
<img src="{$service.src}" alt="{$service.title}">
<p class="font-helvetica">{$service.desc}</p>
<span>{$service.title}</span>
</a>
{/foreach}
{/if}
</div>
</div>
</div>
</div>
<!-- 项目案例 -->
<div class="pull-section project-case-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="project-case w1360">
<div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="txt">
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<strong class="font-helvetica">PROEJECT CASE</strong>
<!-- <img src="{$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"> -->
</p>
<span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['project_case_title']['value'] ?? ''}</span>
</div>
<a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more pc-show color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
</div>
<div class="project-case-list flex">
{foreach $casesList as $case}
<a href="/cases/{$case.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="img"><img src="{$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
<div class="txt bg-col-white flex">
<p class="clips1">{$case.title}</p>
<span>+</span>
</div>
</a>
{/foreach}
</div>
</div>
</div>