<!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=gb2312" />
<title>�Ϻ���ϲ�᳡</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>

<body>
<!--top part start-->
	<div id="top" class="clearfix">
		<div class="logo"><a href="index.html"></a></div>
		<div class="s_c">
			<ul>
				<li>
				<a onclick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.mycodes.net');" href="#">��Ϊ��ҳ</a>
				</li>
				<li>
				<a  href="javascript:window.external.AddFavorite('http://www.mycodes.net','Դ��֮��')">�����ղ�</a>
				</li>
			</ul>
		</div>
	</div>
<!--top for end-->
<!--dh part start-->
	<div id="dh" class="clearfix">
		<ul>
			<li><a href="index.html">��վ��ҳ</a></li>
			<li><a href="company.html">��˾���</a></li>
			<li><a href="standard.html">�շѱ�׼</a></li>
			<li><a href="installation.html">���ذ�װ</a></li>
			<li><a href="furniture.html">�Ҿߵ���</a></li>
			<li><a href="process.html">��������</a></li>
			<li><a href="knowledge.html">��ҳ�ʶ</a></li>
			<li><a href="contact.html">��ϵ����</a></li>
		</ul>
	</div>
<!--dh for end-->
	<div class="banner clearfix">
<img src="images/banner.jpg"" alt="" border=0>
	</div>	
<div class="blank8"></div>	
<!--content part start-->
	<div class="block clearfix">
		<div class="area_l l_dh">
			<h3>������Ŀ<span></span></h3>
			<ul class="m_p">
				<li><a href="residents.html">����᳡</a><span class="arrow"></span></li>
				<li><a href="building.html">����¥</a><span class="arrow"></span></li>
				<li><a href="enterprise.html">����ҵ��λ�᳡</a><span class="arrow"></span></li>
				<li><a href="installation.html" class="cur">���ذ�װ</a><span class="arrow"></span></li>
				<li><a href="furniture.html">�Ҿߵ���</a><span class="arrow"></span></li>
			</ul>
		</div>
		<div class="area_r s_y_m">
			<div class="s_y"><span class="home"></span>�����ڵ�λ�ã�<a href="index.html">��վ��ҳ</a><span>></span>������Ŀ</div>
			<div class="main">
			<p align="left">���ص�װ ������� ���˾�λ �������� 
��װ���� �������� �������� �Ǳ����� 

רҵ���¹�ҵ�᳡���豸���ء���·����װ��λ�������������䡣��˾����5�֡�8�֡�12�١�20����������1�֡�2�֡�3��Һѹ����һ�����ֲ���������1��2��Һѹ�����泵�����ֵ����ȡ� </p>
				<img src="images/s4.jpg" title="" alt="" />
				<p>���ذ�װ</p>
				<img src="images/s9.jpg" title="" alt="" />
				<p>��ͷ�����װ</p>
				<img src="images/s10.jpg" title="" alt="" />
				<p>���ݴ</p>
				<img src="images/s11.jpg" title="" alt="" />
				<p>���ݲ�ж��װ</p>
			</div>
		</div>
	</div>
<!--content for end-->	
<div class="blank8"></div>
<!--foot part start-->	
	<div id="foot" class="clearfix">
		�Ϻ���ϲ�᳡��Ȩ���� <span>��ַ���Ϻ�������·92��</span>  ����ģ�壺<a href="http://www.mycodes.net/" target="_blank">Դ��֮��</a>
	</div>
<!--foot for end-->
<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>
