/************************************************************
* 页面公共样式表
* 此样式表存在于所有页面中，并作为默认样式
* Author: DANA(Web Designer)
*Technical Exchange: QQ21260224
*************************************************************/

/*--- global start ---*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	color: #685957;
	font: 12px "宋体", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
background: url(../Images_Web/bg.jpg);
}

/* img styles */
img, table {
	border: none;
	margin:0px;
	padding:0px;
		
}

/* list styles */
ul,li { list-style: none; }

/* link styles */
a:link {
	color:#685957;
	text-decoration: none;
}
a:hover{
	color: #0089dd;
	text-decoration: none;
}

/* bread crumb */
.label { 
	height: 22px; 
}
.label ul { 
	padding: 8px 0 0 10px; 
}
.label ul li { 
	float: left;
	font-family: '宋体';
	padding: 2px 4px;
 }



/*-----form styles-----*/
input {
	width:110px;
	text-align: left;
}
/* font styles */
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}

/* table styles */
table {
	border: none; 
}
.clear { clear: both; }

/* pagebar */
 
 .pagebar { 
	width: 700px;
	text-align: left;
	margin: auto;
	height: 30px;
	font-size: 12px;
	padding: 15px 0 0 0;
}

.pagebar a {
    display: inline;
	padding: 2px 5px 0 5px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	background-color: #f8f8f8;
	text-decoration: none;
	color: #ff7e00;
}
.pagebar a:hover, span.nopage {
    display: inline;
	padding: 2px 5px 0 5px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #ff7e00;
	background-color: #ff7e00;
	color: #eee;
	cursor: default;
}


.breadcrumb {
	width:220px;
	float:right;
	height: 30px;
	line-height:30px;
	padding:10px 60px 0 0
 }
.breadcrumb ul { 
}
.breadcrumb ul li { 
	float: left;
	font-family: '宋体';
	padding: 2px 4px;
	color:#0076c7;
	line-height:30px;
}

.breadcrumb ul li a {
	color:#0076c7;
	line-height:30px;}

.breadcrumb ul li a:hover {
	color: #67c658;
	line-height:30px;}

/*--- global end ---*/


/*--- class_nav--- */

.class {
	float:left;
	width:202px;
	height:auto;
	padding:0 0 0 20px;
	

}

.class_top {
	width: 202px;	
	height:81px; 
	background: url(../Images_Web/class_top.jpg) no-repeat;
}



.class_middle {
	clear: both;
	width: 202px;
	height:auto;
	padding:0 0 30px 0;
	background: url(../Images_Web/class_middle.jpg) repeat-y;
}
.class_middle ul {
	padding: 5px 0 10px 0;

}
.class_middle_body {
margin:0 auto;
	width: 202px;
	height:auto;

}

.class_middle_body h3{
	font-size: 12px;
	color: #0076c7;
	font-weight:bold;
	line-height: 31px;
	height:31px;
	width:128px;
	margin:0 auto;
	text-align:left;
	padding:0 0 0 35px;
	background:url(../Images_Web/class_bg1.jpg) repeat-y center;

}
.class_middle_body h3 a {

	color: #0076c7;
}
.class_middle_body h3 a:hover {

	color: #67c658;
}

.class_middle_body ul li {
	line-height: 25px;
	height:25px;
	width:128px;
	text-align:left;

	padding:0 0 0 40px;
}

.class_middle_body ul li a {
	font-size: 13px;
	color: #0076c7;

}

.class_middle_body ul li a:hover{
	color: #67c658;
	text-decoration: none;

}

.class_middle_body a:active {
	color: #ff5a00;
	text-decoration: none;
}


.class_bottom {
	width: 215px;	
	height:60px; 
	background: url(../Images_Web/class_bottom.jpg) no-repeat;
}


.class_pic {
	width: 215px;	
	height:80px;
	padding:20px 0 0 0;
}


/*--- header ---	background-image: url(../Images_Web/index_r1_c1.jpg);
*/

#header {
    text-align:left;
	height:150px;
	width:1001px;
	margin:0 auto;
background-image: url(../Images_Web/logobg.gif);
}

#nav {
text-align:center;
width:1001px;
margin:0 auto;
height:36px;
background-image: url(../Images_Web/index_r2_c1.png);

}

#nav ul {
padding:0 0 0 4px;
}
#nav ul li {
width:70px;

	float: left;
	text-align: center;
	padding:0 14px;
	line-height:36px;
	font-weight:bold;
}
#nav ul li a { 
	font-size: 14px;
	line-height:36px;
	color:#fff;
	display: block;
	text-decoration: none;

}

#nav ul li a:hover {
color:#FFFF00;
	line-height:36px;
	text-decoration: none;

}

#nav ul li a.on
{
width:80px;
height:36px;
line-height:36px;
font-size:14px;
font-weight:bold;
text-align: center;
font-family:"微软雅黑";
background: url(../Images_Web/nav_bg.jpg)  no-repeat;
color:#000;
top:-5px;
}

.baner {
width:1001px;
margin:0 auto;
height:180px;
}
#content_k {
clear:both;
width:100%;
height:auto;
background:url(../Images_Web/index_r6_c1.jpg)  repeat-y top center;
}

#content {
	width:1001px;
	padding:0 17px;
	margin:0px auto 0 auto;

}
#content2{
	background:url(../Images_Web/middle_bg.png) repeat-y;
	margin: 0 auto;}






#foot2 {
	clear:both;
	width:1001;
	height:30px;
	margin:0 auto;
	background:url(../Images_Web/index_r10_c1.png) no-repeat center;
}

#foot3 {
	clear:both;
	width:1001;
    padding-bottom:15px;
	margin:0 auto;
	background:url(../Images_Web/index_r10_c2.png) no-repeat center;}