@charset "gb2312";

/****************************************

          2. Slide

*****************************************/
#banner{ margin-top:30px;}
#slider{
	height: 300px;
	border-top: 1px solid rgba(255, 255, 255, .8);
/*	background: url(../images/twitter.jpg) no-repeat center 0;*/
	
}

#slider1,
#slider2,
#slider3,
#slider4,
#slider5{
	width: 100% !important;
	height: 300px;

}

#slider1{
	z-index: 1;
	display:block; 
/*	background: url(../images/1.gif) no-repeat center 0;*/
}

#slider2{
	z-index: 2;
	display:none; 
/*	background: url(../images/2.gif) no-repeat center 0;*/
}

#slider3{
	z-index: 3;
	display:none; 
/*	background: url(../images/3.gif) no-repeat center 0;*/
}

#slider4{
	z-index: 4;
	display:none; 
}

#slider5{
	z-index: 5;
	display:none; 
}

.wrapper{/*height: 300px;*/ width:1002px; margin:0 auto;}
.wrapper h3{font-weight:bold;}
.wrapper h3,
.wrapper p{
		font-family:"Microsoft Yahei","SimHei";
		font-size: 24px;
		line-height: 150%;
		padding: 80px 0 0 200px;
		color: #0181CC;
		text-shadow: 0 1px 4px rgba(255,255,255,1);
}

.wrapper p{
			padding-top:0px;
			font-size: 16px;
			width: 330px;
			color: #666;
}
.wrapper p a{
				text-shadow: none;
}
	
			
/****************************************

          2. Navi

*****************************************/

#s-navi{
	width: 220px;
	margin: -30px auto 10px auto;
	position:relative;
	z-index:6;
	text-align:center;
}
	#s-navi a{
		display: block;
		width: 24px;
		height: 25px;
		float: left;
		background: url(../images/navi-bg.png) no-repeat 0 0;
		color: #fff !important;
		text-align: center;
		line-height: 25px;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
		font-family: 'Josefin Sans', sans-serif;
		margin: 0 5px;
	}
	
	#s-navi a:hover,
	#s-navi a.activeSlide{
		background-position: 0 100%;
	}


pre{
	padding:0 10px;
	margin-bottom: 30px;
}