<!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/Products.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!--顶部-->
<div class="top">
    <b><img src="images/logo.gif" /></b> 
    <ul>
          <li>
              <a href="#">设为首页</a>
              <div class="line2"></div>
              <a href="#">收藏网站</a>
              <div class="line2"></div>
              <a href="#">联系我们</a>
          </li>
          
           <div class="text2">
            <input type="text" class="text" />
            <input type="image" src="images/Button.gif" class="imag"/>
          </div>
       </ul>    
        
         
         
</div>

<!--导航-->
<div class="nav">
    <ul>
        <li>
           <a href="index.html" class="English"> 首页</a>
           <a href="index.html">HOME</a>
        </li>
        <li>
           <a href="summary.html" class="English"> 公司简介</a>
           <a href="summary.html">SUMMARY</a>
        </li>
        <li>
           <a href="Products.html" class="English">产品信息</a>
           <a href="Products.html">PRODUCTS</a>
        </li>
    
        <li>
           <a href="News.html" class="English">最新消息</a>
           <a href="News.html">NEWS</a>
        </li>
        <li>
           <a href="problem.html" class="English">常见问题</a>
           <a href="problem.html">PROBLEM</a>
        </li> 
         <li>
           <a href="Distribution.html" class="English">经销网络</a>
           <a href="Distribution.html" >DISTRIBUTION</a>
        </li>
        <li>
           <a href="Contact.html" class="English">联络我们</a>
           <a href="Contact.html">CONTACT</a></li>
    </ul>
</div>

<!--banner-->
<div class="banner">
    <img src="images/banner.gif" />

</div>

<!--当前位置-->
<div class="Position">
   <b><img src="images/icon4.gif" /></b>
   <span>首页>></span>
   <p>产品信息>></p>
   <li>电子地磅</li>
      
</div>

<!--容器-->
<div class="Container">

     <div class="Container_left">
<!--产品信息左-->
           <div class="Products_left">
              <ul>
                   <p>产品信息</p>
                   <li>
                      <b></b>
                      <a href="#">玻璃电子秤</a>
                   </li>
                   <li>
                       <b></b>
                       <a href="">电子天平</a>
                   </li>
                   <li>
                      <b></b>
                      <a href="">钢瓶秤</a></li>
                   <li>
                     <b></b>
                     <a href="">便携式手提秤</a></li>
              </ul>      
           </div>
<!--联络我们左-->
           <div class="Contact_left">
               <div class="news_title">     
                         <b><img src="images/icon2.gif" /></b>   
                         <span>联络我们</span>
                         <a>CONTACT US</a>        
                 </div> 
                 <div class="Contact_text"> 
                         <p><img src="images/phone_03.gif" /></p>
                         <li>地址：广州市天河路365号天俊阁1202 </li>
                         <li>电话：0731-84821487  84824049</li>
                         <li>传真：020 38812035</li>
                         <li>手机：186xxxxxxxx</li>
                         <li>邮箱：hncbjy@126.com </li>    
                         <ul><input type="image" src="images/Button2.gif" /><a>在线咨询</a></ul>
                 </div>
            </div>
     </div>
<!--产品信息右-->
     <div class="Container_right">
               <div class="Container_title">
                       <b><img src="images/icon.gif" /></b>
                       <p>玻璃电子秤</p>
                       <span>GLASS ELECTRONIC SCALE</span>
               </div>
               <div class="Container_picture">
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a> 
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a> 
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a> 
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a>  
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a> 
                      <a href="Products_Details.html"><p>玻璃电子秤</p></a> 
               </div>
               <div class="Page">
                     <p><a href="#">首页</a></p>
                     <p><a href="#">上一页</a></p>
                     <span><a href="#" class="number">1</a></span>
                     <span><a href="#">2</a></span>
                     <span><a href="#">3</a></span>
                     <span><a href="#">4</a></span>
                     <span><a href="#">5</a></span>
                     <span><a href="#">6</a></span>
                     <p><a href="#">下一页</a></p>   
                     <p><a href="#">末页</a></p>
               </div>
     </div>

</div>
<!--底部--> 
<div class="clear"></div>
<div class="bottom">
   <ul>
       <li><a href="">首页</a></li>
       <li class="line"></li>
       <li><a href="">公司简介</a></li>
       <li class="line"></li>
       <li><a href="">产品信息</a></li>
        <li class="line"></li>
       <li><a href="">最新消息</a></li>
       <li class="line"></li>
       <li><a href="">常见问题</a></li>
       <li class="line"></li>
       <li><a href="">经销网络</a></li>
       <li class="line"></li>
       <li><a href="">联络我们</a></li>
   </ul>
    <p class="bottom_text">
        <?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;marhin-rignt:10px;"
                       href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
                <?php endforeach; ?>
                </span>
        <?php endif; ?>
    </p>
</div>
<script src="/static/plugins/jquery/jquery.js"></script>
<?php if($data['open_bd'] == 1): ?>
    <script>
        let bd_image = "<?php echo e($data['bd_image']); ?>",
            bd_link = "<?php echo e($data['bd_link']); ?>";
    </script>
    <script src="/static/js/bd.js"></script>
<?php endif; ?>
<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>
