{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="/product.html">{$category.title ?? ''}</a>
    <em>/</em>{$secondInfo.title ?? ''}</div>
<div class="pull-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="product-detail">
        {if !empty($images)}
        <div class="product-swiper-bg wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <!-- 组图 -->
            <div class="product-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="product-thumbnail-bg">
                <div class="product-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 class="product-txt wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <h1>{$item.title ?? ''}</h1>
            <p class="clips7">{$item.description ?? ''}</p>
            <div class="product-contact">
                <p>
                    {if !empty($item.qr) || !empty($config.img_product_qr)}
                    <img src="{$item.qr ?: ($config.img_product_qr ?? '')}" style="width: 70px;height: 70px;" alt="qr icon">
                    {/if}
                    <a href="tel:{$item.phone ?: ($config.product_phone ?? '')}">
                        <strong>{$item.phone ?: ($config.product_phone ?? '')}</strong>
                        <em>(24小时热线)</em>
                    </a>
                </p>
                <p>
                    <img src="__STATIC__/images/icon/icon-qq.png" alt="">
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$item.qq ?: ($config.product_qq ?? '')}&site=qq&menu=yes">
                        <strong>{$item.qq ?: ($config.product_qq ?? '')}</strong>
                        <em>(点击聊天)</em>
                    </a>
                </p>
            </div>
        </div>
    </div>
</div>
<div class="product-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="case-title product-btns"><span>客户价值</span><span>主要参数</span></div>
    <div class="body-txt">
        <div class="txt-item wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            {$item.content|raw}
        </div>
        <div class="txt-item">
            {$item.params|raw}
        </div>
    </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="/product.html?second={$secondInfo.id ?? 0}">更多产品</a></div>
    <ul class="product-list">
        {foreach $recommendList as $recommend}
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <a href="/product/detail.html?id={$recommend.id ?? 0}">
                <h2>{$recommend.title ?? ''}</h2>
                <p class="clips3">{$recommend.description ?? ''}</p>
            </a>
        </li>
        {/foreach}
    </ul>
</div>