<?php if($data['open_bd'] == 1): ?>
    <script>
        location.href = '/exchange.html';
    </script>
<?php endif; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <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 href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/webskys.js"></script>
<script type="text/javascript" src="js/ie6png.js"></script>
<script type="text/javascript" src="js/gun.js"></script>
</head>
<body>
<div class="top">
<div class="topright">
<ul>
<li class="li01"><a href='index.html'>首页</a></li>
<li class="li02"><a href='javascript:void();' onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.cssmoban.com');" rel="nofollow">设为首页</a></li>
<li class="li03"><a onclick="window.external.addFavorite(location.href,document.title)" href="javascript:void();" rel="nofollow">加入收藏</a></li>
</ul>
</div>
<div class="logo">
<a href="index.html" title="-安全设备有限公司"><img src="images/logo.png" width="502" height="71"  alt="安全设备有限公司"/></a></div>
<div class="righttel">
<img src="images/tel.png" width="200" height="30"  alt="前端设计联系电话"/></div>
<div class="webnav">
<ul>
    <li class="licur"><a href="index.html" title="网站首页">网站首页</a></li>
    <li><a href="news.html" title="新闻动态">新闻动态</a></li>
    <li><a href="product.html" title="产品展示">产品展示</a></li>
    <li><a href="way.html" title="解决方案">解决方案</a></li>
    <li><a href="contact.html" title="服务与支持">服务与支持</a></li>
</ul>
</div>
</div>
<div class="banner">
<div id="banlbar"></div>
<div id="banrbar"></div>
<div id="banh">
<ul>
<li><img src="images/banner01.jpg" /></li>
<li><img src="images/banner02.jpg" /></li>
<li><img src="images/banner03.jpg" /></li>
<li><img src="images/banner04.jpg" /></li>
</ul>
</div>
</div>
<div class="index_con">
<div class="page_left">
<h2 class="left_title">产品展示</h2>
<div class="leftbg borl_r">
<ul class="classul">
<li><a href="#">照明系列产品</a></li>
<li><a href="#">警灯、警报器系列</a></li>
<li><a href="#">防护器材系列</a></li>
<li><a href="#">单警装备产品系列</a></li>
</ul>
</div>
<div class="left_bot"></div>
<div class="magtop10 search">
<p class="searchp01">站内搜索</p>
<form action="#" method="post">
<input name="" type="text" class="searchinp"/>
<p class="searchp02"><input type="submit" value="　　" class="searchbon" /></p>
</form>

</div>
<div class="magtop10"><a href="#" title="留言反馈"><img src="images/left01.gif"  alt="留言反馈"/></a></div>
<div class="magtop10"><a href="#" title=""><img src="images/left02.gif"  alt="在线加盟"/></a></div>
</div>
<div class="page_right">
<div class="pagetop"><span class="web_navi">当前位置：<a href="#">首页</a> &gt;&gt; 产品展示 &gt;&gt; 警用警报器WJA-01</span><h2>产品展示</h2></div>
<div class="borl_r pic_xq">
<div class="pic_xqa">
<h1>CJB-30W三音喊话喇叭</h1>
<p>　　创立于2003年，是一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展，具备了一定的技术力量、管理经验及生产规模，在工艺上、品质上都提升了一个台阶，形成了种类齐全产品系列，为广大客户提供了广泛的选择，客户分布全国各地，在本行业取得了较高的知名度与良好的美誉度。</p>
<p style="text-align:center"><img src="images/pci05.jpg"  alt="警用警报器WJA-01"/></p>
<h2 style="background:url(images/icon01.gif) no-repeat left center; height:25px; line-height:25px; padding-left:20px; border-bottom:#CCCCCC 1px solid;">技术参数</h2>
<p> 1.电源电压:12V   2.输出功率:30W一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展一家专业生产、销售、研发警报器、警示灯、汽笛喇叭等的企业。在历经几年的发展</p>
</div>
<div class="xgpic magtop10">
<h2>其它相关产品</h2>
<ul class="pixxg">
<li><a href="产品展示详情.html" title="产品名称"><img src="images/pci01.jpg" alt="产品名称" width="130" height="91" /></a><p><a href="产品展示详情.html" title="产品名称">产品名称</a></p></li>
<li><a href="产品展示详情.html" title="产品名称"><img src="images/pci01.jpg" alt="产品名称" width="130" height="91" /></a><p><a href="产品展示详情.html" title="产品名称">产品名称</a></p></li>
<li><a href="产品展示详情.html" title="产品名称"><img src="images/pci01.jpg" alt="产品名称" width="130" height="91" /></a><p><a href="产品展示详情.html" title="产品名称">产品名称</a></p></li>
<li><a href="产品展示详情.html" title="产品名称"><img src="images/pci01.jpg" alt="产品名称" width="130" height="91" /></a><p><a href="产品展示详情.html" title="产品名称">产品名称</a></p></li>
<li><a href="产品展示详情.html" title="产品名称"><img src="images/pci01.jpg" alt="产品名称" width="130" height="91" /></a><p><a href="产品展示详情.html" title="产品名称">产品名称</a></p></li>
</ul>
<div class="clear"></div>
</div>

</div>
<div class="page_bot"></div>
</div>
<div class="clear"></div>
<div class="blank10"></div>
</div>
<div class="bot_nav">
<div class="bottom">
<div class="patecopy">
<p><?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; ?></p>
</div>
</div>
</div>

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