/* CSS Document */
/* 请按以下顺序写样式
显示,定位,浮动,清除:display position float clear  ...  
边距,补白,宽,高:margin padding width height ...   
文本修饰,对齐方式:text-decoration text-align vertical-align white-space...
文字颜色大小:color font content
边框和背景:border background
*/

/* 共用样式-常用类 */
* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(../images/body_bg.jpg) no-repeat top center #5cbcc8}

div,p,li,em{font-family:Verdana,宋体;font-size:14px; font-style:normal;}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse;}

.clear {clear:both;}

a:link{ color:#411c00; text-decoration:none;}
a:visited{ color:#411c00; text-decoration:none;}
a:hover{ color:#bd203b; text-decoration:none;}
a:active{color:#411c00;text-decoration:none;}


.User h1,.menu a,.Index_button h1,.Index_a3 h1,.Index_a4 h1,.Painting h1,.Class h1,.Excellent h1,.Tips h1,.Happy h1,.Teacher h1,.Child h1,.title_bg2 a { text-indent:-9999px; overflow:hidden; font-size:0px;}
.Happy_more {}



.music { position:absolute; left:60px; top:170px; width:210px; height:90px;  z-index:23; }


.Header { width:1002px; height:362px; margin:0 auto; background:url(../images/index_a1.jpg) no-repeat; position:relative}
.name { padding:10px; font-size:36px; position:absolute; left:10px; top:15px; z-index:2}
.menu { float:right}
.User { width:250px; padding-top:260px; float:left}
		.User_ul { width:200px;  padding-left:104px;}
		.User li {  float:left; }
		.User_name { width:150px; padding-top:20px;}
		.User_pass { width:150px; padding-top:12px;}
		.User_yzm { width:150px; padding-top:5px;}
		.User_text a { position:absolute; width:94px; height:40px; left:105px; top:365px; z-index:2; display:block;}
		.User_text a:hover { background:url(../images/login_a.png) no-repeat 2px 5px;}



.Content { width:1002px; margin:0 auto;}
.Content dl { clear:both;}
.Content dd{ float:left;}
.Index_a2 { background:url(../images/index_a2.jpg) no-repeat; width:345px; height:245px;}	

.Index_a3 { background:url(../images/index_a3.jpg) no-repeat; width:314px; height:245px;}
		.News_more { width:269px; height:35px; padding-top:55px; padding-right:45px;font-size:12px; text-align:right;}
		.Newslist{ padding-left:35px; width:279px;}
		.Newslist li{ line-height:30px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Newslist li a{ color:#411c00; text-decoration:none;}
		.Newslist li a:hover{ color:#200e00;text-decoration:underline;}
	
.Index_a4 { background:url(../images/index_b4.jpg) no-repeat; width:343px; height:245px; color:#ed2700}
		.Notice_more { width:278px; height:32px; padding-top:58px; padding-right:65px;font-size:12px; text-align:right;}
		.Noticelist{ padding-left:30px; width:313px;}
		.Noticelist li{ line-height:30px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Noticelist li a{ color:#411c00; text-decoration:none;}
		.Noticelist li a:hover{ color:#200e00;text-decoration:underline;}


.Index_a5 { width:324px; height:423px;}
	.happy { background:url(../images/index_b5.jpg) no-repeat; height:258px; padding:0 0 0 46px;}
	.happy_more { height:44px; line-height:44px; text-align:right; padding-right:33px; font-size:12px}
	.btn_a1 { background:url(../images/index_a7.jpg) no-repeat; height:155px; padding-top:10px;}
		.btn_b1 { background:url(../images/btn_b1.jpg) no-repeat 0 0px; width:175px; height:147px; display:block; margin-left:40px; }
		.btn_b1:hover { background:url(../images/btn_b1.jpg) no-repeat 0 -147px;}
	
.Index_a6 { width:678px; height:423px;}
	.Tips { background:url(../images/index_a6.jpg) no-repeat; height:180px;}	
	.Tips li { width:500px;  padding:75px 0 0 30px;}
	.Tips h2 { font-size:14px; font-weight:normal; line-height:24px; height:78px;}
	
	.Excellent { background:url(../images/index_a8.jpg) no-repeat; height:243px; width:678px;}
		.btn_a2 { width:270px; height:223px; padding-top:20px; float:left; position:relative}
			.btn_b2 { background:url(../images/btn_b2.jpg) no-repeat 0 0px; width:167px; height:150px; display:block; margin-left:70px;}
			.btn_b2:hover { background:url(../images/btn_b2.jpg) no-repeat 0 -150px;}
			.btn_b3 { position:absolute; width:154px; height:141px; left:-80px; top:90px; z-index:10; display:block; background:url(../images/btn_b3.jpg) no-repeat;}
			.btn_b3:hover { background:url(../images/btn_b3.jpg) no-repeat 0 -141px;}
		
		.Excellentlist { width:408px; height:163px; float:left;}
			.Excellentlist ol { width:163px; height:35px; padding:45px 0 0 245px; font-size:12px}
			.Excellentlist li{ line-height:26px; padding-left:45px; width:189px; height:30px; overflow:hidden; text-indent:0px; background:url(../images/icon_02.gif) no-repeat 20px 4px;}
			.Excellentlist li a{ color:#411c00; text-decoration:none;}
			.Excellentlist li a:hover{ color:#200e00;text-decoration:underline;}
	
.Index_a7 { background:url(../images/index_b9.jpg) no-repeat; width:567px; height:235px;}
	.Painting_more { height:30px; text-align:right;  padding:45px 70px 0 0; font-size:12px}
	#paintingpic { width:490px; margin:0 0 0 35px;}
	#paintingpic img { border:2px solid #FFF; margin:0px 3px;}

.Index_a8 { background:url(../images/index_b10.jpg) no-repeat; width:435px; height:235px;}

		.Class_more { width:395px;  text-align:right; padding:80px 40px 0 0; font-size:12px}
		.Class_div { width:340px; height:29px; margin-left:50px; border-bottom:1px solid #e3e3e3; text-align:center; clear:both; text-indent:0px; overflow:hidden; }
		.Class_title { width:55px; height:30px; line-height:30px;color:#911b09; font-weight:bold; float:left;}
		.Class_text { padding-right:15px; height:30px; line-height:30px; float:left;}

.Index_a9 { background:url(../images/index_a11.jpg) no-repeat; width:567px; height:358px;}
		.Teacher { background:url(../images/Teacher.jpg) no-repeat; width:220px; height:358px; padding-left:63px; float:left;} 
		.Teacher_more { width:205px; height:40px; text-align:right; padding:40px 0px 0 0; font-size:12px}
		.Child { width:230px;height:350px;float:right; margin-right:20px;}
		.Child_more { width:190px; _width:205px; height:40px; text-align:right; padding:40px 0px 0 0; font-size:12px}
		
		.Teacher_ul { text-align:center; width:220px; float:left}
		.Teacher_ul li { float:left;width:105px; height:105px; }
		.Teacher_border img{ width:74px; height:74px; padding:2px; border:1px solid #d7d7d7; background:#FFF}
		.Teacher_text { height:30px; line-height:30px;}


.Index_a10 { background:url(../images/index_a12.jpg) no-repeat; width:435px; height:358px;}
	.Link { padding:115px 0 0 150px;  }
	.Link select { width:150px}
	
	.mzsp { width:169px; height:150px; display:block;  margin-top:59px; margin-left:14px; float:left;background:url(../images/btn4.jpg) no-repeat}
	.mzsp:hover { background:url(../images/btn4.jpg) no-repeat 1px -156px;}
	.jcsp { width:169px; height:150px; display:block;  margin-top:72px; margin-left:43px; float:left;background:url(../images/btn5.jpg) no-repeat}
	.jcsp:hover { background:url(../images/btn5.jpg) no-repeat 1px -153px;}

.Copyright { background:url(../images/copyright.jpg) no-repeat bottom center; width:100%; min-height:200px; padding-top:110px;margin:0 auto; clear:both}
.Copyright .text{ margin:0 auto; padding-top:40px;  color:#002d03; line-height:24px; text-align:center; }
.Copyright .text div { font-size:12px;}
.Copyright .company{ width:100%; padding:10px 0; color:#002d03; text-align:center;}