/* 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_bg1.png) no-repeat top center #f9be24}

div,p,li,em{font-family:Verdana,宋体;font-size:12px; 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;}
.body { background:url(../images/body_bg2.png) no-repeat center 224px; width:100%; height:auto }
.yanhua { width:100%; height:194px; z-index:-1; position:absolute; left:0px; top:0px; text-align:center}

.header { width:1002px; height:448px; position:relative; margin:0 auto;}
.lazhu { position:absolute; right:15px; bottom:0px; width:83px; height:125px; z-index:3}
.ydkl { position:absolute; left:0px; bottom:12px; width:1002px; height:315px; z-index:1}
.menu { position:absolute; right:25px; top:75px; width:670px; height:250px; z-index:31}
.music { position:absolute; left:500px; bottom:-20px; width:200px; height:80px; z-index:3}
.kidname { color:#fff; font-family:"微软雅黑","黑体"; font-size:36px; font-weight:bold; line-height:70px; text-align:left; position:absolute; left:10px; top:10px;}
.top_t { width:420px; height:73px; padding:13px 0px 0px 10px;}
.top_b { width:1002px; height:315px;}
.deng {position:absolute; left:25px; top:75px; width:183px; height:374px; z-index:3;}





.content { width:1002px; margin:0 auto}
.left { width:323px; float:left}
.right { width:679px; float:left}
.User { background:url(../images/User.png) no-repeat; width:323px; height:130px; }
		.User_login { position:absolute; right:25px; top:43px; width:57px; height:54px; z-index:1;}
		.User_login a { display:block; background:url(../images/login.gif) no-repeat; width:56px; height:55px;}
		.User_height { height:42px;position:relative}
		.User_name { height:25px;}
		.User_pass { height:25px;}
		.User_yzm { height:25px;}
		.User_ul { padding-left:105px;}
		.User input { border:1px solid #ff9242}
		
	.User_hover {background:url(../images/houtai_a.jpg) no-repeat; width:269px; height:76px; padding-left:22px;}
	.User_hoverHeight { height:40px;}
	.User_hoverBG { background:url(../images/houtai_a.png) no-repeat; width:269px; height:76px; margin-left:21px; padding-left:7px; padding-top:6px;}
	.User_hoverBG1 { background:url(../images/houtai_a1.png) no-repeat; width:269px; height:76px; margin-left:21px; padding-left:7px; padding-top:6px;}
		.User_boke { width:85px; height:30px; display:block; float:left;} 
		.User_boke:hover { background:url(../images/houtai_hover.png) no-repeat -7px -6px;}
		.User_bjzy { width:86px; height:30px; display:block; margin-left:10px; float:left; }
		.User_bjzy:hover { background:url(../images/houtai_hover.png) no-repeat -102px -6px;}
		.User_tuichu { width:65px; height:30px; display:block; float:left; margin-left:8px;}
		.User_tuichu:hover { background:url(../images/houtai_hover.png) no-repeat -196px -6px;}
		.User_glyht { width:89px; height:30px; display:block; float:left;margin-top:6px;}
		.User_glyht:hover { background:url(../images/houtai_hover.png) no-repeat -7px -42px;}
		.User_bjzyht { width:110px; height:30px; display:block; float:left;margin-left:8px; margin-top:6px;}
		.User_bjzyht:hover { background:url(../images/houtai_hover.png) no-repeat -104px -42px;}


.Happy { background:url(../images/Happy.png) no-repeat; width:323px; height:242px; position:relative}
	.Happy_fla { padding-left:42px; padding-top:20px}
	.Happy_name { position:absolute; width:250px; height:40px; left:60px; top:-5px; z-index:1; line-height:40px;}
	.Happy_name p { float:left}
	.Happy_more { background:url(../images/more_bg.png) no-repeat -1px 5px; width:54px; height:40px; text-align:center}
	.Happy_more a {color:#7d2f00;}
	.Happy_more a:hover {color:#200e00;}
	
.Line { background:url(../images/Line.png) no-repeat; width:323px; height:205px;}
	.Line p { padding:50px 0px 25px 130px;}
	.Line select { width:135px;}

.Tips { background:url(../images/Tips.png) no-repeat; width:679px; height:130px;}
	.Tips h2 { margin-left:40px; padding-top:57px; font-weight:normal; font-size:14px; width:595px; height:50px;}
	
.News { background:url(../images/News.png) no-repeat; width:338px; height:242px; float:left}
	.Newtext{ position:relative; float:left; width:225px; height:129px; padding-left:40px; padding-top:95px;}
	.Newtext li{ line-height:26px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
	.Newtext li a{ color:#411c00; text-decoration:none;}
	.Newtext li a:hover{ color:#200e00;text-decoration:underline;}
	.Newtext .more,.Noticetext	.more{ position:absolute; top:40px; right:2px; width:56px; height:19px; text-align:center; line-height:20px; background:url(../images/more_bg.gif) no-repeat;}
	.Newtext .more a,.Noticetext .more a{ color:#7d2f00; text-decoration:none; }
	.Newtext .more a:hover,.Noticetext .more a:hover{ color:#120700; }

.Notices { background:url(../images/Notices.png) no-repeat; width:341px; height:242px; float:left}
	.Noticetext{ position:relative; float:left; padding-left:30px; width:225px; height:129px; padding-left:40px; padding-top:95px;}
	.Noticetext li{ line-height:26px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
	.Noticetext li a{ color:#411c00; text-decoration:none;}
	.Noticetext li a:hover{ color:#200e00;text-decoration:underline;}


.Painting { background:url(../images/Patting.png) no-repeat; width:679px; height:205px; clear:both}
	.Painting p { width:400px; height:120px; overflow:hidden; margin-left:60px; padding-top:10px}
	.Painting .more { position:relative; height:40px; padding-top:13px;}
	.Painting .more a { margin-left:213px; color:#7d2f00}
	.Painting .more a:hover { color:#000}
	.Painting_fla { position:absolute; width:221px; height:75px; left:210px; top:-25px; z-index:1}

.Teacher { background:url(../images/Mxls.png) no-repeat; width:228px; height:362px; float:left; padding-left:36px;}
	.Teacher .more { height:50px; padding-top:30px;text-align:right; padding-right:28px;}
	.Teacher_ul { float:left; margin-left:15px; _margin-left:10px;}
	.Teacher_img { width:80px; height:80px;}
	.Teacher_text { text-align:center; color:#F30; line-height:35px; height:35px;width:80px; }
	.Teacher_more { height:35px; text-align:right; padding-right:25px; padding-top:9px;}
	.Teacher_more a{ color:#7d2f00; text-decoration:none;}
	.Teacher_more a:hover{ color:#000; text-decoration:none; }
	.Teacher_border img{ padding:2px; border:1px solid #d7d7d7}
.Mxye { background:url(../images/Mxye.png) no-repeat; width:220px; height:362px; float:left; padding-left:22px;}
	.Mxye .more { height:50px; padding-top:30px;text-align:right; padding-right:20px;}


.Class_Excellent { width:365px;height:362px; float:left; }
.Class { background:url(../images/Class.png) no-repeat; width:365px; height:166px;}
	.Class .table { width:320px; height:24px; margin-left:26px;border-bottom:1px solid #fea253; text-align:center; clear:both;  text-indent:0px; overflow:hidden;}
	.Class .more { text-align:right; padding-right:28px; height:30px; padding-top:6px;}
	.Class .more a:link{ color:#fff; text-decoration:none;}
	.Class .more a:visited{ color:#fff; text-decoration:none;}
	.Class .more a:hover{ color:#411c00; text-decoration:none;}
	.Class .more a:active{color:#fff;text-decoration:none;}

.Excellent { background:url(../images/Excellent.png) no-repeat; width:365px; height:196px;}
	.Excellentlist{ padding-left:37px; width:300px; background:url(../images/notice_bg.jpg) no-repeat;}
	.Excellentlist li{ line-height:26px; padding-left:24px; 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;}
	.Excellent .more { text-align:right; padding-right:33px; height:30px; padding-top:12px;}
	.Excellent .more a:link{ color:#fff; text-decoration:none;}
	.Excellent .more a:visited{ color:#fff; text-decoration:none;}
	.Excellent .more a:hover{ color:#411c00; text-decoration:none;}
	.Excellent .more a:active{color:#fff;text-decoration:none;}
	.Excellent li { width:300px; height:28px; text-indent:0px; overflow:hidden;}


.s_lan { background:url(../images/lan.png) no-repeat; width:131px; height:362px; float:left; position:relative}
.s_lan a { display:block; width:100px; height:110px; margin-bottom:10px; margin-left:10px; text-indent:-9999px; }
.Video:hover,.Mail:hover,.Cookbook:hover { background:url(../images/lan_hover.png) no-repeat;}
.Video:hover { background-position:-10px 0px;}
.Mail:hover { background-position:-10px -118px;}
.Cookbook:hover { background-position:-17px -240px;}
.Video_fla { position:absolute; width:60px; height:40px; left:50px; top:40px; z-index:2;}




#copyright{ clear:both; height:200px; background:url(../images/index_copyright.png) no-repeat bottom center; width:100%; }
#copyright .text{ margin:0 auto; padding-top:10px; width:938px; color:#152e8d; line-height:24px; text-align:center; }
#copyright .company{ width:100%; padding:10px 0; color:#3d7280; text-align:center;}