@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:#E13B74;}

#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:#7892C9;}
#area1 #info { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px; margin-bottom:0px;}
#area1 #info #words { float:left; width:585px; text-align:left; font-size:16px; color:#7D7D7D; line-height:35px; margin-left:0px; padding-top:40px; text-align:justify;}
#area1 #info #words a { font-size:17px; color:#7D7D7D; line-height:45px}
#area1 #info #words a:hover { color:#E13B74;}
#area1 #info #words * { font-size:17px; line-height:45px;}
#area1 #info #video { float:right; width:555px; text-align:center;}

#area2 { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area2 ul { width:1400px;}
#area2 ul li { float:left; width:206px; text-align:center; margin-right:42px;}
#area2 ul li #img { width:206px; text-align:center; overflow:hidden;}
#area2 ul li #name { width:206px; text-align:center; overflow:hidden; position:relative; margin-top:-30px; z-index:99;}
#area2 ul li #name p { display:block; margin:0 auto; width:100px; height:40px; text-align:center; font-size:24px; font-weight:bold; color:#fff; line-height:37px; background-color:#7892C9; border-radius:20px;}
#area2 ul li #notes { width:206px; text-align:center; overflow:hidden; margin-top:20px; font-size:18px; line-height:30px; color:#393939;}

#area3 { margin:0 auto; width:100%; max-width:1900px; overflow:hidden; margin-top:0px;}
#area3 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#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:150px; border-top:1px solid #ccc; margin-top:13px;}
#area3 #title #enword #rline { float:right; width:150px; border-top:1px solid #ccc; margin-top:13px;}
#area3 #title #enword #name { float:left; width:220px; text-align:center; font-size:16px; color:#B0AFAF;} 
#area3 #showarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area3 #showarea #show { float:left; width:1200px; overflow:hidden; margin-bottom:40px;}
#area3 #showarea #show #stitle { width:1200px; overflow:hidden;}
#area3 #showarea #show #stitle p { display:block; width:auto; text-align:center; float:left; border-left:5px solid #7892C9; font-size:20px; color:#7892C9; line-height:21px; font-weight:bold; padding-left:15px;}
#area3 #showarea #show #infos { width:1200px; overflow:hidden; margin-top:40px;}
#area3 #showarea #show #infos #limg { float:left; width:230px; text-align:left;}
#area3 #showarea #show #infos #rinfo { float:left; width:970px; text-align:left; font-size:15px; color:#606060;}
#area3 #showarea table { background-color:#BFBFBF;}
#area3 #showarea table tr #th { background-color:#7892C9; text-align:center; font-size:20px; color:#fff; padding-top:15px; padding-bottom:15px;}
#area3 #showarea table tr td { background-color:#ECF0F7; text-align:center; font-size:18px; color:#717171; line-height:30px; padding-top:25px; padding-bottom:25px;}
#area3 #zxbt { margin:0 auto; width:1200px; overflow:hidden; text-align:center; margin-top:50px;}
#area3 #zxbt a { display:block; margin:0 auto; width:215px; height:60px; text-align:center; color:#fff; background-color:#FF9000; line-height:60px; font-size:21px; border-radius:10px;}
#area3 #zxbt a:hover { background-color:#F28901;}

#area4 { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area4 #title { margin:0 auto; width:500px; overflow:hidden; margin-top:0px;}
#area4 #title #cnword { width:500px; overflow:hidden; text-align:center; font-size:28px; line-height:35px; color:#2E2E2E; margin-top:0px;}
#area4 #title #enword { width:500px; overflow:hidden; text-align:center; margin-top:10px;}
#area4 #title #enword #lline { float:left; width:170px; border-top:1px solid #CDCDCD; margin-top:10px;}
#area4 #title #enword #rline { float:right; width:170px; border-top:1px solid #CDCDCD; margin-top:10px;}
#area4 #title #enword #word { float:left; width:160px; text-align:center; font-size:16px; line-height:20px; color:#B0AFAF;} 
#area4 #showarea { margin:0 auto; width:1100px; height:594px; position:relative; overflow:hidden; margin-top:70px; background:url(../images/bg1.jpg) no-repeat center top;}
#area4 #showarea #w1 { position:absolute; width:255px; left:210px; top:20px; text-align:right; overflow:hidden;}
#area4 #showarea #w1 #bw { width:255px; text-align:right; font-size:24px; color:#000;}
#area4 #showarea #w1 #sw { width:255px; text-align:right; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #showarea #w2 { position:absolute; width:255px; left:5px; top:145px; text-align:right; overflow:hidden;}
#area4 #showarea #w2 #bw { width:255px; text-align:right; font-size:24px; color:#000;}
#area4 #showarea #w2 #sw { width:255px; text-align:right; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #showarea #w3 { position:absolute; width:255px; left:5px; top:353px; text-align:right; overflow:hidden;}
#area4 #showarea #w3 #bw { width:255px; text-align:right; font-size:24px; color:#000;}
#area4 #showarea #w3 #sw { width:255px; text-align:right; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #showarea #w4 { position:absolute; width:255px; right:5px; top:150px; text-align:left; overflow:hidden;}
#area4 #showarea #w4 #bw { width:255px; text-align:left; font-size:24px; color:#000;}
#area4 #showarea #w4 #sw { width:255px; text-align:left; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #showarea #w5 { position:absolute; width:255px; right:5px; top:345px; text-align:left; overflow:hidden;}
#area4 #showarea #w5 #bw { width:255px; text-align:left; font-size:24px; color:#000;}
#area4 #showarea #w5 #sw { width:255px; text-align:left; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #showarea #w6 { position:absolute; width:245px; right:205px; top:505px; text-align:left; overflow:hidden;}
#area4 #showarea #w6 #bw { width:245px; text-align:left; font-size:24px; color:#000;}
#area4 #showarea #w6 #sw { width:245px; text-align:left; font-size:16px; color:#737373; line-height:30px; margin-top:5px;}
#area4 #zxbt { margin:0 auto; width:1200px; overflow:hidden; text-align:center; margin-top:60px;}
#area4 #zxbt a { display:block; margin:0 auto; width:215px; height:60px; text-align:center; color:#fff; background-color:#FF9000; line-height:60px; font-size:21px; border-radius:10px;}
#area4 #zxbt a:hover { background-color:#F28901;}

#area5 { margin:0 auto; width:1200px; max-width:1900px; overflow:hidden; margin-top:0px; padding-bottom:0px;}
#area5 #title { margin:0 auto; width:500px; overflow:hidden; margin-top:60px;}
#area5 #title #cnword { width:500px; overflow:hidden; text-align:center; font-size:28px; line-height:35px; color:#2E2E2E; margin-top:0px;}
#area5 #title #enword { width:500px; overflow:hidden; text-align:center; margin-top:10px;}
#area5 #title #enword #lline { float:left; width:150px; border-top:1px solid #AFAFAF; margin-top:10px;}
#area5 #title #enword #rline { float:right; width:150px; border-top:1px solid #AFAFAF; margin-top:10px;}
#area5 #title #enword #word { float:left; width:200px; text-align:center; font-size:16px; line-height:20px; color:#8B8B8B;} 
#area5 #showarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area5 #showarea ul { width:1400px;}
#area5 #showarea ul li { float:left; overflow:hidden; width:278px; height:335px; margin-right:29px; background:url(../images/ibg.png) no-repeat center top;}
#area5 #showarea ul li #bname { width:278px; text-align:center; margin-top:35px; font-size:20px; color:#fff; line-height:28px;}
#area5 #showarea ul li #notes { margin:0 auto; width:230px; text-align:left; margin-top:60px; font-size:16px; color:#818181; line-height:30px;} 

#area6 { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px !important; padding-bottom:20px;}
#area6 #title { margin:0 auto; width:500px; overflow:hidden; margin-top:0px;}
#area6 #title #cnword { width:500px; overflow:hidden; text-align:center; font-size:28px; line-height:35px; color:#2E2E2E; margin-top:0px;}
#area6 #title #enword { width:500px; overflow:hidden; text-align:center; margin-top:10px;}
#area6 #title #enword #lline { float:left; width:150px; border-top:1px solid #AFAFAF; margin-top:10px;}
#area6 #title #enword #rline { float:right; width:150px; border-top:1px solid #AFAFAF; margin-top:10px;}
#area6 #title #enword #word { float:left; width:200px; text-align:center; font-size:16px; line-height:20px; color:#8B8B8B;} 
#area6 #showarea1 { margin:0 auto; width:1200px; overflow:hidden; margin-top:80px; background:url(../images/bg3.jpg) no-repeat right top;}
#area6 #showarea1 #linfo { float:left; width:665px; overflow:hidden; text-align:left; font-size:16px; color:#949494; line-height:30px;}
#area6 #showarea1 #linfo p { display:block; width:auto; text-align:center; background-color:#7892C9; border-radius:20px; font-size:24px; color:#fff; line-height:50px;}
#area6 #showarea2 { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area6 #showarea2 #show1 { width:1200px; overflow:hidden; margin-bottom:50px;}
#area6 #showarea2 #show1 #limg { float:left; width:345px; text-align:left;}
#area6 #showarea2 #show1 #limg img { margin-top:25px;}
#area6 #showarea2 #show1 #rinfo { float:left; width:855px; text-align:left; overflow:hidden;}
#area6 #showarea2 #show1 #rinfo #num { float:left; width:100px; text-align:left;}
#area6 #showarea2 #show1 #rinfo #notes { float:left; width:755px; overflow:hidden; padding-top:25px; font-size:16px; color:#8D8D8D; line-height:30px;}
#area6 #showarea2 #show1 #rinfo #notes span { font-weight:bold; color:#7892C9; font-size:22px; font-weight:bold; line-height:40px;}
#area6 #showarea2 #show2 { width:1200px; overflow:hidden; margin-bottom:50px;}
#area6 #showarea2 #show2 #linfo { float:left; width:840px; text-align:left; overflow:hidden;}
#area6 #showarea2 #show2 #linfo #num { float:left; width:100px; text-align:center;}
#area6 #showarea2 #show2 #linfo #notes { float:left; width:730px; overflow:hidden; padding-top:25px; font-size:16px; color:#8D8D8D; line-height:30px;}
#area6 #showarea2 #show2 #linfo #notes span { font-weight:bold; color:#7892C9; font-size:22px; font-weight:bold; line-height:40px;}
#area6 #showarea2 #show2 #rimg { float:left; width:360px; text-align:right;}
#area6 #zxbt { margin:0 auto; width:1200px; overflow:hidden; text-align:center; margin-top:5px;}
#area6 #zxbt a { display:block; margin:0 auto; width:270px; height:60px; text-align:center; color:#fff; background-color:#FF9000; line-height:60px; font-size:21px; border-radius:10px;}
#area6 #zxbt a:hover { background-color:#F28901;}

#area7 { margin:0 auto; width:100%; overflow:hidden; margin-top:0px;}
#area7 #title { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area7 #title #cnword { width:1200px; overflow:hidden; text-align:center;}
#area7 #title #cnword #lline { float:left; width:480px; border-top:1px solid #ccc; margin-top:20px;}
#area7 #title #cnword #rline { float:right; width:480px; border-top:1px solid #ccc; margin-top:20px;}
#area7 #title #cnword #word { float:left; width:240px; text-align:center; font-size:30px; line-height:36px; color:#020202;} 
#area7 #title #enword { width:1200px; overflow:hidden; text-align:center; font-size:16px; color:#B0AFAF; margin-top:10px;}
#area7 #ssarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:70px;}
#area7 #ssarea #imgs { margin:0 auto; width:1200px; overflow:hidden;}
#area7 #ssarea #imgs ul { width:1500px;}
#area7 #ssarea #imgs ul li { float:left; width:345px; overflow:hidden; text-align:center; margin-right:85px;}
#area7 #ssarea #imgs ul li a { font-size:16px; color:#919191;}
#area7 #ssarea #imgs ul li img { margin-bottom:10px;}
#area7 #zixun { margin:0 auto; width:1200px; overflow:hidden; text-align:center; padding-top:50px;}
#area7 #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;}
#area7 #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:430px; border-top:1px solid #ccc; margin-top:20px;}
#area11 #btitle #cnword #rline { float:right; width:430px; border-top:1px solid #ccc; margin-top:20px;}
#area11 #btitle #cnword #word { float:left; width:340px; 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;}