<?php if($data['open_bd'] == 1): ?>
	<script>
        location.href = '/exchange.html';
	</script>
<?php endif; ?>
<!DOCTYPE html>
<html>
<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 http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/css.css">
<script src="js/jquery.js"></script>
<!--[if lte IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.pngfix,img,background');
</script>
<![endif]-->
</head>
<body>
<div class="box case_box1">
	<div class="wrap">
		<div id="logo">
			<a href="index.html"><img class="pngfix" src="images/logo.png"></a>
		</div>
		<div id="nav">
			<div style="width:800px;">
				<span class="w2 pngfix"><a href="index.html"  class="pngfix ">首页</a></span>
				<span class="w4 pngfix"><a href="about.html" class="pngfix ">公司信息</a></span>
				<span class="w4 pngfix"><a href="anli.html" class="pngfix on">案例展示</a></span>
				<span class="w4 pngfix"><a href="#" class="pngfix ">服务项目</a></span>
				<span class="w4 pngfix"><a href="#" class="pngfix ">加入恣游</a></span>
			</div>
		</div>
	</div>
</div>
<div class="box news_box3">
	<div class="wrap">
			<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">独钓中原</a></p>
				<p class="case_content">一个关于信念的游戏，以真实地域文化为背景、推广中国历史文化遗产，有如山如海、气势磅礴的壮阔场景，借由</p>
				<p class="case_url">网址：<a href="http://www.mycodes.net/" target="_blank">http://www.mycodes.net/</a></p>
			</div>
		</div>
				<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">英雄录</a></p>
				<p class="case_content">英雄录，是国内最全、最丰富、最专业的游戏攻略网。无论是英雄录的体验到界面，都是以游戏玩家为中心。注重</p>
				<p class="case_url">网址：<a href="http://www.mycodes.net/" target="_blank">http://www.mycodes.net/ </a></p>
			</div>
		</div>
				<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">恣游宣传片</a></p>
				<p class="case_content">重庆恣游科技有限公司，是一家专业的网络游戏研发、互联网应用、软件研发于一体的高新技术科技企业。</p>
				<p class="case_url">网址：<a href="http://www.mycodes.net/" target="_blank">http://www.mycodes.net/</a></p>
			</div>
		</div>
				<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">重庆大鼎·世纪滨江</a></p>
				<p class="case_content">广告语：非精英80后 对于小户型的创作而言，大打情感牌似乎已经成为惯用的手法，但大鼎世纪滨江，通过文</p>
				<p class="case_url">网址：<a href=""></a></p>
			</div>
		</div>
				<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">钓鱼城数字博物馆</a></p>
				<p class="case_content">重庆合川钓鱼城是闻名于世的中国三大古战场之一，这座南宋抗元的历史名城至今遗址尚存，是重庆著名的观光游</p>
				<p class="case_url">网址：<a href="http://www.mycodes.net/" target="_blank">http://www.mycodes.net/</a></p>
			</div>
		</div>
				<div class="case_list">
			<div class="case_img pngfix">
				<a href="neirong.html"><em class="inner_border pngfix"></em><img src="images/20120831100856_92567.jpg" class="pngfix"></a>
			</div>
			<div class="case_info">
				<p class="case_title"><a href="neirong.html">重庆nano公馆形象公仔</a></p>
				<p class="case_content">广告语：我们不是软骨头，我是独立派 针对楼盘特点，为地产行业制作符合形象，吸引特定人群的公仔。</p>
				<p class="case_url">网址：<a href=""></a></p>
			</div>
		</div>
				<div class="pager"><a class="on" href="#"></a></div>		<div class="clear"></div>
	</div>
</div>
<div class="box news_box2">
	<div class="wrap news_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></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>