@charset "utf-8";
/* CSS Document */
/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */
#banner{ height:350px; clear:both;}

#banner #commendProductImg{ position:absolute; left:504px; top:260px; width:180px; height:160px;}

#banner #commendProduct{ position:absolute; left:740px; top:320px;}
#banner #commendProduct li, #commendProduct h1.name a{ display:block; color:white; font-size:11pt; cursor:pointer;}
#banner #commendProduct li.hover{ color:#6FF;}
#banner #commendProduct li.t1{ margin-left:60px;}
#banner #commendProduct li.t2{ margin-left:30px;}
#banner #commendProduct li.text{ line-height:22px;}
#banner #commendProduct h1.name a{ font-weight:bold; margin-top:36px; margin-left:50px;}

#bodyer{ height:200px;overflow:hidden;}
	#news{ float:left; margin-left:20px; margin-top:20px; width:270px;}
		#news .head{ margin-left:6px;}
			#news .head h3.title{ float:left; background:url(../images/bg_newsTitle_over.gif) no-repeat; height:21px; line-height:19px; width:62px; text-align:center; margin-right:2px; cursor:pointer;}
			#news .head h3.title a{color:#FFF; font-size:9pt; text-decoration:none; display:block; width:100%; height:100%;}
			#news .head h3.title.select{ background:url(../images/bg_newsTitle.gif) no-repeat;}
			#news .head a.more{ background:url(../images/button_newsMore.gif) no-repeat; height:7px; width:27px; text-indent:-50em; display:block; overflow:hidden; float:right; margin-top:12px; margin-right:12px;}
		#news .newsContent{height:100px; clear:both; overflow:hidden; margin-left:10px;}
				#news ul.content{ clear:both; margin-top:4px; display:none;}
				#news ul.content.select{display:inline-block;}
				#news ul.content li a.l1{ color:#222;}
				#news ul.content li a.l2{ color:#333;}
				#news ul.content li a.l3{ color:#444;}
				#news ul.content li a.l4{ color:#555;}
				#news ul.content li a.l5{ color:#666;}
				#news ul.content li{ background:url(../images/print_news.gif) no-repeat left center; padding:2px 0; padding-left:10px;}
				
		#news .foot{ clear:both; margin-top:6px; background:url(../images/bg_newsQuickLink.gif) no-repeat; height:33px; width:269px; line-height:30px;}
			#news .foot h3{ float:left; font-size:9pt; color:#C00; width:80px; text-align:center;}
			#news .foot ul{ float:left; margin-left:12px;}
				#news .foot ul li *{ color:#FFF}
				#news .foot ul li { padding:0 6px;}
		
	#product{ float:left; margin-left:20px; margin-top:20px; display:inline-block;}
		#product .bgLeft{ background:url(../images/bg_productLeft.gif) no-repeat; height:156px; width:134px; float:left;}
		#product .bgRight{ background:url(../images/bg_productRight.gif) no-repeat right bottom; height:156px; width:63px; float:left;}
		#product .center{ background:url(../images/bg_productCenter.gif) repeat-x center bottom; height:156px; width:180px; float:left;}
		
		#productCenter{ position:relative;}
		#productCenter ul{ margin-top:13px;}
		#productCenter ul li { background:url(../images/bg_index_product_nav.gif) no-repeat; height:15px; width:36px;}
		#productCenter ul li.select { background:url(../images/bg_index_product_nav_select.gif) no-repeat; height:15px; width:38px; margin-left:-2px;}
		#productCenter ul li *{ color:#FFF; font-weight:bold;}
		#productCenter ul li a{ text-decoration:none; text-align:center; display:block; width:100%; height:100%;}
		
		#productCenter #p1Ul.part{ display:block;}
		#productCenter .part{ position:absolute; left:5px; top:39px; display:none; cursor:pointer;}
		#productCenter .part .img{display:table-cell; vertical-align:middle; height:100px; line-height:100px; float:left;}
		#productCenter .part .img img{width:100px; margin-top:5px;}
		#productCenter .part .img a{ display:block;}
		#productCenter .part .img a:hover{ margin-top:2px;}
		#productCenter .part .content{ float:left; left:104px; position:absolute; width:120px; height:130px;}
		#productCenter .part .content h1{ font-weight:normal;}
		#productCenter .part .content *{ color:#666;}
		#productCenter .part .content .tit{ display:block; margin-top:6px;}
		#productCenter .part .content .con *{ color:#F06; margin-left:8px;}
		#productCenter .part .content .con a:hover{ text-decoration:underline;}
		
	
	#sales{ float:left; margin-left:20px; margin-top:20px; display:inline-block;}
		#salesTel{ background:url(../images/SalesTel.gif) no-repeat; height:156px; height:43px; width:202px; margin-top:30px;}
		#salesQuestion{ background:url(../images/bg_question.gif) no-repeat; height:156px; height:58px; width:271px; margin-top:20px;}