﻿@charset "utf-8";
/* CSS Document */
body {
	background-color:#0076a6;
	color:#fff;
}
.mainOuter {
	background:url(../images/bg_top.jpg) no-repeat center top;
	min-height:616px;
	_height:616px;
}
.mainInner {
	background:url(../images/banner_people.png) no-repeat center 20px;
	min-height:523px;
	_height:523px;
}
.topLine {
	background:url(../images/topLine_bg.png) repeat-x 0 0;
	width:100%;
	height:33px;
}
.topLine .main {
	background:url(../images/icon01.png) no-repeat 10px 4px;
	padding-left:38px;
	line-height:30px;
	height:33px;
	overflow:hidden;
	color:#f00;
}
.logo {
	background:url(../images/logo.png) no-repeat 0 0;
	float:left;
	width:364px;
	height:99px;
	overflow:hidden;
	margin-left:38px;
}
.fav {
	background:url(../images/fav_bg.png) no-repeat 0 0;
	float:right;
	width:138px;
	height:30px;
	overflow:hidden;
	margin-right:10px;
	padding-left:10px;
	padding-right:6px;
}
.fav a {
	display:block;
	width:69px;
	height:30px;
	line-height:29px;
	line-height:32px\9;
	text-align:center;
	color:#fff;
	float:left;
}
.fav a:hover {
	color:#fcff00;
}
.joinUs {
	display:block;
	width:223px;
	height:46px;
	float:right;
	margin-top:225px;
	margin-right:81px;
}
.topNav {
	background:url(../images/topNav_bg.png) no-repeat 0 0;
	width:990px;
	height:37px;
	/*overflow:hidden;*/
	margin:86px auto 0 auto;
	position:relative;
	_position:static;
	_z-index:2;
}
.hotLine {
	display:block;
	width:240px;
	height:29px;
	overflow:hidden;
	margin-left:25px;
	margin-top:4px;
	float:left;
}
.topMenu {
	float:left;
	margin-left:168px;
}
.topMenu a {
	float:left;
	width:71px;
	height:29px;
	margin-right:1px;
	line-height:29px;
	line-height:30px\9;
	*line-height:29px;
	_line-height:30px;
	text-align:center;
	/*background:#ccc;*/
	margin-top:4px;
	color:#fff;
}
.topMenu a.hot, .topMenu a:hover {
	background:url(../images/topMenuHot.png) no-repeat 0 0;
	color:#000;
}
.banner {
	float:left;
	width:725px;
	height:315px;
	border:1px solid #fff;
	margin-left:11px;
	margin-top:3px;
	overflow:hidden;
}
.bannerInner {
	border:5px solid #000;
	width:715px;
	height:305px;
}
.aboutUs {
	float:left;
	width:228px;
	height:317px;
	overflow:hidden;
	/*background-color:#999;*/
	margin-top:3px;
	margin-left:20px;
	background:url(../images/aboutUs_title.png) no-repeat 0 0;
}
.aboutUs p {
	margin-top:104px;
	line-height:22px;
}
.aboutUs p a {
	padding-left:5px;
}
.joinBox {
	margin-top:11px;}
.joinBox h4 {
	background-color:#000;
	text-align:center;
	height:20px;
}
.joinBox .content {
	line-height:20px;
	background-color:#235d75;
	padding:0 5px;
}
.joinBox .content a {
	position:relative;
	color:#fcff00;
	padding-left:15px;
}
.joinBox .content a:hover {
	color:#fff;
}
.joinBox .content a span {
	font-size:24px;
	position:absolute;
	top:-2px;
	left:0px;
}
.contenter {
	padding-top:25px;
	padding-left:20px;
}
.contenterLeft {
	float:left;
	width:224px;
	overflow:hidden;
}
.leftBox {
	margin-bottom:24px;
}
.leftBoxUnderLine {
	background:url(../images/title_underLine.png) repeat-x 0 bottom;
	width:100%;
	height:26px;
}
.leftBoxTitle {
	background:url(../images/title_all.png) no-repeat 0 0;
	overflow:hidden;
	height:21px;
	width:166px;
	margin-left:5px;
}
.leftNews li {
	background:url(../images/icon02.png) no-repeat left 5px;
	padding-left:10px;
	margin-top:3px;
}
.leftNews li span {
	display:block;
	font-size:10px;
	color:#c8c8c8;
}
.leftNews li a {
	color:#fff;
	line-height:20px;
}
.leftNews li a:hover {
	color:#fcff00;
}
.indexMore {
	display:block;
	background:url(../images/more_bg.png) no-repeat 0 0;
	width:88px;
	height:25px;
	line-height:27px;
	*line-height:25px;
	text-align:center;
}
.leftMore {
	float:right;
	margin-top:3px;
}
.teacherBox {
	background-position:0 -42px;
}
.leftTeacher {
	margin-top:8px;
}
.leftTeacher li {
	margin-top:10px;
}
.indexTeacherSpic {
	float:left;
	background:url(../images/indexPic2_bg.png) no-repeat 0 0;
	padding:6px;
	overflow:hidden;
	width:56px;
	height:56px;
	overflow:hidden;
}
.indexTeacherSpic a {
	display:block;
	width:56px;
	height:56px;
	overflow:hidden;
}
.indexTeacherSpic a img {
	width:56px;
}
.teacherDes {
	float:left;
	margin-left:5px;
	background:url(../images/icon02.png) no-repeat left 7px;
	padding-left:8px;
	width:140px;
}
.teacherDes h4 {
	color:#fcff00;
}
.teacherDes span {
	color:#c8c8c8;
}
.leftTeacher li .teacherDes a {
	background:none;
	float:none;
	padding:0;
	display:inline;
	color:#fff;
}
.leftTeacher li .teacherDes a:hover {
	color:#fcff00;
}
.contenterRight {
	float:left;
	width:714px;
	overflow:hidden;
	margin-left:28px;
}
.studentBox {
	background-position:0 -21px;
}
.rightMore {
	float:right;
}
.studentContent {
	margin-top:8px;
}
.studentContent a {
	float:left;
	background:url(../images/indexPic_bg.png) no-repeat 0 0;
	width:204px;
	height:153px;
	overflow:hidden;
	padding-left:6px;
	padding-top:5px;
	margin:0 10px;
}
.studentContent a img {
	width:196px;
	height:144px;
}
.teacherVideo {
	margin-top:28px;
	width:435px;
	float:left;
}
.videoBox {
	background-position:0 -63px;
}
.videoContent {
	margin-top:15px;
}
.videoContent a img {
	border:1px solid #fff;
	width:138px;
	height:104px;
}
.videoContent a {
	background:url(../images/indexVideo_bg.png) no-repeat 0 bottom;
	height:120px;
	width:140px;
	overflow:hidden;
	margin-right:3px;
	margin-left:2px;
	float:left;
}
.teacherVideo p {
	margin-top:10px;
	*margin-top:0;
	line-height:20px;
}
.teacherVideo p a {
	padding-left:5px;
}
.contactUs {
	float:left;
	margin-top:28px;
	margin-left:23px;
	width:252px;
}
.contactBox {
	background-position:0 -84px;
}
.contactUsContent {
	margin-top:15px;
}
.contactUsContent .telPic {
	display:block;
	width:197px;
	height:34px;
	background:url(../images/tel_bg.png) no-repeat 0 0;
	line-height:34px;
	color:#fff;
	padding-left:50px;
}
.contactUsContent .telPic:hover {
	color:#fcff00;
}
.contactUsContent p {
	margin-top:5px;
}
.mapAndMessage {
	background:url(../images/map_message.png) no-repeat 0 0;
	width:246px;
	height:53px;
	margin-top:18px;
}
.mapAndMessage a {
	/*background:#ccc;*/
	float:left;
	height:48px;
	width:109px;
	margin:0 3px;
	margin-top:3px;
}
.mapAndMessage a.message {
	width:125px;
}
.footer {
	background:url(../images/footer_bg.png) no-repeat 0 0;
	width:750px;
	height:150px;
	margin:20px auto 0 auto;
	text-align:center;
	padding:25px 60px 0 100px;
	line-height:22px;
}
.footer a {
	color:#fff;
}
.footer a:hover {
	color:#fcff00;
}
/*topMenuSon-start*/
.topMenuSon {
	position:absolute;
	left:0;
	top:32px;
	width:82px;
	overflow:hidden;
	border-top:1px solid #fff;
	display:none;
}
.topMenuSon li {
	float:left;
	_display:inline;
	width:80px;
	height:24px;
	background-color:#018bff;
	text-align:center;
	line-height:24px;
	overflow:hidden;
	border:1px solid #fff;
	border-top:none;
}
.topMenuSon li a {
	color:#fff;
	display:block;
}
.topMenuSon li a:hover {
	color:#000;
	background-color:#ffff00;
}
ul#son1 {
	left:505px;
	_left:530px;
}
ul#son2 {
	left:577px;
	_left:602px;
}
ul#son3 {
	left:649px;
	_left:674px;
}
ul#son4 {
	left:721px;
	_left:746px;
}
ul#son5 {
	left:793px;
	_left:818px;
}
/*topMenuSon-end*/
