/* 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/index_body.jpg) repeat-x #dffdff;}

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;}
/* 通用架构 */
.left{ float:left;}
.right{ float:right;}

.png {_behavior:url("iepngfix.htc");}

#header,#content,#copyright{ margin:0 auto; width:1002px;}

#header{ position:relative; height:358px;}
	#header h1{ position:absolute; left:10px; top:15px; z-index:10; font-size:30px; color:#fff; width:450px; height:95px;}
	#header h1 a{ color:#fff; text-decoration:none;}
	#header h1 a:hover{ color:#fdff7f; text-decoration:none;} 
	.top1{ position:absolute; z-index:1;}
	.indextop2{ position:absolute; z-index:2; background:url(../images/index_topbg.jpg) no-repeat left bottom;}
	.top3{ position:absolute; z-index:3;}


.index_left1 { width:374px; float:left}
.User { background:url(../images/User.jpg) no-repeat; width:374px; height:115px; position:relative}
		.User_login { position:absolute; right:45px; top:23px; 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:22px;}
		.User_name { height:25px;}
		.User_pass { height:25px;}
		.User_yzm { height:25px;}
		.User_ul { padding-left:140px;}
		.User input { border:1px solid #ff9242}
		
	.User_hover {width:269px; height:76px; padding-left:52px;}
	.User_hoverHeight { height:20px;}
	.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.jpg) no-repeat; width:374px; height:335px;}
	.Happy_more { height:38px; line-height:34px; text-align:right; padding-right:45px;}
	.Happy_fla { padding-left:80px;}
	.Happy_bottom { padding-left:50px; padding-top:13px;}



.index_right1 { width:628px; float:right}
.Tips { background:url(../images/Tips.jpg) no-repeat; width:628px; height:40px; padding-top:21px;}
.Tips h2 { width:470px; height:30px; margin-left:50px; font-size:12px; font-weight:normal;}

.News { background:url(../images/News.jpg) no-repeat; width:628px; height:248px;}

.newtext{ position:relative; float:left; width:225px; height:129px; padding-left:40px; padding-top:55px;}
.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; bottom:-22px; right:50px; 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:#490000; text-decoration:none; }
.newtext .more a:hover,.noticetext .more a:hover{ color:#120700; text-decoration:underline; }

.noticetext{ position:relative; float:left; padding-left:30px; width:225px; height:129px; padding-left:40px; padding-top:55px;}
.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;}
			
			
			

.Part li{ float:left;}
.Apply,.Video,.Survey,.mail_a,.Cookbook { text-indent:-9999px;}
.Apply { background:url(../images/Apply.jpg) no-repeat; width:188px; height:141px;}
.Apply a { width:188px; height:141px; display:block}
.Apply a:hover{ background:url(../images/Apply_hover.jpg) no-repeat; width:188px; height:141px;}
.Video { width:263px; height:141px;}
.Video a {background:url(../images/Video.gif) no-repeat; width:263px; height:141px; display:block}
.Video a:hover{ background:url(../images/Video.jpg) no-repeat; width:263px; height:141px;}
.Survey { background:url(../images/Survey.jpg) no-repeat; width:177px; height:141px;}
.Survey a { width:177px; height:141px; display:block}
.Survey a:hover{ background:url(../images/Survey_hover.jpg) no-repeat;}

.index_left2 { background:url(../images/Teacher.jpg.jpg) no-repeat; width:313px; height:654px; float:left}
.Teacher { width:200px; height:602px; padding-left:95px; padding-top:18px;}
.Teacher_ul { float:left; margin-left:10px;}
.Teacher_img { width:80px; height:80px;}
.Teacher_text { text-align:center; color:#F30; line-height:25px; height:25px; 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:#f24400; text-decoration:none; }
.Teacher_border img{ padding:2px; border:1px solid #d7d7d7}
.Mxye_more { height:40px; text-align:right; padding-right:25px;padding-top:8px; clear:both}
.Mxye_more a{ color:#7d2f00; text-decoration:none;}
.Mxye_more a:hover{ color:#f24400; text-decoration:none; }


.index_right2 { float:right}
.Patting { background:url(../images/Patting.jpg) no-repeat; width:689px; height:196px;}
.Patting #paintingpic { padding-top:30px; margin-left:40px; width:550px; height:130px; overflow:hidden}
.Patting .more { height:15px; text-align:center; padding-left:55px; padding-top:13px;}
.Patting .more a:link{ color:#6715e5; text-decoration:none;}
.Patting .more a:visited{ color:#6715e5; text-decoration:none;}
.Patting .more a:hover{ color:#411c00; text-decoration:none;}
.Patting .more a:active{color:#6715e5;text-decoration:none;}



.index_rihgt2_left { width:364px; float:left}
.index_rihgt2_right { width:325px; float:left}
.Class { background:url(../images/Class.jpg) no-repeat; width:364px; height:171px;}
.Class .table { width:320px; height:24px; margin-left:26px;border-bottom:1px solid #f4893a; text-align:center; clear:both;  text-indent:0px; overflow:hidden;}
.Class .more { text-align:right; padding-right:33px; height:30px; padding-top:14px;}
.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.jpg) no-repeat; width:364px; height:173px;}
.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:37px; height:30px; padding-top:15px;}
.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;}


.Line { background:url(../images/Line.jpg) no-repeat; width:364px; height:114px;}
.Line p { padding:30px 0px 0px 130px;}
.Line select { width:135px;}

.Cookbook { background:url(../images/Cookbook.jpg) no-repeat; width:325px; height:153px;}
.Cookbook a { background:url(../images/Cookbook_a.jpg) no-repeat; width:209px; height:145px; margin-left:20px; display:block}
.Cookbook a:hover { background:url(../images/Cookbook_hover.jpg) no-repeat; width:209px; height:145px;}

.Mail { background:url(../images/Mail.jpg) no-repeat; width:325px; height:305px; position:relative}
.mail_a { position:absolute; z-index:2px; left:0px; top:70px; width:148px; height:202px; display:block;}
.mail_a:hover { background:url(../images/Mail_hover.jpg) no-repeat 0px 37px;}
.Mail_fla { background:url(../images/Mail_a.jpg) no-repeat 0px 70px;  width:325px; height:305px;}



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