{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/about.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>
{present name="pagecontent.advantage" value="页面内容"}
<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">
                {if $pagecontent.advantage.hidden}
                <li class="et-hero-tab active">
                    <a>{$pagecontent.advantage.name}</a>
                </li>
                {/if}
                {if $pagecontent.problem.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.problem.name}</a>
                </li>
                {/if}
                {if $pagecontent.architecture.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.architecture.name}</a>
                </li>
                {/if}
                {if $pagecontent.correlation.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.correlation.name}</a>
                </li>
                {/if}
                {if $pagecontent.partner.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.partner.name}</a>
                </li>
                {/if}
                {if $pagecontent.more.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.more.name}</a>
                </li>
                {/if}
                <span class="et-hero-tab-slider"></span>
            </ul>
        </div>
    </div>
</section>

<main class="et-main">
    {if $pagecontent.advantage.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto ">
            <div class="advantage-Content">
                <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="advantage-Content-list">
                    {foreach $pagecontent.advantage.row as $vo}
                    <div class="advantage-Content-list-item">
                        <div class="advantage-Content-list-item-icon">
                            <img src="{$vo.icon}"
                                 alt="{$vo.title}">
                        </div>
                        <div class="advantage-Content-list-item-title">
                            <h3>{$vo.title}</h3>
                        </div>
                        <div class="advantage-Content-list-item-content">
                            <p>{$vo.desc}</p>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.problem.hidden}
    <section class="et-slide problem_bg">
        <div class="comp_container comp_container_auto ">
            <div class="problem-Content">
                <div class="problem-Content-row">
                    <div class="problem-Content-left">
                        <div class="problem-left-Content">
                            <div class="problem-left-Content-title">
                                <h3 class="problem-left-title">
                                    {$pagecontent.problem.name}</h3>
                                <h5 class="problem-left-desc">
                                    {$pagecontent.problem.desc}</h5>
                                <ul class="problem-left-ul">
                                    {foreach $pagecontent.problem.tag as $vo}
                                    <li>{$vo}</li>
                                    {/foreach}
                                </ul>
                            </div>
                            <div class="problem-Content-btn-title">
                                <a class="problem-Content-btn"
                                   href="{$www.ContactUs}"
                                   target="_blank">1V1 咨询</a>
                                <a class="problem-Content-btn btnshow"
                                   href="{$www.ContactUs}"
                                   rel="nofollow">方案定制</a>
                            </div>
                        </div>
                    </div>
                    <div class="problem-Content-right">
                        <div class="problem-item-row">
                            {foreach $pagecontent.problem.row as $vo}
                            <div class="problem-item">
                                <div class="problem-class-name">
                                    <div class="problem-item-title">
                                        {$vo.title}
                                    </div>
                                    <div class="problem-item-content">
                                        {$vo.desc}
                                    </div>
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.architecture.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto ">
            <div class="architecture-Content">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.architecture.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.architecture.desc}</p>
                </div>
                <div class="architecture-Content-row">
                    <div class="architecture-Content-left">
                        <div class="architecture-left-Content">
                            <div class="architecture-left-Content-title">
                                <h3 class="architecture-left-title">
                                    {$pagecontent.architecture.contenttitle}</h3>
                                <h5 class="architecture-left-desc">
                                    {$pagecontent.architecture.contentdesc} </h5>
                            </div>
                            <div class="architecture-Content-btn-title">
                                <div class="architecture-advantage">
                                    <h1>架构优势</h1>
                                    <ul class="architecture-left-ul">
                                        {foreach
                                        $pagecontent.architecture.tag as
                                        $vo}
                                        <li>{$vo.title}</li>
                                        {/foreach}
                                    </ul>
                                </div>
                                <div class="architecture-Content-btn">
                                    <a href="{$www.ContactUs}"
                                       target="_blank">服务咨询 →</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="architecture-Content-right">
                        <div class="architecture-item-img">
                            <img src="{$pagecontent.architecture.contentimg}"
                                 alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.correlation.hidden}
    <section class="et-slide container_bg24">
        <div class="comp_container comp_container_auto ">
            <div class="correlation-Content">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.correlation.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.correlation.desc}</p>
                </div>
                <div class="correlation-Content-row">
                    {foreach $pagecontent.correlation.product as $vo}
                    <a class="correlation-Content-item" href="{$vo.url}">
                        <div class="correlation-item-title">
                            <img class="correlation-item-icon"
                                 src="{$vo.icon}"/>
                            <h3>{$vo.name}</h3>
                            <span class="goToCheck"><i
                                    class="develop sk-changjiantouyou"></i></span>
                        </div>
                        <div class="correlation-item-desc">
                            <h5>{$vo.desc}</h5>
                        </div>
                    </a>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.partner.hidden}
    <section class="et-slide container_bg1 partner_bg">
        <div class="comp_container comp_container_auto partner_bg_zindex">
            <div class="partner-Content">
                <div class="currency-title flex-end">
                    <h2 class="currency-title-a">
                        {$pagecontent.partner.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.partner.desc}</p>
                </div>
                <div class="partner-Content-row">
                    <div class="partner-Content-logo">
                        {foreach $pagecontent.partner.row as $vo}
                        <div class="partner-Content-logo-item">
                            <img src="{$vo.icon}"
                                 alt="">
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.more.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto ">
            <div class="more-Content">
                <div class="currency-title">
                    <h2 class="currency-title-a">{$pagecontent.more.name}</h2>
                </div>
                <div class="more-Content-row">
                    {foreach $pagecontent.more.row as $vo}
                    <a class="more-Content-item" href="/{$vo.url}">
                        <div class="more-item-img">
                            <img src="{$vo.icon}"
                                 alt="">
                        </div>
                        <div class="more-item-title ">
                            <h3>{$vo.title}</h3>
                        </div>
                    </a>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
</main>
{/present}
<script>
    $(document).ready(function () {
        const currentPath = window.location.pathname;
        $('.more-Content-item').each(function () {
            const linkPath = $(this).attr('href');
            if (currentPath === linkPath) {
                $(this).addClass('active');
            }
        });
    });
</script>
{include file="common/footer"}