{layout name="layout" /}

<!--  -->
<div class="banner bannerDate bannerDateCell">
  <div class="img"><img src="{$blocks['top_banner']['value'] ?? ''}" alt="" onerror="this.src='/static/images/frontImages/w5.png'"></div>
  <div class="cont">
    <div class="text w1232">
      <div class="form">
        <div class="left">
          {if isset($blocks['top_banner_left_title']['value']) && !empty($blocks['top_banner_left_title']['value'])}
          <div class="em wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['top_banner_left_title']['value']}</div>
          {/if}

          {if isset($blocks['top_banner_left_subtitle']['value']) && !empty($blocks['top_banner_left_subtitle']['value'])}
          <div class="h wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['top_banner_left_subtitle']['value']}</div>
          {/if}

          {php}
          $BannerLeftTime = $blocks['top_banner_left_time']['value'] ?? '';
          $BannerLeftCourse = $blocks['top_banner_left_course']['value'] ?? '';
          {/php}

          {if !empty($BannerLeftTime) || !empty($BannerLeftCourse)}
          <div class="br wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
            {if !empty($BannerLeftTime)}
            <i>{$BannerLeftTime}课时</i>
            {/if}

            {if !empty($BannerLeftCourse)}
            <em>{$BannerLeftCourse}</em>
            {/if}
          </div>
          {/if}
        </div>

        {php}
        $targetList = getTextNlToList($blocks['top_banner_right_target']['value'] ?? '');
        {/php}
        {if count($targetList) > 0}
        <div class="right wow zoomIn" data-wow-duration="1s" data-wow-delay="0.5s">
          <div class="ms">
            <div class="h"><i>阶段目标</i></div>
            <div class="m">
              {foreach $targetList as $targetStr}
              <div class="k">{$targetStr|raw}</div>
              {/foreach}
            </div>
          </div>
        </div>
        {/if}

      </div>
    </div>
  </div>
</div>
<!--  -->
<div class="conducTwoBox paddingTop2">
  <div class="cont w1232">
    <div class="titles">
      <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan2_title']['value'] ?? ''}</div>
      <div class="p  wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan2_subtitle']['value'] ?? ''}</div>
    </div>
    <div class="list">
      {if isset($blocks['slogan2_group']['json_value_list']) && !empty($blocks['slogan2_group']['json_value_list'])}
      {foreach $blocks['slogan2_group']['json_value_list'] as $groupItem}
      <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
        <a href="javascript:;">
          <div class="img"><img src="{$groupItem['src'] ?? ''}" alt=""></div>
          <div class="text">
            <div class="h1">{$groupItem['title'] ?? ''}</div>
            <div class="p">{:nl2br($groupItem['desc'] ?? '')}</div>
          </div>
        </a>
      </div>
      {/foreach}
      {/if}
    </div>
  </div>
</div>
<!--  -->
<div class="conducTwoWent paddingTop3">
  <div class="top">
    <img src="{$blocks['slogan3_bg']['value'] ?? ''}" alt="" onerror="this.src='/static/images/frontImages/w7.jpg'">
  </div>
  <div class="cont w1232">
    <div class="titles titles2">
      <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan3_course']['value'] ?? ''}</div>
    </div>
    <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
      <div class="wk">
        <div class="p"><i>开课形式：</i>{$blocks['slogan3_course_form']['value'] ?? ''}</div>
        <div class="p"><i>使用教材：</i>{$blocks['slogan3_course_material']['value'] ?? ''}</div>
      </div>
    </div>
    <div class="minker wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
      <div class="text">
        <p>{$blocks['slogan3_course_summary']['value'] ?? ''}</p>
      </div>
      <div class="list">
        <div class="left">
          <div class="h2">{$blocks['slogan3_course_target_title']['value'] ?? ''}</div>
          <div class="mk">
            {if isset($blocks['slogan3_course_target_group']['json_value_list']) && !empty($blocks['slogan3_course_target_group']['json_value_list'])}
            {foreach $blocks['slogan3_course_target_group']['json_value_list'] as $ki => $groupItem}
            <div class="li">
              <i>{$ki+1}</i>
              <div class="h">{$groupItem['title']|raw}</div>
              <div class="p">{$groupItem['desc']|raw}</div>
            </div>
            {/foreach}
            {/if}
          </div>
        </div>
        <div class="right">
          <div class="li">
            <div class="img"><i><img src="{$blocks['slogan3_course_case1_img']['value'] ?? ''}" alt=""></i></div>
            <div class="p"><p>{$blocks['slogan3_course_case1_img']['summary'] ?? ''}</p></div>
          </div>
          <div class="li">
            <div class="img"><i><img src="{$blocks['slogan3_course_case2_img']['value'] ?? ''}" alt=""></i></div>
            <div class="p"><p>{$blocks['slogan3_course_case2_img']['summary'] ?? ''}</p></div>
          </div>
        </div>
      </div>
      <div class="moreBox"><a href="javascript:;">了解更多课程详情</a></div>
    </div>
  </div>
</div>

<!--  -->
{:widget('common/blockTrial', ['className' => ' indexMoreBoxerCell'])}

<!--  -->
<div class="othenBox paddingTop2">
  <div class="cont w1232">
    <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">了解其他课程</div>
    <div class="list">
      {if isset($blocks['slogan_other_courses']['json_value_list']) && !empty($blocks['slogan_other_courses']['json_value_list'])}
      {foreach $blocks['slogan_other_courses']['json_value_list'] as $ki => $groupItem}
      <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
        <a {if !empty(trim($groupItem['link']))}
          href="{$groupItem['link']|raw}"
          {else /}
          href="javascript:;"
          {/if} >
          <div class="img"><img src="{$groupItem['src'] ?? ''}"></div>
          <div class="more"><i>{$groupItem['title'] ?? ''}</i></div>
        </a>
      </div>
      {/foreach}
      {/if}
    </div>
  </div>
</div>


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