/* 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.jpg)}

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;}

.menu a,.Index_button h1,.Notices h1,.News 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;}

.Excellent_more { height:40px; text-align:right; padding-right:40px; padding-top:25px;}
.Notice_more {  height:35px; text-align:right; padding-top:48px; padding-right:30px; text-align:right; }
.News_more {  height:35px; text-align:right; padding-top:15px; padding-right:30px;}
.Class_more {  height:50px; text-align:right; padding-right:30px; padding-top:1px; text-align:right;}
.Notice_more a,.News_more a,.Class_more a{ width:60px; height:30px; float:right; display:block;text-indent:-9999px; overflow:hidden; font-size:0px;}
.Notice_more a:hover,.News_more a:hover,.Class_more a:hover,.Painting_more a:hover{ background:url(../images/more.png) no-repeat 7px 3px}

.Painting_more { width:220px; height:50px; padding-top:10px; padding-right:22px;}
.Painting_more a { width:60px; height:30px; float:right; display:block;text-indent:-9999px; overflow:hidden; font-size:0px;}
.Painting_more a:hover{ background:url(../images/more1.png) no-repeat 0px 4px}
.Happy_more { height:28px;text-align:right; padding-right:13px; padding-top:42px;}
.Teacher_more { height:35px; padding-top:25px; padding-left:175px; }
.Teacher_more a,.Child_more a { color:#fff}
.Child_more { height:35px; padding-top:25px; padding-left:165px; }


.music { position:absolute; width:210px; height:60px; left:430px; top:120px; z-index:101;}
.Header { width:100%; height:250px; background:url(../images/top_bg.jpg) repeat-x}
.top { width:552px; height:185px; padding-left:450px; margin:0 auto;  background:url(../images/Header.jpg) no-repeat; position:relative;}
.index { position:absolute;width:150px;height:100px;left:88px;top:83px;z-index:111;}
.logo { position:absolute;width:450px;height:80px;left:45px;top:30px;z-index:211;font-size:36x; line-height:60px; color:#fff;}
.menu { width:912px; height:65px; margin:0 auto; padding-left:90px; background:url(../images/menu.png) no-repeat}
.menu a { width:108px; height:45px; display:block; float:left; margin-right:17px;}
.jyhd:hover,.ysjs:hover,.yebj:hover,.jxjy:hover,.tszx:hover,.zszl:hover,.lyb:hover { width:108px; height:45px;background:url(../images/menu_hover.png) no-repeat;}
.jyhd:hover { background-position:-9px 0px;}
.ysjs:hover { background-position:-134px 0px;}
.yebj:hover { background-position:-257px 0px;}
.jxjy:hover { background-position:-382px 0px;}
.tszx:hover { background-position:-506px 0px;}
.zszl:hover { background-position:-631px 0px;}
.lyb:hover { background-position:-755px 0px;}


.Content { width:973px; margin:0 auto; padding-left:29px; background:url(../images/index_bg.png) repeat-y top center;}
.Index_NO1 { width:242px; float:left; }
.User { background:url(../images/User.png) no-repeat; width:242px; height:169px;}
	.User_ul { width:157px; height:149px; padding-left:85px; padding-top:20px; }
	.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{ background:url(../images/login.png) no-repeat 0px 0px; width:50px;  height:32px; display:block; margin-left:25px; margin-top:4px;}


.Tips { background:url(../images/Tips.png) no-repeat; width:242px; height:174px;}
.Tips h2 { width:185px; height:95px; line-height:26px; padding:60px 0 0 30px; font-size:14px; font-weight:normal}

.Painting { background:url(../images/Painting.png) no-repeat; width:242px; height:347px;}
#paintingpic { margin-left:37px; height:260px;overflow:hidden;  }
#paintingpic img { padding-bottom:5px;}

.Index_NO2 { width:393px; float:left;}
	.Notices { background:url(../images/Notices.png) no-repeat; width:393px; height:254px;}
		.Noticelist{ padding-left:103px; width:280px; height:145px;}
		.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;}
		
	.News { background:url(../images/News.png) no-repeat; width:393px; height:226px;}
		.Newslist{ padding-left:103px;  width:280px; height:138px;}
		.Newslist li{ line-height:30px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
		.Newslist li a{ color:#411c00; text-decoration:none;}
		.Newslist li a:hover{ color:#200e00;text-decoration:underline;}
	
	.Class { background:url(../images/Class.png) no-repeat; width:393px; height:210px;}
		.Class_div { width:345px; height:29px; margin-left:23px;border-bottom:1px solid #fea253; text-align:center; clear:both;  text-indent:0px; overflow:hidden; }
		.Class_title { width:65px; height:30px; line-height:30px;color:#F60; font-weight:bold; float:left; text-align:right}
		.Class_text { padding-right:15px; height:30px; line-height:30px; float:left; padding-left:5px;}

.Index_NO3 { width:308px; float:left;}
.Happy { background:url(../images/Happy.png) no-repeat; width:308px; height:307px;}
.Happy_img { margin-left:18px;}
.Index_button { background:url(../images/index_button.png) no-repeat; width:308px; height:383px;}

.Index_NO4 { width:943px; height:328px; }
.Excellent { background:url(../images/Excellent.png) no-repeat; width:401px; height:328px; float:left}
.Excellent_list { height:210px;}
		.Excellentlist{ padding-left:33px; width:305px; height:140px;}
		.Excellentlist li{ line-height:26px; padding-left:24px; width:189px; height:26px; overflow:hidden; text-indent:0px; background:url(../images/icon_03.gif) no-repeat 0px 4px;}
		.Excellentlist li a{ color:#411c00; text-decoration:none;}
		.Excellentlist li a:hover{ color:#200e00;text-decoration:underline;}
		
.Link { background:url(../images/Link.png) no-repeat; width:401px; height:118px;}
.Link p { padding:18px 0 0 150px;}

.Teacher { background:url(../images/Teacher.png) no-repeat; width:257px; height:328px; float:left}
		.Child_bg { width:227px;height:350px; margin-left:25px;}
		.Teacher_bg { width:247px;height:350px; margin-left:10px;}
		.Teacher_ul { text-align:center;}
		.Teacher_ul li { float:left;width:110px; height:110px; }
		.Teacher_border img{ width:74px; height:74px; padding:2px; border:1px solid #d7d7d7}
		.Teacher_text { height:30px; line-height:30px;}

.Child { background:url(../images/Child.png) no-repeat; width:285px; height:328px; float:left}

.Copyright { width:943px; min-height:200px; background:url(../images/Copyright.png) no-repeat center bottom}
.Copyright .text{ margin:0 auto; padding-top:10px; width:938px; color:#C30; line-height:24px; text-align:center; }
.Copyright .text div { font-size:12px;}

.Copyright .company{ width:100%; padding:10px 0; color:#C30; text-align:center;}


.About_Content { width:985px; margin:0 auto; padding-left:17px; background:url(../images/index_bg.png) repeat-y top center;}
.about_title { width:968px; height:123px; padding-top:10px; background:url(../images/about_title.png) no-repeat;}
.about_text { width:968px;background:url(../images/about1_08.png) repeat-y; font-size:14px; line-height:30px;}
.about_line { border-bottom:1px dotted #d19171; width:940px; margin-left:13px; padding:35px 0px;}
.title_bg1 { background:url(../images/title_bg1.png) no-repeat; width:688px; height:41px; line-height:41px; text-align:center; color:#ff431e; font-size:24px; margin:0 auto;}
.title_bg2 { background:url(../images/title_bg2.png) no-repeat; width:475px; height:43px; line-height:43px; margin:0 auto;}
.title_bg2 a { width:135px; height:41px; display:block; float:left; font-size:18px; text-align:center}
.ysjj,.ysjj_xz  { margin-right:30px;}
.ydfc,.ydfc_xz { margin-right:30px;}

.ysjj_xz,.ydfc_xz,.yjym_xz,.ysjj:hover,.ydfc:hover,.yjym:hover { background:url(../images/title_bg3.png) no-repeat}

.ysjj_xz,.ysjj:hover { background-position:0px 0px;}
.ydfc_xz,.ydfc:hover { background-position:-165px 0px;}
.yjym_xz,.yjym:hover { background-position:-330px 0px;}


.About_Copyright { width:943px; min-height:180px; margin-left:12px; background:url(../images/Copyright.png) no-repeat center bottom}
.About_Copyright .text{ margin:0 auto; padding-top:10px; width:938px; color: #C30; line-height:24px; text-align:center; }
.About_Copyright .text div { font-size:12px;}
.About_Copyright .company{ width:100%; padding:10px 0; color:#C30; text-align:center;}

.wztitle h1{ font-size:24px; text-align:center; border-bottom:1px dotted #F30; color:#F30; padding-top:15px; line-height:36px;}