﻿<?php if($data['open_bd'] == 1): ?>
    <script>
        location.href = '/exchange.html';
    </script>
<?php endif; ?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <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']); ?>"/>
    ﻿
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="images/favicon.png">
    <link rel='icon' href='favicon.ico' type='image/x-ico'/>

    <link rel="stylesheet" href="css/default.min.css?t=227"/>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
    <script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
    <script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
    <script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
    <script type="text/javascript" src="js/main.min.js?t=1"></script>
</head>
<body>
<header class="header">
    <div class="header-container">
        <div class="header-div pull-left">
            <a class="header-logo">
                <img src="images/logo.png"/>
            </a>
            <button class="am-show-sm-only am-collapsed font f-btn" data-am-collapse="{target: '.header-nav'}">
                &#xe68b;
            </button>
        </div>


        <nav>
            <ul class="header-nav am-collapse">
                <li class="on"><a href="../index.html">首页</a></li>
                <li><a href="../about.html">关于我们</a></li>
                <li><a href="../product_list.html">产品中心</a></li>
                <li><a href="../new_list.html">新闻动态</a></li>
                <li><a href="../product_list.html">产品应用</a></li>
                <li><a href="../contact.html">联系我们</a></li>
            </ul>
            <div class="header-serch  am-hide-md-down">
                <input type="text" name="name" value=""/>
                <em class="font">&#xe632;</em>
            </div>
        </nav>


    </div>
</header>
<div class="com-banner">
    <img src="images/index_banner.jpg"/>
</div>
<div class="com-container">
    <div class="cms-g">
        <div class="am-hide-sm-only am-u-md-3 am-u-lg-3">
            <div class="com-nav-left">
                <h1><em>新闻中心</em><i>NEWS</i></h1>
                <ul>
                    <li class="on"><a href="#">公司新闻</a></li>
                    <li><a href="#">产品资讯</a></li>
                    <li><a href="#">营销动态</a></li>
                </ul>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-9 am-u-lg-9">
            <div class="com-nav-title">
                <a href="#doc-oc-demo1" class="font am-show-sm-only" data-am-offcanvas>&#xe68b;</a>
                <span>公司新闻</span>
            </div>

            <div class="news-list">
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="./product_info.html" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-6 am-u-md-4 am-u-lg-3">
                    <div class="product-list-item">
                        <div class="product-list-item-bj">
                            <a href="./product_info.html"><img src="images/product_01.jpg"/></a>
                        </div>
                        <div class="product-list-item-title">
                            <a href="#" class="f-toe">LED T8灯管0.6M</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-list">
                <a href="#"><<</a>
                <a href="#"><</a>
                <a href="#" class="num">1</a>
                <a href="#" class="num">2</a>
                <a href="#" class="num">3</a>
                <a href="#" class="on">4</a>
                <a href="#" class="num">5</a>
                <a href="#" class="num">6</a>
                <a href="#">></a>
                <a href="#">>></a>
            </div>
        </div>
    </div>
</div>
<div id="doc-oc-demo1" class="am-offcanvas">
    <div class="am-offcanvas-bar">
        <div class="am-offcanvas-content com-nav-left com-nav-left1">
            <ul>
                <li class="on"><span><a href="#">LED T8灯管</a></span></li>
                <li><span><a href="#">LED射灯</a></span></li>
                <li><span><a href="#">LED软光灯</a></span></li>
                <li><span><a href="#">LED泛光灯</a></span></li>
                <li><span><a href="#">LED洗墙灯</a></span></li>
            </ul>
        </div>
    </div>
</div>
﻿
<footer>
    <div class="cms-g">
        <div class="footer">
            <?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 endif; ?>
        </div>
    </div>
</footer>
</body>

<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>
</html>