{layout name="layout" /}

<!--  -->
<div class="banner bannerDate">
    <div class="img"><img src="{$blocks['top_banner']['value'] ?? ''}"  onerror="this.src='/static/images/frontImages/95.jpg'"></div>
    <div class="cont">
        <div class="text w1232">
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"><i>{$category['title'] ?? ''}</i></div>
        </div>
    </div>
</div>
<!--  -->
<div class="minNavBox">
    <div class="cont w1232 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
        <div class="h1">当前位置：</div>
        <div class="mk">
            <a href="/">首页</a>
            <a href="javascript:;">{$category['title'] ?? ''}</a>
        </div>
    </div>
</div>

{php}
    $childCategoryGroup = [];
    foreach($childCategory as $childCate) {
        $childCategoryGroup[$childCate['group_name']][] = $childCate;
    }
    $childCategoryGroupList = array_values($childCategoryGroup);
{/php}

<!--  -->
<div class="condumtBox marginBotton">
    <div class="cont w1232">
        <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan1_title']['value'] ?? ''}</div>
        <div class="list">
            {foreach $childCategoryGroupList[0] ?? [] as $ki =>  $cate}
            <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                <a href="{:getUri($cate)}">
                    <div class="img"><i><img src="{$cate['src'] ?? ''}"></i></div>
                    <div class="text">
                        <div class="mk">
                            <i>{$ki + 1}</i>
                            <p>{$cate['title'] ?? ''}</p>
                        </div>
                    </div>
                </a>
            </div>
            {/foreach}
        </div>
    </div>
</div>
<div class="condumtBox marginBotton">
    <div class="cont w1232">
        <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan2_title']['value'] ?? ''}</div>
        <div class="list">
            {foreach $childCategoryGroupList[1] ?? [] as $ki =>  $cate}
            <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                <a href="{:getUri($cate)}">
                    <div class="img"><i><img src="{$cate['src'] ?? ''}" ></i></div>
                    <div class="text">
                        <div class="mk mk2">
                            <i>{$ki + 1}</i>
                            <p>{$cate['title'] ?? ''}</p>
                        </div>
                    </div>
                </a>
            </div>
            {/foreach}
        </div>
    </div>
</div>
<!--  -->
<div class="characteristic characteristic2 paddingTop2">
    <div class="titles">
        <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan3_title']['value'] ?? ''}</div>
        <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan3_subtitle']['value'] ?? '')}</div>
    </div>
    <div class="cont w1232">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                {if isset($blocks['slogan3_group']['json_value_list']) && !empty($blocks['slogan3_group']['json_value_list'])}
                {foreach $blocks['slogan3_group']['json_value_list'] as $ki => $groupItem}
                <div class="swiper-slide">
                    <div class="img wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"><i><img src="{$groupItem['src'] ?? ''}" ></i></div>
                    <div class="textBox wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                        <div class="text">
                            <div class="mk">
                                <div class="top">
                                    <i>{$ki + 1}</i>
                                    <p>{$groupItem['title'] ?? ''}</p>
                                </div>
                                <div class="p">{:nl2br($groupItem['desc'] ?? '')}</div>
                                <div class="more"><a href="javascript:;">立即咨询</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                {/foreach}
                {/if}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>