<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2018/1/27/027
 * Time: 19:04
 */
use yii\helpers\Url;
?>
<div class="content">


    <!-- banner -->
    <div class="banner download-banner">
        <div class="container">
            <h2 class="main-title-en">下载中心
                <span class="en">/Download</span>
            </h2>
        </div>
    </div>

    <div class="download">
        <div class="desc container">
            <h3 class="title">MetaTrader4</h3>
            <p class="tips">MT4 交易平台 全称 MetaTrader4 客户终端，由 MetaQuotes 软件公司研发，功能强大，页面简洁，操作方便，最主要的建仓平仓功能简单易用截止至 2015 年底已有超过 70%的经纪公司和来自全世界三十多个国家的银行选择了
                MT4 交易软件作为网络交易平台。全球超过 90%的零售交易量是通过 MT4 平台成交。</p>
            <ul class="download-list">
                <li>透过设置止赚止损来进行控制风险</li>
                <li>提供实时行情和交易功能</li>
                <li>包括 18 种画线工具</li>
                <li>9个交易时段图表选项</li>
                <li>30种国际流行技术指标和声音预警提示</li>
                <li>下单、平仓、限价单、止损、止赢、</li>
                <li>查看实时新闻、公告、预警、查看报表，以及数据分析和处理等操作</li>
                <li>运行速度快，还可下载历史数据和图表</li>
            </ul>

        </div>

        <div class="download-link">
            <div class="container">
                <h3 class="title">下载 MetaTrader 4</h3>
                <p class="tips">最流行的交易平台之一，适用于PC端和移动设备</p>
                <ul class="list clearfix">
                    <li>
                        <a href="https://download.mql5.com/cdn/web/12122/mt4/norideinternational4setup.exe" class="ico pc">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a href="https://download.mql5.com/cdn/web/12122/mt4/norideinternational4setup.exe">PC下载</a>
                    </li>
                    <li>
                        <a href="<?= Url::to(['/upload/apk/android.apk']) ?>" class="ico android">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a href="<?= Url::to(['/upload/apk/android.apk']) ?>">Android下载</a>
                    </li>
                    <li>
                        <a href="##" class="ico iphone iphone-download">
                            <span class="default"></span>
                            <span class="over"></span>
                        </a>
                        <a href="##" class="iphone-download">iPhone下载</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>

</div>


<?php $this->beginBlock('footer_script'); ?>
<script>
    // 页面滚动动画
    window.sr = ScrollReveal({
        duration: 1000
    });
    sr.reveal('.download-banner .container', {
        origin: 'bottom',
        distance: '20px',
    }, 50);
    sr.reveal('.desc,.title,.tips', {
        origin: 'left',
        distance: '20px',
    }, 150);
    sr.reveal('.download-link .list li', {
        origin: 'left',
        distance: '20px',
    }, 150);
    // 鼠标移上动画
    $('.download-link .ico').hover(function () {
        $(this).find('.over').stop().animate({
            'top': '-119px'
        }, 500)
    }, function () {
        $(this).find('.over').stop().animate({
            'top': '119px'
        }, 500)
    })
</script>
<?php $this->endBlock(); ?>

