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

*{margin:0px; padding:0px;}
a{color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; } 
a:hover{color:#CC0000; }
ul,li{list-style:none;}

hr{ border:1px; height:1px; color:ddd;}

.f14{font-size:14px;}
.f12{font-size:12px;}

body{font-size:12px; line-height:130%;}
.FF6600{color:#FF6600;}
.CC0000{color:#CC0000;}
.999{color:#999999;}
.00{color:#000;}
.u{text-decoration:underline;}
.b{font-weight:bold;}

#top{width:900px; height:86px; margin:auto;}
#top1{width:900px; height:58px; padding-top:20px;}
	#top11{width:400px; float:left;}
	#top12{width:290px; padding-top:12px; float:right;}
		#top121{width:214px; height:18px; padding-top:3px; float:left;}
			.top121_input{width:172px; height:14px; padding:1px 3px 3px 3px; border:0px; background:url(img/search_bg.gif);}
		#top122{width:62px; height:24px; padding-top:6px; padding-left:13px; border-left:1px solid #ccc; float:right;}
		
#top2{width:900px; height:auto; position:relative; clear:both; margin:auto;}

/* index ad */
#iad{width:900px; height:330px; padding-top:6px; margin:auto; clear:both;}



/*top menu (无限制下拉菜单)*/
/* style the outer div to give it width */
.menu {font-size:12px; width:900px; height:auto; float:left; position:relative; background:#f7f7f7; margin:auto;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; height:24px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {height:auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {height:24px; text-align:left; display:block; float:left; }

/* style the sub level list items */
.menu ul ul li {height:auto; line-height:22px; background:url(img/menu_bg_1.gif); display:block; }

/* style the links for the top level */
.menu a, .menu a:visited {height:14px; width:auto; font-size:12px; padding:4px 20px 4px 20px; background:url(img/menu_li_l.gif) no-repeat left center; display:block; float:left; }
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em; width:auto;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; width:116px; height:100%; line-height:100%; background:url(); padding:6px 20px;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:116px;; width:116px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e6e6e6;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#e6e6e6;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#e6e6e6 url(img/menu_bg_d.gif) no-repeat 132px center;}
.menu ul :hover a.sub1:hover {background:#8BC1E9 url(img/menu_bg_d.gif) no-repeat 132px center;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
/* * html .menu a:hover {color:#ff0;background:#d4d8bd url(images/top_grad_2.gif) center center; position:relative; z-index:100;}*/
.menu a:hover {color:#fff; background:url(img/menu_bg_2.gif) repeat-x top; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#ff0;background:#e6e6e6 center center;}
/* second */
/* * html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}*/
.menu ul ul a:hover{position:relative; z-index:110; background:url(img/menu_bg_o.gif) no-repeat center center;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#8BC1E9;}
/* third */
/* * html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}*/
.menu ul ul ul a:hover {background:#8BC1E9; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#8BC1E9;}
/* fourth */
.menu ul ul ul ul a:hover {background:#A8D0EE; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; left:-1px; top:24px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px;top:0;width:14em; z-index:140;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:10em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* index center */
#icen{width:900px; height:auto; padding-top:8px; background:#fff; margin:auto; clear:both;}
#icen1{width:190px; height:auto; border-right:1px solid #dfdfdf; float:left; background:#fff;}
	#icen11{width:180px; height:auto;}
	.icen11t{width:180px; height:26px; line-height:26px; text-align:center; background:url(img/index/left_bg_1.gif); margin-bottom:2px; display:block; cursor:pointer; overflow:hidden;}
	.icen11t2{width:180px; height:26px; font-weight:bold; text-align:center; line-height:26px; background:url(img/index/left_bg_2.gif); margin-bottom:2px;cursor:pointer;  display:block;}
	.istar_show{width:180px; height:180px; background:url(img/index/left_bg_3.gif); margin-bottom:2px; display:block;}
	.istar_show_img{width:110px; height:110px; padding:5px; background-color:#ddd; margin:15px 0px 5px 30px;}
	.istar_show_txt{width:140px; height:auto; color:#666; line-height:130%; margin:auto;}
	
#icen2{width:428px; height:auto; border-right:1px solid #dfdfdf; float:left; background:#fff;}
	#icen21{width:410px; height:190px; padding-left:9px;}
		#icen211{width:auto; height:26px;}
		#icen211 li{width:auto; height:24px; line-height:24px; text-align:center; padding:2px 15px 0px 15px; border-left:1px solid #fff; cursor:pointer; float:left;}
		.icen211_m{width:auto; padding-top:3px; height:26px; background:url(img/index/c_bg_2.gif);}
		#icen212 ul{padding:8px 0px 0px 8px;}
		#icen212 li{font-size:12px; height:22px; line-height:150%;}
		#icen212 li a{ width:388px; padding-left:12px;color:#333; height:22px; line-height:22px; background:url(img/i_new_li_dd_1.gif) no-repeat 0px 8px; display:block;}
		#icen212 li a:hover{color:#3399CC; background:url(img/i_new_li_dd_2.gif) no-repeat 0px 8px;}
		
	#icen22{width:408px; height:100px; border:1px solid #e1e1e1; margin-left:9px;}
		#icen22 li{font-size:12px; line-height:160%; color:#333;}
		#icen22 li a{color:#333;}
		#icen22 li a:hover{color:#FF6600;}
		
	.icen2_tit{width:auto; height:26px; background:url(img/index/c_bg_1.gif) #CCCCCC;}
	
#icen3{width:270px; height:auto; float:right; background:#fff;}
	#icen31{width:270px; height:90px;}
	#icen32{width:268px; height:200px; border:1px solid #e1e1e1;}
		#icen32 ul{padding:10px;}
		#icen32 li{width:122px; height:50px; float:left;}
		
		
/*about.htm*/
#aad{width:900px; height:180px; padding-top:8px; margin:auto; clear:both; background:#fff;}
#acen{width:900px; height:auto; margin:auto; clear:both; background:#fff;}
#acen1{width:220px; height:auto; padding-top:30px; float:left; display:block; background:#fff;}
	#acen11{ width:200px; height:auto;}
	#acen11 li{width:auto; height:24px; margin-bottom:3px; display:block;}
	.alm1{width:auto; height:24px; line-height:24px; padding-left:12px; background:url(img/index/left_bg_1.gif); display:block;}
	.alm1:hover{width:auto; height:24px; color:#fff; line-height:24px; padding-left:12px; background:url(img/index/left_bg_2.gif);}
	.alm2{width:auto; height:24px; color:#fff; line-height:24px; padding-left:26px; background:url(img/about/lm_bg_2.gif); display:block;}
	
	#acen12{ width:200px; height:auto;}
	#acen12 li{width:auto; height:auto; color:#666; line-height:130%; padding:3px 0px 3px 12px; background:url(img/i_new_li_dd_1.gif) no-repeat 0px 8px; display:block;}
	
#acen2{width:680px; height:auto; display:block; float:left; background:#fff;}
	#acen21{width:auto; height:30px; color:#666; line-height:30px;}
	#acen22{width:auto; height:4px; background-color:#e4e4e4; overflow:hidden;}
	
	#acen23{width:auto; height:auto; padding-top:12px; color:#666; line-height:150%;}
	#acen23 p{ color:#666;padding:6px 0px 6px 0px;}
	



/* products show */
#pcen23{width:auto; height:30px; padding-top:12px; background:#fff;}
		#pcen231{width:210px; height:auto; padding-right:10px; float:left;}
		#pcen232{width:219px; height:auto; padding-left:10px; border-left:1px solid #f7f7f7; padding-right:10px; float:left;}
		#pcen233{width:209px; height:auto; padding-left:10px; border-left:1px solid #f7f7f7; float:right;}
			.pc231_t{width:auto; height:22px; padding-top:8px;}
			#pcen231 li,#pcen232 li,#pcen233 li{width:auto; height:auto; padding:6px 0px 6px 12px; background:url(img/i_new_li_dd_2.gif) no-repeat 0px 10px;}
			
.sem{width:auto; height:auto; display:block; padding-bottom:12px;}
.sem li{width:auto; height:auto; padding:2px 0px 2px 12px; background:url(img/i_new_li_dd_2.gif) no-repeat 0px 10px;}

#pro_show{width:auto; height:80px;}
#pro_show_1{width:420px; height:auto; float:left;}
	#pro_show_1 li{width:190px; height:auto; padding:3px 0px 3px 12px; background:url(img/i_new_li_dd_1.gif) no-repeat 0px 8px; float:left;}
#pro_show_2{width:240px; height:auto; float:left;}
/* ideology.htm */
.ideo_img{width:auto; height:80px; padding:6px 0px 6px 0px;}
#ido_cen23 {color:#333; line-height:160%; font-size:14px;}
#ido_cen23 p{padding:6px 0px 6px 0px;}
#ide_xg{width:auto; height:auto;}
#ide_xg li{width:auto; height:auto; font-size:12px; padding:0px 0px 3px 12px; background:url(img/i_new_li_dd_1.gif) no-repeat 0px 8px;}

#idcen231{width:210px; height:auto; padding-right:10px; float:left;}
#idcen232{width:219px; height:auto; padding-left:10px; border-left:1px solid #f7f7f7; padding-right:10px; float:left;}
#idcen233{width:209px; height:auto; padding-left:10px; border-left:1px solid #f7f7f7; float:right;}
	.pc231_t{width:auto; height:22px; padding-top:8px;}
	#idcen231 li,#idcen232 li,#idcen233 li{width:auto; height:auto; padding:3px 0px 3px 12px; background:url(img/i_new_li_dd_2.gif) no-repeat 0px 10px;}


/* Technical_papers.htm */
#tpcen231{width:230px; height:auto; padding-right:10px; float:left;}
#tpcen232{width:420px; height:auto; float:right;}
#tpcen231 li,#tpcen232 li{width:auto; height:auto; padding:3px 0px 3px 12px; background:url(img/i_new_li_dd_2.gif) no-repeat 0px 8px;}


/* case */
#cas_cen23{width:auto; height:auto;}
#cas_cen23 li{width:220px; height:130px; float:left;}
	.cas_c23_li_1{width:180px; height:80px; padding-bottom:5px;}
	.cas_c23_li_2{width:180px; height:auto; text-align:center;}
#cas_cen23 p{ color:#666;padding:6px 0px 6px 0px;}


/* team */
#team_li ul{padding-top:12px;}
#team_li li{ width:130px; height:160px; float:left;}
.team_li_1{width:110px; height:110px;}
.team_li_2{width:110px; height:auto; text-align:center; color:#666; line-height:130%; padding-top:5px;}

#team_new{width:auto; height:auto; padding-top:12px; clear:both;}
#team_new_1{width:220px; height:auto; float:left;}
#team_new_2{width:440px; height:auto; float:right;}
#team_new_2 li{width:440px; height:auto; padding:0px 0px 0px 12px; background:url(img/i_new_li_dd_1.gif) no-repeat 0px 8px; clear:both;}

#jdrw li{width:auto; padding:3px 6px 3px 6px; float:left;}



/* hr .htm */
.zw_k{ width:auto; height:28px; line-height:28px; padding-left:12px; color:#fff; background-color:#999; margin-bottom:6px;}
.hr_tab_k{border-bottom:1px solid #ccc; margin-bottom:15px;}
#hrcen12 li{padding:6px 0px 6px 0px;}
			
/* contact */
#ccen23{width:auto; height:30px; padding-top:12px;}
#ccen231{width:450px; height:auto; float:left;}
	.cc2311{width:428px; height:125px; padding:50PX 0PX 0PX 12PX; background:url(img/contact/img_1.jpg); color:#FFF;}
	.conkk{width:auto; height:auto; padding:10px 0px 6px 0px; border-bottom:1px solid #ddd;}
#ccen232{width:220px; height:auto; float:right;}

	
/*buttom*/
#btm{width:900px; height:90px; padding-top:12px;clear:both; margin:auto; background:#fff;}
	#btm1{width:900px; height:30px; background:url(img/btm_1.gif);}
	#btm1 ul{padding-left:20px;}
	#btm1 li{width:90px; height:30px; line-height:30px; padding-left:14px; font-size:14px; color:#666; background:url(img/dd_5.gif) no-repeat 0px 10px;  float:left;}
	#btm2{width:900px; height:4px; background-color:#f8f8f8;overflow:hidden; margin-top:4px; display:block;}
	#btm3{width:900px; height:auto; padding-top:8px;}
		#btm31{width:500px; height:auto; color:#999; line-height:130%;  float:left;}
		#btm32{width:400px; height:auto; color:#999; line-height:130%;  text-align:right; float:right;}
		
		
		
/*CSS manu style pagination*/

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}