@charset "UTF-8";
/*  --------------S CSS Reset---------------------  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td,label {padding:0;margin:0;}    
table {border-collapse:collapse;border-spacing:0;}    
fieldset,img{border:0;}    
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style: normal;}    
ol,ul{list-style:none;}    
caption,th{text-align: left;}    
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}    
q:before,q:after {content:'';}    
abbr,acronym {border:0;}
input,select{vertical-align:middle;}
/*  --------------O CSS Reset---------------------  */

.clear{
	clear: both;
	height: 0px;
	padding-top: -1px;
	font-size: 0px;
	line-height: 0;
}

*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a{
	text-decoration: none;
	color: #666;
}
a:hover{
	text-decoration: underline;
}
html,body{
	
}
body{
	background-color:#333;
	margin:0;
	padding:0;
	text-align: center;
	font-size: 12px;
	font-family: Arial;
}



.container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
}
			.header{
				background: #fff500 url(../images/header_bg.gif) right 0 no-repeat;
				height: 86px;
			}
			.header .logo{
				padding: 12px 12px 0;
				float: left;
			}
			.header .header_right{
				float: right;
				padding: 12px;
				text-align:right;
				width:280px;
			}
			.header .version a{
				color:#000;
				padding-left: 20px;
			}
			.header .version .cn{
				background: url(../images/lg_cn.gif) 0 0 no-repeat;
			}
			.header .version .en{
				background: url(../images/lg_en.gif) 0 50% no-repeat;
			}
			.header .search{
				font-size: 0;
				padding: 12px 0;
				vertical-align: center;
			}
			.header .searchlabel{
				padding-top:5px;
				float:left;
			}
			.header .keywords{
				border: 0px;
				padding: 2px;
				height: 16px;
				width: 160px;
			}
			
			
			.menu{
				background: #363535 url(../images/menu_bg.gif) 0 0 repeat-x;
				line-height: 30px;
				height: 30px;
			}
			.mainmenu{
				margin: 0 14px;
			}
			.mainmenu li{
				line-height:30px;
				float:left;
			}
			.mainmenu li a{
				line-height:30px;
				display:block;
				height: 30px;
				float:left;
				padding: 0 12px;
				float:left;
			}
			.mainmenu li a:hover{
				background: #515150 url(../images/menu_bg_hover.gif) 0 0 repeat-x;
			}
			.mainmenu li a.current,.mainmenu li a.current:hover{
				background: #fcf300 url(../images/menu_bg_current.gif) 0 0 repeat-x;
			}
			.mainmenu li a img{
				vertical-align: top;
				margin: 8px auto 7px;
				
			}
			
			/* ------------------MENU-----------------------*/
			#dropDown{position:absolute;padding:0;list-style:none;white-space:nowrap;height:41px;width:960px;}
			body>#dropDown {position: fixed;}
			#dropDown ul{position: relative;display:none;margin:0;list-style:none;z-index:100; padding-left:20px;height:auto;}
			#dropDown ul.click {display: block;}
			#dropDown ul.click li{}
			
			#dropDown ul li {background-color:#fff500;}
			#dropDown ul li a.click {background-color:#e8be32;color:#1B1B1B;border-bottom:#ffffff 1px solid;/*display:block;*/}
			#dropDown ul li a:hover {color:#1B1B1B;background-color:#fff500;}
			#dropDown li {position:relative;}
			#dropDown li a{position:relative; display:block;text-decoration: none; float:left;}
			
			#dropDown li a.click {}
			#dropDown li a:hover{}
			#dropDown li a span{padding:0 30px 0 20px;}
			#dropDown li ul {position:absolute;top:30px;left:0px;padding-left:0;border-style:solid;border-color:#ffffff;border-width:0 0 0 0;}
			#dropDown li ul li{width:160px;padding:0;height:auto;display:block;clear:both;/* fixed Safari BUG By cookie */}
			#dropDown li ul li a {color:#333300; 
							display:block; padding:3px 12px;height:20px; 
							line-height:20px;clear:both!important;
							margin:0;width:136px;font-size:13px;/*background:red;*/}
			#dropDown li ul li a:hover {background-color:#fff500;color:#ffffff;}
		
			#dropDown li ul ul {position:absolute;left:220px;top:0;margin:0; padding:0;padding-left:0;}
			#dropDown li ul ul li{background-color:#fff500;width:220px;padding:0;z-index:100;}
			#dropDown li ul li ul li a {color:#333300;border-bottom:#ffffff 1px solid;display:block;padding-left:5px;height:20px;line-height:20px;clear:both!important;} 
			/* second submenu link hover background */
		
					
			
			
			
			
			.banner{
				font-size: 0;
				line-height:0;
			}
			
			.main{
				min-height: 400px;
				_height: 400px;
				background: #ffffff url(../images/main_bg.gif) 0 0 repeat-x;
				padding: 16px;
			}
			.main_cmsProject{
				padding: 6px 0 0;
			}
			
			.main_cmsProject .page{
				padding-top: 34px;
			}
			
						.leftContent{
							width: 214px;
							float: left;
						}
										.login{
											background: #2a2a2a;
											padding: 12px;
											margin-bottom: 12px;
										}
										.login table{
											margin: 4px 0;
										}
										.login td{
											padding: 2px;
										}
										.login label{
											color:#666666;
										}
										.login input{
											background: #c8c8c8;
											border: 0px;
											padding: 2px;
										}
										.login input.login_submit{
											border:0;
											padding:0;
											background: #f9f800;
										}
										.login a.reg{
											color: #f9f800;
											margin: 2px 6px 0;
											text-decoration: underline;
										}
										
										
										
										
										
						
						
						.mainContent{
							float: right;
						}
			
										.news_home{
											float:left;
											width: 460px;
										}
														.news_home table td{
															padding: 5px 4px 0 0;
														}
														.news_home table td.date{
															color: #00abdc;
															font-size: 11px;
															width: 70px;
														}
														.news_home table td a{
															color: #8a8a8a;
															text-decoration: underline;
														}
														.news_home table td a:hover{
															text-decoration: none;
														}
														.news_home .news_title{
															height: 24px;
															background: url(../images/news_home_title.gif) 0 0 no-repeat;
														}
										.news_home_right{
											float: right;
										}
						.location{
							line-height: 28px;
						}
						.page{
							line-height: 22px;
							padding-bottom: 24px;
							min-height: 400px;
							_height: 400px;
						}
									.pageleft{
										float: left;
										width: 218px;
										height: 100px;
									}
												.pageleft ul.leftMenu{
													margin-top: 6px;
													width: 164px;
												}
												.pageleft ul.leftMenu li{
													padding:0 24px;
												}
												.pageleft ul.leftMenu li.selected{
													background: #fff500 url(../images/left_menu_icon.gif) 12px 6px no-repeat;
												}
												.pageleft ul.leftMenu li a{
													color: #6b6b6b;
												}
												.pageleft ul.leftMenu li.selected a{
													color: #323433;
												}
												
									.pageContent{
										float: right;
										width: 700px;
										line-height: 28px;
										margin-left: 8px;
									}
									
						ul.projectMenu{
							border-top: 1px solid #868686;
							background: red;
						}
						ul.projectMenu li{
							width: 25%;
							background: #646464;
							float: left;
						}
						ul.projectMenu li a{
							padding: 10px 12px 8px 44px;
							display: block;
							border-left: 1px solid #5b5b5b;
							border-right: 1px solid #797979;
							background: url(../images/project_icon.png) 28px 12px no-repeat;
							_background-image: url(../images/project_icon.gif);
						}
						ul.projectMenu li a.current{
							background: #949494 url(../images/project_icon_current.png) 28px 13px no-repeat;
							_background-image: url(../images/project_icon_current.gif);
							border: 0px solid #949494;
						}
						ul.projectMenu li a img{
							/*height: 15px;*/
						}
						
						.newsleft{
							width: 670px;
							float: left;
						}
						
									ul.newslist{
										border-top: 1px solid #dedede;
									}
									ul.newslist li{
										border-bottom: 1px solid #dedede;
										padding: 14px 20px;
									}
									ul.newslist li span{
										clear:both;
										display: block;
										color: #adab00;
										font-size: 10px;
									}
									ul.newslist li a{
										clear:both;
										line-height: 22px;
										color: #5b5b5b;
									}
									ul.newslist li a:hover{
										text-decoration: underline;
									}
						.newsright{
							float: right;
						}
						
						.newsview .title{
							border-top: 1px solid #dedede;
							border-bottom: 1px solid #dedede;
							padding: 15px 0;
							
							color: #5b5b5b;
						}
						.newsview .title .titletop{
							font-size: 13px;
						}
						.newsview .title a.back{
							float:right;
							font-size: 12px;
						}
						.newsview .title .date{
							font-size: 10px;
							color: #adab00;
							line-height: 18px;
						}
						.newsview .intro{
							padding: 12px 0;
							color: #666;
							line-height: 18px;
						}
						
						
						.proLeft{
							float: left;
							width: 218px;
						}
									ul.proCat{
										width: 164px;
										padding-top: 9px;
									}

									ul.proCat li{
										line-height: 22px;
									}
									ul.proCat li a{
										color: #6a6a6a;
										padding-left: 24px;
									}
									ul.proCat li.current{
										background: #fff500 url(../images/left_menu_icon.gif) 12px 6px no-repeat;
									}
									ul.proCat li.current a{
										color: #000201;
									}
									
						.proContent{
							float: right;
							width: 690px;
						}
									
									
									ul.prolist,.proview{
										padding-top: 9px;
									}
									ul.prolist{
										text-align: left;
									}
									ul.prolist li{
										width: 33%;
										float: left;
										overflow: hidden;
										text-align: center;
										margin-bottom: 6px;
									}
									ul.prolist li.first{
										clear: left;
									}
									ul.prolist li a{
										display: block;
										color: #999999;
									}
									ul.prolist li .sphoto,ul.prolist li b{
										width: 100%;
										clear: both;
									}
									ul.prolist li .sphoto img{
										width: 215px;
										height: 145px;
									}
									
									.proview{
										color: #999999;
										margin-bottom: 60px;
										line-height: 20px;
									}
									.proview h1{
										background: #e1e1e1;
										font-size: 13px;
										padding: 3px;
										font-weight: bold;
										margin-bottom: 12px;
										color: #333;
									}
									.proview .base{
										width: 335px;
										
									}
									.proview .base b.red{
										color: #cc0000;
									}
									.proview h2{
										background: #e1e1e1;
										margin: 6px 0;
									}
						
						h2.topCat{
							background: #eee;
							padding: 4px;
						}
						h2.topCat a.more{
							float: right;
							color: #666;
							margin-bottom: 3px;
						}
						.pagebar{
							text-align: center;
							padding: 12px;
						}
						.pagebar a{
							border: 1px solid #ccc;
							background: #eee;
							padding: 1px 3px;
							color: #666;
						}
			
			.footer{
				
			}
			.footer .footer_menu{
				padding: 6px 14px;
				background: #949494;
				border-bottom: 3px solid #000000;
			}
			.footer .footer_menu a{
				color: #ffffff;
				padding: 0 4px;
			}
			.footer .copyright{
				background: #fff500;
				padding: 24px 14px 30px;
				line-height: 24px;
				color: #636363;
			}
