{extend name="public/base" /}
{block name="title"}
{notempty name=":lang('aboutus_introduction.title')"}<title>{:lang('aboutus_introduction.title')}</title>{else/}{__BLOCK__}{/notempty}
{/block}
{block name="style"}
<link rel="stylesheet" href="__CSS__/aboutus_introduction.css" />
{/block}
{block name="main"}
<div class="orico_Page_introduction">
    <!-- 内容-->
    <div class="introductionMain">
        <div class="iotbpage">
            {notempty name="focus_image"}
            <img src="{$focus_image.image}" alt="" class="bdimg1">
            {/notempty}
            <div class="iotb_bgw">
                <h1 class="iotbt1">{:lang('aboutus_introduction.section_why_title')}</h1>
                <div class="iotb_part1">
                    {notempty name="why"}
                    {volist name="why" id="wh"}
                    <div class="iotb_p1_item">
                        <img src="{$wh.image}" alt="" class="iotbic1">
                        <p class="iotbtp1">{$wh.title}</p>
                        <span class="iotbts1">{$wh.desc|raw}</span>
                    </div>
                    {/volist}
                    {/notempty}
                </div>
            </div>
            <div class="iotb_part2" style="background: #fff;">
                <h1 class="iotbt1">{:lang('aboutus_introduction.section_service_title')}</h1>
                {notempty name="service"}
                {volist name="service" id="se"}
                <div class="fdimgs">
                    {volist name="se" id="s"}
                    <div class="fdimgs-div">
                        <img src="{$s.image}" alt="" class="fbit">
                        <div class="fdimgs-div-span"></div>
                        <span>{$s.title}</span>
                    </div>
                    {/volist}
                </div>
                {/volist}
                {/notempty}
            </div>
        </div>
        <div class="iotb_part2" style="padding-bottom:0;background: #f2f2f2;">
            <h1 class="iotbt1">{:lang('aboutus_introduction.section_difference_title')}</h1>
            {notempty name="difference"}
            {volist name="difference" id="diff"}
            <div class="fdimgs fdimgs1">
                {volist name="diff" id="di"}
                <div class="fdimgs-div">
                    <img src="{$di.image}" alt="" class="fbit">
                    <div class="fdimgs-div-span"></div>
                    <span>{$di.title}</span>
                </div>
                {/volist}
            </div>
            {/volist}
            {/notempty}
        </div>
    </div>
</div>
{/block}