{template 'header.html'}
	<div class="sidebar">
		{template 'left.html'}
	</div>
	<!--  -->
	<div class="middle">
		<div id="announce" style="width:468px;height:20px;line-height:20px;overflow:hidden;">
			{loop announ(5) $an}
			<p><a href="{$an[url]}" title="{$an[title]}">{$an[title]}</a> [{$an[adddate]}]</p>
			{/loop}
		</div>
		
		<div class="blank10"></div>
		<div class="title_gray">
			<h5><strong>关于我们</strong><span> - Products List</span></h5>
		</div>
		<div class="about">
			<img src="{$skin_path}/about.jpg" style="float:left;width:100px;margin:0px 10px 10px 0px;" />
			<p style="float:right;width:340px;height:76px;padding:10px;margin:text-indent:20px;background:#F5F5F5;overflow:auto;">{get('site_description')}</p>
		</div>
		<div class="blank5"></div>
		<div class="title">
			<strong>产品中心</strong><span> - Products List</span><img src="{$skin_path}/more.gif" />
		</div>
		
		<div class="blank5"></div>
		<script language="JavaScript">
  //网页载入时初始化两块可滚动内容
function window_onload() {
	check_scroll_border('product_s_img');
}

//
//内容可滚动效果
//
scrolling = false;
scrolling_step = 1;
//滚动真实操作
function scroll(id, left_right, start_stop) {
	if (start_stop=='stop') {
		scrolling = false;
		return;
	} else {
		scrolling = true;
		start_scrolling(id, left_right);
	}
}
//开始滚动
function start_scrolling(id, left_right) {
	if (scrolling == true) {
		if (left_right=='right') {
			document.getElementById(id).scrollLeft+=scrolling_step;
		} else {
			document.getElementById(id).scrollLeft-=scrolling_step;
		}

		check_scroll_border(id);

		setTimeout('start_scrolling("'+id+'","'+left_right+'")',2);
	}
}
//滚的快一点
function scroll_faster() {
	scrolling_step=5;
}
//滚的慢一点
function scroll_slower() {
	scrolling_step=1;
}
//检查如果到边则隐藏滚动按钮
function check_scroll_border(id) {
	if (document.getElementById(id).scrollLeft==0) {
		scrolling = false;
		document.getElementById(id+'_scroll_left').style.display = 'block';
		scroll_slower();
	} else {
		document.getElementById(id+'_scroll_left').style.display = 'block';
	}
	if (document.getElementById(id).scrollLeft>=document.getElementById(id).scrollWidth-document.getElementById(id).offsetWidth) {
		scrolling = false;
		document.getElementById(id+'_scroll_right').style.display = 'block';
		scroll_slower();
	} else {
		document.getElementById(id+'_scroll_right').style.display = 'block';
	}

}
</script>
<div class="i_p_box">
<div class="go" id="product_s_img_scroll_left" onMouseOver="scroll('product_s_img', 'left', 'start');" onMouseOut="scroll('product_s_img', 'left', 'stop');" onMouseDown="scroll_faster();" onMouseUp="scroll_slower();"><img src="{$skin_path}/go_left.gif" alt="向左滚动" /></div>

<div id="product_s_img">
<div style="width:55555px;height:94px;overflow:hidden;">

<!-- {loop article(0,20,'aid',10,true,'image,commend=1') $i $arc} -->
<div class="pic"><a href="{$arc[url]}"><img src="{$arc[image]}" class="p$i" alt="{$arc[title]}" /></a><h5><a href="{$arc[url]}">{$arc[title]}</a></h5></div>
<!-- {/loop} -->

</div>
</div>
<div class="go" id="product_s_img_scroll_right" onMouseOver="scroll('product_s_img', 'right', 'start');" onMouseOut="scroll('product_s_img', 'right', 'stop');" onMouseDown="scroll_faster();" onMouseUp="scroll_slower();"><img src="{$skin_path}/go_right.gif" alt="向左滚动" /></div>

</div>


	</div>
	<div class="i_news">
		<div class="title_black">
			<strong>用户登录</strong><span> - Login</span>
		</div>

		<div id="login">
			 {login_js()}
		 </div>
		<div class="blank10"></div>
		<div class="title_gray">
			<h5><strong>用户投票</strong><span> - Vote</span></h5>
		</div>
		<div class="blank5"></div>
		<div class="contace" style="line-height:180%;padding-left:10px;font-size:12px;">
			<p>{ballot(1)}</p>
		</div>
		</div>
	<div class="blank10"></div>
	<div id="footer">


<style type="text/css">
#product_s_img {
		  float:left;
		  width:430px;
		  margin:4px 5px;
		  overflow:hidden;
		}
		.pic {
		  display:block;
		  float:left;
		  width:140px;
		  height:94px;
		  margin:0px 2px;
		  overflow:hidden;
		}
		.go{
    float:left;
	display:block;
    width:16px;
    height:30px;
    margin-top:38px;
}

#links {
position:relative;
float:right;
  width:168px;
  height:19px;
  line-height:16px;color:#fff;
    background:url({$skin_path}/links.gif) right 2px no-repeat;}

#links ul li a, #links ul li a:visited {color:#fff;display:block; text-decoration:none; width:168px; height:19px; text-align:left; padding-left:10px;  line-height:19px; font-size:12px;}
#links ul {padding:0; margin:0;list-style-type: none; }
#links ul li {float:left; position:relative;}
#links ul li ul {display: none;}
/* specific to non IE browsers */

#links ul li:hover ul {display:block; position:absolute; bottom:18px; left:0;}
#links ul li:hover ul li a.hide {}
#links ul li:hover ul li {display:block; width:168px; clear:both;
background:url({$skin_path}/links_bg.png) no-repeat left top !important; /*For Firefox*/*background:none;/*For IE7 & IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{$skin_path}/links_bg.png',sizingMethod='crop');/*For IE6*/
  display: block;
}

</style>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}
#links ul li a.hide, #links ul li a:visited.hide {display:none;}
#links ul li a:hover ul li a.hide {display:none;}
#links ul li a:hover {color:#fff; background:none;}
#links ul li a:hover ul {display:block; position:absolute; bottom:22px; right:0;}
#links ul li a:hover ul li {display:block; background:none; color:#fff; width:168px;overflow:hidden;
background:url({$skin_path}/links_bg.png) no-repeat left top !important; /*For Firefox*/*background:none;/*For IE7 & IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{$skin_path}/links_bg.png',sizingMethod='crop');/*For IE6*/
  display: block;}
</style>
<![endif]-->

<div id="links">
<ul>

    
    
    
    <li><a class="hide" style="text-align:right;font-size:10px;color:#999;">Links<span style="padding-right:80px;"></span></a>
    <!--[if lte IE 6]>
    <a href="#" style="text-align:right;font-size:10px;padding-right:80px;color:#999;">Links
    <table><tr><td>
    <![endif]-->
        <ul>
<li style="height:7px;background:url({$skin_path}/links_top.png) no-repeat left top !important; /*For Firefox*/*background:none;/*For IE7 & IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{$skin_path}/links_top.png',sizingMethod='crop');/*For IE6*/display: block;"></li>
        {loop friendlink('text',0,6) $flink}
<li>{$flink[link]}</li>
{/loop}
<li style="height:41px;background:url({$skin_path}/links_bt.png) no-repeat left top !important; /*For Firefox*/*background:none;/*For IE7 & IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{$skin_path}/links_bt.png',sizingMethod='crop');/*For IE6*/display: block;"><a title="{get('sitename')}" href="{$base_url}/">{get('sitename')}</a></li>

        </ul>
    <!--[if lte IE 6]>
    </td></tr></table>
    </a>
    <![endif]-->
    </li>
 

</ul>
</div>

&copy; 2008-2009 <a title="{get('sitename')}" href="{$base_url}/" target="_blank">{get('sitename')}</a> All Rights Reserved.  
	</div>
</div>
<!-- 非商业用户请勿删除 -->
<div class="copyright"><a href="http://www.cmseasy.cn" title="Powered by CmsEasy.cn" target="_blank">Powered by CmsEasy</a></div>
<script type="text/javascript"> 
		//
var t=setInterval(myfunc,2000); 
var oBox=document.getElementById("announce"); 
function myfunc(){ 
var o=oBox.firstChild 
oBox.removeChild(o) 
oBox.appendChild(o) 
} 
oBox.onmouseover=function()
{
clearInterval(t)
} 
oBox.onmouseout=function()
{
t=setInterval(myfunc,2000)
} 
</script>
<script language="javascript" type="text/javascript">
document.write("<div class='QQbox' id='divQQbox' >");

document.write("	<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>");


document.write("		<div class='con'>");

document.write("<h2>在线客服</h2>");

document.write("<ul>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin={get('qq1')}&amp;Site=www.cmseasy.cn&amp;Menu=yes' target='_blank' title='QQ临时会话经常无法正常接收或发送信息。请尽量将客服添加为您的QQ好友。谢谢！'><img border=0 src=http://wpa.paipai.com/pa?p=1:{get('qq1')}:17>{get('qq1')}</a></li>");


document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin={get('qq2')}&amp;Site=www.cmseasy.cn&amp;Menu=yes' target='_blank' title='QQ临时会话经常无法正常接收或发送信息。请尽量将客服添加为您的QQ好友。谢谢！'><img border=0 src=http://wpa.paipai.com/pa?p=1:{get('qq2')}:17>{get('qq2')}</a></li>");

document.write("</ul>");
document.write("<p style=clear:both;height:8px;overflow:hidden;></p>");
document.write("</div>");


document.write("</div>");

document.write("<div id='divMenu' onmouseover='OnlineOver();'><div class='press'></div></div>");

document.write("</div>");



//<![CDATA[

var tips; var theTop = 40/*这是默认高度,越大越往下*/; var old = theTop;

function initFloatTips() {

  tips = document.getElementById('divQQbox');

  moveTips();

};

function moveTips() {

  var tt=50;

  if (window.innerHeight) {

    pos = window.pageYOffset

  }

  else if (document.documentElement && document.documentElement.scrollTop) {

    pos = document.documentElement.scrollTop

  }

  else if (document.body) {

    pos = document.body.scrollTop;

  }

  pos=pos-tips.offsetTop+theTop;

  pos=tips.offsetTop+pos/10;



  if (pos < theTop) pos = theTop;

  if (pos != old) {

    tips.style.top = pos+"px";

    tt=10;

  //alert(tips.style.top);

  }



  old = pos;

  setTimeout(moveTips,tt);

}

//!]]>

initFloatTips();



	function OnlineOver(){

		document.getElementById("divMenu").style.display = "none";

		document.getElementById("divOnline").style.display = "block";

		document.getElementById("divQQbox").style.width = "145px";

	}

	

	function OnlineOut(){

		document.getElementById("divMenu").style.display = "block";

		document.getElementById("divOnline").style.display = "none";



	}



 function hideMsgBox(theEvent){  //theEvent用来传入事件，Firefox的方式

 　       if (theEvent){

   　           var browser=navigator.userAgent;   //取得浏览器属性

   　           if (browser.indexOf("Firefox")>0){  //如果是Firefox

    　　             if (document.getElementById('divOnline').contains(theEvent.relatedTarget)) {  //如果是子元素

     　　                  return;   //结束函式

                        } 

                  } 

                  if (browser.indexOf("MSIE")>0){  //如果是IE

                         if (document.getElementById('divOnline').contains(event.toElement)) {  //如果是子元素

                                return;  //结束函式

                          }

                   }

             }

            /*要执行的操作*/

		document.getElementById("divMenu").style.display = "block";

		document.getElementById("divOnline").style.display = "none";

 }
</script>
<script Language=Javascript Src="{$base_url}/js/tc.Js"></script>
</body>
</html>