@charset "utf-8";
#banner1{
	display:block;
	width:700px;
	height:380px;
}
#banner2{
	display:block;
	width:700px;
	height:300px;
}
#test{
	margin:60px 0 0;
	height:150px;
	background:url(../images/test_bg.jpg) no-repeat center -640px;
	background-size:100% auto;
}
#test .inner{
	width:100%;
	height:100%;
	background:rgba(41,117,197,.9);
}
#test .inner .centerBox{
	padding:55px 0 0;
}
#testList li{
	display:inline-block;
	margin:0 5px;
	width:130px;
	height:36px;
	text-align:center;
	border:2px solid transparent;
}
#testList li.active{
	border-color:#fff;
}
#testList .item{
	position:relative;
	line-height:36px;
	color:#fff;
	font-size:14px;
}
#testList .item:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:5px;
	left:-12px;
	width:7px;
	height:7px;
	border-radius:100%;
	background:#fff;
}
#pastStudent{
	position:relative;
	height:570px;
	background:url(../images/banner2_bg.jpg) no-repeat center;
	background-size:100% 570px;
}
#pastStudent .inner{
	width:100%;
	height:100%;
	background:rgba(41,117,197,.9);
}
#pastStudent .centerBox{
	padding-top:50px;
}
.classBox{
	padding:50px 0 50px;
}
.classBox .item{
	display:inline-block;
	margin:0 20px;
	padding:30px 0;
	width:200px;
	height:60px;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	color:#fff;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
}
.classBox .item:hover{
	text-decoration:underline;
}
#class1{
	background-image:url(../images/class1.jpg);
}
#class2{
	background-image:url(../images/class2.jpg);
}
#class3{
	background-image:url(../images/class3.jpg);
}
#class4{
	background-image:url(../images/class4.jpg);
}
#class5{
	background-image:url(../images/class5.jpg);
}