@charset "utf-8";

#position { margin:0 auto; width:1200px; overflow:hidden; border-bottom:1px solid #E1E1E1; padding-bottom:18px; margin-top:40px;}
#position #pagename { float:left; width:600px; text-align:left; font-size:24px; color:#FF9134;}
#position #pagename a { display:block; border-right:1px solid #ccc; width:auto; float:left; margin-right:15px; padding-right:15px; font-size:24px; color:#E13B74; text-decoration:none; line-height:25px;}
#position #pagename a.noline { border-right:0px;}
#position #pagepos { float:left; width:600px; text-align:right; font-size:14px; color:#646464;}
#position #pagepos a {  font-size:14px; color:#646464;}
#position #pagepos a:hover { text-decoration:underline;}

#course_sel { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px;}
#course_sel ul { width:1210px;}
#course_sel ul a { display:block; float:left; background-color:#8B8B8B; width:599px; padding-top:15px; padding-bottom:15px; text-align:center; color:#fff; font-size:22px; margin-right:1px; text-decoration:none;}
#course_sel ul a.on { background-color:#6AC334;}

/*
#area1 { margin:0 auto; width:100%; overflow:hidden; margin-top:60px;}
#area1 #title { margin:0 auto; width:1200px; text-align:center; height:35px; background:url(../images/titlebg1.png) no-repeat center center; overflow:hidden;}
#area1 #title #name1 { margin:0 auto; font-size:28px; line-height:35px; color:#000; width:640px; text-align:center; margin-top:0px;}
*/
#area1 { margin:0 auto; width:100%; overflow:hidden; margin-top:60px;}
#area1 #title { margin:0 auto; width:1200px; text-align:center; height:100px; overflow:hidden;}
#area1 #title #name1 { margin:0 auto; font-size:30px; line-height:28px; color:#000; width:640px; text-align:center; margin-top:0px;}
#area1 #title #name2 { margin:0 auto; width:535px; line-height:45px; margin-top:20px; font-size:22px; color:#fff; text-align:center; background-color:#FF9134;}
/*
#area2 { margin:0 auto; width:100%; height:510px; overflow:hidden; margin-top:70px; background:url(../images/bg_1.jpg) no-repeat center top;}
#area2 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:40px;}
#area2 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area2 #title #cnword #lline { float:left; width:470px; border-top:1px solid #666; margin-top:20px;}
#area2 #title #cnword #rline { float:right; width:470px; border-top:1px solid #666; margin-top:20px;}
#area2 #title #cnword #word { float:left; width:260px; text-align:center; font-size:36px; font-weight:bold; line-height:36px; color:#000;} 
#area2 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:15px; color:#4D4D4D; margin-top:10px;}
#area2 #showinfo { margin:0 auto; width:1200px; overflow:hidden; padding-bottom:160px;}
#area2 #showinfo #infos { float:left; width:510px; overflow:hidden;}
#area2 #showinfo #infos #infoi { width:510px; overflow:hidden; margin-top:90px; padding-top:25px; padding-bottom:25px; border-bottom:1px dashed #fafafa;}
#area2 #showinfo #infos #infoi #num { float:left; width:95px; text-align:center;}
#area2 #showinfo #infos #infoi #word { float:left; width:415px; text-align:left; color:#000; font-size:18px;}
*/
#area2 { margin:0 auto; width:100%; max-width:1900px; overflow:hidden; margin-top:0px;}
#area2 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px;}
#area2 #title #cnword { width:1200px; overflow:hidden; text-align:center; font-size:30px; line-height:36px; color:#202020;}
#area2 #title #enword { margin:0 auto; width:520px; overflow:hidden; text-align:center; margin-top:10px;}
#area2 #title #enword #lline { float:left; width:150px; border-top:1px solid #ccc; margin-top:13px;}
#area2 #title #enword #rline { float:right; width:150px; border-top:1px solid #ccc; margin-top:13px;}
#area2 #title #enword #name { float:left; width:220px; text-align:center; font-size:16px; color:#B0AFAF;}
#area2 #showinfo { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area2 #showinfo #infos { float:left; width:690px; overflow:hidden; margin-top:0px;}
#area2 #showinfo #infos #infoi { width:690px; overflow:hidden; margin-bottom:15px;}
#area2 #showinfo #infos #infoi #num { float:left; overflow:hidden; width:110px; height:50px; padding-top:25px; margin-top:15px; position:relative; z-index:99; color:#fff; font-size:20px; background-color:#FF9134; border-radius:20px; text-align:center;}
#area2 #showinfo #infos #infoi #word { float:right; overflow:hidden; margin-top:0px; width:620px; height:100px; margin-top:-87px; position:relative; z-index:90; border:1px solid #D4D4D4; border-radius:20px; text-align:left;}
#area2 #showinfo #infos #infoi #word p { display:block; overflow:hidden; float:right; width:530px; margin-top:13px; text-align:left; margin-right:20px; font-size:15px; color:#616161}
#area2 #showinfo #video { float:right; width:510px; text-align:right; margin-top:20px;}

#area3 { margin:0 auto; width:100%; height:700px; overflow:hidden; margin-top:0px;}/* background:url(../images/bg1_1.jpg) no-repeat center top;*/
/*
#area3 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:68px;}
#area3 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area3 #title #cnword #lline { float:left; width:510px; border-top:1px solid #4D4D4D; margin-top:20px;}
#area3 #title #cnword #rline { float:right; width:510px; border-top:1px solid #4D4D4D; margin-top:20px;}
#area3 #title #cnword #word { float:left; width:180px; text-align:center; font-size:36px; font-weight:bold; line-height:36px; color:#000000;} 
#area3 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:15px; color:#4D4D4D; margin-top:10px;}
*/
#area3 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area3 #title #cnword { width:1200px; overflow:hidden; text-align:center; font-size:30px; line-height:36px; color:#202020;}
#area3 #title #enword { margin:0 auto; width:520px; overflow:hidden; text-align:center; margin-top:10px;}
#area3 #title #enword #lline { float:left; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area3 #title #enword #rline { float:right; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area3 #title #enword #name { float:left; width:180px; text-align:center; font-size:16px; color:#B0AFAF;} 
#area3 #selitems { margin:0 auto; width:1200px; overflow:hidden; margin-top:55px; position:relative; z-index:100;}
#area3 #selitems ul { width:1300px;}
#area3 #selitems ul li { float:left; width:300px; height:70px; cursor:pointer; margin-right:2px;}
#area3 #selitems ul li span { display:block; width:300px; height:40px; padding-top:15px; margin-top:8px; background-color:#A2A2A2; font-size:20px; color:#fff; text-align:center;}
#area3 #selitems ul li.on span { height:47px; padding-top:23px; margin-top:0px; background-color:#FF9134;}
#area3 #selcontent { margin:0 auto; width:1200px; overflow:hidden; margin-top:-10px; position:relative; background-color:#fafafa;}/* background:url(../images/mask.png) repeat left top;*/
#area3 #selcontent #contents { width:1200px; overflow:hidden; margin-top:55px; padding-bottom:100px;}
#area3 #selcontent #contents #leftimg { float:left; width:350px; text-align:center;}
#area3 #selcontent #contents #rightinfo { float:right; width:850px; overflow:hidden;}
#area3 #selcontent #contents #rightinfo #tdata { margin-top:0px; padding-top:0px; width:850px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E1E1E1; overflow:hidden;}
#area3 #selcontent #contents #rightinfo #tdata #title { width:850px; text-align:left; margin-top:0px; font-size:22px; color:#FF9134; overflow:hidden;}
#area3 #selcontent #contents #rightinfo #tdata #info { width:850px; margin-top:10px; text-align:left; font-size:16px; color:#6C6C6C; overflow:hidden;}


#area4 { margin:0 auto; width:100%; overflow:hidden; margin-top:0px; background-color:#fff;}
/*
#area4 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area4 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area4 #title #cnword #lline { float:left; width:500px; border-top:1px solid #616161; margin-top:20px;}
#area4 #title #cnword #rline { float:right; width:500px; border-top:1px solid #616161; margin-top:20px;}
#area4 #title #cnword #word { float:left; width:200px; text-align:center; font-size:36px; font-weight:bold; line-height:36px; color:#000000;} 
#area4 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:15px; color:#616161; margin-top:10px;}
*/
#area4 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:10px;}
#area4 #title #cnword { width:1200px; overflow:hidden; text-align:center; font-size:30px; line-height:36px; color:#202020;}
#area4 #title #enword { margin:0 auto; width:520px; overflow:hidden; text-align:center; margin-top:10px;}
#area4 #title #enword #lline { float:left; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area4 #title #enword #rline { float:right; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area4 #title #enword #name { float:left; width:180px; text-align:center; font-size:16px; color:#B0AFAF;} 
#area4 #info { margin:0 auto; width:1200px; overflow:hidden; margin-top:55px;}
#area4 #info #leftinfo { float:left; width:366px; background-color:#FF9134; height:468px; padding-top:70px; overflow:hidden;}
#area4 #info #rimg { float:right; width:830px;}
#area4 #info #leftinfo div { margin:0 auto; padding-top:18px; padding-bottom:18px; width:310px; border-bottom:1px dashed #FFBB83; color:#fff; font-size:16px;}

/*
#area5 { margin:0 auto; width:100%; height:780px; overflow:hidden; margin-top:65px; background:url(../images/bg3.jpg) no-repeat center top;}
#area5 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:65px;}
#area5 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area5 #title #cnword #lline { float:left; width:470px; border-top:1px solid #fff; margin-top:20px;}
#area5 #title #cnword #rline { float:right; width:470px; border-top:1px solid #fff; margin-top:20px;}
#area5 #title #cnword #word { float:left; width:260px; text-align:center; font-size:36px; font-weight:bold; line-height:36px; color:#fff;} 
#area5 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:15px; color:#fff; margin-top:10px;}
*/
#area5 { margin:0 auto; width:100%; overflow:hidden;}
#area5 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area5 #title #cnword { width:1200px; overflow:hidden; text-align:center; font-size:30px; line-height:36px; color:#202020;}
#area5 #title #enword { margin:0 auto; width:520px; overflow:hidden; text-align:center; margin-top:10px;}
#area5 #title #enword #lline { float:left; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area5 #title #enword #rline { float:right; width:170px; border-top:1px solid #ccc; margin-top:13px;}
#area5 #title #enword #name { float:left; width:180px; text-align:center; font-size:16px; color:#B0AFAF;} 
/*
#area5 #iarea { margin:0 auto; width:1241px; overflow:hidden; height:455px; background:url(../images/ibg0.png) no-repeat center top; margin-top:97px;}
#area5 #iarea ul { width:1300px;}
#area5 #iarea ul li { float:left; width:290px; margin-right:20px; text-align:center; font-size:24px; line-height:35px; color:#FF9134; margin-top:115px; margin-left:0px;}
*/
#area5 #iarea { margin:0 auto; width:1200px; overflow:hidden; height:498px; background:url(../images/ibg0.png) no-repeat center top; margin-top:50px;}
#area5 #iarea ul { width:1300px;}
#area5 #iarea ul li { float:left; width:285px; margin-right:20px; text-align:center; font-size:24px; line-height:35px; color:#fff; margin-top:125px; margin-left:0px;}

#area6 { margin:0 auto; width:100%; height:572px; overflow:hidden; margin-top:0px; background:url(../images/bg5.jpg) no-repeat center top;}
#area6 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:45px;}
#area6 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area6 #title #cnword #lline { float:left; width:420px; border-top:1px solid #000000; margin-top:20px;}
#area6 #title #cnword #rline { float:right; width:420px; border-top:1px solid #000000; margin-top:20px;}
#area6 #title #cnword #word { float:left; width:360px; text-align:center; font-size:36px; font-weight:bold; line-height:36px; color:#000000;} 
#area6 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:15px; color:#000000; margin-top:10px;}

#area6 #tables { margin:0 auto; width:1200px; overflow:hidden; margin-top:40px;}
#area6 #tables td { padding:20px; text-align:center; font-size:16px; color:#282828;}

#area7 { margin:0 auto; width:100%; height:820px; overflow:hidden; margin-top:0px; background:url(../images/bg6.jpg) no-repeat center top;}
#area7 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:55px; text-align:center;}
#area7 #ilist { margin:0 auto; width:1200px; overflow:hidden; margin-top:80px;}
#area7 #ilist ul { width:1300px;}
#area7 #ilist ul li { float:left; width:397px; height:183px; overflow:hidden; margin-right:5px; margin-bottom:24px; background:url(../images/ibg.png) no-repeat left top;}
#area7 #ilist ul li #limg { float:left; width:170px; text-align:left; margin-top:30px;}
#area7 #ilist ul li #limg img { margin-left:1px;}
#area7 #ilist ul li #rdata { float:left; width:215px; text-align:left; margin-top:30px;}
#area7 #ilist ul li #rdata #ttitle { width:215px; overflow:hidden; text-align:left; font-size:22px; color:#686868; font-weight:bold;}
#area7 #ilist ul li #rdata #ttitle span { display:block; color:#383838; font-size:12px; font-weight:normal;}
#area7 #ilist ul li #rdata #notes { width:215px; overflow:hidden; text-align:left; font-size:14px; color:#686868; margin-top:5px;}

#reccase { margin:0 auto; width:1200px; overflow:hidden; margin-top:45px; margin-bottom:30px;}
#reccase #title { width:1200px; overflow:hidden;}
#reccase #title #tleft { float:left; width:500px; text-align:left; font-size:22px; color:#555555;}
#reccase #title #tleft span { color:#666666; font-size:12px; text-transform:uppercase;}
#reccase #title #tmore { float:right; width:60px; overflow:hidden;}
#reccase #title #tmore a { font-size:14px; margin-top:5px; display:block; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; background-color:#FF9134; color:#fff; text-align:center;}
#reccase #sarea {width:1200px; overflow:hidden; margin-top:30px;}
#reccase #sarea ul { width:1300px;}
#reccase #sarea ul li { float:left; width:280px; height:215px; margin-right:26px;}
#reccase #sarea ul li a { display:block; width:280px; height:180px; margin:0px; padding:0px; position:relative;}
#reccase #sarea ul li span { display:block; width:280px; margin-top:7px; text-align:center; color:#333; font-size:15px;}
#reccase #sarea ul li:hover span { color:#FF9134;}

#area12 { margin:0 auto; width:100%; overflow:hidden; margin-top:0px;}
#area12 #btitle { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area12 #btitle #cnword { width:1200px; overflow:hidden; text-align:center;}
#area12 #btitle #cnword #lline { float:left; width:500px; border-top:1px solid #ccc; margin-top:20px;}
#area12 #btitle #cnword #rline { float:right; width:500px; border-top:1px solid #ccc; margin-top:20px;}
#area12 #btitle #cnword #word { float:left; width:200px; text-align:center; font-size:30px; line-height:36px; color:#020202;} 
#area12 #btitle #enword { width:1200px; overflow:hidden; text-align:center; font-size:18px; color:#616161; margin-top:25px;}
#area12 #btitle #enword font { font-size:18px; color:#FF697A;}
#area12 #showarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:50px;}
#area12 #showarea ul { width:1400px;}
#area12 #showarea ul li { float:left; width:275px; overflow:hidden; margin-right:33.3px;}
#area12 #showarea ul li #img { width:275px; overflow:hidden;}
#area12 #showarea ul li #name { width:275px; overflow:hidden; margin-top:20px; font-size:21px; color:#000;}
#area12 #showarea ul li #notes { width:275px; overflow:hidden; margin-top:15px; font-size:16px; color:#666; line-height:30px;}

#area11 { margin:0 auto; width:100%; overflow:hidden; margin-top:0px; padding-bottom:50px;}
#area11 #btitle { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area11 #btitle #cnword { width:1200px; overflow:hidden; text-align:center;}
#area11 #btitle #cnword #lline { float:left; width:450px; border-top:1px solid #ccc; margin-top:20px;}
#area11 #btitle #cnword #rline { float:right; width:450px; border-top:1px solid #ccc; margin-top:20px;}
#area11 #btitle #cnword #word { float:left; width:300px; text-align:center; font-size:30px; line-height:36px; color:#020202;} 
#area11 #btitle #enword { width:1200px; overflow:hidden; text-align:center; font-size:18px; color:#616161; margin-top:25px;}
#area11 #btitle #enword font { font-size:18px; color:#FF697A;}

#area11 #indexschool { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area11 #indexschool #sleft { float:left; width:810px; overflow:hidden;}
#area11 #indexschool #sleft #title { width:810px; overflow:hidden;}
#area11 #indexschool #sleft #title #titlename { float:left; width:600px; overflow:hidden;}
#area11 #indexschool #sleft #title #titlename font { font-size:22px; line-height:35px; color:#0F0F0F;}
#area11 #indexschool #sleft #title #titlename span { font-size:22px; color:#FF9134; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif}
#area11 #indexschool #sleft #title #more { float:right; width:210px; overflow:hidden;}
#area11 #indexschool #sleft #title #more a { margin-top:30px; display:block; width:auto; background-color:#E13B74; padding-left:10px; padding-right:10px; float:right; color:#fff; text-transform:uppercase; font-size:13px;}
#area11 #indexschool #sleft #schoolname { width:810px; overflow:hidden; margin-top:25px;}
#area11 #indexschool #sleft #schoolname div { display:block; cursor:pointer; background-color:#E4E4E4; margin-right:1px; float:left; width:161px; overflow:hidden; text-align:center; text-decoration:none; font-size:18px; color:#333; padding-top:10px; padding-bottom:10px;}
#area11 #indexschool #sleft #schoolname div.on { background-color:#FF9134; color:#fff;}
#area11 #indexschool #sleft #schoolimg { width:810px; height:385px; overflow:hidden; margin-top:37px; position:relative;}
#area11 #indexschool #sleft #schoolimg p { display:block; position:absolute; width:770px; left:0px; bottom:0px; right:0px; font-size:15px; color:#fff; line-height:28px; text-align:left; padding-top:15px; padding-bottom:15px; padding-left:20px; padding-right:20px; background:url(/images/mask1.png) repeat left top;}
#area11 #indexschool #sright { float:right; width:332px; overflow:hidden; padding-top:85px;}
#area11 #indexschool #sright #input_place { width:332px; overflow:hidden; margin-top:0px;}
#area11 #indexschool #sright #input_place #writes { width:332px; border:0px; overflow:hidden;}
#area11 #indexschool #sright #input_place #writes #selarea { width:332px; overflow:hidden; margin-top:0px; margin-left:0px;}
#area11 #indexschool #sright #input_place #writes #selarea div { display:block; cursor:pointer; float:left; width:166px; padding-top:10px; padding-bottom:10px; text-align:center; color:#333; background-color:#E4E4E4; font-size:15px; text-decoration:none;}
#area11 #indexschool #sright #input_place #writes #selarea div.on { color:#fff; background-color:#FF9134;}
#area11 #indexschool #sright #input_place #writes #sel { width:330px; height:420px; margin-top:0px; position:relative; border:1px solid #ECECEC; border-top:0px; overflow:hidden;}
#area11 #indexschool #sright #input_place #writes #sel #write { margin:0 auto; width:285px; height:400px; overflow:hidden; padding-top:20px; position:relative;}/* background:url(../images/bg3.png) no-repeat center bottom;*/
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea { width:285px; height:33px; margin-bottom:30px;}
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #lname { float:left; width:85px; text-align:center; margin-top:10px;}
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #rinput { float:right; width:200px;} 
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #rinput input.input1 { width:188px; padding:5px; border:1px solid #ECECEC; margin-top:10px; background:url();}
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #rinput select.select1 { width:200px; border:1px solid #ECECEC; margin-top:10px; padding:8px; padding-left:2px; background:url(); text-align:right;}
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #rinput select.select1 option { text-align:right;}
#area11 #indexschool #sright #input_place #writes #sel #write #subbt { margin:0 auto; width:285px; text-align:left; overflow:hidden; padding-top:10px;}
#area11 #indexschool #sright #input_place #writes #sel #write #subbt input.sub1 { width:160px; margin-left:85px; height:35px; text-align:center; color:#FFF; background-color:#FF9134; font-size:18px; border:0px; cursor:pointer;}
#area11 #indexschool #sright #input_place #writes #sel #write #subbt input.sub2 { width:160px; margin-left:85px; height:35px; text-align:center; color:#FFF; background-color:#FF9134; font-size:18px; border:0px; cursor:pointer;}