/* Getting the new tags to behave */
audio, canvas, command, datalist, details, embed, figcaption,  footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	font-family:黑体, 宋体 ,幼圆;
	font-size:13px; 
	line-height:1.125em;
	color:#242424;
}
html { min-width:1000px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	font-size:.8125em;
}

	/* Header */
	#header{
		height:100px;
		overflow:hidden;
	}
	
	/*Gallery*/
	#gallery {
		height:325px;
		overflow:hidden;
		background:url(imagesgallerry-bg.jpg) 0 0 repeat-x;
	}
	
	/* Content */
	#aside{
		float: left;
		width: 280px;
		margin-right:30px;
		}	
	#content {
		float: left;
		width: 490px;
		margin-right:30px;
	}

	/* Sidebar */
	#quicklink {
		float: right;
		width: 150px;
	}
			
	/* Footer */
	#footer{
		padding:20px 0 0 0;
		border-top:5px solid #eee;
		background-color:#666;
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px 0px 20px 20px; }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
}
	.img-box li { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}
.fontcolor{
	color: #666;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#f27f02; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size: 30px;
	line-height: 1.2em;
	color: #06468E;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 20px;
	background:url(imageslogo.jpg) no-repeat 0 0;
	padding: 6px 0 8px 69px;
	height:55px;
}
	h1 a {
		color:#06468E;
		text-decoration:none;
	}
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#212222;
	margin-bottom:10px;
}
	h2 span {
		color:#8a8a8a;
	}
h3,h4{
	font-size:13px;
}
	h3 a {
	color:#666;
	line-height: 24px;
}
	h3 a:hover ,h4 a:hover{
		text-shadow: 1px 1px 1px #888; 
	}
	h4 a {
	color:#666;
	line-height: 24px;
	text-decoration: none;
	font-weight: normal;
}
.more a{
	font-size: 12px;
	color: #999;
	text-decoration: none;	
    display:block;
	margin-top:10px;
}
.more a:hover{
	color: #fa6a5e;
	font-weight: bold;
}
.more a:visited{
	color:#999;
}

/*==================boxes====================*/
.main-box {
	border-top:5px solid #eaeaea;
	background:#fff;
	width:100%;
}


/*===== header =====*/
#header #nav {
	float: right;
	margin-top: 30px;	
}
		#header #nav ul li {
			float:left;
		}
			#header #nav ul li a {
				overflow:hidden;
				font-size:22px;
				color:#fff;
				height:67px;
				line-height:67px;
				text-decoration:none;
				width:101px;
				text-align:center;
				float:left;
				background:#D22E20;
				background:url(imagesintro.png) no-repeat 50px 35px,gradient(top, #D22E20, #FF6C60); /* FF3.6 */
				background:url(imagesintro.png) no-repeat 50px 35px,-moz-linear-gradient(top, #D22E20, #FF6C60); /* FF3.6 */
				background:url(imagesintro.png) no-repeat 50px 35px, -webkit-gradient(linear,left top,left bottom,color-stop(0, #D22E20),color-stop(1, #FF6C60)); /* Saf4+, Chrome */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#D22E20', EndColorStr='#FF6C60'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D22E20', EndColorStr='#FF6C60')"; /* IE8 */
		}
		#header #nav ul li a.current, #header #nav ul li a:hover {
			padding-bottom:5px;
		}

#header #nav ul li a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

#header #nav ul li a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	margin-left:-2px;
}

#header #nav ul li a:hover span,
#header #nav ul li a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

		#header #nav ul li:nth-of-type(2) a {
			background:#EFA303;
			background: url(imagesteach.png) no-repeat 50px 35px,-moz-linear-gradient(top, #EFA303, #F8D347); /* FF3.6 */
			background:  url(imagesteach.png) no-repeat 50px 35px,-webkit-gradient(linear,left top,left bottom,color-stop(0, #EFA303),color-stop(1, #F8D347)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFA303', EndColorStr='#F8D347'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFA303', EndColorStr='#F8D347')"; /* IE8 */
		}
		#header #nav ul li:nth-of-type(3) a {
			background:#82AE44;
			background:url(imagesspecial.png) no-repeat 50px 35px, -moz-linear-gradient(top, #82AE44, #A9D96C); /* FF3.6 */
			background:url(imagesspecial.png) no-repeat 50px 35px, -webkit-gradient(linear,left top,left bottom,color-stop(0, #82AE44),color-stop(1, #A9D96C)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#82AE44', EndColorStr='#A9D96C'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#82AE44', EndColorStr='#A9D96C')"; /* IE8 */
		}
		#header #nav ul li:nth-of-type(4) a {
			background:#2E928A;
			background:url(imagesedu.png) no-repeat 50px 35px, -moz-linear-gradient(top, #2E928A, #41CAC0); /* FF3.6 */
			background:url(imagesedu.png) no-repeat 50px 35px, -webkit-gradient(linear,left top,left bottom,color-stop(0, #2E928A),color-stop(1, #41CAC0)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#2E928A', EndColorStr='#41CAC0'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2E928A', EndColorStr='#41CAC0')"; /* IE8 */
		}
		#header #nav ul li:nth-of-type(5) a {
			background:#299DC9;
			background:url(imagestrain.png) no-repeat 50px 35px,  -moz-linear-gradient(top, #299DC9, #58C9F3); /* FF3.6 */
			background: url(imagestrain.png) no-repeat 50px 35px,-webkit-gradient(linear,left top,left bottom,color-stop(0, #299DC9),color-stop(1, #58C9F3)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#299DC9', EndColorStr='#58C9F3'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#299DC9', EndColorStr='#58C9F3')"; /* IE8 */
		}
		#header #nav ul li:nth-of-type(6) a {
			background:#5546AC;
			background:  url(imagesstu.png) no-repeat 50px 35px,-moz-linear-gradient(top, #5546AC, #8175C7); /* FF3.6 */
			background: url(imagesstu.png) no-repeat 50px 35px,-webkit-gradient(linear,left top,left bottom,color-stop(0, #5546AC),color-stop(1, #8175C7)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#5546AC', EndColorStr='#8175C7'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5546AC', EndColorStr='#8175C7')"; /* IE8 */
		}

/*===== gallery =====*/
.roundabout-holder  { 
	width:650px;
	height:360px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 534px;
   height: 300px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}


/*===== content =====*/


/*--- news list styles ---*/

/*===== footer =====*/
#footer {
	color:#DDD;
}
	#footer .fleft {
	font-family: "华文行楷";
	font-size: 20px;
	padding-left: 40px;
	line-height: 25px;
	}
	#footer .fright {
		padding-right:40px;
	}
    #footer .fright p{
		margin-bottom:10px;
	}

/*==========================================*/
.news_left .bg1,.bg2,.bg3,.bg4{
	height: 50px;
	width: 50px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	border: 3px solid #ebebeb;
	text-transform: uppercase;
	padding-top: 5px;
	font-weight: bold;
	display:block;
	}
.news_left p{
	margin-top:10px;
	}
.news_left .bg1 {
	background-image: url(imagesdate-bg1.gif);
	background-repeat: no-repeat;
}
.news_left li .bg1 strong {
	line-height:1.2em;
	display:block;
}
.news_left .bg2 {
	background-image: url(imagesdate-bg2.gif);
	background-repeat: no-repeat;
}
.news_left li .bg2 strong {
	font-size: 24px;
	line-height:1.2em;
	margin-bottom:-7px;
	padding-top:4px;
	padding-bottom: 4px;
	display:block;

}
.news_left .bg3 {
	background-image: url(imagesdate-bg3.gif);
	background-repeat: no-repeat;
}
.news_left li .bg3 strong {
	font-size: 24px;
	line-height:1.2em;
	margin-bottom:-7px;
	padding-top:4px;
	padding-bottom: 4px;
	display:block;
}
.news_left .bg4 {
	background-image: url(imagesdate-bg4.gif);
	background-repeat: no-repeat;
}


.news_left li .bg4 strong {
	font-size: 24px;
	line-height:1.2em;
	margin-bottom:-7px;
	padding-top:4px;
	padding-bottom: 4px;
	display:block;
}
.news_right{
	margin-top:3px;
}
.x_new_left ul{
	margin-top:6px;
}
.x_new_left ul li {
	margin-bottom: 20px;
}
.x_new_right ul li {
	display:block;
	margin-bottom: 10px;
}
.x_new_right ul li a:hover {
	color: #999;
}

.major ul li {
	margin-bottom: 10px;
	padding-left:15px;
}
.major .jy{
	background: url(imagestb1.jpg) no-repeat left 6px;
}
.major .rj{
	background: url(imagestb2.jpg) no-repeat left 6px;
}
.major .wl{
	background: url(imagestb3.jpg) no-repeat left 6px;
}
.major .wlw{
	background: url(imagestb4.jpg) no-repeat left 6px;
}
.major .xx{
	background: url(imagestb5.jpg) no-repeat left 6px;
}
.major .sy{
	background: url(imagestb6.jpg) no-repeat left 6px;
}