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

@import url("global.css");

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

/*Top*/
.top{
	width:1000px;
	height:395px;
	background:url(../images/topB.jpg) no-repeat left top;
	position:relative;
	margin:0px auto;}
	
	.top img.logo{
		width:212px;
		height:76px;
		position:absolute;
		top:13px;
		left:36px;}
			
	.top .set{
		position:absolute;
		top:10px;
		right:10px;}
		
		.top .set a{
			display:block;
			float:left;
			padding-left:20px;
			background:url(../images/arrow.gif) no-repeat 5px 4px; * background:url(../images/arrow.gif) no-repeat 5px 2px;}
			
	.top .language{
		position:absolute;
		top:5px;
		right:175px;}
		
		.top .language a{
			color:#3e81c1;
			display:block;
			float:left;
			padding-left:20px;
			line-height:21px;}
			
			.top .language a img{
				display:block;
				width:21px;
				height:21px;
				float:left;
				padding-right:5px;}
		
		.top ul{
			width:660px;
			height:33px;
			position:absolute;
			top:38px;
			right:30px;}
			
			.top ul li{
				width:110px;
				height:33px;
				line-height:33px;
				font-size:14px;
				text-align:center;
				float:left;
				letter-spacing:0.1em;
				position:relative;
				background:url(../images/rec.gif) no-repeat right center;}
				
				.top ul li a{
					color:#FFF;}
					
	.top .flash{
		width:1000px;
		height:300px;
		position:absolute;
		top:89px;
		left:0px;}
		
	.top img.topFoot{
		width:1000px;
		height:6px;
		position:absolute;
		bottom:0px;
		left:0px;}
/*Top end*/

/*Main*/
.main{
	width:1000px;
	height:394px;
	background:url(../images/mainRe.gif) repeat-x left top;
	margin:0px auto;
	position:relative;}
	
	/*Titles*/
	.titles{
		height:21px;
		border-bottom:#d2d2d2 1px solid;
		position:relative;}
		
		.titles h3{
			font-size:14px;
			height:21px;
			line-height:21px;
			padding-left:15px;
			background:url(../images/rec2.gif) no-repeat left center;
			position:absolute;
			top:0px;
			left:10px;}
			
			.titles h3 span{
				color:#3078bc;}
		
		.titles a{
			color:#666;
			font-size:10px;
			position:absolute;
			top:5px;
			right:10px;}
	/*Titles end*/
	
	/*News*/
	.news{
		width:280px;
		height:162px;
		position:absolute;
		top:10px;
		left:10px;}
				
		.news ul{
			width:260px;
			height:130px;
			padding:10px 10px 0px;}
			
			.news ul li{
				background:url(../images/rec3.gif) no-repeat left center;
				text-indent:1em;
				width:260px;
				float:left;
				position:relative;
				line-height:22px;}
				
				.news ul li a{
					color:#666;}
				
				.news ul li span{
					color:#666;
					position:absolute;
					top:0px;
					right:0px;}
	/*News end*/
	
	/*About*/
	.about{
		width:280px;
		height:162px;
		position:absolute;
		top:10px;
		right:10px;}
		
		.aboutCon{
			background:url(../images/shu.jpg) no-repeat 200px 85px;
			width:260px;
			height:130px;
			padding:10px 10px 0px;
			line-height:20px;
			text-indent:2em;
			position:relative;}
			
			.aboutCon a{
				position:absolute;
				bottom:10px;
				left:10px;}
	/*About end*/
	
	/*Honor*/
	.products{
		width:380px;
		height:162px;
		position:absolute;
		top:10px;
		left:310px;}
		
		#viewer{
			width:380px;
			height:140px;
			clear:both;
			position:relative;
			overflow:hidden;}
			
			#viewer span img{
				width:15px;
				height:16px;}
				
			#viewer span#btn1{
				position:absolute;
				top:50px;
				left:10px;}
				
			#viewer span#btn2{
				position:absolute;
				top:50px;
				right:10px;}
			
			#viewerFrame {
				width:330px;
				position:absolute;
				top:10px;
				left:27px !important; left:24px;}
			
			#viewerFrame a{
				display:block;
				width:152px;
				height:134px;
				line-height:20px;
				text-align:center;
				float:left;
				margin:0px 5px;}
			
			#viewerFrame img{
				width:152px;
				height:114px;
				display:block;}
	/*Honor end*/
	
	/*Products*/
	.honor{
		width:980px;
		height:202px;
		position:absolute;
		top:192px;
		left:10px;}
		
		.marquee{
			width:980px;
			height:180px;
			overflow:hidden;}
		
			.marquee ul{
				width:980px;
				height:180px;}
			
				.marquee ul li{
					width:186px;
					height:160px;
					float:left;
					padding:10px 5px;
					text-align:center;}
				
					.marquee ul li a{
						width:186px;
						height:160px;
						line-height:20px;
						text-align:center;}
					
						.marquee li img{
							width:186px;
							height:140px;
							display:block;
							float:left;}
	/*Products end*/

/*Main end*/

/*Foot*/
ul.foot{
	background:url(../images/fLogo.jpg) no-repeat 5px center;
	clear:left;
	width:1000px;
	border-top:#bfbfbf 1px solid;
	margin:10px auto 0px;
	padding:15px 0px;}
		
		ul.foot li{
			color:#666;
			text-align:right;
			line-height:24px;
			letter-spacing:0.2em;}
			
			ul.foot li a{
				color:#666;}
/*Foot end*/

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


/**************************************************  Inside  ******************************************************************/
.inside{
	width:1000px;
	height:100%;
	margin:10px auto;}
	
	.in_l{
		width:245px;
		float:left;
		height:100%;
		margin-right:20px;
		display:inline;}
		
	.in_r{
		width:715px;
		height:100%;
		overflow:auto;
		float:left;}
		
	/*In Left*/
	
	/*Quick Navigate*/
	.in_l .quickTitles{
		width:245px;
		height:29px;
		border-bottom:#CCC 1px solid;}
		
		.in_l .quickTitles h3{
			letter-spacing:0.2em;
			font-size:14px;
			line-height:29px;
			text-align:center;}
			
			.in_l .quickTitles h3 span{
				color:#004b98;}
	
	.in_l ul{
		width:225px;
		height:100%;
		overflow:auto;
		padding:20px 10px;}
		
		.in_l ul li{
			background:url(../images/rec3.gif) no-repeat 70px center;
			font-weight:bold;
			letter-spacing:0.1em;
			width:225px;
			line-height:24px;
			text-indent:8em;
			margin-bottom:5px;
			border-bottom:#CCC 1px dashed;}
			
			.in_l ul li a{
				font-size:14px;
				color:#066aab;}
	/*Quick Navigate end*/
						
	/*In Left end*/
	
	/*In Right*/
	
	/*Title*/
	.r_t{
		letter-spacing:0.1em;
		background:url(../images/re5.gif) repeat-x;
		width:715px;
		height:29px;
		position:relative;
		border-bottom:#CCC 1px solid;}
		
		.r_t h3{
			background:url(../images/star.jpg) no-repeat left center;
			text-indent:1em;
			font-size:16px;
			position:absolute;
			top:5px;
			left:0px;}
			
			.r_t h3 span{
				color:#004b98;}
			
		.r_t .currentPage{
			font-weight:bold;
			color:#999;
			position:absolute;
			top:10px;
			right:15px;}
			
			.r_t .currentPage a{
				color:#999;}
	/*Title end*/			
	
	.inContainer{
		width:695px;
		height:100%;
		overflow:auto;
		padding:10px;}
		
	/*In Titles*/
	.inTitles{
			text-indent:0em;
		width:675px;
		height:24px;
		border-bottom:#CCC 1px solid;
		margin:10px auto 0px;
		position:relative;}
		
		.inTitles h4{
			font-size:12px;
			line-height:23px;
			border:#CCC 1px solid;
			padding:0px 10px;
			position:absolute;
			top:0px;
			left:0px;}
			
		.inTitles a{
			font-size:10px;
			position:absolute;
			top:5px;
			right:0px;}
	/*In Titles end*/
	
	/*About*/
	#in_about{
		line-height:25px;
		text-indent:2em;}
		
		#in_about img{
			clear:both;
			display:block;
			width:400px;
			height:300px;
			margin:10px auto;}
	/*About end*/
	
	/*In Map*/
	#in_map ul li{
		background:url(../images/arrow2.gif) no-repeat left center;
		text-indent:2em;
		margin-bottom:10px;
		line-height:25px;}
	
		#in_map ul li a{
			color:#004b98;
			font-weight:bold;
			font-size:14px;}
	/*In Map end*/
	
	/*News*/
	#in_news ul{
		width:695px;
		height:100%;
		overflow:auto;}
		
		#in_news ul li{
			background:url(../images/rec.jpg) no-repeat 10px center;
			text-indent:2em;
			width:695px;
			line-height:25px;
			position:relative;
			border-bottom:#CCC 1px dashed;}
			
			#in_news ul li span{
				position:absolute;
				top:0px;
				right:10px;}
		/*Newsshow*/
		#in_newsshow{
			line-height:25px;
			text-indent:2em;}
			
			#in_newsshow h3{
				font-size:16px;
				text-align:center;
				margin:15px 0px;}
				
			#in_newsshow img{
				width:400px;
				height:300px;
				display:block;
				margin:15px auto;}
				
			#in_newsshow h4{
				text-align:center;
				font-size:12px;
				color:#999;}
				
		/*Newsshow end*/
	/*News end*/
	
	/*In Teachers*/
	#in_products{}
	
		#in_products ul{
				width:695px;
				height:100%;
				overflow:auto;}
				
				#in_products ul li{
					width:166px;
					height:151px;
					float:left;
					padding:10px 3px;}
					
					#in_products ul li a{
						display:block;
						width:166px;
						height:151px;
						line-height:25px;
						text-align:center;}
				
					#in_products ul li img{
						width:160px;
						height:120px;
						padding:2px;
						float:left;
						border:#466bae 1px solid;}
						
			/*In Teachersshow*/
			#in_productsshow{
				line-height:25px;
				text-indent:2em;}
				
				#in_productsshow h3{
					font-size:16px;
					text-align:center;
					margin:15px 0px;}
					
				#in_productsshow img{
					width:400px;
					height:300px;
					display:block;
					margin:15px auto;}
					
				#in_productsshow h4{
					text-align:center;
					font-size:12px;
					color:#999;}
				
			/*In Teachersshow end*/
						
	/*In Teachers end*/
	
	/*In Message*/
	#inMessage ul{
		width:540px;
		height:100%;
		overflow:auto;
		margin:0px auto;}
		
		#inMessage ul li{
			width:540px;
			padding-top:10px;}
			
			#inMessage ul li label{
				margin-right:5px;
				display:block;
				width:120px;
				height:20px;
				line-height:20px;
				text-align:right;
				float:left;}
				
				#inMessage ul li input{
					width:150px;
					height:20px;
					border:#CCC 1px solid;}
					
				#inMessage ul li textarea{
					border:#CCC 1px solid;
					width:300px;
					height:100px;}
					
				#inMessage ul li button{
					cursor:pointer;
					background:url(../images/button_b.gif) no-repeat;
					border:none;
					margin-left:88px;
					width:75px;
					height:22px;}
					
		/*In Message Border*/
		#inMessage dl{
			width:500px;
			height:100%;
			overflow:auto;
			margin:15px auto;
			border:#CCC 1px solid;
			padding:1px;}
			
			#inMessage dl dt{
				width:500px;
				height:25px;
				background-color:#06C;
				color:#FFF;
				line-height:25px;
				text-indent:1em;
				font-weight:bold;}
				
			#inMessage dl dd{
				width:480px;
				line-height:25px;
				padding:0px 10px;
				border-bottom:#CCC 1px dashed;}
				
				#inMessage dl dd.re{
					width:450px;
					height:100%;
					overflow:auto;
					margin:15px auto;
					border:#CCC 1px dashed;}
		/*In Message Border end*/
		
		/*Contact*/
		#in_contact img{
			width:344px;
			height:379px;
			display:block;
			margin:15px 10px;
			float:left;}
			
			#in_contact ul{
				width:300px;
				height:100%;
				overflow:auto;
				float:left;
				font-size:14px;
				margin-top:100px;}
				
				#in_contact ul li{
					width:300px;
					line-height:30px;
					float:left;}
					
					#in_contact ul li label{
						display:block;
						width:70px;
						float:left;}
						
					#in_contact ul li label em{
						padding-left:13px;}
						
					#in_contact ul li span{
						float:left;
						display:block;
						width:230px;}
		/*Contact end*/
		
	/*In Message end*/
	
	/*In Right end*/

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