<!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" />
<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"?}
{?function saxue_banner:1?}
<div style="width:1000px; height:30px; margin:auto; position:relative; z-index:6;">
	<div style="width:1000px; height:400px; top:-430px; position:absolute; z-index:6; overflow:hidden;">
		<div style="width:150px; height:45px; background:#0067AC; position:absolute; z-index:7; color:#FFF; text-align:center; font-size:14px; line-height:42px; font-weight:bold; top:355px;">解决方案<img src="{?$saxue_skin_url?}/images/arr.gif" style="margin-left:8px; margin-top:-2px;" /></div>
		<div class="solution" style="left:150px;">
			<p style="line-height:42px; padding-left:16px;"><img src="{?$saxue_skin_url?}/images/icon/icon_1.png" height="28" style="margin-right:5px; margin-top:7px; float:left;" />企业门户</p>
			<p style="padding:10px 26px; line-height:180%;">互联网信息已经通达全球各个角落，而传播途径最快最有效的方式是企业网站，以此来宣传企业的产品，宣传企业的服务，展示企业形象，并通过网络与各行各业进行交流和合作。</p>
		</div>
		<div class="solution" style="left:360px;">
			<p style="line-height:42px; padding-left:16px;"><img src="{?$saxue_skin_url?}/images/icon/icon_2.png" height="28" style="margin-right:10px; margin-top:7px; float:left;" />对外贸易</p>
			<p style="padding:10px 26px; line-height:180%;"></p>
		</div>
		<div class="solution" style="left:570px;">
			<p style="line-height:42px; padding-left:16px;"><img src="{?$saxue_skin_url?}/images/icon/icon_3.png" height="28" style="margin-right:10px; margin-top:7px; float:left;" />移动互联</p>
			<p style="padding:10px 26px; line-height:180%;"></p>
		</div>
		<div class="solution" style="left:780px;">
			<p style="line-height:42px; padding-left:16px;"><img src="{?$saxue_skin_url?}/images/icon/icon_4.png" height="28" style="margin-right:10px; margin-top:7px; float:left;" />电子商务</p>
			<P style="padding:10px 26px; line-height:180%;">企业电子商务的战略目标是如何借助互联网平台改造传统企业运作模式和渠道，分别在合理实验、出色运营的基础上，最终完成企业战略性的突破。</P>
		</div>
	</div>
</div>
<script type="text/javascript">
$(".solution").hover(function(){
	$(this).stop().animate({"top":"155px","backgroundColor":"#EEE"},400,"easeOutQuad");
	$(this).find("p").eq(0).stop().animate({"paddingTop":"10px","color":"#F70"},400,"easeOutQuad");
	$(this).find("p").eq(0).find("img").stop().animate({"width":"68px","height":"68px"},300,"easeOutQuad");
},function(){
	$(this).stop().animate({"top":"355px","backgroundColor":"#FFF"},300,"easeOutQuad");
	$(this).find("p").eq(0).stop().animate({"paddingTop":"0px","color":"#666666"},300,"easeOutQuad");
	$(this).find("p").eq(0).find("img").stop().animate({"width":"28px","height":"28px"},250,"easeOutQuad");
});
</script>
<div id="main" style="height:306px;">
	<div style="float:left; width:380px;">
		<p style="color:#0066CC; font-size:16px;">新闻动态 &nbsp;<span style="color:#999; font-size:11px; font-family:Arial;">What's New</span></p>
		{?block classname="BlockArticleList" filename="block_articlelist" vars="5,2" template="index_news.html"?}
		<p style="padding-top:8px; padding-left:10px;"><a href="/news/" class="more">More…</a></p>
	</div>
	<div style="float:left; width:260px; margin-left:30px;">
		<div style="width:260px; height:130px; background:#0066AC; position:relative; z-index:1; cursor:pointer;" id="videoblcok" onclick="location.href='/job/';">
			<img src="{?$saxue_skin_url?}/images/icon/icon_hr.png" width="80" style="position:absolute; right:22px; top:14px;" />
			<p style="padding-top:40px; padding-left:22px; color:#FFF; font-size:16px;">人力资源</p>
			<p style="padding-top:4px; padding-left:22px; color:#A8CBE3; font-size:11px;">Human Resources</p>
		</div>
		<div style="width:260px; height:130px; margin-top:10px; background:#DDD; position:relative; z-index:1; cursor:pointer;" id="showblock" onclick="location.href='/product/';">
			<img src="{?$saxue_skin_url?}/images/icon/icon_rotation.png" height="76" style="position:absolute; right:22px; top:25px;" />
			<p style="padding-top:40px; padding-left:22px; font-size:16px;">产品展示中心</p>
			<p style="padding-top:4px; padding-left:22px; color:#AAA; font-size:11px;">Product Display</p>
		</div>
	</div>  
	<div style="float:left; width:300px; margin-left:30px;">
		<p style="color:#0066CC; font-size:16px;">产品目录 &nbsp;<span style="color:#999; font-size:11px; font-family:Arial;">Product Catalog</span></p>
		<ul id="procatalog">
			{?section name=i loop=$saxue_menu['3']['subcat']?}<li><a href="{?$saxue_menu[i].url?}">{?$saxue_menu[i].name?}</a></li>{?section name=j loop=$saxue_menu[i]['subcat']?}<li><a href="{?$saxue_menu[j].url?}">{?$saxue_menu[j].name?}</a></li>{?/section?}{?/section?}
		</ul>
		<p style="clear:both; padding-top:8px; padding-left:10px;"><a href="/product/" class="more">More…</a></p>
	</div>
</div>
<script type="text/javascript">
$("#videoblcok").hover(function(){
	$(this).stop().animate({'backgroundColor':'#F80'},450,"easeOutQuad");
	$(this).find("p").eq(1).stop().animate({'color':'#FFCF99'},450,"easeOutQuad");
},function(){
	$(this).stop().animate({'backgroundColor':'#0066AC'},400,"easeOutQuad");
	$(this).find("p").eq(1).stop().animate({'color':'#A8CBE3'},400,"easeOutQuad");
});
$("#showblock").hover(function(){
	$(this).stop().animate({'backgroundColor':'#F80'},450,"easeOutQuad");
	$(this).find("p").eq(0).stop().animate({'color':'#FFF'},450,"easeOutQuad");
	$(this).find("p").eq(1).stop().animate({'color':'#FFCF99'},450,"easeOutQuad");
},function(){
	$(this).stop().animate({'backgroundColor':'#DDD'},400,"easeOutQuad");
	$(this).find("p").eq(0).stop().animate({'color':'#666'},450,"easeOutQuad");
	$(this).find("p").eq(1).stop().animate({'color':'#AAA'},400,"easeOutQuad");
});
</script>
{?include file = "footer.html"?}
</body>
</html>