/* CSS Document */

/* CSS Document */

@import url("global.css");

/**************************************************  Home  ******************************************************************/

/*Top*/
.top{
	background:url(http://www.szdzx.com/templets/default/img/topBg.jpg) no-repeat left top;
	width:1000px;
	height:400px;
	position:relative;
	margin:0px auto;}
			
	.set{
		position:absolute;
		top:10px;
		right:10px;}
		
		.set a{
			margin:0px 10px;}
			
	/*Search*/
	
	/*Flash Tab*/	
	.content1{
		width:1000px;
		height:249px;
		position:absolute;
		top:145px;
		left:0px;}
		
			#ifocus{ 
				width:1000px; 
				height:249px;
				overflow:hidden;}
				
			#ifocus_pic{
				position:relative;
				float:left;
				width:848px;
				height:243px;
				padding:2px;
				border:#CCC 1px solid;
				overflow:hidden;
				margin-left:5px;
				display:inline;}
				
				#ifocus_piclist li{ 
					width:848px;
					height:243px;
					display:none;}
					
					#ifocus_piclist img{ 
						width:848px;
						height:243px;}
						
			#ifocus_btn{
				width:126px;
				height:249px;
				position:absolute;
				top:0px;
				right:5px;}
				
			#ifocus_btn li{ 
				width:126px; 
				height:81px;
				margin-bottom:3px;
				float:left;
				cursor:pointer; 
				opacity:0.5; -moz-opacity:0.5; 
				filter:alpha(opacity=50);}
		
			#ifocus_btn img{
				display:block;
				float:left;
				width:120px; 
				height:75px;
				padding:2px;
				border:#CCC 1px solid;}
				
			#ifocus_btn .current{
				opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
				
				#ifocus_btn .current img{
					border:#F60 1px solid;}
	/*Flash Tab end*/
			
	.flash{
		position:absolute;
		top:350px;
		left:500px;}		
			
	ul.nav{
		width:970px;
		height:35px;
		padding-left:30px;
		position:absolute;
		top:104px;
		left:0px;}
			
			ul.nav li{
				background:url(http://www.szdzx.com/templets/default/img/rec2.gif) no-repeat right center;
				width:93px;
				height:35px;
				line-height:35px;
				font-size:14px;
				font-weight:bold;
				float:left;}
				
				ul.nav li a{
					display:block;
					text-align:center;
					color:#FFF;}
					
					ul.nav li.liOn{
						background:url(http://www.szdzx.com/templets/default/img/liBg.gif) no-repeat center;}
						
						ul.nav li.liOn a{
							color:#090;}
					
				ul.nav li a:hover{
					text-decoration:none;}
/*Top end*/

/*Main*/
.main{
	width:990px;
	height:1012px !important; height:1022px;
	margin:10px auto;
	position:relative;}
	
	/*News*/
	.news{
		width:430px;
		height:300px;
		position:absolute;
		top:0px;
		left:320px;}
		
		.news h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_2.gif) no-repeat;
			font-size:14px;
			padding-left:18px;
			color:#FFF;
			height:34px;
			line-height:34px;
			position:relative;}
			
			.news h3 a{
				font-size:12px;
				font-weight:normal;
				position:absolute;
				top:0px;
				right:10px;}
				
		.news ul{
			width:408px;
			height:260px;
			padding:5px 10px 0px;
			border:#CCC 1px solid;
			border-top:none;}
			
			.news ul li{
				background:url(http://www.szdzx.com/templets/default/img/arrow.gif) no-repeat 5px center;
				width:400px;
				float:left;
				text-align:right;
				padding-right:8px;
				line-height:24px;
				border-bottom:#CCC 1px dashed;}
				
				.news ul li a{
					float:left;
					padding-left:15px;}
					
					.news ul li a:hover{
						color:#060;}
	/*News end*/
	
	/*Order*/
	.order{
		width:230px;
		height:206px;
		position:absolute;
		top:0px;
		right:0px;}
		
		.order h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_3.gif) no-repeat;
			font-size:14px;
			padding-left:25px;
			color:#FFF;
			height:34px;
			line-height:34px;
			position:relative;}
			
			.order h3 a{
				color:#FFF;
				font-size:12px;
				font-weight:normal;
				position:absolute;
				top:0px;
				right:10px;}
				
		.order p{
			width:228px;
			height:166px;
			padding:5px 0px 0px;
			border:#CCC 1px solid;
			border-top:none;}
			
			.order p img{
				display:block;
				width:210px;
				height:157px;
				margin:0px auto;
				padding:2px;
				border:#CCC 1px solid;}
	/*Order*/
	
	/*QQ*/
	.qq{
		background:url(http://www.szdzx.com/templets/default/img/qq.gif) no-repeat;
		width:230px;
		height:84px;
		position:absolute;
		top:216px;
		right:0px;}
		
		.qq img{
			position:absolute;
			top:42px;
			left:5px;}
		
		.qq a{
			position:absolute;
			top:55px;}
			
			.qq a.qq_1{
				left:50px;}
				
			.qq a.qq_2{
				right:6px;}
	/*QQ end*/
	
	/*Banner*/
	.banner{
		width:990px;
		height:118px;
		position:absolute;
		top:310px;
		left:0px;}
		
		.banner img{
			width:990px;
			height:118px;}
	/*Banner end*/
	
	/*Recomment*/
	.recomment{
		width:310px;
		height:300px;
		position:absolute;
		top:0px;
		left:0px;}
		
		.recomment h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_1.gif) no-repeat;
			font-size:14px;
			padding-left:35px;
			color:#FFF;
			height:34px;
			line-height:34px;
			position:relative;
			margin-bottom:5px;}
			
			.recomment h3 a{
				color:#FFF;
				font-size:12px;
				font-weight:normal;
				position:absolute;
				top:0px;
				right:10px;}
	
		.iBox{
			width:304px;
			height:255px;
			padding:2px;
			border:#CCC 1px solid;}
				
						#iContainer{
							width:304px;
							height:255px;
							overflow:hidden;
							text-align:center;}
							
							#iContainer a{
								display:block;
								width:304px;
								height:255px;
								line-height:25px;}
							
							#iContainer img{
								width:304px;
								height:228px;
								display:block;}
						
						#iControls{
								position:absolute;
								bottom:35px;
								right:15px;
								z-index:10;}
								
								#iControls a{
									padding:0px 3px;
									border:#CCC 1px solid;
									background-color:#CCC;
									color:#000;
									text-align:center;
									margin:0px 1px;}
									
									#iControls a:hover{
										color:#F00;
										background-color:#FFF;}
										
									#iControls a.activeSlide{
										color:#F00;
										background-color:#FFF;}	
	/*Recomment end*/
	
	/*Shi Bo*/
	.shiBo{
		width:990px;
		height:221px;
		position:absolute;
		top:310px;
		left:0px;}
		
		.shiBo h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_4.jpg) no-repeat;
			height:40px;
			padding-left:35px;
			line-height:40px;
			font-size:14px;
			color:#FFF;
			position:relative;}
			
			.shiBo h3 a{
				color:#FFF;
				font-weight:normal;
				font-size:12px;
				position:absolute;
				top:0px;
				right:10px;}
				
			.marquee{
				width:985px;
				height:180px;
				border:#CCC 1px solid;
				border-top:none;
				padding:0px 2px 0px 1px;
				
				overflow:hidden;}
				
				.marquee ul{
					width:985px;
					height:180px;
					overflow:hidden;}
				
					.marquee ul li{
						width:177px;
						height:160px;
						float:left;
						padding:10px;}
					
						.marquee ul li a{
							display:block;
							width:177px;
							height:160px;
							line-height:26px;
							text-align:center;}
						
							.marquee ul li img{
								display:block;
								width:171px;
								height:128px;
								padding:2px;
								border:#CCC 1px solid;
								float:left;}
								
						.marquee ul li a:hover img{
							border:#F60 1px solid;}
			
	/*Shi Bo end*/
	
	/*Attractions appreciated*/
	.xinshang{
		width:990px;
		height:461px;
		position:absolute;
		top:541px;
		left:0px;}
		
		.xinshang h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_4.jpg) no-repeat;
			height:40px;
			padding-left:35px;
			line-height:40px;
			font-size:14px;
			color:#FFF;
			position:relative;}
			
			.xinshang h3 a{
				color:#FFF;
				font-weight:normal;
				font-size:12px;
				position:absolute;
				top:0px;
				right:10px;}
		
		.xinshang dl{
			width:988px;
			height:420px;
			border:#CCC 1px solid;
			border-top:none;}
		
		.xinshang dl dd{
			width:227px;
			height:190px;
			float:left;
			padding:10px;}
			
			.xinshang dl dd a{
				display:block;
				width:227px;
				height:190px;
				line-height:24px;
				text-align:center;
				font-size:14px;}
			
				.xinshang dl dd img{
					display:block;
					width:221px;
					height:166px;
					padding:2px;
					float:left;
					border:#CCC 1px solid;}
					
				.xinshang dl a:hover img{
					border:#F60 1px solid;}
	/*Attractions appreciated end*/
	
/*Main end*/

/*Foot*/
ul.foot{
	clear:left;
	background:url(http://www.szdzx.com/templets/default/img/footRe.gif) repeat-x;
	width:1000px;
	height:73px;
	padding-top:16px;
	border-top:#649f05 7px solid;
	margin:0px auto;}
		
		 ul.foot li{
			 letter-spacing:0.2em;
			text-align:center;
			line-height:22px;}
/*Foot end*/

/**************************************************  Home end  ******************************************************************/


/**************************************************  Inside  ******************************************************************/
.inside{
	width:990px;
	height:100%;
	margin:10px auto;}
	
	.in_l{
		width:230px;
		height:100%;
		float:left;
		margin-right:10px;
		display:inline;}
		
	.in_r{
		width:750px;
		height:100%;
		overflow:auto;
		float:left;
		padding-bottom:10px;}
		
	/*In Left*/
	.in_l .order{
		position:static;}
		
	.qq2{
		background:url(http://www.szdzx.com/templets/default/img/qq.gif) no-repeat;
		width:230px;
		height:84px;
		position:relative;
		margin:10px 0px;}
		
		.qq2 img{
			position:absolute;
			top:42px;
			left:5px;}
		
		.qq2 a{
			position:absolute;
			top:55px;}
			
			.qq2 a.qq_1{
				left:50px;}
				
			.qq2 a.qq_2{
				right:6px;}
				
		/*Xin Shang*/
		.xinShang{
			width:230px;
			height:100%;
			overflow:auto;}
				
			.xinShang h3{
				background:url(http://www.szdzx.com/templets/default/img/titlesBg_5.gif) no-repeat;
				height:34px;
				padding-left:35px;
				line-height:34px;
				font-size:14px;
				color:#FFF;
				position:relative;}
				
				.xinShang h3 a{
					color:#FFF;
					font-weight:normal;
					font-size:12px;
					position:absolute;
					top:0px;
					right:10px;}
					
			.xinShang ul{
				width:208px;
				height:100%;
				overflow:auto;
				border:#CCC 1px solid;
				margin:5px 0px 10px;
				padding:20px 10px;}
				
				.xinShang ul li{
					background:url(http://www.szdzx.com/templets/default/img/arrow2.gif) no-repeat 5px center;
					width:188px;
					padding-left:20px;
					line-height:26px;
					border-bottom:#CCC 1px dashed;}
					
					.xinShang ul li a:hover{
						color:#0099cb;}
		
		.jingdian{
			width:230px;}
			
			.jingdian h3{
				background:url(http://www.szdzx.com/templets/default/img/titlesBg_5.gif) no-repeat;
				height:34px;
				padding-left:35px;
				line-height:34px;
				font-size:14px;
				color:#FFF;
				position:relative;}
				
				.jingdian h3 a{
					color:#FFF;
					font-weight:normal;
					font-size:12px;
					position:absolute;
					top:0px;
					right:10px;}
					
			.iBox2{
				width:228px;
				height:200px;
				border:#CCC 1px solid;
				margin-top:5px;
				padding:10px 0px;
				position:relative;}
				
						#iContainer2{
							width:220px;
							height:200px;
							overflow:hidden;
							margin:0px auto;}
							
							#iContainer2 a{
								display:block;
								width:220px;
								height:200px;
								text-align:center;
								line-height:33px;}
							
							#iContainer2 img{
								width:214px;
								height:161px;
								padding:2px;
								border:#CCC 1px solid;
								display:block;}
						
						#iControls2{
								position:absolute;
								bottom:50px;
								right:15px;
								z-index:10;}
								
								#iControls2 a{
									padding:0px 3px;
									border:#CCC 1px solid;
									background-color:#CCC;
									color:#000;
									text-align:center;
									margin:0px 1px;}
									
									#iControls2 a:hover{
										color:#F00;
										background-color:#FFF;}
										
									#iControls2 a.activeSlide{
										color:#F00;
										background-color:#FFF;}	
		
	/*In Left end*/
	
	/*In Right*/
	
	/*Title*/
	.r_t{
		background:url(http://www.szdzx.com/templets/default/img/titlesBg_6.gif) no-repeat left top;
		height:72px;
		position:relative;
		border-bottom:#CCC 1px solid;}
			
		.r_t .currentPage{
			background:url(http://www.szdzx.com/templets/default/img/circle.gif) no-repeat 10px center;
			color:#666;
			padding-left:30px;
			height:34px;
			line-height:34px;
			margin-bottom:6px;}
			
			.r_t .currentPage a{
				color:#666;}
		
		.r_t h3{
			background:url(http://www.szdzx.com/templets/default/img/titlesBg_7.gif) no-repeat;
			height:32px;
			line-height:32px;
			font-size:14px;
			padding-left:20px;
			color:#FFF;}
	/*Title end*/			
	
	.inContainer{
		width:720px;
		height:100%;
		overflow:auto;
		padding:14px;
		border:#CCC 1px solid;
		border-top:none;}
	
	/*About*/
	#in_about{
		line-height:25px;
		text-indent:2em;}
		
		#in_about img{
			clear:both;
			display:block;

			margin:10px auto;}
	/*About end*/
	
	/*News*/
	#in_news ul{
		width:720px;
		height:100%;
		overflow:auto;}
		
		#in_news ul li{
			background:url(http://www.szdzx.com/templets/default/img/arrow.gif) no-repeat 10px center;
			width:720px;
			line-height:25px;
			text-align:right;
			position:relative;
			border-bottom:#CCC 1px dashed;}
			
			#in_news ul li a{
				float:left;
				padding-left:20px;}
				
				#in_news ul li a:hover{
					color:#0099cb;}
				
		/*Newsshow*/
		#in_newsshow{
			line-height:25px;
			text-indent:2em;}
			
			#in_newsshow h3{
				font-size:16px;
				text-align:center;
				margin:15px 0px;}
				
			#in_newsshow img{

				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:720px;
				height:100%;
				overflow:auto;}
				
				#in_products ul li{
					width:220px;
					height:200px;
					float:left;
					line-height:33px;
					text-align:center;
					padding:0px 10px;
					font-size:14px;
					margin-bottom:10px;}
				
					#in_products ul li img{
						width:214px;
						height:161px;
						display:block;
						float:left;
						padding:2px;
						border:#CCC 1px solid;}
						
						#in_products ul li a:hover img{
							border:#F60 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{
		background:url(http://www.szdzx.com/templets/default/img/messageBg.jpg) no-repeat center 30px;
		padding-top:150px;}
	
	#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;
					padding:2px;
					letter-spacing:0.1em;
					font-weight:bold;
					color:#666;}
					
					#inMessage ul li input.longInp{
						width:250px;}
					
				#inMessage ul li textarea{
					border:#CCC 1px solid;
					padding:3px;
					letter-spacing:0.1em;
					color:#666;
					width:300px;
					height:100px;}
					
				#inMessage ul li button{
					cursor:pointer;
					background:url() no-repeat;
					border:none;
					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:#7ec328;
				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*/
		
		/*Contact*/
		#in_contact{
			background:url(http://www.szdzx.com/templets/default/img/contactBg.jpg) no-repeat center 50px;}
			
			#in_contact ul{
				width:300px;
				height:100%;
				overflow:auto;
				font-size:14px;
				margin:130px 0px 266px 100px;}
				
				#in_contact ul li{
					width:300px;
					line-height:30px;
					float:left;}
					
					#in_contact ul li label{
						display:block;
						text-align:right;
						width:60px;
						float:left;}
						
					#in_contact ul li span{
						float:left;
						display:block;
						width:230px;}
		/*Contact end*/
	
	/*In Right end*/


/*Paging*/
.paging{
	clear:left;
	height:30px;
	line-height:30px;
	clear:left;
	text-align:center;
	margin:10px 0px;}
	
	.paging strong{
		padding:0px 5px;}
/*Paging end*/
/**************************************************  Inside end  ******************************************************************/

