@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; list-style:none; border:0px;}
body{font-size:12px; line-height:150%;}

a{color:#666; text-decoration:none;}
a:hover{color:#1075A8;}

.C187AB3{color:#187AB3;}
.C666{color:#666;}
.b{font-weight:bold;}
.u{text-decoration:underline;}
.f14{font-size:14px;}


/*针对非IE 自动高度问题*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*针对IE*/
div{zoom:1;}


/*index.html*/
#top{width:900px; height:75px; padding-top:25px; margin:auto;}
#top1{width:200px; height:auto; float:left;}
#top2{width:700px; height:auto; float:right;}
	#top21{width:auto; height:30px; text-align:right; padding-top:10px;}
	#top21 h1 {font-size:12px; font-weight:normal}
		.t21input{width:142px; height:17px; color:#FFF; border:0px; padding-left:30px; line-height:17px; background:url(/img/src_1.gif);}
	#top22{width:auto; height:30px;}
		#top22 li{width:auto; height:auto; padding:6px 10px 6px 10px; background:url(/img/mrl.gif) no-repeat right center; float:right; font-size:14px;color:#187AB3; font-weight:bold}
#top22 li a{color:#187AB3}
#iad{width:100%; height:260px; background:#DDF1F9; clear:both;}	
	#iadm{width:900px; height:260px; margin:auto;}
	#iad1{width:680px; height:260px; float:left;}
	#iad2{width:220px; height:260px; background:url(/img/index/top_r_bg.gif); float:right;}
		#iad21{padding:12px 12px 0px 12px; height:38px;}
		#iad22{padding:12px 12px 0px 12px; height:103px; color:#FFF;}
		#iad23{height:auto;}
			#iad23 li{width:auto; height:30px; line-height:30px; background:url(img/index/dd4.gif) no-repeat 12px 10px; border-bottom:1px solid #34A3CD; padding-left:28px;}
			#iad23 li a{color:#FFF;}
			#iad23 li a:hover{color:#D0E8F0;}
		
		.iad2_a{width:auto; font-size:12px; background:#cceaf6; color:#187AB3; height:16px; line-height:16px; padding:2px 12px 0px 6px; display:block; float:left;}
		.iad2_a:hover{background:#fff;}

#icen{width:100%; height:380px; background:url(/img/top_bg_2.gif) repeat-x top;}
#icen_k{width:900px; height:auto; padding-top:15px; margin:auto;}
	#icen1{width:260px; height:auto; float:left;}
		#icen11{width:auto; height:38px; padding-top:5px;}
		#icen12{width:auto; height:auto;}
			#icen12 li{width:auto; height:22px; line-height:22px; padding-left:12px; color:#666;background:url(/img/li_d_1.gif) no-repeat left center; }
			#icen12 li:hover{width:auto; height:70px; display:block;}
			.itxt1{width:auto; height:auto; background:url(/img/li_d_1.gif) no-repeat left center; border-bottom:1px solid #CAE3F0;  padding-left:12px; height:28px; line-height:28px; color:#666; cursor:pointer;}
			.itxt2{width:auto; height:75px; border-bottom:1px solid #CAE3F0; cursor:pointer; background:#ddf1f9; color:#666;}
				.itxt21{width:80px; height:70px; float:left; display:block;}
				.itxt22{width:170px; height:70px; padding-top:10px; float:left; display:block;}
					.txt221{width:auto; font-size:14px; color:#0080BD; height:auto;}
					.txt222{width:auto; font-size:12px; color:#999; line-height:130%; height:auto;}
		#icen13{width:auto; height:22px; color:#006699; padding-top:10px;}
		
	#icen2{width:370px; height:auto; padding-left:25px; padding-top:5px; float:left;}
		#icen21{width:auto; height:110px; padding-top:10px;}
		#icen22{width:370; height:60px; background:#FFFFd8;}
		#icen23{width:auto; height:auto; padding-top:20px;}
		.icen21{width:370px; height:26px;}
			.icen211{width:20px; height:auto; padding-top:0px; float:left;}
			.icen212{width:160px; height:auto; font-size:14px; color:#187AB3; float:left;}
			.icen213{width:80px; height:auto; text-align:right; float:right;}
		.icen22{width:370px; height:auto;}
		.icen22 li{width:auto; height:22px; line-height:22px; padding-left:12px; color:#666; background:url(/img/li_d_1.gif) no-repeat left center;}
		.icen22 li:hover{background:url(/img/li_d_2.gif) no-repeat left center; color:#09C;}
		
	#icen3{width:220px; height:auto; float:right;}
		#icen31{width:220px; height:120px; color:#fff; background:url(/img/about/r_bg_2.jpg);}
			#icen31 a{color:#fff;}
		#icen32{width:220px; height:auto; padding-top:20px;}
		
		

/*about.htm*/
#atop{width:100%; height:220px; background:#D4EEF7;}
#atopm{width:900px; height:220px; margin:auto;}
#acen1{width:888px; height:28px; padding-left:12px; color:#3389aa; line-height:30px; background:url(/img/about/top_bg_1.gif); margin:auto;}
#acen1 a{color:#3389aa;}
#acen1 a:hover{color:#666;}

#acen2{width:900px; height:auto; background:url(/img/about/top_bg_2.gif) repeat-x top; margin:auto;}
#acen21{width:175px; height:auto; float:left;}
	#acen211{width:150px; height:auto; padding-top:50px;}
	#acen211 li{width:auto; height:22; margin-bottom:2px;}
		.alm1{width:138px; height:22px; line-height:22px; background:url(/img/about/left_m_1.gif); color:#fff; padding-left:12px;}
		.alm2{width:138px; height:22px; line-height:22px; background:url(/img/about/left_m_2.gif); color:#fff; padding-left:12px; margin-bottom:2px;}
		.alm1 a,.alm2 a{color:#fff;}
		.alm2:hover{background:url(/img/about/left_m_1.gif);}
		
	#acen212{ width:150px; height:auto; padding-top:20px;}
	#acen212 li{width:auto; height:auto; color:#307E9C; padding:3px 0px 3px 12px; background:url(/img/li_d_1.gif) no-repeat 0px 8px; border-bottom:1px #BFD8E5 solid;}
	#acen212 li a{color:#307E9C;}
	#acen212 li a:hover{color:#666;}
	
	
#acen22{width:505px; height:auto; float:left;}
	#acen221{width:480px; height:38px; padding-top:20px;}
	#acen222{width:480px; height:auto; color:#666;}
	#acen222 p{padding:6px 0px 6px 0px;}
	#acen222 a{color:#36C;}
	#acen222 a:hover{color:#39C;}
	
#acen23{width:220px; height:auto; position:relative; float:left;}
	#acen231{width:220px; height:180px; background:url(/img/about/r_bg_1.jpg); position:absolute; left:0px; top:-10px;}
	#acen231 ul{ width:200px; height:auto; padding-top:21px; margin:auto;}
	#acen231 li{ width:auto; height:41px; line-height:130%; color:#307E9C; padding:6px 0px 0px 12px; background:url(/img/li_d_1.gif) no-repeat 0px 10px;}
		#acen231 li a{ color:#acen231;}
		#acen231 li a:hover{ color:#666;}
			#acen231_m{width:auto; height:18px; line-height:18px; padding-right:12px; text-align:right; color:#FFF;}
			#acen231_m a{color:#FFF;}
	#acen232{width:220px; height:120px; color:#fff; background:url(/img/about/r_bg_2.jpg); position:absolute; left:0px; top:190px;}
	#acen232 a{color:#fff;}
	

/*news.htm*/
#new_li{width:auto; height:auto;}
#new_li li{width:auto; height:auto; padding:10px 0px 10px 12px; background:url(/img/li_d_1.gif) no-repeat 0px 14px; border-bottom:#BFD8E5 solid 1px;}
#new_li li a{color:#acen231;}
#new_li li a:hover{color:#000;}


/*products.htm*/
#pro_1{width:auto; height:48px; padding-top:20px;}
	#pro_1_1{width:280px; height:auto; padding-left:12px; float:left;}
	#pro_1_2,#pro_1_2l{width:452px; height:auto; text-align:right; float:right;}
	
	#pro_1_2 li{width:auto; padding:0px 12px 0px 0px; float:right;}
	#pro_1_2l li{width:auto; padding:0px 12px 0px 0px; float:left;}
		.prom1{width:auto; height:24; line-height:24px; padding:0px 8px 0px 8px; color:#FFF; background:#87BAD3; display:block;}
		.prom2{width:auto; height:24; line-height:24px; padding:0px 8px 0px 8px; color:#FFF; background:#1075A8; display:block;}
		.prom1:hover,.prom2:hover{background:#1075A8; color:#FFF;}
	
#pro_2{width:auto; height:auto;}
	#pro_2 ul{width:auto; height:auto; padding-left:12px;}
	#pro_2 li{width:280px; height:auto; display:block; padding-right:16px; float:left;}
	.pro_txt2{width:auto; height:75px; border-bottom:1px solid #CAE3F0; cursor:pointer; background:#fff; color:#666;}
	.pro_txt2:hover{width:auto; height:75px; border-bottom:1px solid #CAE3F0; cursor:pointer; background:#ddf1f9; color:#666;}
				.txt21{width:80px; height:70px; float:left; display:block;}
				.txt22{width:190px; height:70px; padding-top:10px; float:left; display:block;}
					.txt221{width:auto; font-size:14px; color:#0080BD; height:auto;}
					.txt222{width:auto; font-size:12px; color:#999; line-height:130%; height:auto;}

#ms td{width:auto; height:36px; line-height:130%; background:url(/img/products/pro_d_bg.jpg);}
			

/*Application.htm*/
#app{width:100%; height:auto;}
#app li{width:420px; height:120px; padding-top:20px; float:left; border-bottom:1px solid #CAE3F0;}
	.appli1{width:180px; height:100px; padding-left:10px; background:#88C3DB; float:left;}
	.appli2{width:200px; height:auto; padding-left:10px; float:left;}
	

/*Contact.htm*/
#con1{width:400px; height:auto; padding-left:12px; color:#666;float:left;}
#con2{width:480px; height:auto; float:right; color:#666;}
#con2 p,#con1 p{padding:6px 0px 6px 0px;}
.con2_td_input{width:auto; height:auto; line-height:100%; color:#666; border:1px solid #CACACA; background:url(/img/contact/input_bg.jpg) repeat-x top;}
.con2_td_input:hover{border:1px solid #CAE3F0; background:url() #EBF5F9;}


.con1_td_input{width:60px; height:20px; line-height:150%; color:#666; border:1px solid #CACACA; background:url(/img/contact/input_bg.jpg) repeat-x top;}
.con1_td_input:hover{border:1px solid #CAE3F0; background:url() #EBF5F9;}

/*technology.htm*/
.tec_tit{width:auto; padding:3px 22px 3px 12px; background:#88C3DB; color:#FFF; display:block;}
#tec{width:auto; height:auto;}
#tec1 li,#tec2 li,#tec3 li{width:266px; height:auto; color:#666; line-height:130%; padding:6px 0px 6px 12px; background:url(/img/li_d_1.gif) no-repeat 0px 10px; border-bottom:1px solid #CAE3F0; clear:both;}
#tec1 li:hover,#tec2 li:hover,#tec3 li:hover{background:url(/img/li_d_2.gif) no-repeat 0px 8px;}
#tec1{width:278px; height:auto; float:left; padding-left:12px;}
#tec2{width:278px; height:auto; float:left; padding-left:20px;}
#tec3{width:278px; height:auto; float:right;}


/*bottom*/
#btm{width:900px; height:100px; margin:auto; clear:both;}
	#btm1{width:900px; height:8px; padding-top:30px; overflow:hidden; display:block;}
		#btm11{width:680px; height:8px; background:#88C3DB; float:left;}
		#btm12{width:220px; height:8px; background:#BDDEEB; float:left;}
	#btm2{width:900px; height:auto; padding-top:12px; display:block;}
		#btm21{width:600px; height:auto; color:#666; line-height:130%; float:left;}
		#btm22{width:300px; height:auto; text-align:right; float:right;}
		
		
/*CSS msdn style pagination*/

DIV.msdn { padding:3px 3px 3px 3px; FONT-SIZE: 13px; COLOR:#313031; TEXT-ALIGN: left}
DIV.msdn A {border:#b7d8ee 1px solid; padding:5px 8px 4px 8px; MARGIN: 0px 3px;  COLOR: #1075A8; TEXT-DECORATION: none
}
DIV.msdn A:hover {border:#b7d8ee 1px solid; COLOR: #1075A8;  BACKGROUND-COLOR: #d2eaf6}
DIV.pagination A:active {BORDER: #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
}
