{layout name="layout" /}

<!-- 轮播图 -->
<div class="pull-banner w100">
  <img src="{$category.src ?: '__STATIC__/images/banner/banner-service.jpg'}" alt="{$category.title ?? ''}banner">
  <div class="pull-banner-title w1360">
    <h2>{$category.title ?? ''}</h2>
    <p>{$category.description ?? ''}</p>
    <span><a href="/">首页</a> /  <a href="{$category.alias ? '/'.$category.alias.'.html' : '/service.html'}">{$category.title ?? ''}</a> /{$secondInfo.title ?? ''}</span>
  </div>
</div>

<div class="pull-nav pull-nav-other w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
  <div class="pull-nav-bg pull-nav-bg2">
    <div class="pull-nav-swiper swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="/service.html" class="active">服务范围</a>
          <ins></ins>
        </div>
        <div class="swiper-slide">
          <a href="/download.html">下载中心</a>
          <ins></ins>
        </div>
      </div>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
</div>
<!-- 主体内容 -->
<div class="service-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
  <ul class="service-list">
    {if isset($blocks['service-area']['value']) && !empty($blocks['service-area']['value'])}
    {php}$images = json_decode($blocks['service-area']['value'], true);{/php}
    {foreach $images as $k => $serviceImage}
    <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="service0{$k}">
      <div class="img">
        <img src="{$serviceImage['src'] ?? ''}" alt="{$serviceImage['alt'] ?? '服务范围'}">
      </div>
      <div class="txt">
        <h2>{$serviceImage['title'] ?? ''}</h2>
        <p>{:nl2br($serviceImage['desc']) ?? ''}</p>
      </div>
    </li>
    {/foreach}
    {/if}
  </ul>
</div>