﻿@charset "utf-8";
/* 
	Name: WangXinLianHe in BeiJing
	Designer: XiaoZhi (Jay)
	Color: Magentas
	Date: 15.10.2008 / AM 10:36 
	
 */



/* Global style! */
*{margin:0; padding:0;}
body{ font:12px/normal Arial; border-top: solid 4px #59b; background:#fff; background:#fff url(images/images29.gif) repeat-x left top;}
a{ color:#000000; text-decoration:none;}
a:hover{ color:#58b; text-decoration:underline;}
li,dd{ background:url(images/images12.gif) no-repeat left center; list-style:none; padding:0 0 0 .75em;}
img{ border:0;}
h2{ font:20px/normal '黑体'; text-align:center; background:url(images/images30.gif) no-repeat center bottom; padding:0 0 .5em; margin:0 auto 1em;}
h3{ font:italic 25px/normal 'Arial black'; color:#17c; text-align:right; margin:.2em auto;}
h3 em{ font:italic bold 30px/normal 'Times New Roman';}
h3 span{ font:14px/normal Arial;}
h4{ color:#fff; font:14px/normal Arial; background:#69b; padding:.5em; margin:.5em;}
h4 span{ display:block;}
h5{ font:bold 14px/normal Arial; border-bottom:solid 1px #69b; background:url(images/images20.gif) no-repeat 98% bottom; padding:.5em 2.1em .7em 0;}
h5 a{ font:12px/normal Arial; color:#000000;}
h5 span{ border-left:solid 9px #69b; padding:.3em 1em; color:#000;}

h6{ font:bold 12px/normal Arial; border-bottom:solid 4px #7ab; padding:.5em 1.3em;}
h6 span a,.Category span a{ font:10px/normal Arial; text-transform:uppercase;}

/* Mark style! */

#Top:after,#Content:after,#Product:after,#Service:after,.ContentWidth:after{ content:''; clear:both; display:block; height:0; visibility:hidden;}
#Top,#Content,#Service{ *height:100%;}


#Top ul,#Top p,#Content #RightContent,h6 span,h5 a,.Category span a,.PageTurning span,.ThreePageContent p img{ float:right;}
#Navigation li,#Navigation li a,#Content #LeftContent,.MachineRoomType,.Category,.Category img,.Category ul,h4,#ServiceContent,.NewsList{ float:left;}
#Navigation,#Footer,#Exhibit,#Service,.Summary,.PageTurning{ clear:both;}

#All,#Exhibit,.ThreePageContent{ margin:0 auto;}

#Top li,#Navigation li,#Footer li{ background:none;}

#All{ width:980px;}

	.ToprightLink{ text-align:right; border-bottom:solid 1px #eee; padding:.5em 1em;}
		.ToprightLink span{padding:0 .8em; color:#555;}
		.ToprightLink li{ background:none;}

	#Top{ background:url(images/images01.gif) no-repeat 3em 2.6em; padding:1.5em 0 1.5em;}
		#Top ul{ padding:0 1em 0 0;}
		#Top li{}
		#Top li span{ padding:0 .8em; color:#555;}
		#Top p{ margin:1.4em 0 0 1em;}
		
	#Navigation{}
		#Navigation ul{}
		#Navigation li{ margin:0 2px 0 0; padding:0; text-align:right;}
		#Navigation li a{ font:bold 13px/normal Arial; color:#fff; background:url(images/images04.gif) repeat-x left center; padding:1em 1.78em; *padding:1em 3em .8em;}
		#Navigation li a:hover{ color:#000; background:url(images/images38.gif) repeat-x left center;}
		#Navigation a.Position{ *position:relative; *top:-1px;}
		
	#Exhibit{ width:980px; height:186px; background:url(images/images07.gif) no-repeat left top;}
	
	
	
	/* Body style start! */
	#Content{ background:url(images/images28.gif) no-repeat right top; padding:.5em 0 0; margin:.8em auto;}
		#Content #LeftContent{ width:220px;}
			#Inform{}
/*				#Inform p{ background:url(images/images08.gif) repeat-x left top; padding:1.5em 1em 0; text-align:justify; line-height:1.6;}
				#Inform p span{ display:block; color:#58b; text-decoration:underline;}*/
				#Inform ul{ padding:1.7em 1em;background:url(images/images08.gif) repeat-x left top;}
				#Inform li{ margin:.4em auto;}
				
			#Knowledge{ border:solid 1px #7ab; border-width:1px 1px 7px; background:url(images/images09.gif) repeat-x left bottom; padding:.5em 0 0;}
				#Knowledge ul{ padding:1.7em 1em;}
				#Knowledge li{ margin:.4em auto;}
				
			#Advertise{ border-bottom:solid 1px #5bc3ff; margin:.7em auto;}
			
			#News{}
				#News p{ margin:1em auto; text-align:center;}
				#News ul{ padding:0 1em;}
				#News li{ margin:.3em auto;}
				
				
			/* Right content start! */
			#MachineRoom{}
				#MachineRoom{}
				
			#Banner img{margin-left: 16px;}
			
			#Product{ padding:1em 0 0;}
				#CategoryWidth{ width:96%; *_width:100%; margin:0 auto;}
				
				
			#Service{ border:solid 1px #69b; background:url(images/images26.gif) repeat-y right top; margin:1em auto 0;}
				#ServiceContent{ padding:1em 0 0 1em; width:80%}
				#ServiceContent dt{ font:14px/normal Arial; padding:.5em 0;}
				#ServiceContent dd{ line-height:1.5;}
				
				
			
			/* Rgght cotent end! */

			
			
			
		#Content #RightContent{ width:75.5%; *_width:74.5%;} 
	/* Body style end! */
		
		
		
	#Footer{ text-align:center;}		
		#Link{ border-bottom:solid 3px #7ab; padding:.5em 0;}
		#Link span{ padding:0 1em; color:#555;}
		#Footer p{ background:url(images/images27.gif) repeat-x left top; padding:1em 0 2em;width:980px;}
		#Footer p span{ display:block;}
		
/* Class style! */
.Space{ padding:.5em 0;}/* company copyright©info space! */
.Txtalignrihgt{ text-decoration:none!important; text-align:right; color:#555!important; margin:1em auto;}
.MachineRoomType{ height:203px; border-right:dashed 1px #ddd; padding:0 .87em .3em; margin:1.7em auto 1.2em;}
	.MachineRoomType p{ color:#58b;}
	.MachineRoomType p img{ display:block; margin:0 0 .3em 0;}
	.MachineRoomType p img:hover,#News p img:hover,.Category img:hover{ border:solid 1px #adf; border-width:1px 1px 7px;}
	.MachineRoomType big{ font:18px/normal 'Arial black'; position:relative; top:2px; padding:.2em .4em 0;}
	.MachineRoomType ul{ padding:1em;}
	.MachineRoomType li{ margin:.2em auto;}
	.MachineRoomType span{ text-align:right; display:block; background:url(images/images14.gif) no-repeat 42% .4em;}
	.MachineRoomType span:hover{ background:url(images/images13.gif) no-repeat 42% .4em;}
.NoBorder{ border:none;}

.Category{ width:45%; *_width:44%; margin:1.2em 1em 0;} /* product */
					.Category span{ display:block; font:bold 12px/normal Arial; background:url(images/images21.gif) no-repeat left center; padding:.5em 1.2em; *padding:.77em 1.2em .4em; border-bottom:solid 1px #69b; margin:0 auto 1em;}
					.Category ul{ margin:0 0 0 .5em;}
					.Category li{ margin:.3em auto;}
					.Category img{ margin-right:20px;}

/* Detailed page start! */					
.Summary{ height:140px;} /* Detailed page image info! */

.Detailed{}
	.Detailed h5{ padding:.5em 2em .7em;font-weight: bold; font:12px/normal Arial; color:#000000;}
	.Detailed h5 a{ color:#000000; float:none;font-weight: bold;}

	.Detailed h5 span{ border:none; color:#000000; padding:0 .5em;}
	
	.ContentInpage{ padding:3.5em 0 0; text-align:center;}
		.ContentInpage img{ border:solid 1px #adf; border-width:1px 1px 7px;}
		.ContentInpage img:hover{ border:double 3px #adf; background:#eff; padding:.5em;}
		.ContentInpage p{ color:#666; text-align:justify; border-bottom:solid 1px #eee; padding:1.5em; line-height:1.6;}
		.ContentInpage p:hover{ border-color:#adf;}
		.ContentInpage p span{ color:#69b; font-weight:bold; display:block; background:url(images/images32.gif) no-repeat left center; padding-left:1.5em; margin:0 auto .5em;}
		.ContentInpage ul{ padding:1.5em 2em 1em; text-align:left;}
		.ContentInpage li{ margin:.3em auto;}
		
			.ContentWidth{ margin:0 auto;}
				.NewsList{ padding:0 3em; min-height:740px; overflow:hidden; *_height:780px;} 
				.NewsList ul{ padding:1em 0 0;}
				.NewsList li{ margin:.45em auto;}
				.NewsList p{ padding:0; border:none;}
				.NewsList p span{ padding:0 .5em; display:block; font:bold 12px/normal Arial; color:#69b; background:none; margin:.5em auto;}
				.RightBorder{ border-right:dashed 1px #ddd;}
				.RightBorder:hover{ border-color:#adf;}
				
				.PageTurning{ margin:1.2em auto; text-align:left; background:#eee; padding:1em; *padding:.5em 1em .8em;}
					.PageTurning span{ color:#555;}
					.PageTurning span em{ padding:0 .5em;}
			
			.ThreePageContent{ width:94%; text-align:left;}
				.ThreePageContent h4{ border-bottom:solid 1px #7ab; background:url(images/images37.gif) no-repeat right bottom; padding:.8em 0; font:bold 14px/normal Arial; color:#69b; float:none; margin:0;}
				.ThreePageContent h4 span{ display:block; font:9px/normal Arial; color:#bbb;}
				.ThreePageContent p{ border:none; color:#555; padding:0; margin:2em auto; line-height:2;}
				.ThreePageContent p img{ margin:.5em 1em 1em 2em;float:left; width:150; height:67;}
					.OtherLinks{ padding:2em; background:url(images/images26.gif) repeat-y right top; border:solid 1px #7ab; margin:0 auto 1em;}
					.OtherLinks span{ font:17px/normal Georgia; color:#69b; text-transform:capitalize; padding:0 0 .5em; border-bottom:solid 1px #69b; display:block;}
					.OtherLinks ul{ padding:.8em 0 0;}
					
					

/* Detailed page end! */				