@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:1200px; 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:#F76273;}
#area1 #infoarea { width:1200px; overflow:hidden; margin-top:30px;}
#area1 #infoarea #lword { float:left; width:470px; margin-top:100px; text-align:left; font-size:16px; color:#757575; line-height:30px;}
#area1 #infoarea #rimg { float:right; width:670px; text-align:right;}

#area2 { margin:0 auto; width:1200px; overflow:hidden; margin-top:35px; position:relative;}
#area2 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:0px;}
#area2 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#000;}
#area2 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area2 #title #ennm #lline { float:left; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area2 #title #ennm #rline { float:right; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area2 #title #ennm #word { float:left; width:200px; text-align:center; font-size:15px; color:#939393;} 
#area2 #infoarea { width:1200px; height:430px;  overflow:hidden; background:url(../images/bg1.jpg) no-repeat left bottom; margin-top:0px;}
#area2 #infoarea #wordarea { margin:0 auto;width:1200px; overflow:hidden;}
#area2 #infoarea #wordarea #word { float:right; width:470px; overflow:hidden; margin-top:200px; font-size:16px; color:#757575; line-height:30px; text-align:justify;}

#area3 { margin:0 auto; width:1200px; overflow:hidden; margin-top:0px; position:relative;}
#area3 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:65px;}
#area3 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#000;}
#area3 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area3 #title #ennm #lline { float:left; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area3 #title #ennm #rline { float:right; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area3 #title #ennm #word { float:left; width:200px; text-align:center; font-size:15px; color:#939393;} 
#area3 #infoarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}
#area3 #infoarea ul { width:1300px;}
#area3 #infoarea ul li { float:left; width:226px; height:333px; margin-right:17px; overflow:hidden; background:url(../images/ibg.png) no-repeat center top;}
#area3 #infoarea ul li #number { margin:0 auto; width:226px; overflow:hidden; text-align:center;}
#area3 #infoarea ul li #number img { margin-top:30px;}
#area3 #infoarea ul li #notes { margin:0 auto; width:150px; overflow:hidden; text-align:left; margin-top:50px; font-size:16px; color:#616161; line-height:30px; text-align:justify;}

#area4 { margin:0 auto; width:1200px; overflow:hidden; margin-top:75px; position:relative;}
#area4 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:0px;}
#area4 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#000;}
#area4 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area4 #title #ennm #lline { float:left; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area4 #title #ennm #rline { float:right; width:160px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area4 #title #ennm #word { float:left; width:200px; text-align:center; font-size:15px; color:#939393;} 
#area4 #infoarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:75px;}
#area4 #infoarea #limg { float:left; width:640px; text-align:left;}
#area4 #infoarea #rinfo { float:right; width:560px; margin-top:70px; text-align:left; font-size:16px; color:#737373; line-height:40px;}

#area5 { margin:0 auto; width:1200px; overflow:hidden; margin-top:0px; position:relative;}
#area5 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:65px;}
#area5 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#2E2E2E;}
#area5 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area5 #title #ennm #lline { float:left; width:180px; border-top:1px solid #D1D1D1; margin-top:12px;}
#area5 #title #ennm #rline { float:right; width:180px; border-top:1px solid #D1D1D1; margin-top:12px;}
#area5 #title #ennm #word { float:left; width:160px; text-align:center; font-size:15px; color:#B3B3B3;} 
#area5 #words { margin:0 auto; width:1200px; height:442px; padding-top:40px; margin-top:70px; background:url(../images/bg2.jpg) no-repeat right top; overflow:hidden; text-align:left; font-size:16px; color:#616161; line-height:35px;}

#area6 { margin:0 auto; width:1200px; overflow:hidden; margin-top:0px;}
#area6 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:65px;}
#area6 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#000;}
#area6 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area6 #title #ennm #lline { float:left; width:180px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area6 #title #ennm #rline { float:right; width:180px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area6 #title #ennm #word { float:left; width:160px; text-align:center; font-size:15px; color:#939393;} 
#area6 #infoarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:65px;}

#area7 { margin:0 auto; width:1200px; overflow:hidden; margin-top:65px; position:relative; margin-bottom:100px;}
#area7 #title { margin:0 auto; width:520px; overflow:hidden; margin-top:0px;}
#area7 #title #bignm { width:520px; overflow:hidden; text-align:center; font-size:28px; line-height:36px; color:#000;}
#area7 #title #ennm { width:520px; overflow:hidden; text-align:center; margin-top:15px;}
#area7 #title #ennm #lline { float:left; width:180px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area7 #title #ennm #rline { float:right; width:180px; border-top:1px solid #D7D7D7; margin-top:12px;}
#area7 #title #ennm #word { float:left; width:160px; text-align:center; font-size:15px; color:#939393;} 
#area7 #infoarea { margin:0 auto; width:1200px; overflow:hidden; margin-top:60px;}

#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:#E13B74; 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 a p { display:none; position:absolute; width:280px; height:180px; background:url(/images/mask1.png) no-repeat left top; left:0px; top:0px;}
#reccase #sarea ul li:hover a p { display:block;}
#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:#E13B74;}