@charset "utf-8";
/* CSS Document */

/**{behavior: url(/iepngfix.htc);}*/
*{margin:0px; padding:0px;}
body{background:url(/img/top_bg.jpg) repeat-x top; background-color:#ABEAFD; font-size:12px; line-height:130%;}

a{color:#333; text-decoration:none;}
a:hover{color:#0099FF;}

ul,li{list-style:none;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px; line-height:130%;}
.bold{font-weight:bold;}
.u{text-decoration:underline;}

.red{color:#FF6600;}
.blue{color:#0099cc;}
.grenn{color:#66CC00;}
.gary{color:#666;}

/*top*/
#top{width:1000px; height:auto; margin:auto; display:block;}
#top1{width:1000px; height:15px; background:url(/img/top_m_1.jpg);}
	#top1_logo{width:219px; height:231px; position:absolute; left:390px; top:60px; z-index:105;}
		#top1_logo img{behavior:url(iepngfix.htc);}
	#top12{width:1000px; height:270px; position:absolute; left:0px; top:75px;}
#top2{width:1000px; height:70px; background:url(/img/top_m_2.jpg);}
	#top21{width:700px; height:auto; padding:15px 0px 0px 20px; float:left;}
	#top22{width:200px; height:auto; padding:20px 20px 0px 0px; text-align:right; float:right;}
#top3{width:1000px; height:302px; background:url(/img/top_m_3.jpg);}
	#top31{width:1000px; height:auto; text-align:center; z-index:103;}
		#top31 ul{padding-left:140px;}
		#top31 li{width:70px; height:20px; line-height:20px; font-size:14px; text-align:center; background:url(/img/menu_li_2.gif) no-repeat left center; padding-left:10px; display:block; float:left;}
	#top32{width:1000px; height:auto; clear:both; padding-top:15px; z-index:104;}
		#top32 ul{padding-left:200px;}
		#top32 li{width:200px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; background:url(/img/menu_li_2.gif) no-repeat left center; padding-left:10px; display:block; float:left;}
		#top31 li a,#top32 li a{color:#FFF;}
		#top31 li a:hover,#top32 li a:hover{color:#33CCFF;}
		

/* new top */
#ntop{width:1000px; height:360px; position:relative; margin:auto;}
#ntop1{width:1000px; height:60px; background:url(/img/top/top_bg_1.jpg);}
#ntop_swf{width:1000px; height:275px; background:#fff; padding-bottom:25px;clear:both;}
#ntop2{width:1000px; height:60px; background:url(/img/top/top_bg_2.png);behavior: url(/iepngfix.htc); position:absolute; top:75px; z-index:101;}
#ntop3{width:1000px; height:89px; position:absolute; top:272px; z-index:102;}

/*index center*/
#icen{width:100%; height:auto; background:url(img/btm_bg.jpg) repeat-x bottom; display:block;}
#icenk{width:1000px; height:880px;; background-color:#fff; display:block; margin:auto;}
	#icen1{width:238px; height:auto; background:url(/img/i_l_1.jpg) no-repeat top right; display:block; float:left;}
		.icen11{width:200px; height:auto; padding:10px 0px 20px 30px; background:url(/img/pro_l_bg_2.jpg) no-repeat left bottom; display:block;}
		.icen111{width:auto; height:26px; display:block;}
		.icen112{width:auto; height:auto; display:block;}
		.icen112 li{width:auto; height:auto; line-height:120%; padding:4px 0px 4px 15px; display:block; background:url(/img/i_li_1.gif) no-repeat 3px 7px;}
	#icen2{width:508px; height:auto; display:block; float:left;}
		#icen21{width:460px; height:auto; margin:auto; display:block;}
		.icen211{width:auto; height:50px;}
		.icen212{width:auto; height:auto; color:#666; display:block;}
		#icen22{width:auto; height:auto; margin:auto; display:block;}
		.icen221{width:460px; height:50px; margin:auto;}
		.icen222{width:auto; height:212px; display:block; }
		.icen222 ul{width:auto; height:212px; padding-left:24px; background:url(/img/cn/product/pro_bg_1.jpg); display:block; }
		.icen222 li{width:220p; height:100px; padding:3px 15px 3px 0px; display:block; float:left;}
			.icen2221{width:110px; height:100px; float:left;}
			.icen2222{width:110px; height:auto; padding-top:12px; float:left;}
		#icen23{width:460px; height:auto; padding-top:12px; margin:auto; display:block;}
		#icen24{width:460px; height:auto; margin:auto;}
			.ic24down{width:230px; font-size:14px; line-height:130%; height:66px; padding:12px 10px 0px 60px; background:url(/img/down_en_1.jpg); display:block;}
			.ic24down:hover{background:url(/img/down_en_2.jpg);}
		
	#icen3{width:254px; height:auto; background:url(/img/i_r_1.jpg) no-repeat top left; display:block; float:left;}
	.icen31{width:220px; height:auto; padding:10px 0px 20px 10px; margin-left:10px; background:url(/img/pro_l_bg_2.jpg) no-repeat left bottom; display:block;}
		.icen311{width:auto; height:50px; display:block;}
		.icen312{width:auto; height:auto; display:block;}
		.icen312 li{width:auto; height:auto; padding:6px 0px 6px 0px; line-height:130%; display:block;}

/*products*/
#pcen1{width:260px; height:auto; background:url(img/pro_l_bg_1.jpg) no-repeat right top; display:block; float:left;}
	.pcen11{width:210px; height:auto; padding:10px 0px 20px 30px; background:url(/img/pro_l_bg_2.jpg) no-repeat left bottom; display:block;}
	.pcen111{width:auto; height:26px; display:block;}
	.pcen112{width:auto; height:auto; display:block;}
		.pcen112 li{width:auto; height:auto; line-height:120%; padding:4px 0px 4px 15px; display:block; background:url(/img/i_li_1.gif) no-repeat 3px 7px; border-top:1px dashed #eee;}
		
#pcen2{width:740px; height:auto; display:block; float:right;}
	.pcen21{width:680px; height:30px; padding-left:30px;}
	.pcen22{width:680px; height:auto; padding-left:30px; display:block;}
	.pcen22 li{width:340px; height:100px; padding:10px 0px 10px 0px; float:left; background:url(/img/cn/product/pro_li_bg.gif) no-repeat left bottom; display:block;}
	.pcen221{width:100px; height:100px; float:left;}
	.pcen222{width:200px; height:auto; padding-left:10px; padding-top:12px; float:left;}
	

/*about*/
.acen11{width:210px; height:auto; padding:5px 0px 15px 30px; display:block;}
.acen22{width:680px; height:auto; padding-left:30px; display:block;}
.acen22 p{padding:6px 0px 6px 0px; color:#333; display:block;}
#abo_tab_1 td{padding:6px 0px 6px 0px; color:#333; display:block;}
.abo11 li{width:190px; height:auto; padding:5px 0px 18px 50px; font-size:14px; background:url(/img/pro_l_bg_2.jpg) no-repeat left bottom; display:block;}


/*news*/
.ncen22{width:680px; height:auto; padding-left:30px; display:block;}
.ncen22 li{width:auto; height:auto; line-height:150%; padding:6px 0px 6px 0px; border-bottom:1px dashed #CCC; display:block;}
.ndcen22{width:680px; height:auto; padding-left:30px; display:block;}
.ndcen22 p{ font-size:14px; padding:6px 0px 6px 0px; display:block;}


/*case.htm*/
.cases{width:auto; height:auto; display:block; clear:both;}
.cases li{width:210px; height:130px; display:block; float:left;}
	.cases_1{width:200px; height:105px;}
	.cases_2{width:200px; height:auto; line-height:130%;}
#case_li li{width:200px; height:auto; padding:3px 0px 3px 12px; display:block; float:left; border-top:1px solid #E6E6E6; background:url(/img/i_li_1.gif) no-repeat 0px 8px;;}

/*hr.html*/
#hr{width:auto; height:auto; display:block;}
#hr li{width:auto; height:auto; padding:10px 0px 18px 0px; background:url(/img/cn/hr/hr_l_bg.jpg) no-repeat left bottom;display:block; }


/*contact*/
#mtab1 td{border-bottom:1px solid #ccc;}


/*bottom*/
#btm{width:1000px; height:180px; background:url(/img/btm_m.jpg); margin:auto; clear:both;}
#btm1{width:1000px; height:42px; display:block;}
	#btm1 img{behavior:url(iepngfix.htc);}
#btm2{width:1000px; height:auto;}
	#btm21{width:auto; height:26px;}
		#btm21 ul{padding-left:140px;}
		#btm21 li{width:70px; height:26px; line-height:26px; font-size:14px; text-align:center; background:url(/img/menu_li_2.gif) no-repeat left center; padding-left:10px; display:block; float:left;}
		#btm21 li a{color:#fff;}
		#btm21 li a:hover{color:#FFFF99;}
	#btm22{width:auto; height:26px;}
		#btm22 ul{padding-left:200px;}
		#btm22 li{width:200px; height:26px; line-height:26px; font-weight:bold; font-size:14px; text-align:center; background:url(/img/menu_li_2.gif) no-repeat left center; padding-left:10px; display:block; float:left;}
		#btm22 li a{color:#fff;}
		#btm22 li a:hover{color:#FFFF99;}
	#btm23{width:auto; height:auto; line-height:130%; color:#fff; text-align:center; padding-top:15px;}
		#btm23 a{color:#fff;}
		#btm23 a:hover{color:#FFFF99; text-decoration:underline;}
		


/*CSS msdn style pagination*/

DIV.msdn { padding:3px 5px 3px 5px; FONT-SIZE: 13px; COLOR: #313031; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left}
DIV.msdn A {BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}
