/* 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 #fffff5}

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:#cf5d00; text-decoration:none;}
a:active{color:#411c00;text-decoration:none;}

.Notice_more a,.News_more a,.happy_more a,.Painting_more a,.Teacher_more a,.Child_more a,.Excellent_more a,.Class_more a{ width:45px; height:17px; display:block; cursor:pointer;  background-image:url(../images/more.png);}
.Notice_more a:hover,.News_more a:hover,.happy_more a:hover,.Painting_more a:hover,.Teacher_more a:hover,.Child_more a:hover,.Excellent_more a:hover,.Class_more a:hover { cursor:pointer; background-image:url(../images/more1.png);}



.Index_a3 h1,.menu a,.Index_button h1,.Index_a4 h1,.Index_a6 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;}




.Header { width:1002px; height:338px; margin:0 auto; background:url(../images/index_a1.jpg) no-repeat}
.name { font-size:36px; text-align:center; width:1002px; height:70px; line-height:35px; color:#000; font-family:"微软雅黑","宋体"; font-weight:normal; padding-top:35px;  position:relative}
.menu { padding-left:250px;}
.music { position:absolute; width:200px; height:90px; left:120px; top:150px; z-index:3}


.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:214px; height:182px; padding:75px 0px 0px 60px;}

.Index_a3 { background:url(../images/index_a3.jpg) no-repeat; width:372px; height:257px; position:relative}
		.User_ul { width:200px; height:140px; padding-left:104px; padding-top:75px; }
		.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:95px; top:180px; z-index:2; display:block; cursor:pointer;}
		.User_text a:hover { background:url(../images/login_a.png) no-repeat 2px 5px;}
	
.Index_a4 { background:url(../images/index_a4.jpg) no-repeat; width:356px; height:257px; }
		.Notice_more { height:32px; padding:78px 0 0 260px;}
		.Noticelist{ padding-left:40px; width:316px;}
		.Noticelist li{ line-height:30px; padding-left:24px; background:url(../images/icon_01.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:490px; height:253px;background:url(../images/index_a5.jpg) no-repeat;}
		.happy_more { height:25px; padding:15px 0 0 310px}
		.happy { padding:0px 0 0 180px;}
		
.Index_a6 { width:512px; height:253px;background:url(../images/index_a6.jpg) no-repeat;}
		.News_more { height:35px; padding:45px 0 0 340px;}
		.Newslist{ padding-left:200px; width:312px;}
		.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_a7 { background:url(../images/Index_a7.jpg) no-repeat; width:345px; height:243px; padding-top:40px;}
		.Excellent_more { margin-left:235px; height:40px;}
		.Excellentlist { width:345px; height:243px; float:left }
		.Excellentlist{ padding-left:35px; width:310px; height:190px;}
		.Excellentlist li{ line-height:26px; padding-left:30px; width:189px; height:30px; overflow:hidden; text-indent:0px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Excellentlist li a{ color:#411c00; text-decoration:none;}
		.Excellentlist li a:hover{ color:#200e00;text-decoration:underline;}

.Index_a8 { background:url(../images/index_a8.jpg) no-repeat; width:245px; height:75px; padding:72px 0 0 100px;}
		.Link select { width:150px}

.Index_a9 { background:url(../images/index_a9.jpg) no-repeat; width:657px; height:173px;}	
		.Tips li { width:480px;  padding:65px 0 0 97px;}
		.Tips h2 { font-size:14px; font-weight:normal; line-height:24px; height:78px;}
	
.Index_a10 { background:url(../images/index_a10.jpg) no-repeat; width:657px; height:257px;}
		.Painting_more { height:25px; padding:60px 0 0 500px; }
		#paintingpic { width:490px; margin:0 0 0 55px;}
		#paintingpic img { border:2px solid #FFF; margin:0px 3px;}

.Index_a11 { background:url(../images/index_a11.jpg) no-repeat; width:646px; height:321px;}
		.Teacher { background:url(../images/Teacher.jpg) no-repeat; width:220px; height:321px; padding-left:100px; float:left} 
		.Teacher_more { height:40px; padding:40px 0 0 180px;}
		.Child { width:250px;height:321px; margin-left:25px; float:left}
		.Child_more { height:40px; padding:40px 0 0 180px;}
		
		.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_a12 { background:url(../images/index_a12.jpg) no-repeat; width:356px; height:301px; padding:20px 0 0 0}
	.mail { float:left}
	.video { padding-left:30px; float:left; padding-top:10px;}

.Index_a13 { background:url(../images/index_a13.jpg) no-repeat; width:538px; height:269px;}
		.Class_more { height:15px; padding:55px 0 0 415px;}
		.Class_div { width:340px; height:29px; margin-left:110px; padding-top:10px;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_a14 { background:url(../images/index_a14.jpg) no-repeat; width:464px; height:269px; position:relative}
		.mzsp { width:165px; height:140px; padding:50px 0 0 20px;}
		.wjdc { position:absolute; width:160px; height:140px; left:170px; top:-120px; z-index:1}

.Copyright { background:url(../images/index_a15.jpg) no-repeat; width:1002px; height:295px; margin:0 auto; clear:both}
.Copyright .text{ margin:0 auto; padding-top:40px;  color:#002d03; line-height:24px; text-align:center; }
.Copyright .company{ width:100%; padding:10px 0; color:#002d03; text-align:center;}



.about_content {  background:url(../images/about_bg.jpg) repeat-y top center;  width:100%; margin:0 auto}
.about_b1 {background:url(../images/about_a1.jpg) no-repeat top center;width:100%;}
.about_b2 { background:url(../images/about_a2.jpg) no-repeat top center; width:100%;}
.table { background:url(../images/about_a3.jpg) no-repeat bottom center; padding-bottom:100px; width:100%; line-height:60px;}

.about_copyright { background:url(../images/about_a4.jpg) no-repeat bottom center;  width:100%; height:406px;}