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

body {
	font-family: Arial, Helvetica, 新宋体, 宋体, sans-serif;
	font-size: 12px;
	color: #000;
	background:#CCC;
	margin:0;
}
.group{ margin:auto; width:930px; padding:0px 10px; background:url(../images/templateBg930.gif) repeat-y center;}
#header{ height:91px; padding-left:35px; padding-right:20px; border-bottom:#e2ecf5 solid 1px;}
 #logo{ float:left; margin-top:24px; width:244px; height:54px;}
 #header h1{ float:right; padding:0; margin:0; margin-top:36px; height:14px; width:160px; color:#FFFFFF; font-size: 1.2em; line-height:1.2em; font-family:"微软雅黑", "黑体"; font-weight:normal;}
 #header h2{ clear:right; float:right; width:160px; margin:0; margin-top:6px; padding:0; font-size: 1em; line-height:1.2em; font-weight:normal; color:#c5d6e6;}

/* mainMenu */
#nav{padding-left:24px; padding-right:26px; height:60px; background:#000000 url(../images/navBg.gif) repeat-x;}
#nav ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	padding-left:1px;
	width:150px;
	height:60px;
	background:url(../images/navJoin.gif) left bottom no-repeat;
	}
#nav ul li a {
	float: left;
	width:135px;
	display: block;
	height:60px;
	font-size: 1em;
	padding:0;
	padding-left:15px;
	margin: 0;
	text-decoration: none;
	color: #5b6a77;
	border: none;
	}
#nav ul li a strong {
    margin-top:10px;
	display: block;
	font-size: 1em;
	line-height: 2em;
	font-weight: bold;
	color: #97acbf;
	}
#nav li a:hover {
	background: url(../images/navBgPass.gif) repeat-x;
	color:#79838c;
	}
#nav li a.selected {
	background: url(../images/navBgPass.gif) repeat-x;
	color:#79838c;
	}
#nav li a.active {
	color: #5b6a77;
	background: url(../images/pubBg1.jpg) repeat-x;
	}
#nav ul li a:hover strong {	
	color: #97acbf;
	
	}
#nav ul li a.active strong {
	color: #97acbf;
	}
#nav ul li#language{ float:right; width:275px;}
#nav ul li#language a {
	float: right;
	width:90px;
	}
#nav ul li#language a:hover{color:#79838c; background:none;}
#showx{ background:#444 url(../images/pubBg.jpg) top no-repeat; height:301px; border-bottom:#000000 solid 1px; vertical-align:top;}
#show{ background:#444 url(../images/pubBg1.jpg) top no-repeat; height:301px; border-bottom:#000000 solid 1px; vertical-align:top;}
#showAbout{height:301px; border-bottom:#000000 solid 1px; vertical-align:top;}

#mainFrame{ border-top:#333 solid 1px; overflow:hidden;}
#mainFrame h3{ color:#FFF; font-size:1em; height:33px; line-height:33px; margin:0; padding:0; padding-left:16px;}
#headerLine{ width:100%; background: #f9f9fb url(../images/listBgBottom.gif) repeat-x bottom; color:#666666; overflow:hidden;}
 #headerLine a{ color:#97acbf; text-decoration:none;}
#list{ width:100%; background: #f9f9fb url(../images/listBgBottom.gif) repeat-x bottom; color:#666666; overflow:hidden; padding:0;}
 #listTopSpace{ clear:both; height:35px; background:url(../images/listBgTop.gif) repeat-x top;}
 #list a{ color:#97acbf; text-decoration:none;}
 #map{ width:450px; float:left; clear:both; overflow:hidden;}
 #map iframe{ border:#CCC solid 1px; margin-bottom:6px;}
 #title{ width:250px; float:left; clear:both; overflow:hidden;}
  #title h4{ margin:0; padding:0; padding-top:20px; line-height:1em; font-size:2.5em; font-weight:normal; color:#666666;}
  #title img{ margin:0; padding:0;}
  #title h5{ margin:0; padding:0; padding-top:5px; color:#97acbf; font-weight:normal; font-size:1.6em;}
 #brief{padding:0; overflow:hidden;}
 .brief1{ margin:0; margin-right:40px; margin-left:40px; text-align:justify;}
 .brief2{ width:624px; float: right; margin:0; margin-right:26px; }
 #contact{padding:0; overflow:hidden; width:440px; float: right; margin:0; margin-bottom:26px; margin-right:40px; }
 #contact p{ font-size:1.2em; line-height:24px; margin:0; margin-bottom:25px; padding:0;}
  #brief p{ font-size:1.2em; line-height:24px; margin:0; margin-bottom:25px; padding:0;}
  #delineation{ border-bottom:#999999 dotted 1px;}
  #delineation img{ width:58px; height:45px; margin-right:5px; margin-bottom:8px; background:#999999;}
  #brief ul{ float:right; height:16px; margin:0; padding: 0; list-style: none; overflow: hidden;}
  #brief ul li{float:left; height:16px; margin: 0; margin-left:8px; padding: 0;}
  #brief ul li a{ vertical-align: middle; margin-left:20px; vertical-align: bottom;}
  #brief ul li a:hover{text-decoration:underline;}
  #liGuide { background:url(../images/i_profile.gif) top left no-repeat;}
  #liCommunity { background: url(../images/i_community.gif) top left no-repeat;}
  #liService { background: url(../images/i_service.gif) top left no-repeat;}
  #liForum { background: url(../images/i_forum.gif) top left no-repeat;}
  #liGallery { background: url(../images/i_image.gif) top left no-repeat;}
  #liFaq { background: url(../images/i_what.gif) top left no-repeat;}
  #link{float:left; height:16px; margin-bottom:20px; line-height:16px; font-size:1.2em;} 

/* bottomMenu */
#bottomMenu{ width:100%; border-bottom:#787878 solid 1px; overflow:hidden;}
#bottomMenu ul {
    margin:auto;
    width:48em;
	padding:0;
    list-style: none;
	overflow: hidden;
	height:40px;
	}
#bottomMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	height:40px;
	line-height:40px;
	}
#bottomMenu ul li a {
	float: left;
	display: block;
	width: 8em;
	height:40px;
	font-size: 1em;
	text-decoration: none;
	color: #dce7f0;
	border: none;
	}

/* footer */
#footer{ width:100%; height:58px; background:#202020; margin:0; line-height:58px; color: #5b6a77; }
#footer a{ color: #5b6a77;}
#footer a:hover {
	color:#79838c;
	}