{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/contact.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>
<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">
                <li class="et-hero-tab active">
                    <a>售前咨询</a>
                </li>
                <li class="et-hero-tab">
                    <a>售后支持</a>
                </li>
                <li class="et-hero-tab">
                    <a>公司地址</a>
                </li>
                {present name="problem_comp" value="常见问题"}
                {if $problem_comp.hidden}
                <li class="et-hero-tab">
                    <a>常见问题</a>
                </li>
                {/if}
                {/present}
                <span class="et-hero-tab-slider"></span>
            </ul>
        </div>
    </div>
</section>
<main class="et-main">
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="preSalesConsultation">
                <div class="currency-title">
                    <h2 class="currency-title-a">售前咨询</h2>
                    <p class="currency-title-a-content">
                        我们提供专业的售前咨询服务，帮助您选择最适合的解决方案，提升业务效率
                    </p>
                </div>
                <div class="currency-content">
                    {if $www.phone}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/telephone.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">电话：{$www.phone}</p>
                            <p class="desc">人工快速答疑，7X24小时响应</p>
                        </div>
                        <div class="consultationButton">
                            <a href="tel:{$www.phone}"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.ContactUs}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/customer.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">在线客服</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="{$www.ContactUs}" target="_blank"
                               class="Button fancy-button bg-gradient"><span>开始咨询</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.number_qq}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/qq.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">QQ咨询</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="/default/qq.html?qq={$www.number_qq}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.Telegram}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/Tg.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">Telegram咨询</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="https://t.me/{$www.Telegram}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.wechat}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/WeChat.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">微信客服</p>
                            <p class="desc">扫码添加客服微信好友</p>
                        </div>
                        <div class="consultationButton Button-ewm">
                            <div class="consultation-ewm">
                                <img src="{$www.wechat}">
                            </div>
                        </div>
                    </div>
                    {/if}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/work.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">工单咨询</p>
                            <p class="desc">我们会第一时间处理您的需求</p>
                        </div>
                        <div class="consultationButton">
                            <a href="{$url.ticket}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>创建工单</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="preSalesConsultation">
                <div class="currency-title">
                    <h2 class="currency-title-a">售后支持</h2>
                    <p class="currency-title-a-content">
                        全天候、专业的售后支持服务，解决您的问题
                    </p>
                </div>
                <div class="currency-content">
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/work.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">工单支持</p>
                            <p class="desc">我们会第一时间处理您的需求</p>
                        </div>
                        <div class="consultationButton">
                            <a href="{$url.ticket}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>创建工单</span>
                            </a>
                        </div>
                    </div>
                    {if $www.phone}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/telephone.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">电话：{$www.phone}</p>
                            <p class="desc">人工快速答疑，7X24小时响应</p>
                        </div>
                        <div class="consultationButton">
                            <a href="tel:{$www.phone}"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.ContactUs}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/customer.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">在线客服</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="{$www.ContactUs}" target="_blank"
                               class="Button fancy-button bg-gradient"><span>开始咨询</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.number_qq}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/qq.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">QQ咨询</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="/default/qq.html?qq={$www.number_qq}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.Telegram}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/Tg.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">Telegram咨询</p>
                            <p class="desc">工作时间：{$online}</p>
                        </div>
                        <div class="consultationButton">
                            <a href="https://t.me/{$www.Telegram}"
                               target="_blank"
                               class="Button fancy-button bg-gradient"><span>联系我们</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.wechat}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/WeChat.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">微信客服</p>
                            <p class="desc">扫码添加客服微信好友</p>
                        </div>
                        <div class="consultationButton Button-ewm">
                            <div class="consultation-ewm">
                                <img src="{$www.wechat}">
                            </div>
                        </div>
                    </div>
                    {/if}

                    {if $www.mailbox}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/mailbox.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">{$www.mailbox}</p>
                            <p class="desc">72小时内响应，可带入附件</p>
                        </div>
                        <div class="consultationButton">
                            <a href="mailto:{$www.mailbox}"
                               class="Button fancy-button bg-gradient"><span>发送邮箱</span>
                            </a>
                        </div>
                    </div>
                    {/if}
                    {if $www.ewm}
                    <div class="currency-content-item">
                        <div class="currency-content-item-img">
                            <img src="{$imag}/static/picture/gzh.svg">
                        </div>
                        <div class="currency-content-item-label">
                            <p class="label">关注公众号</p>
                            <p class="desc">了解最新资讯，公告，活动</p>
                        </div>
                        <div class="consultationButton Button-ewm">
                            <div class="consultation-ewm">
                                <img src="{$www.ewm}">
                            </div>
                        </div>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
    </section>
    <section class="et-slide container_bg23">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="companyAddress">
                <div class="currency-title flex-end">
                    <h2 class="currency-title-a">公司地址</h2>
                    <p class="currency-title-a-content">
                        欢迎来到我们的公司，我们将竭诚为您服务
                    </p>
                </div>
                <div class="atlascontent">
                    <div id="atlas"
                         style="width:100%; height:368px;resize:both;"></div>
                </div>
            </div>
        </div>
    </section>
    {present name="problem_comp" value="常见问题"}
    {if $problem_comp.hidden}
    <section class="et-slide container_bg1">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="frequentlyAskedQuestions">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$problem_comp.moduleTitle}</h2>
                    <p class="currency-title-a-content">
                        {$problem_comp.moduleDescription}
                    </p>
                </div>
                <div class="problem-row">
                    {foreach $problem_comp.category as $key => $vo}
                    <div class="problem-row-item">
                        <div class="problem-row-item-title">
                            {$vo.title}
                        </div>
                        <div class="problem-item-news">
                            {foreach $vo.news as $news}
                            <div class="problem-item-news-centent">
                                <a href="{$news.url}"
                                   class="problem-news-title">
                                    {$news.title}</a>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
    {/present}
</main>
<script language="javascript"
        src="//webapi.amap.com/maps?v=2.0&key={$www.mapkey|default='42c201aa705f94bd04bbddad97e1d456'}&plugin=AMap.ControlBar,AMap.ToolBar"></script>
<script language="javascript">
    $(document).ready(function () {
        const customData = {
            coordinates: "{$www.coordinates|default='103.971398, 30.677893'}",
            logo: "{$www.logo}",
            name: "{$www.name}",
            address: "{$www.ddress}",
        };
        initMap(customData);
    });
</script>
{include file="common/footer"}