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

@import url("global.css");

/**************************************************  Home  ******************************************************************/

/*Top*/
.top{
	width:1000px;
	height:263px;
	margin:0px auto;
	position:relative;}
		
	.top .set{
		position:absolute;
		top:232px;
		right:15px;
		z-index:5;}
		
		.top .set img{
			width:11px;
			height:9px;
			padding:0px 10px 0px 20px;}
			
		.top .set a{
			color:#FFF;}
	
	.top .flash{
		width:1000px;
		height:216px;
		position:absolute;
		top:0px;
		left:0px;}
		
	/*Navigate*/
	.top ul{
		font-family:"黑体";
		background:url(../images/navRe.gif) repeat-x left top;
		width:1000px;
		height:46px;
		position:absolute;
		top:217px;
		left:0px;}
			
			.top ul li{
				font-size:14px;
				width:100px;
				height:46px;
				line-height:46px;
				float:left;
				text-align:center;
				background:url(../images/li_b.gif) no-repeat right top;}
				
				.top ul li a{
					color:#FFF;
					display:block;
					width:98px;
					height:46px;
					font-weight:bold;}
					
					.top ul li a:hover{
						color:#2163b4;
						background:url(../images/a_re.gif) repeat-x;
						text-decoration:none;}
	/*Navigate end*/
/*Top end*/

/*Main*/
.main{
	width:1000px;
	height:770px;
	position:relative;
	margin:10px auto 0px;}
	
	/*Photo News*/
	.photonews{
		width:240px;
		height:230px;
		position:absolute;
		top:0px;
		left:0px;}
		
		.pTitles{
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			height:30px;
			background:url(../images/titlesRe.gif) repeat-x;
			position:relative;
			line-height:28px;
			text-indent:1em;}
			
			.pTitles a{
				position:absolute;
				top:12px;
				right:10px;}
				
		/*Jquery Controls*/
		#ibox{
			width:238px;
			height:199px;
			border:#DDD 1px solid;
			position:relative;
			border-top:none;
			/*overflow:hidden;*/}
			
			#iContainer{
				width:227px;
				height:194px;
				overflow:hidden;
				margin:0px auto;}
				
				#iContainer .iContent{
					margin:5px 0px 10px;
					text-align:center;
					background-color:#999;
					line-height:20px;
					width:227px;
					height:194px;}
				
				#iContainer a{
					color:#FFF;}
				
				#iContainer img{
					width:227px;
					height:170px;
					float:left;}
					
			#iControls{
				position:absolute;
				bottom:30px;
				right:10px;
				z-index:10;}
				
				#iControls a{
					padding:3px;
					border:#CCC 1px solid;
					background-color:#CCC;
					color:#FFF;
					text-align:center;
					margin:0px 1px;}
					
					#iControls a:hover{
						color:#F00;
						background-color:#FFF;}
						
					#iControls a.activeSlide{
						color:#F00;
						background-color:#FFF;}
		/*Jquery Controls end*/
		
	/*Photo News end*/
	
	/*Work News*/
	.workNews{
		width:500px;
		height:230px;
		position:absolute;
		top:0px;
		left:250px;}
		
		.titles{
			height:29px;
			background:url(../images/titlesRe2.gif) repeat-x;
			position:relative;
			border:#DDD 1px solid;
			border-bottom:none;}
			
			.titles h3{
				font-size:14px;
				color:#666;
				background:url(../images/arrow.gif) no-repeat left 0px;
				text-indent:1.5em;
				position:absolute;
				top:8px;
				left:10px;}
				
			.titles a{
				position:absolute;
				top:12px;
				right:10px;}
				
		.workNews ul{
			width:478px;
			height:189px;
			padding:10px 10px 0px;
			border:#DDD 1px solid;
			border-top:none;}
			
			.workNews ul li{
				background:url(../images/rec.gif) no-repeat left 6px;
				width:478px;
				line-height:22px;
				position:relative;
				text-indent:1.5em;
				float:left;}
				
				.workNews ul li span{
					position:absolute;
					top:0px; * top:-2px;
					right:10px;}
	/*Work News end*/
	
	/*Announcement*/
	.announcement{
		width:240px;
		height:230px;
		position:absolute;
		top:0px;
		right:0px;}
		
		.announcement .marquee{
			width:238px;
			height:199px;
			padding-top:1px;
			border:#DDD 1px solid;
			border-top:none;
			overflow:hidden;}
			
		.announcement ul{
			width:218px;
			margin:0px auto;}
			
			.announcement ul li{
				background:url(../images/arrow2.gif) no-repeat left 8px;
				width:218px;
				height:22px;
				line-height:22px;
				text-indent:1.5em;
				border-bottom:#CCC 1px dashed;
				float:left;}
	/*Announcement end*/
	
	/*Flash AD*/
	.flashAD{
		width:744px;
		height:134px;
		border:#DDD 1px solid;
		position:absolute;
		top:240px;
		left:0px;
		padding:2px;}
	/*Flash AD end*/
	
	/*Icons*/
	.icons{
		width:238px;
		height:138px;
		border:#DDD 1px solid;
		background:url(../images/icoB2.gif) no-repeat;
		position:absolute;
		top:240px;
		right:0px;}
		
		.icons a{
			display:block;
			float:left;
			width:93px;
			height:56px;
			margin:6px 9px 10px 15px;
			display:inline;}
	/*Icons end*/
	
	/*Four Box*/
	.fourBox{
		width:760px;
		height:380px;
		position:absolute;
		bottom:0px;
		left:0px;}
		
		.titles2{
			height:29px;
			background:url(../images/titlesRe2.gif) repeat-x;
			position:relative;
			border:#DDD 1px solid;
			border-bottom:none;}
			
			.titles2 h3{
				font-size:14px;
				width:100px;
				height:24px;
				line-height:24px;
				color:#FFF;
				background:url(../images/titlesRe3.gif) repeat-x;
				text-align:center;
				position:absolute;
				top:2px;
				left:2px;}
				
			.titles2 a{
				position:absolute;
				top:12px;
				right:10px;}
		
		.fourBox .fourContainer{
			width:370px;
			height:180px;
			float:left;
			margin:0px 10px 10px 0px;
			display:inline;}
			
			.fourContainer ul{
				width:348px;
				height:139px;
				padding:10px 10px 0px;
				border:#DDD 1px solid;
				border-top:none;}
				
				.fourContainer ul li{
					background:url(../images/rec2.gif) no-repeat left 10px;
					width:348px;
					line-height:22px;
					text-indent:1em;
					position:relative;}
					
				.fourContainer ul li span{
					position:absolute;
					top:0px;
					right:0px;}
	/*Four Box end*/
	
	/*Convenience check*/
	.convenienceCheck{
		width:240px;
		height:180px;
		position:absolute;
		bottom:200px;
		right:0px;}
		
		.convenienceCheck ul{
			width:238px;
			height:149px;
			border:#DDD 1px solid;
			border-top:none;}
			
			.convenienceCheck ul li{
				width:110px;
				height:43px;
				float:left;
				padding:20px 4px 0px;}
				
				.convenienceCheck ul li a{
					display:block;
					width:110px;
					height:43px;}
					
				.convenienceCheck ul li img{
					width:110px;
					height:43px;}
	/*Convenience check end*/

	/*Links*/
	.links{
		width:240px;
		height:180px;
		position:absolute;
		bottom:10px;
		right:0px;}
		
		.links .linksCon{
			width:238px;
			height:149px;
			border:#DDD 1px solid;
			border-top:none;}
			
			.linksCon select{
				width:180px;
				height:20px;
				margin:20px 0px 0px 30px;}
	/*Links end*/

/*Main end*/

/*Foot*/
ul.foot{
	clear:left;
	width:1000px;
	height:100%;
	overflow:auto;
	color:#FFF;
	margin:5px auto;
	background-color:#2674b2;
	padding-top:10px;
	padding-bottom:20px;
	letter-spacing:0.1em;
	text-align:center;}
	
	ul.foot li{
		line-height:25px;}
		
		ul.foot li a{
			color:#FFF;}
		
		ul.foot li em{
			padding:0px 10px;}
	
/*Foot end*/

/**************************************************  Home end  ******************************************************************/


/**************************************************  Inside  ******************************************************************/
.inside{
	width:1000px;
	height:100%;
	overflow:auto;
	margin:10px auto 0px;}
	
	.inLeft{
		width:240px;
		height:100%;
		overflow:auto;
		float:left;
		margin-right:10px;
		display:inline;}
		
	.inRight{
		width:750px;
		height:100%;
		overflow:auto;
		float:left;}
		
	/*In Left*/
		/*In PhotoNews ConvenienceCheck Links*/
		.inLeft .photonews{
			position:static;}
				
		.inLeft .convenienceCheck{
			position:static;}
				
		.inLeft .links{
			position:static;
			margin:10px 0px;}
		/*In PhotoNews ConvenienceCheck Links end*/
		
		/*Search*/
		.search{
			width:240px;
			height:150px;
			margin:10px 0px;}
			
			.search ul{
				width:218px;
				height:109px;
				padding:10px 10px 0px;
				border:#DDD 1px solid;
				border-top:none;}
				
				.search ul li{
					width:218px;
					line-height:22px;
					float:left;
					margin-top:10px;}
					
					.search ul li label{
						display:block;
						width:75px;
						text-align:right;
						float:left;}
						
					.search ul li select{
						width:134px;
						float:left;}
						
					.search ul li input{
						width:130px;
						float:left;}
						
					.search ul li button{
						cursor:pointer;
						width:75px;
						height:22px;
						border:none;
						margin-left:25px;
						background:url(../images/button_b.gif) no-repeat;}
		/*Search end*/
		
	/*In Left end*/
	
	/*In Right*/
	
		/*Title*/
		.rTitles{
			letter-spacing:0.1em;
			background:url(../images/titlesRe2.gif) repeat-x;
			width:748px;
			height:29px;
			border:#DDD 1px solid;
			border-bottom:none;
			position:relative;}
			
			.rTitles h3{
				background:url(../images/arrow.gif) no-repeat left center;
				text-indent:1em;
				font-size:16px;
				color:#759fc1;
				position:absolute;
				top:4px;
				left:10px;}
				
			.rTitles .currentPage{
				position:absolute;
				top:6px;
				right:15px;}
		/*Title end*/	
		
		.inContent{
			width:730px;
			height:100%;
			overflow:auto;
			padding:15px 10px;}
		
		/*Article*/
		.article{
			width:730px;
			height:100%;
			overflow:auto;
			padding:15px 10px;}
			
			.article h3{
				background-color:#DDD;
				font-size:14px;
				line-height:25px;
				text-indent:1em;
				color:#666;}
				
			.article ul{
				width:730px;
				height:100%;
				overflow:auto;}
				
				.article ul li{
					width:730px;
					height:25px;
					line-height:25px;
					clear:left;
					text-indent:2em;
					background:url(../images/arrow2.gif) no-repeat 10px 10px;}
					
					.article ul li a{
						color:#666;}
		/*Article end*/
	
		/*About*/
		#inAbout{
			line-height:25px;}
		/*About end*/
		
		/*News*/
		#inNews .titles2{
			margin:15px 0px 5px;}
		
		#inNews ul{
			width:730px;
			height:100%;
			overflow:auto;}
			
			#inNews ul li{
				background:url(../images/rec.gif) no-repeat 10px center;
				text-indent:2em;
				width:730px;
				line-height:25px;
				position:relative;
				border-bottom:#CCC 1px dashed;}
				
				#inNews ul li span{
					position:absolute;
					top:0px;
					right:10px;}
					
			/*Newsshow*/
			#inNewsshow{
				line-height:25px;}
				
				#inNewsshow h3{
					font-size:16px;
					text-align:center;
					margin:15px 0px;}
					
				#inNewsshow img{
					width:400px;
					height:300px;
					display:block;
					margin:15px auto;}
					
				#inNewsshow h4{
					text-align:center;
					font-size:12px;
					color:#999;}
					
					#inNewsshow h4 em{
						padding:0px 10px;}
					
			/*Newsshow end*/
		/*News end*/
		
		/*In PhotoNews*/
		#inPhotoNews ul{
					width:730px;
					height:100%;
					overflow:auto;}
					
					#inPhotoNews ul li{
						width:223px;
						height:187px;
						line-height:20px;
						text-align:center;
						float:left;
						padding:0px 10px 20px;}
					
						#inPhotoNews ul li img{
							width:223px;
							height:167px;}
							
			#inPhotoNewsshow{
				line-height:25px;
				text-indent:2em;}
				
				#inPhotoNewsshow h3{
					font-size:16px;
					text-align:center;
					margin:15px 0px;}
					
				#inPhotoNewsshow img{
					width:400px;
					height:300px;
					display:block;
					margin:15px auto;}
		/*In PhotoNews end*/
		
		/*In Contact*/
		#inContact img{
			width:344px;
			height:379px;
			display:block;
			margin:15px 10px;
			float:left;}
			
			#inContact ul{
				width:300px;
				height:100%;
				overflow:auto;
				float:left;
				font-size:14px;
				margin-top:100px;}
				
				#inContact ul li{
					width:300px;
					line-height:30px;
					float:left;}
					
					#inContact ul li label{
						display:block;
						width:70px;
						float:left;}
						
					#inContact ul li span{
						float:left;
						display:block;
						width:230px;}
		/*In Contact end*/
		
		/*Health Topics*/
		#inJkzt ul{
			width:730px;
			height:100%;
			overflow:auto;}
			
			#inJkzt ul li{
				width:159px;
				height:154px;
				float:left;
				margin:15px 9px;}
				
				#inJkzt ul li img{
					width:159px;
					height:154px;
					float:left;}
		/*Health Topics end*/
	
	/*In Right end*/

/*Paging*/
.paging{
	clear:left;
	width:730px;
	height:30px;
	line-height:30px;
	clear:left;
	text-align:center;
	margin:10px 0px;}
	
	.paging strong{
		padding:0px 5px;}
/*Paging end*/
/**************************************************  Inside end  ******************************************************************/