@charset "gb2312";
body{ background-color:#FFF; text-align:center;color:#555}
img{border-width:0px;}a{text-decoration:none;color:#222}
li,ul,form,input,body,div,table{font:12px/150% Verdana;margin:0;padding:0}
.clear{clear:both}
.Top{ text-align:right;padding:0 12px 0 0}

#top{background:url('img/nav_bg.gif') repeat-x center 8px;height:101px;border-bottom:5px #d9d9d9 solid}
#innerTop{text-align:left;width:800px;padding:8px 0 0 0;margin:0 auto}
#logo{border-left:22px #FFF solid;background:url('img/title.gif') no-repeat right top;height:58px;}#logo img{cursor:pointer}
#nav{padding:8px 0 0 192px;background:url('img/logo_s.gif') no-repeat 22px 0;height:27px;}
#nav ul{width:608px;height:27px;border-left:1px #660f01 solid;border-right:1px #b9422c solid;}
#nav li{list-style-type:none;float:left;border-right:1px #660f01 solid;border-left:1px #b9422c solid;}
#nav li a{color:#FFF;font:9pt/150% ΢ÈíÑźÚ,ËÎÌå;display:block;padding:4px 10px 4px 10px;white-space:nowrap}
#nav li a:hover{padding-bottom:3px;background:url('img/nav_bgHover.gif') repeat-x 0 -7px}

#position{border-bottom:1px #ebe5e4 solid}h1{margin:0 auto;font:12px/150% Verdana;width:778px;text-align:left;padding:4px 0 2px 22px}
#position a{ text-decoration:underline}#position a:hover{ text-decoration:none;}

#main{width:800px;margin:0 auto;text-align:left;}
#main p{text-indent:2em}
.u{text-decoration:underline;color:#444}
h2{margin:6px 0;padding:0;font:bold 13px/150% Verdana;color:#333 }
.TextRed{color:#F30000}

#mainLeft{width:200px; float:left;}
#mainLeft #menu{float:none}	
	#menu{float:left;margin:14px 18px 0 0;border:1px #CCC solid;width:180px}
	#menu h2{padding:4px 0 2px 12px; background:transparent url('img/menu_bg.png') repeat-x;margin:0 1px}
	#menu li{ list-style:square inside;color:#FF9900;margin:12px;border-bottom:1px #e5e5e5 solid}
	#menu li a:hover{ color:#CC6600}
	#product{padding:12px 12px;height:190px;}
	#product a{display:block;border-bottom:8px #FFF solid;background:transparent url('img/products.png') no-repeat -8px -10px;width:102px;height:30px;padding:5px 0 0 58px;font:11px/14px PMingLiu;color:#808080;float:none}
	#product a:hover{color:#995c00;}
	a#product1{background-position:-8px -10px;}a#product1:hover{background-position:-208px -10px;}
	a#product2{background-position:-8px -60px;}a#product2:hover{background-position:-208px -60px;}
	a#product4{background-position:-8px -110px;}a#product4:hover{background-position:-208px -110px;}
	a#product3{background-position:-8px -160px;}a#product3:hover{background-position:-208px -160px;}

	#content{float:left;width:600px;margin:15px 0 0 0;padding-bottom:15px;}
		.mold{ border-bottom:1px #C0C0C0 dashed;margin-bottom:16px}
		h3{margin:5px 0;padding:0;font-size:10pt;}
		dd{margin:0;padding:0 0 0 36px}
		dd ol{margin:0;padding:0}
		dd li{ list-style:decimal inside;}

	/*about*/
	.about{background:url('img/bld.jpg') no-repeat 0 2px;padding-top:70px;padding-bottom:15px;}
	/*------contact-------*/
	.ContactUs { background: transparent url('img/page_contact_tel.jpg') right top no-repeat;padding-bottom:15px;}
	.ContactUs dd{padding:0}
	.ContactUs a{ font-family:Verdana; }
	.ContactUs .Cleft{ float:left;width:36px;height:20px;padding:1px 0 0 0; text-align:center;}
	.ContactUs .Cout{height:26px;padding:3px 0 0 0;border-top:3px #ebebdf double;text-align:left; }
	.ContactUs form{margin: 0 25px;}
	.ContactUs .ContactIPT{ float:left;border:1px #b8bda5 solid; background:#eff0e3;width:200px;height:auto!important;height:12px;color:#97987e;font-family:Verdana;padding:3px;line-height:12px;margin:0; }
	.ContactUs .ContactTTA{ float:left;border:1px #b8bda5 solid; background:#eff0e3;width:280px;height:120px;color:#97987e;font-family:Verdana;padding:3px;line-height:18px;overflow:auto }
		.btn{border:1px #b8bda5 solid;border-left-width:3px;margin:6px 6px 0 0;padding:3px 4px 0 4px;line-height:120%}
		#Confirm{clear:both;padding-left:180px;}
		#MsgOk{border:1px #E9A267 solid;padding:3px 6px;background:#F4EFDD;margin-bottom:8px; display:none;}
	#CUleft{width:500px;float:left;padding:10px 0 0 24px}
	#CUleft ol{}#CUleft dt{width:60px;height:20px;float:left}#CUleft dd{width:400px;height:20px;clear:right}
	#CUright{float:right;width:152px;padding:100px 5px 0 0}
	#CUright a{display:block;float:left} .Email{width:137px;height:10px;margin-bottom:35px;}
	#QQ1{width:75px;}#QQ2{width:75px;}
	/*--service--*/
	/*---customer-----------*/
	.customer ol{margin:0;padding:0}
	.customer li{display:block;float:left;width:133px;height:65px; text-align:center;padding:0;margin:0;list-style-type:none}
	.customer h3{font:12px/150% Verdana;height:18px;overflow:hidden;color:#CCCCCC;display:none}
	/*links*/
	.links .mold{padding:10px 22px;}
	.links .mold textarea{line-height:110%;padding:2px 2px 1px 2px;color:#666666}	
	.links .mold input{line-height:110%;padding:2px 2px 1px 2px;color:#666666}	
	/*--case---*/
	.case{ background:transparent url('img/caseBg.png') repeat-y 192px 0}
	.case #content{ background:transparent url('img/caseBgPic.png') no-repeat -8px bottom;height:auto!important;height:600px;min-height:600px;margin:0}
	.hr{ background: transparent url('img/caseBg.png') no-repeat -608px 0; line-height:1px;height:10px; clear:both }
	.caseLeft{float:left;width:170px; text-align:right;margin:15px 0 0 0}
	.caseRight h2{color:#CC3300;font-weight:normal;margin:0;line-height:110%}
	.caseLeft h2{color:#CC3300;font-weight:normal;margin:0 0 0 24px;line-height:110%}.caseRight h2 small{font-size:8pt;color:#333333}
	.caseLeft h2 small{font-size:8pt;color:#333333}
	.caseLeft p{margin:0;font:11px/18px PMingLiu}
	.caseRight{ float:left;width:400px;padding-left:28px}
		.Banner {margin:15px 0 10px 0}
		.Banner img{ cursor:pointer;width:400px;}
		.caseRight dl{margin:6px 0 0 0;}
		.caseRight dt{margin:0;padding:0;display:inline;font:11px/18px PMingLiu,ËÎÌå}
		.caseRight dd{margin:0;padding:0;display:inline;}
		.caseRight dd a{font:8pt/18px Tahoma; text-decoration:underline; color:#CC6600}.caseRight dd a:hover{ text-decoration:none}
		.Desc p{margin:10px 0;font:11px/17px PMingLiu,ËÎÌå}
		/*.Desc p img{float:left;width:180px;height:130px;margin:1px 9px 0 0;border:1px #808080 solid}*/
		/* ReMooz=========================*/
		#content .Banner{border:1px #AAA solid}
		.remo-zoom-in {border: 1px solid #AAA;cursor: pointer;visibility: visible;float:left;margin:0 0 10px 0}
		.remo-zoom-right{float:right}
		.remo-box{position: absolute;top: 0;left:0;background:#fff url("box/loading_orange.gif") no-repeat center;z-index: 41;}
		.remo-box.remo-box-focus{cursor:pointer;}
		.remo-box.remo-box-dragging{cursor:move;}
		.remo-box .remo-btn-close{position: absolute;right:0;margin:-15px -15px 0 0;top:0;width: 30px;height:30px;text-decoration: none;border: 0;visibility:hidden;background:url("/BLD/box/closebox.png") no-repeat top left;background:;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BLD/box/closebox.png',sizingMethod='image');}
		.remo-box.remo-box-focus .remo-btn-close{visibility:visible;}
		.remo-img{display:block;border:1px solid #666;width:100%;height:100%;}
		.remo-img.remo-closebale{cursor:pointer;}
		.bottomMenu ul{margin:20px 0 30px 180px; text-align:center}
		.bottomMenu li{ display:inline;padding:6px;color:#FF9900;}
		.bottomMenu li a{ text-decoration:underline}.bottomMenu li a:hover{ text-decoration:none; color:#CC3300}
	/*-solution--*/
	.solution h2{margin:0 12px;}
	.solution ol {border-bottom:1px silver dashed;margin:0px 12px 24px 12px;padding: 0 0 24px 0}
	.solution ol li{ list-style:decimal inside;color:#CC3300}
	.solution dfn{ display:block;font:12px/150% Verdana;padding:0 0 12px 24px!important;padding:0 0 0 20px;color:#666666}
	.solution ol a{ text-decoration:underline}
	/*solutionPage*/
	.solutionPage h2{margin:3px 0;border-bottom:1px #CCCCCC dashed}.solutionPage h2 a{color:#CC3300}
	.solutionPage p{margin:6px 0; text-indent:2em}
	.solutionPage table{width: 82%;margin:0 auto;border-collapse: collapse;}
	.solutionPage th{padding:3px 6px;border:1px #999999 solid;color:#333;}
	.solutionPage td{padding:3px 6px;border:1px #999999 solid;color:#333;}
	.solutionPage th{ text-align:center;background:url('img/menu_bg.png') repeat-x}
	.solutionPage td strong{font-weight:normal;color:#000;}
	.solutionPage hr{margin:12px 0;}
	.solutionPage ul{margin:8px 0 0 24px;}.solutionPage ul li{ list-style:square inside}
	.solutionPage ol{margin:8px 0 0 0!important;margin:8px 0 0 40px;}.solutionPage ol li{ list-style:decimal outside;margin:0;padding:0;}
	/*newsContent*/
	.newsContent h1{ text-align:center;font:bold 11pt/150% PMinLiu,ËÎÌå;color:#333;margin:6px 0; border-bottom:1px #C0C0C0 dashed;width:576px}
	#contentInfor {text-align:center;padding:0 0 8px 0}
	.ContentText{width:576px;table-layout:fixed;word-break:break-all;word-wrap:break-word;}
	#contentBottom{height:13px;border-bottom:1px silver dashed; position:relative;margin-bottom:20px}
	#contentBottom img{ position:absolute;right:12px;cursor:pointer}
	.newsContent h4{font:12px/150% Verdana;margin:0;padding:0}
	.newsContent a{color:#333; text-decoration: underline}.newsContent a:hover{ text-decoration:none; color:#CC3300}
	.newsContent ul{margin:6px 0;}.newsContent li{margin:0;list-style-type:none;padding:0 0 0 24px;height:20px}
	.newsContent li h4 a{float:left;} .newsContent li h4 span{float:right;font:8pt/150% Tahoma}
	.newsContent .SortName{font:bold 10pt/150% Tahoma;padding:5px 0 3px 0;border-bottom:1px silver dashed;height:20px}
	.newsContent .SortName a{ text-decoration:none}
	.newsContent .BLDleft{float:left}
	.newsContent .BLDright{float:right}
	#pageLink{ text-align:center}
	
		
#bottom{margin:0 auto;width:800px}
#bottom li{list-style-type:none;display:inline;}
#bottom ul{background:#990000 url('img/nav_bg.gif') repeat-x center -64px;color:#AAA;margin:0 0 15px 0;padding:5px 0 3px 0}
#bottom ul a{color:#FFF;}#bottom ul a:hover{text-decoration:underline}
#bottom a{color:#808080}#bottomNav a:hover{color:#990000}
#copyright{font:8pt/150% Verdana;color:#808080;height:40px}#copyright a{font-size:9pt}#copyright a:hover{color:#666;text-decoration:underline}

#stat{width:50px;height:40px;position:absolute;left:-100px;top:-100px}