{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/contactus_index.css" />
{/block}
{block name="main"}
<div class="oricoEGapp">
    <!-- 内容-->
    <div class="oricoEGapp-Contact">
        <!--banner-->
        {notempty name="focus_image.image"}
        <div class="banner img-responsives margin-top-90">
            <img src="{$focus_image.image}" />
        </div>
        {/notempty}
        <div class="narskfPage">
            {notempty name="info_datas"}
            <div class="narskf-content">
                {assign name="chunks" value=":array_chunk($info_datas, 2)" /}
                {assign name="sizeof_chunks" value=":count($chunks)" /}
                {volist name="chunks" id="ch" key="k"}
                {if condition="$k elt ($sizeof_chunks - 1)"}
                    <div class="narskf-ct-row">
                        {volist name="ch" id="item"}
                        <div class="narskfit" {notempty name="item.link"}onclick="location.href='{$item.link}'"{/notempty}>
                            <img src="{$item.image}" class="narskico-img" />
                            <span class="narskf-title" {:style(['color' => $item['title_txt_color']])}>{$item.title}</span>
                            {notempty name="item.desc"}
                            <span class="narskf-sm" {:style(['color' => $item['desc_txt_color']])}>{$item.desc|raw}</span>
                            {/notempty}
                            {notempty name="item.extra_image"}
                            <div class="narskfactive-ewm" style="display: none;">
                                <img src="{$item.extra_image}" alt="" />
                            </div>
                            {/notempty}
                        </div>
                        {/volist}
                    </div>
                {else/}
                    {volist name="ch" id="item"}
                    <div class="narskf-ct-row">
                        <div class="narskfit narskfit2">
                            <img src="{$item.image}" class="narskico-img">
                            <div class="narskfit2-ct">
                                <span class="narskf-title" {:style(['color' => $item['title_txt_color']])}>{$item.title}</span>
                                <span class="narskf-sm" {:style(['color' => $item['desc_txt_color']])}>{$item.desc|raw}</span>
                            </div>
                        </div>
                    </div>
                    {/volist}
                {/if}
                {/volist}
            </div>
            {/notempty}
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    $(document).ready(function() {
        $('.narskfit').on('click', function() {
            var $ewm = $(this).find('.narskfactive-ewm');
            if ($ewm.css('display') === 'none') {
                $ewm.css('display', 'flex');
            } else {
                $ewm.css('display', 'none');
            }
        });
    });
</script>
{/block}