{layout name="layout" /}

<div class="pull-point w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"><a href="/">首页</a><em>/</em><a href="/cases.html">客户案例</a><em>/</em>{$secondInfo.title ?? ''}</div>
<div class="pull-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="case-detail">
        <h1>{$item.title ?? ''}</h1>
        <div class="detail-txt">
            <p>{$item['content']|raw}</p>
        </div>
        {if isset($images)}
        <div class="detail-swiper-bg wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <!-- 组图 -->
            <div class="case-swiper swiper">
                <div class="swiper-wrapper">
                    {foreach $images as $image}
                    <div class="swiper-slide"><img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}"></div>
                    {/foreach}
                </div>
            </div>
            <!-- 缩略图 -->
            <div class="case-thumbnail-bg">
                <div class="case-thumbnail-swiper swiper">
                    <div class="swiper-wrapper">
                        {foreach $images as $image}
                        <div class="swiper-slide">
                            <span><img src="{$image.src ?? ''}" alt="{$image.alt ?? ''}"></span>
                        </div>
                        {/foreach}
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        {/if}
    </div>
</div>
<div class="relevant-case w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="case-title"><strong>相关案例</strong><a href="/cases.html?second={$secondInfo.id ?? 0}">更多案例</a></div>
    <ul class="case-list case-list-other">
        {foreach $recommendList as $recommend}
        <li class=" wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <a href="/cases/detail.html?id={$recommend.id ?? 0}">
                <span><img src="{$recommend.src ?? ''}" alt="{$recommend.title ?? ''}"></span>
                <h3>{$recommend.title ?? ''}</h3>
                <p class="clips1">{$recommend.summary ?? ''}</p>
            </a>
        </li>
        {/foreach}
    </ul>
</div>