{layout name="layout" /}

<!--  -->
<div class="banner bannerDate">
    <div class="img"><img src="{$blocks['top_banner']['value'] ?? ''}" onerror="this.src='/static/images/frontImages/w11.jpg'"></div>
    <div class="cont">
        <div class="text w1232">
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['banner_text']['value'] ?? '')}</div>
        </div>
    </div>
</div>
<!--  -->
<div class="whoBoxOne paddingTop2">
    <div class="cont w1232">
        <div class="titles">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan1_title']['value'] ?? ''}</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan1_subtitle']['value'] ?? '')}</div>
        </div>
        <div class="list">
            {if isset($blocks['slogan1_group']['json_value_list']) && !empty($blocks['slogan1_group']['json_value_list'])}
            {foreach $blocks['slogan1_group']['json_value_list'] as $ki => $groupItem}
            <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                <a href="jacascript:;">
                    <div class="img"><img src="{$groupItem['src'] ?? ''}"></div>
                    <div class="text">
                        <div class="mk">
                            <div class="h1">{$groupItem['title'] ?? ''}</div>
                            <div class="p">{:nl2br($groupItem['desc'] ?? '')}</div>
                        </div>
                    </div>
                </a>
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>
<!--  -->
<div class="whoBoxTwo">
    <div class="cont w1232">
        <div class="text">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan2_title']['value'] ?? '')}</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                <p>{:nl2br($blocks['slogan2_description']['value'] ?? '')}</p>
            </div>
        </div>
        <div class="img">
            {if isset($blocks['slogan2_group']['json_value_list']) && !empty($blocks['slogan2_group']['json_value_list'])}
            {foreach $blocks['slogan2_group']['json_value_list'] as $ki => $groupItem}
            <div class="m m{$ki+1} wow zoomIn" data-wow-duration="1s" data-wow-delay="0.5s"><img src="{$groupItem['src'] ?? ''}"></div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>
<!--  -->
<div class="whoBoxThree marginBotton">
    <div class="cont w1232">
        <div class="img wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0"><i><img src="{$blocks['slogan3_left_img']['value'] ?? ''}"></i></div>
        <div class="text wow fadeInRight" data-wow-duration="1s" data-wow-delay="0">
            <div class="mk">
                <div class="h1">{:nl2br($blocks['slogan3_title']['value'] ?? '')}</div>
                <div class="p">{:nl2br($blocks['slogan2_description']['value'] ?? '')}</div>
                <div class="icon">
                    <div class="li li1 alert-weixin-qr"><a href="javascript:;">公众微信号</a></div>
                    <div class="li li2">
                        <a {if isset($config['about_contact_xiaohongshu']) && !empty($config['about_contact_xiaohongshu'])}
                        href="{$config['about_contact_xiaohongshu']}" rel="nofollow" target="_blank"
                        {esle /}href="javascript:;"{/if} >小红书</a>
                    </div>
                    <div class="li li3">
                        <a {if isset($config['about_contact_bilibili']) && !empty($config['about_contact_bilibili'])}
                        href="{$config['about_contact_bilibili']}" rel="nofollow" target="_blank"
                        {esle /}href="javascript:;"{/if} >Bilibili</a>
                    </div>
                    <div class="li li4">
                        <a {if isset($config['about_contact_weibo']) && !empty($config['about_contact_weibo'])}
                        href="{$config['about_contact_weibo']}" rel="nofollow" target="_blank"
                        {esle /}href="javascript:;"{/if} >微博</a>
                    </div>
                    <div class="li li5">
                        <a {if isset($config['about_contact_zhihu']) && !empty($config['about_contact_zhihu'])}
                        href="{$config['about_contact_zhihu']}" rel="nofollow" target="_blank"
                        {esle /}href="javascript:;"{/if} >知乎</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--  -->
<div class="whoMaoBox">
    <div class="text">
        <div class="textBox w1232">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan4_title']['value'] ?? '')}</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                {:nl2br($blocks['slogan4_description']['value'] ?? '')}
            </div>
        </div>
    </div>
    <div class="mapBr" id="map1"></div>
    <script src="/static/js/bdmap.js" type="text/javascript"></script>
    <script type="text/javascript">
        let mapxVal2 = "{if isset($system['company_map_position']) && !empty($system['company_map_position'])}{$system['company_map_position']}{/if}";
        mapxVal2 = mapxVal2.length > 0 ? mapxVal2 : '104.074247,30.63011';
        ShowMap("map1",{city:'成都市',addr:'欧罗巴巴',title:'欧罗巴巴',lawfirm:'欧罗巴巴',tel:'0000',mapx: mapxVal2,ismove:'0',piobj:'nxp',zoom:17});
    </script>
</div>
<!--  -->
<div class="indexMoreBoxer indexMoreBoxerCell">
    <div class="cont w1232">
        <div class="text">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">想上车学德语吗？</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">来欧罗巴巴，开启你的德语之旅吧！</div>
        </div>
        <a href="javascript:;" class="more wow zoomIn" data-wow-duration="1s" data-wow-delay="0.5s">极速试听</a>
    </div>
</div>

<!--  -->
{:widget('common/blockSimpleCourse')}