*{
    margin:0px;
    padding:0px;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
    color: #4D4D4D;
}
.special-header{
	z-index: 1000;
}
body{
	background: #F2F2F2;
	min-width: 1115px;
}
#banner{
	width: 100%;
	height: 530px;
	margin-top: 60px;
	background: #3A403E;
}
#banner>.list{
	width: 1115px;
	height: 96px;
	line-height: 96px;
	margin: 0 auto;
	font-size: 18px;
	color: #969696;
}
#banner>.list>p{
	color: #969696;
	display: inline-block;
}
#banner>.list>p>a{
	color: #969696;
}
#banner>.content{
	width: 1115px;
	height: 380px;
	background: #454B49;
	margin: 0 auto;
}
.content>.content_left{
	width: 665px;
	height: 380px;
	float: left;
	text-align: right;
	margin-top: -20px;
}
/*.content>.math{
	background:url("../images/sx.jpg") no-repeat scroll left center;
}
.content>.math{
	background:url("../images/sx.jpg") no-repeat scroll left center;
	background-size: 100%;
}
.content>.math>.first{
	display: block;
	width: 100%;
	font-size: 80px;
	float: right;
	margin-right: 20px;
	margin-top: 120px;
	color: #fff;
}
.content>.math>.second{
	display: block;
	font-size: 30px;
	line-height: 50px;
	float: right;
	margin-right: 20px;
	color: #fff;
}*/
.content>.english{
	background:url("../images/yy.jpg") no-repeat scroll left center;
	background-size: 100%;
}
.content>.english>.first{
	display: block;
	width: 100%;
	font-size: 80px;
	float: right;
	margin-right: 20px;
	margin-top: 120px;
	color: #000;
}
.content>.english>.second{
	display: block;
	font-size: 30px;
	line-height: 50px;
	float: right;
	margin-right: 20px;
	color: #000;
}
.content_right{
	float: left;
	width: 420px;
	padding-left: 30px;
}
.content_right>.title{
	font-size: 30px;
	color: #fff;
	margin-top: 60px;
}
.content_right>.star{
	height: 70px;
	background:url("../images/star.png") no-repeat scroll left center;
}
.content_right>ul{
	display: block;
	width: 420px;
	height: 72px;
	margin-bottom: 20px;
}
.content_right>ul>li{
	display: block;
	width: 210px;
	height: 36px;
	float: left;
	color: #A8AAA9;
	font-size: 16px;
}
.free{
	clear: both;
	display: block;
	color: #A8AAA9;
	font-size: 16px;
	line-height: 50px;
}
.submite{
	height: 33px;
}
.submite>.begin{
	display: inline-block;
	width: 133px;
	height: 33px;
	background: #FC583D;
	color: #fff;
	border: none;
}
.submite>.replay{
	display: inline-block;
	width: 68px;
	height: 33px;
	margin-left: 5px;
	background: #28B28B;
	color: #fff;
	border: none;
}

.main{
	width: 1115px;
	margin: 0 auto;
	margin-top: 22px;
}
.catelog{
	width: 760px;
	height: 750px;
	overflow-y:scroll; 
	background: #fff;
	font-size: 18px;
	margin-right: 10px;
	float: left;
}
.catelog>.title{
	border-bottom: 1px solid #F3F3F3;
	padding-left: 15px;
	height: 50px;
	line-height: 50px;
}
.catelog>ul>li{
	display: block;
	width: 693px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #3C4240;
	border-bottom: 1px solid #F3F3F3;
	padding-left: 50px;
}
.catelog>ul>.active{
	color: #FC5C41;
	background:url("../images/book.png") no-repeat scroll 20px center;
}
.catelog>ul>.active>a{
	color: #FC5C41;
}
.catelog>ul>li>a{
	display: inline-block;
	width: 583px;
}
.catelog>ul>li>span{
	display: inline-block;
	width: 60px;
	height: 50px;
	padding-left: 40px;
	background:url("../images/begin.png") no-repeat scroll left center;
}
.main>.right{
	width: 345px;
	float: left;
}
.teacher{
	width: 315px;
	height: 380px;
	background: #fff;
	font-size: 16px;
	padding: 30px 15px 0px 15px;
	color: #666;
}
.teacher>img{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 146px;
	height: 146px;
}
.teacher>.second{
	text-align: center;
	line-height: 55px;
}
.teacher>.thirth{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}
.recomment{
	width: 345px;
	height: 330px;
	background: #fff;
	margin-top: 10px;
}
.recomment>p{
	font-size: 16px;
	color: #666;
	line-height: 80px;
	margin-left: 10px;
}
.recomment>ul>li{
	display: block;
	float: left;
	width: 170px;
}
.recomment>ul>li>a{
	display: block;
	margin: 0 auto;
	width: 132px;
	height: 75px;
}
.recomment>ul>li>.math{
	background:url("../images/sx.jpg") no-repeat scroll center top;
	background-size: 100%;
}
.recomment>ul>li>a>p{
	display: block;
	float: right;
	margin-right: 10px;
}
.recomment>ul>li>.math>p{
	color: #fff;
}
.recomment>ul>li>a>.first{
	font-size: 19px;
	margin-top: 20px;
}
.recomment>ul>li>a>.second{
	font-size: 8px;
}
.recomment>ul>li>.english{
	background:url("../images/yy.jpg") no-repeat scroll center top;
	background-size: 100%;
}
.recomment>ul>li>div{
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #000;
}
.homepage-footer{
	clear: both;
}


.pagebox{width:60%; height: 50px; padding-bottom:30px; margin: 0 auto;}

.page{ overflow:hidden; clear:both;  padding:20px 0; padding-left: 10px;}
.page a.a1{width:50px;}
.page a{display:inline-block;width:32px;line-height:30px;text-align:center;font-size:14px;color: #1d8fe2;margin-right:5px;border: 1px solid #ddd;}

.page a:hover{ color:#1d8fe2; text-decoration:none; border: 1px solid #1d8fe2;}
.page span{background:#1d8fe2; color:#FFF; display:inline-block;width:32px;line-height:30px; text-align: center;border: 1px solid #1d8fe2; }
.page a.active{border: 1px solid #1d8fe2; color:#1d8fe2;}

.page a.pre{ width: 76px;}

.page a.next{ width: 76px;}