{layout name="layout" /}
{php}
use app\model\Category;
$childrenMenu = Category::getChildrenByParentId($topCategoryId);
{/php}

{include file="public/about_second" /}

<!-- 服务详情 -->
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
  <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="detail-top">
      <!-- 轮播 -->
      <div class="detail-swiper swiper">
        <div class="swiper-wrapper">
          {if !empty($images)}
          {foreach $images as $img}
          <div class="swiper-slide">
            <a href="{$img['link'] ?: 'javascript:;'}">
              <img src="{$img.src ?? ''}" alt="{$img.alt ?? ''}">
            </a>
          </div>
          {/foreach}
          {/if}
        </div>
        <!-- 切换按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
      </div>
      <!-- 标题 -->
      <div class="detai-title">
        <h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title}</h1>
        <div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$item.sub_title}</div>
        <a href="{$category['url'] ?: $category['route']}" class="back-btn wap-show flex">返回列表</a>
      </div>
    </div>
    <!-- 详情 -->

    <div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
      <div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
        {$item.content|raw}
      </div>
    </div>
  </div>
  <div class="resource-advantage w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    {if !empty($resource)}
    {foreach $resource as $res}
    <img src="{$res.src ?? ''}" alt="{$res.alt ?? ''}" style="width: 100%;padding-top: 5px;">
    {/foreach}
    {/if}
  </div>
</div>