{extend name="./main"}

{block name="CSS"}
{/block}

{block name="content"}

<!--Mobile menu-->
<div class="mobile-menu d-none d-t-block">
    <div class="container">
        <div class="mobile-menu__logo">
 
        </div>
        <button type="button" class="mobile-menu__close">
            <span><i class="mdi mdi-close" aria-hidden="true"></i></span>
        </button>
        <nav class="mobile-menu__wrapper">
            <ul class="mobile-menu__ul">
                <li class="mobile-menu__li mobile-menu__li-collapse"><a href="#" class="link link--dark-gray">网站首页
                    <span><i class="mdi mdi-chevron-down"></i></span>
                </a></li>
                <li class="mobile-menu__li"><a href="#features" class="link link--gray">功能特点</a></li>
                <li class="mobile-menu__li"><a href="#price" class="link link--gray">系统报价</a></li>

            </ul>
        </nav>
    </div>
</div>
<!--Mobile menu-->

<!--Header-->
<header class="header-home header-home--color">
    <div class="container">
        <div class="row header-home__webapp-img-wrap">
            <img alt="" class="header-home__webapp-img" src="__RES__/app/t2/img/img_bg_webapp.png">
            <div class="col-12">
                <h2 class="header-home__title">全新发卡系统程序</h2>
                <p class="header-home__description">知宇软件开发全新发卡系统程序，成熟支付系统级别架构，安全稳定，大数据支持，一次购买永久更新升级。</p>
                <div class="header-home__btns header-home__btns-webapp">
                    <a href="javascript:openKefuLink();" class="site-btn site-btn--accent header-home__btn">点击联系客服</a>
                    <a href="javascript:openKefuLink();" class="site-btn site-btn--invert header-home__btn">购买系统代码</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!--Header-->

<!--Trusted by-->
<div class="section section--first">
    <div class="container">
        <div class="row logo">
            <div class="col-10 col-offset-1 col-t-12">
                <p>支付合作伙伴
                    <img alt="" class="logo__img-mini" src="__RES__/app/t2/img/img_logo_blue_1.png">
                    <img alt="" class="logo__img-mini" src="__RES__/app/t2/img/img_logo_blue_2.png">
                    <img alt="" class="logo__img-mini" src="__RES__/app/t2/img/img_logo_blue_3.png">
                    <img alt="" class="logo__img-mini" src="__RES__/app/t2/img/img_logo_blue_6.png">
                </p>
            </div>
        </div>
    </div>
</div>
<!--Trusted by-->


<!--What is-->
<section class="section">
    <div class="container" id="features">
        <div class="row">
            <div class="col-12">
                <h3 class="section__title">知宇发卡系统功能特点?</h3>
                <p class="section__description">基于TP5开发的全新发卡系统，全新代码，系统更加流畅稳定！
                    知宇软件多年支付系统开发经验，最切合商业实战的发卡系统！永久免费更新升级，一站式运营技术支持！.</p>
            </div>
        </div>
        <div class="row about-app">
            <div class="col-6 about-app__description">
                <div class="about-app__description-content about-app__description-content--left">
 
                    <h4 class="about-app__description-title">批量添加</h4>
                    <p>批量卡密添加，库存动态监测，自定义库存展示方式！ 卡密重复检测，多种添加方式，自定义导入导出！ 支持最大量数据添加，操作方便。.</p>

                </div>
            </div>
            <div class="col-6 about-app__img">
                <div class="about-app__img-wrap">
                    <img alt="" src="__RES__/app/t2/img/img_ui_1.png">
                </div>
            </div>
        </div>
        <div class="row about-app about-app--reverse">
            <div class="col-6 about-app__description">
                <div class="about-app__description-content">
 
                    <h4 class="about-app__description-title">折扣优惠券</h4>
                    <p>商户自定义添加优惠券，多种折扣方式灵活运用，增加销量，商家营销好帮手。.</p>

                </div>
            </div>
            <div class="col-6 about-app__img about-app__img--left">
                <div class="about-app__img-wrap">
                    <img alt="" src="__RES__/app/t2/img/img_ui_2.png">
                </div>
            </div>
        </div>
    </div>
</section>
<!--What is-->
{/block}
