@charset "utf-8";
/* CSS Document */

*{margin:0px;  padding:0px;}
a{color:#333;}
a:hover{color:#3399CC;}
ul,li{list-style:none;}

body{font-size:12px;}


/*针对非IE 自动高度问题*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*针对IE*/
div{zoom:1;}


.f14{font-size:14px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.b{font-weight:bold;}
.u{text-decoration:underline;}

.c999999{color:#999;}
.cfff{color:#fff;}
.c0099CC{color:#0099CC;}



/*top*/
#top{width:100%; height:88px; background:url(img/top_bg.jpg) no-repeat center top;}
#topk{width:980px; height:76px; padding-top:12px; margin:auto;}
#topk1{width:220px; height:auto; text-align:center; float:left;}
#topk2{width:740px; height:auto; float:right;}
	#topk21{width:auto; height:40px;}
		#topk211{widows:500px; height:auto; padding-top:10px; float:left;}
		#topk212{widows:200px; height:auto; padding-top:18px; float:right;}
	#topk22{width:auto; height:auto;}
		#topk22 li{width:auto; height:auto; line-height:26px; font-size:14px; font-weight:bold; padding:3px 10px 3px 10px; float:left;}
		#topk22 li a{color:#000; text-decoration:none;}
		#topk22 li a:hover{color:#FF6600; text-decoration:underline;}
	
/*index body*/
#cen{width:100%; height:auto; background:url(img/top_bg_2.jpg) repeat-x top; clear:both;}
#icen{width:980px; height:auto; margin:auto;}
#icenl{width:220px; height:1060px; background:url(img/left_bg_2.jpg) no-repeat bottom; background-color:#4ABCE8; float:left;}
	.icen11{width:220px; height:auto!important; min-height:399px; *height:399px; background:url(img/left_bg.jpg) no-repeat top; display:block;}
		.icen11 li{width:auto; height:auto; font-size:14px; color:#FFF; padding:5px 0px 5px 12px; border-bottom:1px solid #fff;}
		.icen11 li a{color:#fff; text-decoration:none;}
		.icen11 li a:hover{color:#fff; font-weight:bold;}
		.icen11 li ul{padding:5px; display:block;}
		.icen11 li li{width:auto; height:auto; font-size:12px; line-height:100%; padding:3px 0px 3px 24px; display:block; border:0px; background:url(img/l_menu_1.gif) no-repeat 12px 7px;}
	.icen12{width:220px; height:61px; background:url(img/left_img_1.jpg);}
	.icen13{width:220px; height:auto;}
#icenr{width:760px; height:auto; float:right;}
	#icenr1{width:760px; height:220px; display:block;}
	#icenr2{width:760px; height:179px; display:block;}
		#icenr21{width:auto; height:28px; background-color:#7FE0FC;}
			#icenr211{width:140px; height:auto; padding-left:20px; padding-top:8px; float:left;}
			#icenr212{width:600px; height:auto; float:left;}
				#icenr212 li{width:auto; height:28px; line-height:28px; padding:0px 10px 0px 10px; cursor:pointer; float:left; display:block;}
				.icr212li{widows:auto; height:28px; color:#0099CC; font-weight:bold; background:url(img/index/r_td_bg_1.jpg);}
		#icenr22{width:auto; height:150px; background:url(img/index/r_bg_1.jpg) no-repeat bottom; margin-top:1px;}
			#icenr221{width:140px; height:auto; padding:20px 0px 0px 20px; float:left;}
			#icenr222{width:594px; height:auto; padding-top:14px; float:right;}
				#icenr222 li{width:auto; height:auto; line-height:20px; padding-left:12px; background:url(img/l_rli_1.gif) no-repeat 0px 6px;}
				#icenr222 li a{color:#333; text-decoration:none;}
				#icenr222 li a:hover{color:#0099FF;}
	
	#icenr3{width:760px; height:180px; background:url(img/index/r_bg_2.jpg); display:block;}
		#icenr31{width:500px; height:auto; padding-left:20px; float:left;}
			#icenr311{width:auto; height:40px; padding-top:12px;}
			#icenr312{width:auto; color:#666; height:auto; }
		#icenr32{width:220px; height:auto; position:relative; float:right;}
			#icenr321{width:auto; height:auto; position:absolute; top:-22px; padding-top:12px;}
			#icenr3211{width:auto; height:130px;}
			#icenr3212{width:auto; height:30px;}
			#icenr3213{width:auto; height:auto;}
			
	#icenr4{width:760px; height:480px; background:url(img/index/r_bg_3.jpg); margin-top:1px; display:block;}		
		#icenr41{width:720px; height:39px; padding-top:15px; margin:auto;}
		#icenr42{width:720px; height:auto; margin:auto;}
		.icr42k{width:230px; height:180px; float:left;}
			.icr42k1{width:auto; height:78px;}
			.icr42k2{width:auto; height:auto;}
			.icr42k2 li{width:auto; height:auto; line-height:16px; padding-left:20px; background:url(img/l_rli_2.gif) no-repeat 10px 6px;}
			.icr42k2 li a{color:#666; text-decoration:none;}
			.icr42k2 li a:hover{color:#FF6600; text-decoration:underline;}
		#icenr43{width:720px; height:auto; padding-top:15px; clear:both;margin:auto;}
		#icenr44{width:720px; height:auto; text-align:right; padding-top:10px; clear:both;margin:auto;}
		

/*about*/
#acen{width:980px; height:auto; background:url(img/about/r_bg_3.jpg) repeat-x bottom; margin:auto; overflow:hidden!important;}
#acenl{width:220px; height:auto; display:block; background:url(img/left_bg_2.jpg) no-repeat bottom; background-color:#4ABCE8; float:left;}
	#acenl1{width:auto; height:180px; background:url(img/about/l_bg_1.jpg) no-repeat top;}
		#acenl1 li{width:auto; height:26px; line-height:26px; font-size:14px; color:#FFF; padding:0px 0px 0px 12px; border-bottom:1px solid #fff;}
		#acenl1 li a{color:#fff; text-decoration:none;}
		#acenl1 li a:hover{color:#FF9900;}
	#acenl2{width:auto; height:60px; background:url(img/about/l_img_1.jpg);}
	#acenl3{width:auto; height:auto; padding-top:12px;}
		#acenl3 ul{width:200px; padding-left:12px;}
		#acenl3 li{width:auto; height:auto; color:#fff; line-height:110%; padding:5px 0px 5px 12px; background:url(img/about/l_li_1.gif) no-repeat 0px 8px;}
		#acenl3 li a{color:#FFF; text-decoration:none;}
		#acenl3 li a:hover{color:#FFFFCC; text-decoration:underline;}
	#acenl4{width:auto; height:auto; text-align:center; padding-top:12px;}
	
#acenr{width:760px; height:auto; display:block; float:left;}
	#acenr1{width:760px; height:180px;}
	#acenr2{width:740px; height:34px; line-height:34px; padding-left:20px; background:url(img/about/r_bg_1.jpg); margin-top:1px;}
	#acenr3{width:720px; height:auto; color:#666; padding:20px 20px 0px 20px; background:url(img/about/r_bg_2.jpg) repeat-x top; margin-top:1px; overflow:hidden;}
		#acenr3 td{line-height:130%; color:#666;}
		.history li{width:auto; height:auto; color:#666; padding:6px 0px 6px 15px; line-height:110%; background:url(img/l_rli_2.gif) no-repeat 0px 10px; border-bottom:1px dashed #CCC;}
	#acenr4{width:auto; height:62px; display:block; clear:both;}


/*products*/
#pcenr1{width:760px; height:180px;}
.pcr42k{width:220px; height:180px; padding-left:15px; float:left;}
	.pcr42k1{width:auto; height:78px;}
	.pcr42k2{width:auto; height:auto;}
	.pcr42k2 li{width:auto; height:auto; line-height:16px; padding-left:20px; background:url(img/l_rli_2.gif) no-repeat 10px 6px;}
	.pcr42k2 li a{color:#666; text-decoration:none;}
	.pcr42k2 li a:hover{color:#FF6600; text-decoration:underline;}
	
#ncenr3,#pcenr3{width:720px; height:auto; padding:20px 20px 0px 20px; background:url(img/about/r_bg_2.jpg) repeat-x top; margin-top:1px;}
#pcenr3 td{padding:5px 2px 5px 5px; color:#666; border-bottom:1px solid #7FB2CC;}
#pcenr3 td a{color:#666; text-decoration:none;}
#pcenr3 td a:hover{color:#FF6600;}

#pro_view td{padding:3px 2px 3px 5px;border-bottom:1px solid #CCC;}


#trade table {
  border-collapse: collapse;
  width:720px;
  font-size: 1.1em;
}
#trade td { padding: 6px 11px;  border-bottom: 1px solid #95bce2; vertical-align: top;}
#trade td * {padding: 6px 11px;}
#pcenr3 tr.alt td { background: #D6EBF5;}
#pcenr3 tr.over td, #pcenr3 tr:hover td { background: #ffffcc;}



/*news&event*/
#ncenl2{width:auto; height:80px; background:url(img/nwes/l_img.jpg)}
#ncenr1{width:760px; height:180px; }
#ncenr3 ul{padding-left:20px;}
#ncenr3 li{width:auto; height:auto; padding:5px 0px 5px 12px; background:url(img/l_rli_2.gif) no-repeat 0px 10px;}
#ncenr3 li a{color:#333; text-decoration:none;}
#ncenr3 li a:hover{color:#FF6600;}
#ncenr3 p{line-height:130%; color:#4B4B4B;}


/*Trade show*/
#tcenr1{width:760px; height:180px;}
#trade table {
  border-collapse: collapse;
  width:720px;
  font-size: 1.1em;
}
#trade td { padding: 6px 11px;  border-bottom: 1px solid #95bce2; vertical-align: top;}
#trade td * {padding: 6px 11px;}
#trade tr.alt td { background: #ecf6fc;}
#trade tr.over td, #trade tr:hover td { background: #bcd4ec;}

.ptd_1{padding:3px 5px;background: #ecf6fc; border-bottom: 1px solid #95bce2;}
.ptd_1:hover{background: #bcd4ec;}
.ptd_2{padding:3px 5px; border-bottom: 1px solid #95bce2;}
.ptd_2:hover{background: #bcd4ec;}


/*boboto view*/
#bcenr1{width:760px; height:180px;}


/*networks*/
#nwcenr1{width:760px; height:180px;}

/*Client service */
#scenr1{width:760px; height:180px;}

/*contact us*/
#ccenr3{width:720px; height:auto; color:#666; line-height:150%; padding:20px 20px 0px 20px; background:url(img/about/r_bg_2.jpg) repeat-x top; margin-top:1px; overflow:hidden;}


/*bottom*/
#btm{width:980px; height:auto; padding:20px; margin:auto; clear:both;}
	#btm1{width:600px; height:auto; padding-left:20px; float:left;}
	#btm1 a{color:#666; text-decoration:none;}
	#btm1 a:hover{color:#0099CC; text-decoration:underline;}
#btm2{width:320px; height:auto; padding-right:20px; float:right;}


/*CSS msdn style pagination*/

DIV.msdn { padding:3px 3px 3px 3px; FONT-SIZE: 13px; COLOR: #313031; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left}
DIV.msdn A {border:#b7d8ee 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px;  COLOR: #0030ce; PADDING-TOP: 5px;TEXT-DECORATION: none
}
DIV.msdn A:hover { border:#b7d8ee 1px solid; COLOR: #0066a7;  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
}