@charset "utf-8";
#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:399px; 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: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:#63C980;}

#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:#63C980; 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:1200px; overflow:hidden; margin-top:0px;}
#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:400px; height:70px; cursor:pointer; margin-right:2px;}
#area3 #selitems ul li span { display:block; width:400px; 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:#63C980;}

#area3 #selcontent { margin:0 auto; width:1200px; height:460px; overflow:hidden; margin-top:-5px; position:relative; background-color:#E0F4E6;}
#area3 #selcontent #contents { width:1200px; overflow:hidden; margin-top:55px;}
#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:830px; padding-bottom:17px; margin-bottom:17px; border-bottom:1px solid #CECECE; overflow:hidden;}
#area3 #selcontent #contents #rightinfo #tdata #title { width:830px; text-align:left; margin-top:0px; font-size:22px; color:#63C980; overflow:hidden;}
#area3 #selcontent #contents #rightinfo #tdata #info { width:830px; margin-top:10px; text-align:left; font-size:15px; color:#6C6C6C; overflow:hidden;}
#area3 #zixun { margin:0 auto; width:1200px; overflow:hidden; text-align:center; padding-top:40px;}
#area3 #zixun a { display:block; margin:0 auto; border-radius:10px; width:215px; height:45px; padding-top:15px; text-align:center; background-color:#F9831D; color:#fff; font-size:21px; text-decoration:none;}
#area3 #zixun a:hover { background-color:#f60;}

#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; 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:40px;}
#area4 #info #leftinfo { float:left; width:386px; background-color:#63C980; height:334px; padding-top:70px; overflow:hidden;}
#area4 #info #rimg { float:right; width:810px;}
#area4 #info #leftinfo div { margin:0 auto; padding-top:18px; padding-bottom:18px; width:330px; border-bottom:1px dashed #A3E27E; color:#fff; font-size:16px;}

#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: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%; overflow:hidden; margin-top:0px;}
#area6 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area6 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area6 #title #cnword #lline { float:left; width:480px; border-top:1px solid #ccc; margin-top:20px;}
#area6 #title #cnword #rline { float:right; width:480px; border-top:1px solid #ccc; margin-top:20px;}
#area6 #title #cnword #word { float:left; width:240px; text-align:center; font-size:30px; line-height:36px; color:#020202;} 
#area6 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:16px; color:#B0AFAF; margin-top:10px;}
#area6 #ssarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area6 #ssarea #imgs { margin:0 auto; width:1200px; overflow:hidden;}
#area6 #ssarea #imgs ul { width:1500px;}
#area6 #ssarea #imgs ul li { float:left; width:345px; overflow:hidden; text-align:center; margin-right:85px;}
#area6 #ssarea #imgs ul li a { font-size:16px; color:#919191;}
#area6 #ssarea #imgs ul li img { margin-bottom:10px;}
#area6 #zixun { margin:0 auto; width:1200px; overflow:hidden; text-align:center; padding-top:50px;}
#area6 #zixun a { display:block; margin:0 auto; border-radius:10px; width:215px; height:45px; padding-top:15px; text-align:center; color:#FFB344; border:1px solid #FFB344; font-size:21px; text-decoration:none;}
#area6 #zixun a:hover { color:#FF7500; border:1px solid #FF7500;}

#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:#E13B74; 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:#F1A7C0; margin-right:1px; float:left; width:161px; overflow:hidden; text-align:center; text-decoration:none; font-size:18px; color:#FFF; background-color:#F1A7C0; padding-top:10px; padding-bottom:10px;}
#area11 #indexschool #sleft #schoolname div.on { background-color:#E13B74; 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 #schoolshow { width:810px; height:410px; margin-top:25px; overflow:hidden;}
#area11 #indexschool #schoolshow #schname { float:left; width:165px; height:410px; overflow:hidden; background-color:#eeeeee;}
#area11 #indexschool #schoolshow #schname #up { width:165px; height:32px; overflow:hidden; background:url(/images/up.png) no-repeat center center; cursor:pointer;}
#area11 #indexschool #schoolshow #schname #down { width:165px; height:32px; overflow:hidden; background:url(/images/down.png) no-repeat center center; cursor:pointer;}
#area11 #indexschool #schoolshow #schname #names { width:165px; height:346px; overflow:hidden;}
#area11 #indexschool #schoolshow #schname #names ul { width:165px;}
#area11 #indexschool #schoolshow #schname #names ul li { width:165px; height:43.25px; overflow:hidden; text-align:left; text-indent:15px; font-size:16px; color:#666; line-height:43.25px; cursor:pointer;}
#area11 #indexschool #schoolshow #schname #names ul li.on { background-color:#E13B74; color:#fff; transition:background-color 0.2s linear;}
#area11 #indexschool #schoolshow  #scimg { float:right; width:640px; height:410px; overflow:hidden; position:relative;}
#area11 #indexschool #schoolshow  #scimg p { display:block; position:absolute; width:600px; 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/mask3.png) repeat left top;}
#area11 #indexschool #schoolshow  #scimg p font { font-size:15px; color:#fff;}
#area11 #indexschool #sright { float:right; width:332px; overflow:hidden; padding-top:85px; border-bottom:1px solid #F4B7CC;}
#area11 #indexschool #sright #input_place { width:332px; overflow:hidden; margin-top:0px;}
#area11 #indexschool #sright #input_place #writes { width:332px; height:410px; border:0px; overflow:hidden; background:url(../images/bg10.jpg) no-repeat right bottom;}
#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:#fff; background-color:#E13B74; font-size:15px; text-decoration:none;}
#area11 #indexschool #sright #input_place #writes #selarea div.on { color:#fff; background-color:#A12A53;}
#area11 #indexschool #sright #input_place #writes #sel { width:330px; margin-top:0px; position:relative; border:1px solid #F4B7CC; 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:20px;}
#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 #F4B7CC; margin-top:3px; background:url();}
#area11 #indexschool #sright #input_place #writes #sel #write #inputarea #rinput select.select1 { width:200px; border:1px solid #F4B7CC; margin-top:3px; 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:#E13B74; 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:#A12A53; font-size:18px; border:0px; cursor:pointer;}

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