{extend name="public/base" /}
{block name="title"}
{notempty name=":lang_i18n('文化介绍')"}<title>{:lang_i18n('文化介绍')}</title>
{else/}{__BLOCK__}{/notempty}
{/block}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/aboutus_culture.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/animate.min.css" />
{/block}
{block name="main"}
<div class="orico_Page_productxc">
    <!--内容 -->
    <div class="productxcMain">
        {notempty name="focus_image"}
            <a  class="topimg" {notempty name="focus_image.link"}href="{$focus_image.link}"{/notempty}>
                <img src="{$focus_image.image}">
            </a>
        {/notempty}
        <div class="culture_top">
            
            {notempty name="culture"}
            <div class="culture_bril_con">
                {volist name="culture" id="cul" offset="0" length="3"}
                <div class="culture_bril_div animated fadeInUp">
                    <div class="iconimg"><img src="{$cul.image}"></div>
                    <div class="title">
                        <p>{$cul.title}</p>
                    </div>
                    <div class="subtitle">{$cul.desc|raw}</div>
                </div>
                {/volist}
            </div>
            {/notempty}
        </div>
        {notempty name="culture"}
        <div class="culture_vision">
            <div class="swt-Container">
                <div class="title">
                    <!--Vision and Mission-->
                </div>
                {volist name="culture" id="cul" key="k" offset="3" mod="2"}
                {eq name="mod" value="1"}
                <div class="swt-Table img-responsive culture_vision_02">
                    <div id="tab{$k}" class="Table-Row">
                        <div class="Table-Cell left animated fadeInLeft">
                            <p class="subtitle">{$cul.title}</p>
                            <div class="des">{$cul.desc|raw}</div>
                        </div>
                        <div class="Table-Cell center"></div>
                        <div class="Table-Cell right animated fadeInRight"><img src="{$cul.image}"></div>
                    </div>
                </div>
                {else /}
                <div class="swt-Table img-responsive">
                    <div id="tab{$k}" class="Table-Row">
                        <div class="Table-Cell left animated fadeInLeft"><img src="{$cul.image}"></div>
                        <div class="Table-Cell center"></div>
                        <div class="Table-Cell right animated fadeInRight">
                            <p class="subtitle">{$cul.title}</p>
                            <div class="des">{$cul.desc|raw}</div>
                        </div>
                    </div>
                </div>
                {/eq}
                {/volist}
            </div>
        </div>
        {/notempty}
    </div>
</div>
{/block}