@charset "utf-8";
/* CSS 课程部分通用 */
.f-l{float: left}.f-r{float: right}.p-r{ position:relative}.p-a{ position:absolute}

/*******课程分类*******/
.main-02-bg{background: #EBEEF1;}
.main{width:100%;}
.main-02{padding-top: 10px;}

/**课程切换**/
/*******课程导航分类*******/
.pr{position: relative;}
.c-999{color: #999;}
.main-02 .pr .a-cc-more{position: absolute;top: 15px;right: 118px;}
.main-02 .pr .a-cc-more a:hover{color: #004E9C;}
.main-02 .pr .choose-title{width: 328px;margin-left: 125px;margin-bottom: 20px;text-align: left;border-bottom: 1px solid #d2d2d2;height: 44px;}
.main-02 .pr .choose-title a{
	font-size: 20px;
	color: #666;
	padding: 0 8px;
	display: inline-block;
	line-height: 44px;
	border-bottom: 1px solid transparent;
	transition: 0.3s;
    -moz-transition:0.3;
	-webkit-transition: 0.3s;
	text-decoration: none;
	margin-right: 10px;
}
.main-02 .pr .choose-title a:hover{color: #004E9C;border-bottom: 1px solid #004E9C;border-color: #004E9C;}
.main-02 .pr .choose-title a.on{color: #004E9C;border-color: #004E9C;}


/*****主页课程********/
/*课程列表*/
.main-02 ul{
	display: block;
	width: 1184px;
	margin:0 auto;
}
.main-02 .li-course{
	background: #fbfbfb;
    box-shadow: 6px 6px 0 rgba(0,0,0,.06);
    border-bottom: 1px solid #e2e2e2;
    float: left;
    position: relative;
    margin: 0 40px 40px 0;
    width: 250px;
    transition: 1s;
    -moz-transition:1s;
    -webkit-transition:1s;
}
.main-02 .li-course{
	background: #fff;
    box-shadow: none;
    border: none;
    margin: 0 0 40px 40px;
    /*box-shadow: 5px 5px 0 rgba(0,0,0,.06);*/
}
.main-02 .li-course:hover {box-shadow: 0 0 20px rgba(0,0,0,0.35);}
.main-02 .li-course .thumb {
	display: block;
    height: 155px;
    width: 250px;
    overflow: hidden;
}
.main-02 .li-course .thumb img{
	display: block;
    height: 155px;
    width: 250px;
    overflow: hidden;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.main-02 .li-course:hover .thumb img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
.main-02 .li-course .course-info{padding: 10px 15px 15px 15px;font-size: 14px;}
.main-02 .li-course .course-info .title{height: 30px;color: #333;}
.main-02 .li-course:hover .course-info .title{color: #4C8BD5;}
.main-02 .li-course .course-info .school{height: 30px;font-size: 12px;color: #999;padding-top: 5px;}
.main-02 .li-course .course-info .number{height: 30px;line-height: 30px;}
.main-02 .li-course .course-info .number .price{color: #f00;}