/* 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.gif) repeat-x #5fc713}

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


.Index_button h1,.Notices h1,.News h1,.Painting h1,.Class h1,.Excellent h1,.Tips h1,.Happy h1,.Teacher h1,.Child h1 { text-indent:-9999px; overflow:hidden; font-size:0px;}

.Excellent_more a,.Notice_more a,.News_more a,.Painting_more a,.Class_more a,.Happy_more a { font-size:12px; color:#ff234c}
.Excellent_more a:visited,.Notice_more a:visited,.News_more a:visited,.Painting_more a:visited,.Class_more a:visited,.Happy_more a:visited { font-size:12px; color:#ff234c}
.Excellent_more a:hover,.Notice_more a:hover,.News_more a:hover,.Painting_more a:hover,.Class_more a:hover,.Happy_more a:hover { font-size:12px; color:#bc1a9f}

.Teacher_more a,.Child_more a { width:50px; height:22px; display:block; font-size:12px; text-indent:-9999px;}

.Excellent_more { height:40px; text-align:right; padding-right:40px; padding-top:25px;}
.Notice_more {  height:25px; text-align:right; padding-top:48px; padding-right:90px; text-align:right;}
.News_more {  height:30px; text-align:right; padding-top:20px; padding-right:90px;}
.Painting_more { height:40px; text-align:right; padding-right:48px; padding-top:20px; }
.Class_more { height:25px;text-align:right; padding-right:48px; padding-top:25px;}
.Happy_more { height:45px;text-align:right; padding-right:15px; padding-top:15px;}
.Teacher_more { height:75px; padding-top:30px; padding-left:205px; }
.Child_more { height:90px; padding-top:20px; padding-left:120px; }

.Header { width:100%; height:207px; margin:0 auto; background:url(../images/Header.jpg) no-repeat top center;}
.top { width:1002px; height:130px; margin:0 auto; }
.logo { width:1002px; height:77px; margin:0 auto;background:url(../images/logo.png) no-repeat top center; font-size:36px; position:relative}
.logo h1 { font-size:30px; line-height:44px; width:400px; height:80px; margin:0 auto; position:absolute; left:280px; top:-10px; z-index:222; text-align:center}
.music { position:absolute; width:210px; height:90px; left:0px; top:-5px; z-index:101;}

.Index_Content { width:100%;  background:url(../images/body_bottom.jpg) no-repeat bottom center}
.Content { width:1002px; margin:0 auto;}
.Index_NO1 { width:248px; float:left}
.Index_NO2 { width:464px; float:left}
.Index_NO3 { width:290px; float:right}

.User { width:248px; height:223px; background:url(../images/User.png) no-repeat;}
	.User_ul { width:163px; height:168px; padding-left:85px; padding-top:55px; }
	.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.jpg) no-repeat 0px 0px; width:75px; height:32px; display:block; margin-top:5px;}
	
.Index_button dd { width:248px; }
.Zxbm { height:88px; background:url(../images/Zxbm.jpg) no-repeat;}
.Survey { height:91px; background:url(../images/Survey.jpg) no-repeat;}
.Video { height:93px; background:url(../images/Video.jpg) no-repeat; }
.Mail { height:90px; background:url(../images/Mail.jpg) no-repeat;}
.Cookbook { height:92px; background:url(../images/Cookbook.jpg) no-repeat;}
.Link { height:90px; background:url(../images/Link.jpg) no-repeat;}
.Link p { margin:40px 0 0 60px;}
.Link select { width:170px; height:20px;}
.Excellent { width:248px; height:308px; background:url(../images/Excellent.png) no-repeat; width:248px; height:308px;}
		.Excellentlist{ padding-left:23px; width:205px; height:180px;}
		.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;}

.Tips { background:url(../images/Tips.png) no-repeat; width:464px; height:151px;}
.Tips p { text-align:right; height:60px;}
.Tips h2 { width:400px; height:55px; line-height:26px; padding:20px 0 0 30px; font-size:14px; font-weight:normal}
.Notices { background:url(../images/Notices.png) no-repeat; width:464px; height:251px}
		.Noticelist{ padding-left:50px; width:300px; 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:464px; height:220px;}
		.Newslist{ padding-left:50px;  width:323px; 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;}

.Painting { background:url(../images/Painting.png) no-repeat; width:464px; height:226px;}
		#paintingpic {  overflow:hidden; height:130px; margin-left:70px;}
		#paintingpic img { padding-right:5px; width:151px; height:111px;}
		
.Class { background:url(../images/Class.png) no-repeat; width:464px; height:227px;} 
		.Class_div { width:380px; height:29px; margin-left:35px;border-bottom:1px solid #fea253; text-align:center; clear:both;  text-indent:0px; overflow:hidden; }
		.Class_title { width:55px; height:30px; line-height:30px;color:#F60; font-weight:bold; float:left;}
		.Class_text { padding-right:15px; height:30px; line-height:30px; float:left;}
		
.Happy { background:url(../images/Happy.png) no-repeat; width:290px; height:338px; position:relative}
.Happy_img { margin-left:12px;}
.Happy_fla { position:absolute; width:85px; height:80px; left:130px; top:-24px; z-index:1}
.Happy_leaf { position:absolute; width:90px; height:120px; left:210px; top:40px; z-index:2}
.Happy_title { position:absolute; width:290px; height:73px; left:0px; top:244px; z-index:1}

.Teacher { background:url(../images/Teacher.png) no-repeat; width:290px; height:355px;}
		.Teacher_bg { width:255px;height:350px; margin-left:35px;}
		.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/Mxye.png) no-repeat; width:290px; height:382px;}

.Copyright { background:url(../images/Copyright.png) no-repeat; width:1002px; height:147px; margin:0 auto; clear:both}
.Copyright_text .text{ margin:0 auto; padding-top:40px; width:938px; color:#fff; line-height:24px; text-align:center; }
.Copyright_text .text div{ font-size:12px;}
.Copyright_text .company{ width:100%;  color:#000; text-align:center;}




.about_logo { width:1002px; height:77px; margin:0 auto;background:url(../images/about_logo.jpg) no-repeat top center; text-align:center; font-size:36px; font-family:"方正卡通简体"}
.About_Content { width:100%; margin:0 auto;background:url(../images/about_bg.png) repeat-y top center; }
.About_top { width:962px; padding-left:40px; height:185px; margin:0 auto; position:relative}

.About_title {position:absolute; width:380px; height:116px; left:590px; top:-20px; z-index:1;  background:url(../images/about_title.png) no-repeat; }
.About_title1 {position:absolute; width:380px; height:116px; left:560px; top:40px; z-index:1;  background:url(../images/about_title.png) no-repeat; }
.ysjs_title,.yebj_title,.jxjy_title,.tszx_titel,.zszl_title,.lyb_title,.hfly_title { margin:40px 0 0 140px; width:126px; height:41px; font-size:0px; background:url(../images/ysjs_title.png) no-repeat; text-indent:-999px;}
.zxbm_title,.wjdc_title,.jcsp_title,.yzxx_title,.mzsp_title,.tzgg_title,.xwdt_title,.bjlb_title,.mxls_title,.mxye_title { margin:40px 0 0 140px; width:126px; height:41px; font-size:0px; background:url(../images/index_title.png) no-repeat; text-indent:-999px;}

.yebj_title{ background-position:0px -50px;}
.jxjy_title{ background-position:0px -95px;}
.tszx_titel{ background-position:0px -140px;}
.zszl_title{ background-position:0px -185px;}
.lyb_title{ background-position:0px -225px;}
.hfly_title{ background-position:0px -270px;}

.zxbm_title{ background-position:0px 0px;}
.wjdc_title{ background-position:0px -50px;}
.jcsp_title{ background-position:0px -95px;}
.yzxx_title{ background-position:0px -140px;}
.mzsp_title{ background-position:0px -185px;}
.tzgg_title{ background-position:0px -225px;}
.xwdt_title{ background-position:0px -275px;}
.bjlb_title{ background-position:0px -325px;}
.mxls_title{ background-position:0px -375px;}
.mxye_title{ background-position:0px -420px;}




.YSJS_Button { position:absolute; width:587px; height:41px; padding-top:8px; padding-left:13px; left:340px; top:98px; background:url(../images/about_button.jpg) no-repeat; z-index:2}
.About_top a { width:165px; height:35px; margin-right:30px; display:block; float:left; text-indent:-9999px; font-size:0px;}
.ysjj_hover { background:url(../images/button_h.jpg) no-repeat 20px 0px;}
.ydfc_hover { background:url(../images/button_h.jpg) no-repeat -176px 0px;}
.yjym_hover { background:url(../images/button_h.jpg) no-repeat -371px 0px;}
.ysjj:hover { background:url(../images/button_h.jpg) no-repeat 20px 0px;}
.ydfc:hover { background:url(../images/button_h.jpg) no-repeat -176px 0px;}
.yjym:hover { background:url(../images/button_h.jpg) no-repeat -371px 0px;}




.About_bg { width:100%; background:url(../images/about_top.jpg) no-repeat top center; line-height:30px; font-size:14px;}
.About_bottom { width:100%; height:169px; background:url(../images/about_bottom.png) no-repeat top center}
.About_Copyright { background:url(../images/About_Copyright.png) no-repeat top center; width:100%; height:147px; margin:0 auto; clear:both}