{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/webmaster.css?{$www.version}"/>
<section
        class="globalBanner {$banner['position']?'centered':'leftSide'} {$banner['theme']|default='white'}">
    <div class="comp_container comp_container_auto comp_container_100"
    >
        <div class="pagebanner-relative">
            <div class="pagebanner center-content">
                <div class="pagebanner-text ">
                    {if $banner.title}
                    <h1 class="pagebanner-title ">{$banner.title}</h1>
                    {/if}
                    {if $banner.describe}
                    <p class="pagebanner-description">{$banner.describe}</p>
                    {/if}
                    {if $banner.button}
                    <div class="pagebanner-button">
                        {foreach $banner.button as $key => $vo}
                        {if $vo.name}
                        <a href="{$vo.url|default=$www.ContactUs}"
                           target="_blank"
                           class="Button fancy-button bg-gradient"><span>{$vo.name}</span></a>
                        {/if}
                        {/foreach}
                    </div>
                    {/if}
                </div>
            </div>
        </div>
    </div>
</section>
{if  $pagecontent.nav.hidden}
<section class="support">
    <div class="comp_container comp_container_auto ">
        <div class="support-navbottom-container">
            {foreach $pagecontent.nav.list as $key => $vo}
            <div class="support-navbottom-item {if $key == 2}active{/if}">
                <div class="support-navbottom-content">
                    <div class="support-item-header">
                        <span class="support-navbottom-highlight">{$vo.phrase}</span>
                        <h2>{$vo.title}</h2>
                    </div>
                    <p>{$vo.desc}</p>
                    <a href="{$vo.url}"
                       class="support-navbottom-link">{$vo.button}</a>
                </div>
            </div>
            {/foreach}
        </div>
    </div>
</section>
{/if}
<main class="et-main">
    {if $pagecontent.requirement.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="applicationRequirements">
                <div class="currency-title">
                    <h2 class="currency-title-a">申请要求说明</h2>
                </div>
                <div class="applicationRequirements-container">
                    <div class="applicationRequirements-header">
                        <div class="applicationRequirements-header-content">
                            <h2>{$pagecontent.requirement.name}</h2>
                            <p>{$pagecontent.requirement.desc}</p>
                        </div>
                        <a href="{$url.contact}"
                           class="applicationRequirements-applyBtn">立即申请</a>
                    </div>
                    <div class="requirement-row">
                        {foreach $pagecontent.requirement.list as $key => $vo}
                        <div class="applicationRequirements-requirement">
                            <img
                                    src="{$vo.icon}"
                                    alt="资格条件">
                            <div>
                                <h3>{$vo.title}</h3>
                                <p>{$vo.desc}</p>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>

            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.model.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="sponsorshipProgram">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.model.name}
                    </h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.model.desc}
                    </p>
                </div>
                <div class="program-row">
                    {foreach $pagecontent.model.list as $key => $vo}
                    <div class="program-voucher">
                        <div class="program-grid-style">
                            <div class="program-voucher-content program-col-12">
                                <div class="program-voucher-left">
                                    <div class="program-left-shadow"></div>
                                    <div class="program-left-content">
                                        <div class="program-left-text">
                                            <div class="program-left-text-title">
                                              {$vo.name}
                                            </div>
                                            <div class="program-left-text-desc">
                                                {$vo.desc}
                                            </div>
                                            <a href="{$vo.url}"
                                               class="program-left-text-link">
                                                {$vo.button}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="program-voucher-right">
                                    <div class="program-right-card">
                                        <div class="program-right-card-left">
                                            <div class="program-right-card-limit">
                                                <span> {$vo.duration}</span>
                                                <p> {$vo.company}</p>
                                            </div>
                                            <div
                                                    class="program-right-card-limit-desc">
                                                到期需重新申请
                                            </div>
                                            <div class="program-right-card-border"></div>
                                        </div>
                                        <div class="program-right-card-right">
                                          {$vo.details|raw}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.notice.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="planNotice">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.notice.desc}
                    </h2>
                </div>
                <div class="rebate-content">
                    <div class="rebate-left">
                        <div class="refundNotice">
                            <img src="/themes/web/www/static/picture/remoteL17066295094209.png"
                                 alt="">
                            <p>{$pagecontent.notice.name}</p>
                        </div>
                        <div class="refundNotice-content">
                            {$pagecontent.notice.policy}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.casestudy.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="caseList">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.casestudy.name}
                    </h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.casestudy.desc}
                    </p>
                </div>
                <div class="caseList-container">
                    {foreach $pagecontent.casestudy.list as $key => $vo}
                    <a class="caseList-card"
                       {if $vo.url} href="{$vo.url}"  target="_blank"{/if}
                    >
                        <div class="caseList-imageWrap">
                            <div class="caseList-image"
                                 style="background-image: url('{$vo.logo}');"
                                 alt="{$vo.remarks}"></div>
                        </div>
                    </a>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
</main>
<script>
    $(document).ready(function () {
        $('.support-navbottom-item').hover(function () {
            $('.support-navbottom-item').removeClass('active');
            $(this).addClass('active');
        }, function () {
            $('.support-navbottom-item').removeClass('active');
            $('.support-navbottom-item:last-child').addClass('active');
        });
    });
</script>
{include file="common/footer"}