{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/aboutus_story.css" />
{/block}
{block name="main"}
<div class="orico_Page_brand">
    <!--内容 -->
    <div class="brandMain">
        <img src="__IMAGES__/OurBrand.webp" class="img-responsive" />
        {notempty name="banners"}
        <div class="our_brand_con">
            {volist name="banners" id="ba" offset="0" length="2"}
            <div class="our_brand_bg">
                <div class="vtext ">
                    <div class="Table-Cell left  animated fadeInLeft">
                        <p class="title" {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
                        <hr>
                        <div {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
                    </div>
                    <div class="Table-Cell right  animated fadeInRight">
                        <img src="{$ba.image}" />
                    </div>
                </div>
            </div>
            {/volist}
        </div>
        <div class="dis_bril_bg">
            <div class="dis_bril_con ">
                {volist name="banners" id="ba" offset="2" length="3"}
                <div class="dis_bril_div">
                    <div class="iconimg"><img src="{$ba.image}"></div>
                    <div class="title">
                        <p {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
                    </div>
                    <div class="subtitle" {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
                </div>
                {/volist}
            </div>
        </div>
        {/notempty}
    </div>
</div>
{/block}