/*     整个网站变量         */

body{ margin: 0 auto; text-align:center}




/*              */


.main{margin:0 auto;width:980px;clear:both;}

.main2{margin:0 auto; width:980px; clear:both;background-color:#999999}
  
/* ------------- 头部  -----------------*/  
  
  
/*  ----------- 菜单部分 --------------  */  

  #nav_bar {width:980px; margin:0px; float:left}
     #nav_bar  ul {width:980px; height:33px; BACKGROUND:url(../images/banner.jpg) no-repeat left top; margin:0;}
	 #nav_bar ul li{height:33px;list-style-type:none; margin:0; float:left} 
	 #nav_bar ul li a{ display:block; height:33px; overflow:hidden;TEXT-INDENT: -9999px;}
	   
	   
	 #web_tpl{left:0px;width:93px; height:33px;} 
     #web_tpl A{width:93px;}
	 #web_tpl A:hover{BACKGROUND: url(../images/banner.jpg) no-repeat 0px -33px; WIDTH: 93px}/*1*/ 
	 
	 #product_tpl{left:93px; height:33px; width:110px}
	 #product_tpl A{width:110px;}
	 #product_tpl A:hover{BACKGROUND: url(../images/banner.jpg) no-repeat -93px -33px; WIDTH: 110px}/*2*/ 
	 
	 #news_tpl{left:203px; height:33px; width:109px}
	 #news_tpl A{width:109px;}
	 #news_tpl A:hover{BACKGROUND: url(../images/banner.jpg) no-repeat -203px -33px; WIDTH: 109px}/*3*/ 
	 
	 #osc-tpl {	LEFT: 312px; WIDTH: 109px! important}
	 #osc-tpl A {	WIDTH: 109px}
	 #osc-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -312px -33px; WIDTH: 109px}/*4*/

	 #corporate-tpl {	LEFT: 422px; WIDTH: 110px! important}
	 #corporate-tpl A {	WIDTH: 110px}
	 #corporate-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -422px -33px; WIDTH: 109px}/*5*/

	 #swish-tpl {	LEFT: 532px; WIDTH: 109px! important}
	 #swish-tpl A {	WIDTH: 109px}
	 #swish-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -532px -33px; WIDTH: 110px}/*6*/

	 #feed-tpl {	LEFT: 642px; WIDTH: 109px! important}
 	 #feed-tpl A {	WIDTH: 109px}	
	 #feed-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -642px -33px; WIDTH: 109px}/*7*/

	 #contact-tpl {	LEFT: 751px; WIDTH: 109px! important}
	 #contact-tpl A {	WIDTH: 109px}
	 #contact-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -751px -33px; WIDTH: 109px}/*8*/

	 #shop-tpl {	LEFT: 861px; WIDTH: 119px! important}
	 #shop-tpl A {	WIDTH: 119px}
	 #shop-tpl A:hover {	BACKGROUND: url(../images/banner.jpg) no-repeat -861px -33px; WIDTH: 119px}
	 
	 
 /*  ----------- 菜单部分结束 --------------  */  	 
 
 /* ------------- 头部结束  -----------------*/
  
 
 /* -------------       中间部分        -----------------------------*/
 
 .middle{width:980px; margin:0 auto;}
 
 
 
 
 
 
 
 
 
 
 /*-------------      中间部分结束    ------------------------------*/