{layout name="layout" /}

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

<!-- 主体内容 -->
<div class="news-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    {if !empty($list)}
    {php}$first = $list[0] ?? [];{/php}
    {php}$secondList = array_slice($list, 1, 7) ?? [];{/php}
    {php}$thirdList = array_slice($list, 8, 4) ?? [];{/php}
    {if $first}
    <div class="news-first">
        <div class="news-left wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <div class="news-img"><img src="{$first.src ?? '__STATIC__/images/news.jpg'}" alt="{$first.title ?? ''}"></div>
            <div class="news-txt">
                <a href="/news/detail.html?id={$first.id ?? 0}" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
                    <span>{:date('Y.m.d', $first['create_time'])}</span>
                    <h3 class="clips2">{$first.title ?? ''}</h3>
                    <p class="clips2">{$first.summary ?? ''}</p>
                </a>
            </div>
            <a href="/news/detail.html?id={$first.id ?? 0}" class="more-btns">
                <em>查看更多</em>
                <em><ins></ins><ins></ins><ins></ins></em>
            </a>
        </div>
        {if $secondList}
        <ul class="news-right wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            {foreach $secondList as $second}
            <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
                <a href="/news/detail.html?id={$second.id ?? 0}">
                    <span>{:date('Y.m.d', $second['create_time'])}</span>
                    <h3 class="clips1">{$second.title ?? ''}</h3>
                </a>
            </li>
            {/foreach}
        </ul>
        {/if}
    </div>
    {/if}
    {if $thirdList}
    <ul class="news-list wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
        {foreach $thirdList as $third}
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <div class="img">
                <a href="/news/detail.html?id={$third.id ?? 0}"><img src="{$third.src ?? ''}" alt="{$third.title ?? ''}"></a>
            </div>
            <div class="txt">
                <a href="/news/detail.html?id={$third.id ?? 0}">
                <span>{:date('Y.m.d', $third['create_time'])}</span>
                <h3 class="clips1">{$third.title ?? ''}</h3>
                <p class="clips3">{$third.summary ?? ''}</p>
                </a>
                <a href="/news/detail.html?id={$third.id ?? 0}" class="more-btns">
                <em>查看更多</em>
                <em><ins></ins><ins></ins><ins></ins></em>
                </a>
            </div>
        </li>
        {/foreach}
    </ul>
    {/if}
    {else /}
    <div style="line-height: 3; text-align: center; color: #666666;">没有内容</div>
    {/if}
</div>
{$items->render('', 'class="page-list-bg w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"')|raw}