<!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']); ?>">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.1.4.2.min.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript">
$(function() {

	//导航
	$(".nav").lavaLamp({
		fx: "backinout", 
		speed: 700,
		click: function(event, menuItem) {
			return true;
		}
	});
	
});
</script>
<!--解决 IE6 背景缓存-->
<!--[if IE 6]><script type="text/javascript">document.execCommand("BackgroundImageCache", false, true);</script><![endif]-->
</head>

<body>

	<div class="container header">
		<a class="logo" href="#"><img src="images/logo.gif" width="203" height="56" alt="" /></a>
		<div class="ritside">
			<script type="text/javascript">
			document.write("<div class='today'>"+
				getFullYear(today)+"年&nbsp;&nbsp;"
				+isnMonths[today.getMonth()]+"月"
				+today.getDate()+"日&nbsp;&nbsp;"
				+isnDays[today.getDay()]
			+"</div>");
			</script>
			<div class="telephone"><img src="images/telephone.gif" width="226" height="29" alt="咨询电话：0577-86602010" /></div>
		</div>
		<div class="clear"></div>
		
		<div class="nav">
			<div class="nlbg"></div>
			<ul>
				<li><a href="index.html">首 页</a></li>
				<li><a href="about.html">关于我们</a></li>
				<li><a href="news.html">新闻动态</a></li>
				<li><a href="product.html">产品展示</a></li>
				<li class="current"><a href="job.html">加入我们</a></li>
				<li class="last"><a href="contact.html">联系我们</a></li>
			</ul>
			<div class="nrbg"></div>
		</div>
	</div><!--header end-->
	
	<div class="container content">
		
		<div class="banner"><a href="#"><img src="images/banner.jpg" width="960" height="277" alt="" /></a></div>
		
		<div class="left">
			<div class="leftcon">
				<div class="leftnav">
					<h2 class="title04">加入我们</h2>
					<ul>
						<li class="current"><a href="#">加入我们</a></li>
					</ul>
				</div>
				<div class="leftbtn"></div>
			</div>
			
			<div class="side-tel"><a href="#"><img src="images/side-telephone.gif" width="211" height="71" alt="咨询热线" /></a></div>
		</div><!--left end-->
		
		<div class="right">
			<div class="breadcrumbs"><img src="images/home-icon.gif" width="16" height="17" alt="首页" />当前位置：<a href="#">首页</a><span>></span><span>加入我们</span></div>
			
			<div class="job">
				<h2>招聘职位</h2>
				<table width="100%">
					<thead>
						<tr>
							<th>职位名称</th><th>招聘人数</th><th>招聘时间</th><th>工作地点</th><th>查看详情</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><a class="black" href="#">销售代表</a></td><td>1人</td><td>2012-08-06</td><td>上海</td><td><a class="blue" href="#">查看详细</a></td>
						</tr>
						<tr>
							<td><a class="black" href="#">公司文员</a></td><td>1人</td><td>2012-08-06</td><td>上海</td><td><a class="blue" href="#">查看详细</a></td>
						</tr>
						<tr>
							<td><a class="black" href="#">销售代表</a></td><td>1人</td><td>2012-08-06</td><td>上海</td><td><a class="blue" href="#">查看详细</a></td>
						</tr>
						<tr>
							<td><a class="black" href="#">公司文员</a></td><td>1人</td><td>2012-08-06</td><td>上海</td><td><a class="blue" href="#">查看详细</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			
			<script type="text/javascript">
			$(document).ready(function(){
				$(".job tbody tr:odd").addClass("odd");
			});
			</script>
			
			<div class="pagebox">
				<div class="pagination"><span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> &gt; </a></div>
			</div>
			
		</div><!--right end-->
		
		<div class="clear"></div>
		
	</div><!--content end-->


	<div class="container footer">
		<div class="btnmenu"><a href="index.html">首 页</a><span>|</span><a href="about.html">企业介绍</a><span>|</span><a
					href="news.html">新闻动态</a><span>|</span><a href="product.html">产品展示</a><span>|</span><a href="job.html">加入我们</a><span>|</span><a
					href="contact.html">联系我们</a></div>
		<div class="copyright">
			<?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 else: ?>
				Copyright © 2011-2012 tssinfo.com Inc.All Rights Reserved<br/>浙ICP备11030275号-2
			<?php endif; ?>
		</div>
	</div><!--footer 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>