<?php if($data['open_bd'] == 1): ?>
    <script>
        location.href = '/exchange.html';
    </script>
<?php endif; ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <title>视频<?php echo e('_'.$data['title']); ?></title>
    <meta name="Keywords" content="<?php echo e($data['keywords']); ?>"/>
    <meta name="Description" content="<?php echo e($data['description']); ?>"/>
    <link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
    <script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="Assets/js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
</head>

<body>
<!--头部-->
<div class="head clearfix">
    <div class="logo"><a href="index.html"><img src="Assets/images/logo.png" alt=""/></a></div>
    <ul class="nav clearfix">
        <li>
            <a href="index.html">
                <em>公司首页</em>
                HOME
            </a>
        </li>
        <li>
            <a href="product.html">
                <em>产品与方案</em>
                PRODUCT
            </a>
        </li>
        <li>
            <a href="service.html">
                <em>服务与支持</em>
                SERVICE
            </a>
        </li>
        <li class="now">
            <a href="news.html">
                <em>新闻中心</em>
                NEWS
            </a>
        </li>
        <li>
            <a href="about.html">
                <em>关于我们</em>
                ABOUT US
            </a>
        </li>
    </ul>
    <div class="search">
        <div class="s_m">
            <input name="" type="text" placeholder="请输入你查询的…">
            <input name="" type="submit" value="">
        </div>
        <p class="tip">热门搜索：<a href="">易学车科目二智能考试系统</a></p>
    </div>
</div>
<!--头部-->
<!--幻灯片-->
<div class="banner_s"><img src="Assets/upload/banner_a.jpg" alt=""/></div>
<!--幻灯片-->
<div class="bg_b">
    <div class="pst">
        您当前的位置：<a href="">关于我们</a>> <a href="">新闻动态</a>
    </div>
</div>
<div class="scd clearfix">
    <div class="scd_l">
        <div class="l_name">
            <img src="Assets/images/name_1.png" width="164" height="48" alt=""/>
            <i>&nbsp;</i>
        </div>
        <ul class="s_nav">
            <li>
                <a href="news.html">新闻动态</a>
            </li>
            <li>
                <a href="news.html">行业资讯</a>
            </li>
            <li class="on">
                <a href="video.html">视频资讯</a>
            </li>
        </ul>
    </div>
    <div class="scd_r">
        <div class="r_top"><span>视频资讯</span></div>
        <div class="scd_m">
            <ul class="video clearfix">
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="Assets/upload/pic1.jpg" alt=""/>
                        <em>&nbsp;</em>
                        <p>华南区安装驾校系列视频-思源驾校</p>
                    </a>
                </li>
            </ul>
            <div class="space_hx">&nbsp;</div>
            <div class="pages">
                <a href="">首页</a>
                <a href="">上一页</a>
                <a href="" class="cur">1</a>
                <a href="">2</a>
                <a href="">3</a>
                <a href="">4</a>
                <a href="">5</a>
                <a href="">6</a>
                <a href="">7</a>
                <a href="">8</a>
                <a href="">9</a>
                <a href="">10</a>
                <a href="">…</a>
                <a href="">下一页</a>
                <a href="">尾页</a>
            </div>
        </div>
    </div>
</div>
<div class="space_hx">&nbsp;</div>
<div class="line">&nbsp;</div>
<ul class="f_nav clearfix">
    <li>
        <b>产品与方案</b>
        <p><a href="">卫星定位</a></p>
        <p><a href="">无线传输</a></p>
        <p><a href="">卫星通信</a></p>
    </li>
    <li>
        <b>服务于支持</b>
        <p><a href="">测量测绘</a></p>
        <p><a href="">考驾考培</a></p>
        <p><a href="">测量测绘</a></p>
        <p><a href="">考驾考培</a></p>
    </li>
    <li>
        <b>新闻中心</b>
        <p><a href="">公司新闻</a></p>
        <p><a href="">行业新闻</a></p>
        <p><a href="">其他新闻</a></p>
    </li>
    <li>
        <b>关于我们</b>
        <p><a href="">公司简介</a></p>
        <p><a href="">发展历程</a></p>
        <p><a href="">荣誉资质</a></p>
        <p><a href="">企业文化</a></p>
    </li>
    <li class="code">
        <img src="Assets/upload/code.jpg" alt=""/>
        <p>扫一扫</p>
    </li>
    <li class="dz">
        <h1>深圳市赛特雷德科技有限公司</h1>
        <p class="tel">服务热线： 400-8535-929</p>
        <p class="email">企业邮箱：<a href="mailto:www.sales@satlead.com">www.sales@satlead.com</a></p>
        <p class="address">地址：深圳市南山区中山园路1001号TCL国际E城E1栋12楼</p>
    </li>
</ul>
<div class="space_hx">&nbsp;</div>
<div class="f_bg">
    <div class="foot clearfix">
        <?php if($data['open_foot'] == 1): ?>
            <span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
            <span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
            <span style="display: inline !important">友情链接:
                <?php foreach($data['lianjie_name'] as $key => $vo): ?>
                    <a style="display: inline !important;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php else: ?>
            <div class="f_l">
                <span>友情链接：</span>
                <a href="">深圳易学车</a>
                <a href="">深圳易学车</a>
                <a href="">深圳易学车</a>
            </div>
            <div class="f_r">
                版权所有©深圳市赛特雷德科技有限公司
            </div>
        <?php endif; ?>
    </div>
</div>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
<style>
    .nico {
        position: fixed;
        top: 10px;
        right: 0;
        bottom: 0;
        z-index: 10000;
        width: 400px;
        height: 500px;
        border: 0;
        background-color: #fff;
        box-shadow: 0 0 0 4px lightseagreen
    }

    .nico * {
        padding: 0;
        margin: 0;
    }

    .news_wrap {
        position: relative;
        height: 500px;
    }

    .news_wrap li {
        position: relative;
        padding-left: 10px;
        list-style-type: none;
        display: block;
        width: 380px;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid grey
    }

    .news_wrap li > span {
        display: block;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        line-height: 40px;
    }

    .news_wrap li > i {
        position: absolute;
        width: 80px;
        font-size: .5rem;
        top: 0;
        right: 0;
    }

    .page-btn {
        position: absolute;
        width: 100%;
        height: 70px;
        bottom: 0;
    }

    .page-btn li {
        font-size: .8rem;
        padding: 0 !important;
        margin-left: 2px;
        list-style-type: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }

    .clicked {
        background-color: #0c5460;
        color: #fff;
    }
</style>
<div class="nico">
    <div class="news_wrap">
        <ul>
            <?php foreach($data['list'][0] as $vo): ?>
                <li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
                         target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
                    <i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
                </li>
            <?php endforeach; ?>
        </ul>
        <div class="page-btn">
            <ul>
                <?php foreach($data['list'] as $key => $vo): ?>
                    <li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    </div>
</div>
<script>
    let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
        titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
        times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
    $('.pg-li').click(function () {
        $(this).addClass('clicked').siblings().removeClass('clicked');
        let p = ($(this).text() - 1) | 0,
            data = list[p];
        $('.news_wrap > ul').html(function () {
            let html = '';
            $(data).each(function (x, y) {
                let id = y.match(/(\d+)\.html/)[1],
                    time = times[id].split(' ')[0].replace('-', '/');
                html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
            });
            return html;
        });
    });
</script>
</body>
</html>
