{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/partner.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 ">
                    <h1 class="pagebanner-title ">{$banner['title']}</h1>
                    <p class="pagebanner-description">{$banner['describe']}</p>
                    <div class="pagebanner-button">
                        {if $banner.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}
                        {/if}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="et-container container_bg1">
    <div class="comp_container comp_container_auto overflow_tab">
        <div class="et-hero-tabs">
            <ul class="et-hero-tabs-container">
                {present name="pagecontent" value="页面内容"}
                {if $pagecontent.advantage.hidden}
                <li class="et-hero-tab active">
                    <a>{$pagecontent.advantage.name}</a>
                </li>
                {/if}
                {if $pagecontent.formequity.hidden}
                <li class="et-hero-tab ">
                    <a>{$pagecontent.formequity.name}</a>
                </li>
                {/if}
                {if $pagecontent.formgrade.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.formgrade.name}</a>
                </li>
                {/if}
                <li class="et-hero-tab">
                    <a>申请流程</a>
                </li>
                {if $pagecontent.problem.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.problem.name}</a>
                </li>
                {/if}
                {/present}
                <span class="et-hero-tab-slider"></span>
            </ul>
        </div>
    </div>
</section>
<main class="et-main">
    {if $pagecontent.advantage.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="introduce">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.advantage.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.advantage.desc}
                    </p>
                </div>
                <div class="introduce-row">
                  {foreach $pagecontent.advantage.row as $key => $vo}
                    <div class="introduce-section">
                        <div class="introduce-section-img"
                             {if $vo.background}
                             style="background-image:url({$vo.background})"
                             {/if}
                        >
                            <div class="introduce-section-container">
                                <h2 class="introduce-section-title">
                                    {$vo.title}
                                </h2>
                                <div class="introduce-section-desc">
                                    <p>
                                        {$vo.desc}
                                        {$vo.background}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.formequity.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="grade">
                <div class="currency-title">
                    <h2 class="currency-title-a">{$pagecontent.formequity.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.formequity.desc}</p>
                </div>
                <table class="grade-table">
                    <tr class="grade-table-header">
                        <th class="grade-table-header-cell">类型</th>
                        <th class="grade-table-header-cell">权益类型</th>
                        {foreach $pagecontent.levellist as $key => $vo}
                        <th class="grade-table-header-cell"
                            style="background:{$vo.bg} ">
                            {$vo.name}</th>
                        {/foreach}
                    </tr>
                    {foreach $pagecontent.equitylist as $key => $vo}
                    {foreach $vo.children as $k2 => $v2}
                    {if $k2 == 0}
                    <tr class="grade-row">
                        <td rowspan="{$vo.children|count}" class="grade-table-cell grade-category">
                            {$vo.name}
                        </td>
                        {else}
                    <tr class="grade-row">
                        {/if}
                        <td class="grade-table-cell grade-subcategory">{$v2.name}</td>
                        {foreach $v2.children as $k3 => $v3}
                        <td class="grade-table-cell grade-status {if $v3.equity}grade-status-yes{else}grade-status-no{/if}"></td>
                        {/foreach}
                    </tr>
                    {/foreach}
                    {/foreach}
                </table>

            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.formgrade.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="requirement">
                <div class="currency-title">
                    <h2 class="currency-title-a">{$pagecontent.formgrade.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.formgrade.desc}</p>
                </div>
                <div class="partner_table">
                    <div class="partner_row partner_header">
                        <div class="partner_cell">伙伴等级</div>
                        {if $pagecontent.formgrade.preStorage}
                        <div class="partner_cell">预存金额</div>
                        {/if}
                        {if $pagecontent.formgrade.discount}
                        <div class="partner_cell">产品折扣</div>
                        {/if}
                        {if $pagecontent.formgrade.company_size}
                        <div class="partner_cell">公司规模标准</div>
                        {/if}
                        {if $pagecontent.formgrade.full_time_team}
                        <div class="partner_cell">专职团队人数</div>
                        {/if}
                        {if $pagecontent.formgrade.quarterly_sales}
                        <div class="partner_cell">季度销售额</div>
                        {/if}
                        {if $pagecontent.formgrade.annual_sales}
                        <div class="partner_cell">年度销售额</div>
                        {/if}
                    </div>
                    {foreach $pagecontent.levellist as $key => $vo}
                    <div class="partner_row">
                        <div class="partner_cell" style="background:
                        {$vo.bg}">{$vo.name}</div>
                        {if $pagecontent.formgrade.preStorage}
                        <div class="partner_cell">{$vo.preStorage|default
                            ="x"}</div>
                        {/if}
                        {if $pagecontent.formgrade.discount}
                        <div class="partner_cell">{$vo.discount|default
                            ="x"}</div>
                        {/if}
                        {if $pagecontent.formgrade.company_size}
                        <div class="partner_cell">{$vo.company_size|default
                            ="x"}</div>
                        {/if}
                        {if $pagecontent.formgrade.full_time_team}
                        <div class="partner_cell">{$vo.full_time_team|default
                            ="x"}</div>
                        {/if}
                        {if $pagecontent.formgrade.quarterly_sales}
                        <div class="partner_cell">{$vo.quarterly_sales|default
                            ="x"}</div>
                        {/if}
                        {if $pagecontent.formgrade.annual_sales}
                        <div class="partner_cell">{$vo.annual_sales|default
                            ="x"}</div>
                        {/if}
                    </div>
                    {/foreach}
                </div>

            </div>
        </div>
    </section>
    {/if}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="flow">
                <div class="currency-title">
                    <h2 class="currency-title-a">申请流程</h2>
                    <p class="currency-title-a-content">
                        提供快速高效的申请渠道和审核流程，助您轻松加入我们的合作伙伴网络！</p>
                </div>
                <div class="flow-content">
                    <div class="flow-img">
                        <img
                                src="{$imag}/static/picture/remoteL17069792867331.png">
                    </div>
                    <div class="cooperate-content">
                        <div class="cooperate-item">
                            <div>1</div>
                            <div>提交申请</div>
                        </div>
                        <div class="cooperate-item">
                            <div>2</div>
                            <div>审核评估</div>
                        </div>
                        <div class="cooperate-item">
                            <div>3</div>
                            <div>沟通共创</div>
                        </div>
                        <div class="cooperate-item">
                            <div>4</div>
                            <div>签署协议</div>
                        </div>
                        <div class="cooperate-item">
                            <div>5</div>
                            <div>成为伙伴</div>
                        </div>
                    </div>
                    <div class="flow-btn">
                        <a href="{$www.ContactUs}" target="_blank"
                           class="Button fancy-button bg-gradient"><span>提交申请
                        </span></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {if $pagecontent.problem.hidden}
    <section class="et-slide problem_bg">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="problem">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.problem.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.problem.desc}</p>
                </div>
                <div class="problem-content">
                    {foreach $pagecontent.problem.row as $key => $vo}
                    <div class="problem-content-item">
                        <div class="problem-content-item-title">
                            <h3>{$vo.qa}</h3>
                        </div>
                        <div class="problem-content-item-content">
                            <p>{$vo.answer|raw}</p>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
</main>
<script>
    $(document).ready(function () {
        $('.introduce-section').first().addClass('active').find('.introduce-section-desc').show();
        $('.introduce-section').click(function () {
            if (!$(this).hasClass('active')) {
                $('.introduce-section.active').removeClass('active').find('.introduce-section-desc').slideUp();
                $(this).addClass('active').find('.introduce-section-desc').slideDown();
            }
        });
    });
</script>
{include file="common/footer"}