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

@import url("global.css");

/**************************************************  Home  ******************************************************************/
.box{
	background:url(../images/indexB.gif) no-repeat;
	width:1000px;
	height:100%;
	overflow:auto;
	margin:0px auto;}
/*Top*/
.top{
	width:960px;
	height:360px;
	margin:0px auto;
	position:relative;}
	
	.top .set{
		position:absolute;
		top:25px;
		right:0px;}
		
		.top .set img{
			width:10px;
			height:10px;
			margin:0px 5px -2px 10px;}
	
	/*Search*/
	.top .search{
		position:absolute;
		top:50px;
		right:0px;}
		
		.top .search *{
			display:block;
			float:left;}
		
		.search select{
			width:80px;
			height:22px;
			border:#CCC 1px solid;}
			
		.search input{
			width:150px;
			height:18px;
			line-height:18px;
			margin:0px 5px;}
			
		.search button{
			cursor:pointer;
			background:url(../images/s_btn.gif) no-repeat;
			width:46px;
			height:22px;
			border:none;}
	/*Search end*/
	
	/*Recent News*/
	.recentNews{
		width:180px;
		height:170px;
		position:absolute;
		top:175px;
		left:10px;}
		
		.recentNews h3{
			color:#FFF;
			width:180px;
			height:25px;
			line-height:25px;
			text-align:center;
			font-size:12px;
			margin-bottom:5px;}
		
		.marquee{
			width:180px;
			height:127px;
			overflow:hidden;}
			
			.marquee ul{
				width:180px;
				height:127px;
				overflow:hidden;}
		
				.marquee ul li{
					text-indent:2em;
					background:url(../images/rec.gif) no-repeat 10px 10px;
					width:180px;
					height:22px;
					line-height:22px;}
	/*Recent News end*/
	
	/*Navigate*/
	.top ul.nav{
		width:690px;
		height:50px;
		position:absolute;
		top:110px;
		left:267px;}
		
		.top ul.nav li{
			color:#FFF;
			width:95px;
			height:20px;
			float:left;
			text-align:center;
			font-weight:bold;
			line-height:20px;}
			
			.top ul.nav li a{
				color:#FFF;
				padding-right:25px;}
				
				.top ul.nav li a:hover{
					color:#037021;}
	/*Navigate end*/
	
	/*AD Photo*/
	.ad{
		width:685px;
		height:186px;
		position:absolute;
		top:162px;
		left:240px;}
			
		.ad #iContent{
			width:685px;
			height:186px;
			overflow:hidden;}
		
			.ad #iContent img{
					width:685px;
					height:186px;
					vertical-align:middle;}
			
		.ad #iControls{
			position:absolute;
			bottom:10px;
			right:0px;
			z-index:10;}
			
			.ad #iControls a{
				font-weight:bold;
				display:block;
				width:24px;
				height:24px;
				line-height:24px;
				text-align:center;
				color:#000;
				float:left;
				margin:0px 5px 0px;
				background:url(../images/num.gif) no-repeat;}
				
				.ad #iControls a:hover{
					text-decoration:none;
					color:#FFF;
					background:url(../images/num_on.gif) no-repeat;}
					
				.ad #iControls a.activeSlide{
					color:#FFF;
					background:url(../images/num_on.gif) no-repeat;}
	/*AD Photo end*/
	
/*Top end*/

/*Container*/
.container{
	width:960px;
	height:680px;
	position:relative;
	margin:0px auto;}
	
	/*QQ*/
	dl.qq{
		background:url(../images/zhaosheng_ico.gif) no-repeat left 0px;
		width:205px;
		height:170px;
		position:absolute;
		top:36px;
		left:0px;}
		
		dl.qq dt{
			margin-top:87px;
			width:205px;
			height:20px;}
			
			dl.qq dd{
				width:70px;
				height:23px;
				float:left;
				margin:6px 0px 0px 20px;
				display:inline;}
				
				dl.qq dd img{
					width:70px;
					height:23px;
					float:left;}
	/*QQ end*/
	
	/*Links*/
	dl.links{
		background:url(../images/linkB.gif) no-repeat;
		width:205px;
		height:280px;
		position:absolute;
		top:212px;
		left:0px;}
		
		dl.links dt{
			width:205px;
			height:30px;
			line-height:30px;
			text-indent:2.2em;
			color:#FFF;
			font-weight:bold;
			letter-spacing:0.1em;
			margin-bottom:15px;
			background:url(../images/arrow2.gif) no-repeat 15px 10px;
			position:relative;}
			
			dl.links dt a{
				position:absolute;
				top:0px;
				right:15px;
				color:#FFF;
				font-size:10px;}
			
		dl.links dd{
			width:175px;
			height:25px;
			line-height:25px;
			margin:0px auto;
			border-bottom:#CCC 1px dashed;
			background:url(../images/rec.gif) no-repeat left 10px;
			text-indent:1em;}
	/*Links end*/
	
	/*News*/
	.container dl.news{
		width:600px;
		height:108px;
		position:absolute;
		top:15px;
		left:270px;}
		
		.container dl.news dt{
			width:600px;
			height:20px;
			line-height:20px;
			position:relative;
			background:url(../images/rec2.gif) no-repeat 5px center;
			text-indent:2em;}
			
			.container dl.news dt strong{
				font-size:14px;
				padding-right:10px;}
			
			.container dl.news dt a{
				position:absolute;
				top:4px;
				right:0px;}
				
		.container dl.news dd{
			width:600px;
			height:20px;
			line-height:20px;
			margin-top:2px;
			text-indent:2em;
			background:url(../images/rec.gif) no-repeat 5px center;
			border-bottom:#CCC 1px dashed;
			position:relative;}
			
			.container dl.news dd a{
				display:block;
				float:left;}
			
			.container dl.news dd img{
				width:14px;
				height:14px;
				display:block;
				float:left;
				margin:0px 0px -5px 5px;}
			
			.container dl.news dd span{
				color:#666;
				position:absolute;
				top:0px;
				right:0px;}
	/*News end*/
	
	/*Item*/
	.item{
		width:500px;
		height:345px;
		position:absolute;
		top:160px;
		left:240px;}
		
		.item .item_t{
			background:url(../images/item_t.gif) no-repeat;
			position:relative;
			width:500px;
			height:30px;}
			
			.item .item_t a{
				position:absolute;
				top:5px;
				right:25px;}
			
		.item ul{
			width:468px;
			height:315px;
			border:#5fb9b7 1px solid;
			padding:0px 15px;
			border-top:none;}
			
			.item ul li{
				width:468px;
				line-height:23px;
				float:left;
				margin-top:1px;
				background:url(../images/arrow.gif) no-repeat left center;
				position:relative;
				border-bottom:#CCC 1px dashed;}
				
				.item ul li span{
					color:#666;
					position:absolute;
					top:0px;
					right:0px;}
				
				.item ul li a{
					padding-left:10px;}
				
				/*项目标题a标签样式 jquery控制*/
				.firsts{
					color:#41729d;
					display:block;
					float:left;
					width:90px;}
	/*Item end*/
	
	/*Ico*/
	ul.ico{
		width:179px;
		height:480px;
		position:absolute;
		top:161px;
		right:19px;}
		
		ul.ico li{
			width:179px;
			height:60px;}
			
			ul.ico li img{
				width:179px;
				height:60px;}
	/*Ico end*/
	
	/*Marquee Photo*/
	.marquee2{
		width:740px;
		height:150px;
		overflow:hidden;
		position:absolute;
		bottom:15px;
		left:0px;}
		
		.marquee2 ul{
			width:740px;
			height:150px;
			overflow:hidden;}
			
			.marquee2 ul li{
				width:169px;
				height:150px;
				text-align:center;
				line-height:20px;
				float:left;
				padding:0px 8px;}
			
				.marquee2 ul li img{
					width:165px;
					height:124px;
					padding:1px;
					border:#CCC 1px solid;
					float:left;}
	/*Marquee Photo end*/
				
/*Container end*/

	/*Foot*/
	.foot{
		clear:left;
		background:url(../images/footLogo.gif) no-repeat 20px 70px;
		letter-spacing:0.1em;
		margin:0px auto;
		padding:20px 0px 30px;
		width:1000px;}
		
		.foot ol{
			width:630px;
			height:20px;
			margin:0px auto;
			line-height:20px;}
			
			.foot ol li{
				width:90px;
				height:20px;
				line-height:20px;
				text-align:center;
				float:left;}
				
				.foot ol li a{
					text-align:center;
					display:block;
					float:left;}
				
				.foot ol li span{
					color:#666;
					display:block;
					float:left;
					margin-top:0px; * margin-top:-2px;
					padding-left:20px;}
		
		.foot ul{
			letter-spacing:0.15em;
			border-top:#F60 1px solid;
			margin-top:5px;
			padding-top:20px;}
		
			.foot ul li{
				text-align:right;
				line-height:20px;
				margin-bottom:3px;
				color:#666;}
	/*Foot end*/
	
/*Main end*/
/**************************************************  Home end  ******************************************************************/


/**************************************************  Inside  ******************************************************************/
/*InsideBox*/
#insideBox{
	background:url(../images/indexB2.gif) no-repeat;
	width:1000px;
	height:100%;
	overflow:auto;
	margin:0px auto;}
	
	.inside{
		background:url(../images/rec_re2.gif) repeat-y 214px;
		width:980px;
		height:100%;
		overflow:auto;
		margin:30px 0px 0px 20px;}
		
		.fade{
			width:980px;
			height:61px;
			margin-left:14px;
			background:url(../images/infadeline.gif) no-repeat 220px top;}
	
	/*Inside Left*/
		.inLeft{
			width:205px;
			height:100%;
			overflow:auto;
			float:left;}
		
		/*Insdie QQ*/
		.inLeft dl.qq{
			padding-top:87px;
			height:93px;
			position:static;}
			
			.inLeft dl.qq dt{
				margin:0px;}
		/*Insdie QQ end*/
		
		/*Contact*/
		.inLeft .contact{
			color:#666;
			width:205px;
			height:100%;
			overflow:auto;}
			
			.inLeft .contact h3{
				background:url(../images/tB.gif) no-repeat center top;
				font-size:12px;
				color:#FFF;
				width:205px;
				height:24px;
				line-height:24px;
				text-align:center;}
				
			.inLeft .contact ul{
				width:183px;
				height:100%;
				overflow:auto;
				padding:10px;
				border:#CCC 1px solid;
				border-top:none;}
				
				.inLeft .contact ul li{
					width:183px;
					float:left;
					margin-bottom:3px;}
					
					.inLeft .contact ul li label{
						line-height:18px; * line-height:21px;
						width:40px;
						display:block;
						float:left;
						text-align:left;}
						
					.inLeft .contact ul li span{
						line-height:18px;
						width:143px;
						display:block;
						float:left;}
		/*Contact end*/
		
		/*Inside Links*/
		.inLeft dl.links{
			margin-top:15px;
			position:static;}
		/*Inside Links end*/
				
	/*Inside Left end*/
	
	/*Inside Right*/
	.inRight{
		width:740px;
		height:100%;
		overflow:auto;
		margin-left:20px;
		float:left;}
		
		.inRight .rTitles{
			background:url(../images/inTB.gif) no-repeat 10px center;
			width:720px;
			height:43px;
			padding-bottom:3px;
			border-bottom:#CCC 1px solid;
			margin:0px auto;
			position:relative;}
			
			.rTitles h3{
				font-family:"黑体";
				font-size:24px;
				letter-spacing:0.1em;
				color:#3b93ff;
				position:absolute;
				top:15px;
				left:95px;}
				
			.rTitles .currentPage{
				color:#666;
				position:absolute;
				top:21px;
				right:10px;}
				
		.inContent{
			width:700px;
			height:100%;
			overflow:auto;
			margin:0px auto;
			padding-top:10px;
			padding-bottom:20px;}
			
		/*走进文博*/
		#inZjwb{
				line-height:25px;
			padding-top:20px;}
			
			#inZjwb h5{
					font-size:12px;
					text-align:center;
					margin:10px 0px;}
		
			ul.tabT{
				width:520px;
				padding:0px 90px;
				height:29px;
				border-bottom:#CCC 1px solid;}
		
				ul.tabT li{
					cursor:pointer;
					color:#666;
					background:url(../images/c_t.gif) no-repeat;
					font-size:14px;
					font-weight:bold;
					width:130px;
					height:29px;
					line-height:29px;
					text-align:center;
					float:left;}
					
					ul.tabT li.li_on{
						background:url(../images/c_t2.gif) no-repeat;
						color:#090;}
			div.tabD{
				padding:10px 10px 0px;
				width:680px;
				display:none;}
				
				div.tabD img{
					width:400px;
					height:300px;
					display:block;
					margin:15px auto;}
			
			div.show{
				display:block;}
		/*走进文博 end*/
		
		/*培训项目*/
		#inPeiXun{}
		
			#inPeiXun dl{
				width:325px;
				height:185;
				margin:10px;
				float:left;
				display:inline;}
				
				#inPeiXun dl dt{
					width:325px;
					height:24px;
					line-height:24px;
					border-bottom:#CCC 1px solid;
					text-indent:2em;
					font-weight:bold;
					color:#41729d;
					margin-bottom:5px;
					position:relative;
					background:url(../images/arrow.gif) no-repeat 5px center;}
					
					#inPeiXun dl dt a{
						position:absolute;
						top:5px;
						right:5px;}
						
				#inPeiXun dl dd{
					width:325px;
					height:24px;
					line-height:24px;
					text-indent:1em;
					position:relative;
					background:url(../images/rec.gif) no-repeat left center;
					border-bottom:#CCC 1px dashed;}
					
					#inPeiXun dl dd span{
						position:absolute;
						top:0px;
						right:0px;}
		/*培训项目 end*/
		
		/*新闻列表*/
		#inNews{}
		
			#inNews ul{
				width:700px;
				height:100%;
				overflow:auto;}
				
				#inNews ul li{
					width:700px;
					line-height:24px;
					margin-bottom:3px;
					border-bottom:#CCC 1px dashed;
					position:relative;
					text-indent:2em;
					background:url(../images/rec.gif) no-repeat left center;}
					
					#inNews ul li span{
						color:#666;
						position:absolute;
						top:0px;
						right:0px;}
						
				/*InNewsShow*/
				#inNewsshow{
				line-height:25px;}
				
				#inNewsshow h3{
					color:#090;
					font-size:16px;
					text-align:center;
					margin:15px 0px;}
					
				#inNewsshow img{
					display:block;
					margin:15px auto;}
					
				#inNewsshow h4{
					text-align:center;
					font-size:12px;
					color:#999;}
					
					#inNewsshow h4 em{
						padding:0px 5px;}
		
				#inNewsshow img.zongzhi{
						width:680px;
						height:150px;}
				/*InNewsShow end*/
						
		/*新闻列表 end*/
		
		/*产品列表*/
		#inProducts{}
		
		#inProducts ul{
			width:700px;
			height:100%;
			overflow:auto;}
			
			#inProducts ul li{
				width:155px;
				height:140px;
				float:left;
				padding:10px;
					text-align:center;}
			
				#inProducts ul li a{
					width:155px;
					height:140px;
					line-height:22px;}
			
				#inProducts ul li img{
					width:149px;
					height:112px;
					padding:2px;
					border:#CCC 1px solid;
					display:block;}
					
			
			#inProductsshow{
				line-height:24px;}
			
			#inProductsshow h3{
				text-align:center;
				font-size:18px;
				margin:20px 0px;}
				
				#inProductsshow img{
					display:block;
					margin:15px auto;}
		/*产品列表 end*/
		
		/*网上报名*/
		#inWsbm h3{
			font-size:12px;
			padding-bottom:5px;
			margin:5px 0px;
			border-bottom:#CCC 1px solid;}
			
		#inWsbm ul{
			padding-top:10px;
			width:680px;
			height:100%;
			overflow:auto;}
			
			#inWsbm ul li{
				width:680px;
				float:left;
				margin-bottom:10px;}
				
				#inWsbm ul li label{
					display:block;
					width:60px;
					height:20px;
					line-height:20px;
					text-align:right;
					float:left;}
					
					#inWsbm ul li label strong{
						padding:0px 12px;}
					
				#inWsbm ul li input{
					width:180px;
					height:16px;}
					
					#inWsbm ul li input.radio{
						width:25px;}
					
				#inWsbm ul li select{
					width:120px;}
					
				#inWsbm ul li h4{
					color:#666;
					border-top:#CCC 1px solid;
					padding-top:10px;
					font-size:12px;
					text-align:center;
					line-height:22px;}
					
				#inWsbm ul li button{
					cursor:pointer;
					width:75px;
					height:22px;
					border:none;
					background:url(../images/button_b.gif) no-repeat;}
					
					#inWsbm ul li button.submit{
						margin:0px 30px 0px 250px;}
						
			#inWsbm dl{
				width:500px;
				height:100%;
				overflow:auto;
				margin:25px auto 0px;}
				
				#inWsbm dl dt{
					font-weight:bold;
					margin-bottom:10px;}
					
				#inWsbm dl dd{
					width:500px;
					line-height:25px;
					float:left;
					text-indent:1em;
					border-bottom:#CCC 1px dashed;
					background:url(../images/arrow.gif) no-repeat left center;}
		
			#inWsbm img.zongzhi{
				width:680px;
				height:150px;}
		/*网上报名 end*/
		
		/*In Message*/
	#inMessage img.zongzhi{
		width:680px;
		height:150px;}
	
	#inMessage ul{
		width:500px;
		height:100%;
		overflow:auto;
		margin:0px auto;}
		
		#inMessage ul li{
			width:500px;
			padding-top:10px;}
			
			#inMessage ul li label{
				margin-right:5px;
				display:block;
				width:80px;
				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:#F60;
				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*/
	/*In Message end*/
	
	/*In Contact*/
	#inContact ul{
		width:700px;
		height:100%;
		overflow:auto;}
		
		#inContact ul{
				width:680px;
				height:100%;
				overflow:auto;}
				
				#inContact ul li{
					width:680px;
					float:left;
					margin-bottom:3px;}
					
					#inContact ul li label{
						line-height:18px; * line-height:21px;
						width:40px;
						display:block;
						float:left;
						text-align:left;}
						
					#inContact ul li span{
						line-height:18px;
						width:640px;
						display:block;
						float:left;}
	/*In Contact end*/
		
		/*Inside Marquee*/
		.inRight .marquee2{
				position:static;}
		/*Inside Marquee end*/	
		
	/*Inside Right end*/
				
/*InsideBox end*/
	
	/*Paging*/
	.paging{
		clear:left;
		text-align:center;
		color:#979797;
		width:680px;
		height:25px;
		line-height:25px;
		margin:10px 0px;}
		
		.paging a{
			color:#979797;}
			
			.paging a:hover{
				color:#6C6C6C;}
				
		.paging strong{
			color:#575757;
			padding:0px 5px;}
	
	/*Paging end*/
	
/**************************************************  Inside end  ******************************************************************/