<!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>{?$saxue_seo.meta_title?}</title>
<meta http-equiv="keywords" content="{?$saxue_seo.meta_keywords?}" />
<meta name="description" content="{?$saxue_seo.meta_description?}" />
<link href="{?$saxue_skin_url?}/css/style.css" rel="stylesheet" type="text/css" />
<link href="{?$saxue_skin_url?}/css/content.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{?$saxue_skin_server?}/lib/jquery1.7.2.js"></script>
<script type="text/javascript" src="{?$saxue_skin_url?}/js/jquery-ui-1.10.3.custom.min.js"></script>
</head>
<body>
{?include file = "header.html"?}
<div id="banner">
	<div id="bannerCon">
		<img src="{?$saxue_skin_url?}/images/banner_text.png" id="bannerText" />
		<p id="bannerTit"><a href="/" class="aGray">Home</a>{?section name=i loop=$catpos?} - <a href="{?$catpos[i].url?}" class="aGray">{?$catpos[i].name?}</a>{?/section?}<span>{?$catpname?}</span></p>
	</div>
</div>
<div id="menuSon">
	<ul id="menuSonList">{?section name=i loop=$subcat?}<li{?if $catid==$i['key']?} class="A"{?/if?}><a href="{?$subcat[i].url?}">{?$subcat[i].name?}</a></li>{?/section?}</ul>
</div>
<script type="text/javascript">
$("#menuSonList li").hover(function(){
	$(this).stop().animate({'backgroundColor':'#CC0000'},450);
},function(){
	if($(this).attr("class")!="A"){
	  $(this).stop().animate({'backgroundColor':'#0066AC'},350);
	}
});
</script>
<div id="main">
	<div id="mainN_l">
		<ul class="newslist">
			{?section name=i loop=$rows?}
			<li>
				<a href="{?$rows[i].url?}">
					<div class="tim"><p style="font-size:46px; font-family:Arial; color:#888;">{?$rows[i].addtime|date:"d"?}</p><p style="color:#888;">{?$rows[i].addtime|date:"Y-m"?}</p></div>
					<div class="con"><p style="font-size:14px; color:#0066CC;">{?$rows[i].title?}</p><p style="color:#999; margin-top:9px; line-height:180%;">{?$rows[i].intro?}</p></div>
				</a>
			</li>
			<li class="clear"></li>
			{?/section?}
		</ul>
		{?if $totalpage>1?}<div>{?$url_jumppage?}</div>{?/if?}
	</div>
	<div id="mainN_r">
		<h3 class="side-title"><span>Latest</span></h3>
		<ul class="side-list">{?block classname="BlockArticleList" filename="block_articlelist" vars="10,2" template="news_side.html"?}</ul>
	</div>
	<p style="clear:both;"></p>
</div>
{?include file = "footer.html"?}
<script type="text/javascript">
$(".newslist a").hover(function(){
	$(this).find(".tim").stop().animate({'backgroundColor':'#F80'},450);
	$(this).find(".tim p").stop().animate({'color':'#FFF'},450);
	$(this).find(".con p").eq(0).stop().animate({'color':'#F80'},450);
},function(){
	$(this).find(".tim").stop().animate({'backgroundColor':'#EEE'},350);
	$(this).find(".tim p").stop().animate({'color':'#888'},350);
	$(this).find(".con p").eq(0).stop().animate({'color':'#0066CC'},350);
});
</script>
</body>
</html>