{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="/service.html">服务与支持</a></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">服务范围</a>
                    <ins></ins>
                </div>
                <div class="swiper-slide">
                    <a href="/download.html" class="active">下载中心</a>
                    <ins></ins>
                </div>
            </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>

<!-- 主体内容 -->
<div class="service-dwon-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <ul class="service-dwon-list wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
        {foreach $items as $item}
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <div class="down-txt">
                <h2>{$item.title ?? ''}</h2>
                <p><span>文件大小：{$item.size_text ?? ''}</span>文件格式：{$item.suffix ?? ''}</p>
            </div>
            <a href="/download/file.html?id={$item.id ?? 0}">点击下载<em></em></a>
        </li>
        {/foreach}
    </ul>

</div>
{$items->render('', 'class="page-list-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"')|raw}