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

body {width:1000px; margin:auto; padding:0; color:#333; font-size:12px; background:#135;}
div,span,em,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,fieldset {margin:0; padding:0; border:none; font-size:12px; font-style:normal; list-style-type:none; font-weight:normal;}
form,input,select,textarea {background:none;}
a {color:#333; text-decoration:none;}
a:hover {color:#f60; text-decoration:underline;}

.Header {width:1000px; height:515px;}
.Headar {width:1000px; height:90px;}
.Banner {width:1000px; height:177px;}

.Main {width:980px; height:176px; padding:0 10px; background:url(../Images/MainBg.jpg) no-repeat #184B7A; padding-bottom:25px;}
  .Main .News {width:275px; height:176px; float:left; margin-right:15px;}
    .Main .News .Top {width:275px; height:31px; background:url(../Images/NewsTitle.jpg);}
	.Main .News .Con {width:275px; height:145px;}
	  .Main .News .Con li {width:275px; height:20px; line-height:20px; border-bottom:1px solid #7A97B2; color:#97AEC3;}
	    .Main .News .Con li .Name {width:200px; height:20px; float:left; overflow:hidden;}
		.Main .News .Con li .Date {width:75px; height:20px;}
	    .Main .News .Con li a {color:#CED9E3;}
		.Main .News .Con li a:hover {color:#F60;}
	
  .Main .Activities {width:250px; height:176px; float:left; margin-right:15px;}
    .Main .Activities .Top {width:250px; height:31px; background:url(../Images/Activities.jpg);}
	.Main .Activities .Con {width:240px; height:135px; padding:5px; background:#fff;}
  .Main .Info {width:220px; height:176px; float:left; margin-right:15px;}
    .Main .Info .Top {width:220px; height:31px; background:url(../Images/InfoTitle.jpg);}
	.Main .Info .Tag {width:220px; height:25px; background:url(../Images/InfoTag.jpg);} 
	.Main .Info .Con {width:200px; height:120px; background:#A3B7CA; padding:0 10px;}
	  .Main .Info .Con li {width:200px; height:20px; line-height:20px; overflow:hidden;}
	  .Main .Info .Con a:hover {text-decoration:none; color:#069}
  .Main .Contact {width:190px; height:176px; float:left;}
    .Main .Contact .Top {width:190px; height:31px; background:url(../Images/xibao.jpg);}
	.Main .Contact .Tag {width:190px; height:25px; background:url(../Images/xibaoTag.jpg);} 
	.Main .Contact .Con {width:170px; height:120px; background:#A3B7CA; padding:0 10px; overflow:hidden;}
	  .Main .Contact .Con #demo {float:left;}
	  .Main .Contact .Con li {width:170px; height:20px; line-height:20px; overflow:hidden; float:left;}
	  .Main .Contact .Con a:hover {text-decoration:none; color:#069;}


.Middle {width:980px; float:left; clear:both; background:#fff; padding:10px;}
  .Middle .Left {width:200px; float:left;}
    .Middle .Left .SubBar {width:200px; float:left; clear:both; margin-bottom:10px;}
	  .Middle .Left .SubBar .Top {width:200px; height:40px; float:left; clear:both;}
	  .Middle .Left .SubBar .Con {width:180px; float:left; clear:both; background:url(../Images/SubCon.jpg); padding:5px 10px;}
	    .Middle .Left .SubBar .Con li {width:180px; height:30px; line-height:30px; margin-top:5px;}
		  .Middle .Left .SubBar .Con li a{width:150px; height:30px; background:url(../Images/Side_1.jpg); padding-left:30px; display:block;}
		  .Middle .Left .SubBar .Con li a:hover {background:url(../Images/Side_2.jpg); color:#fff; text-decoration:none;}
	  .Middle .Left .SubBar .End {width:200px; height:5px; float:left; clear:both; overflow:hidden; background:url(../Images/SubEnd.jpg);}
	.Middle .Left .Contact {width:200px; float:left; clear:both;}
  .Middle .Right {width:770px; float:Right;}
    .Middle .Right .Content {width:770px; float:left;}
	  .Middle .Right .Content .Top {width:760px; height:35px; line-height:35px; font-family:"微软雅黑"; font-size:14px; float:left; clear:both; background:url(../Images/ContentTop.jpg); padding-left:10px;}
	    .Middle .Right .Content .Top em {font-size:12px; font-family:Arial; margin-left:20px; color:#999;}
	  .Middle .Right .Content .Con {width:770px; float:left; clear:both; background:url(../Images/ContentCon.jpg);}
	  
	    .Middle .Right .Content .Con .Intro {width:750px; padding:10px; line-height:150%; line-height:150%; font-size:13px;}
	      .Middle .Right .Content .Con .Intro * {font-size:13px;}
		  
		.Middle .Right .Content .Con .NewsList {width:750px; padding:10px;}
	    .Middle .Right .Content .Con .NewsList li {width:750px; height:30px; line-height:30px; border-bottom:1px solid #eee;}
		  .Middle .Right .Content .Con .NewsList li .Name {width:640px; height:30px; float:left;}
		  
	  .Middle .Right .Content .End {width:770px; height:10px; overflow:hidden; float:left; clear:both; background:url(../Images/ContentEnd.jpg);}


.Footer {width:1000px; height:90px; clear:both; background:url(../Images/Footer.jpg); padding-top:14px; text-align:center; color:#184B7A;}

.Player {}


#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background:#333;
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */