* {
    padding: 0;
    margin: 0;
}
html{
	min-width: 1170px;
}
body {
	font-size: 14px;
	color:#4d4d4d;
	font-family:"Microsoft YaHei",微软雅黑;
	min-width: 1170px;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

li {
    list-style: none;
}

input, button {
    outline: 0;
}

.clear {
    clear: both;
}

/* head*/
.top-head {

    position: fixed;
    background-color: #f5f5f5;
	min-width: max-content;
	min-width: -moz-max-content;
	z-index: 9999;
	top: 0;
	width: 100%;
	box-shadow: 0 4px 8px 0
	rgba(7,17,27,.1);
	border-bottom: 1px solid #e5e5e5;
}



.m-top{
	margin-top: 120px;
}

.head-wrap,.flexslider,.h-content,.content-course-nav,.content-main-wrap,.content-course-wrap,.content-school-wrap,.level-main-wrap{
	width: 1170px;
	margin: 0 auto;
}
.head-wrap::after,.h-nav-left::after,.h-nav-right::after,.hz-main-school::after,.web-info::after,
.h-content-course::after,.h-content-published::after,.h-content-school::after,.content-course-nav::after,
.content-main-wrap::after,.right-course-main::after,.school-list::after,.sp-list::after,.hz-main-course::after,
.level-main-wrap::after,.level-one::after,.level-second::after,.level-thrid::after,.special-list::after{
	display: block;
	content: '';
	clear: both;
}

.h-logo{
	float: left;
	padding-bottom: 15px;
}
.h-logo img{
	height: 60px;
	width: 220px;
}
.h-nav{
	height: 45px;
	padding: 20px 0 15px;
	float: left;
	width: 950px;
}
.h-nav-left{
	float: left;
}
.h-nav-list,.h-nav-item,.content-nav-list,.content-nav-item{
	float: left;
}
.h-nav-list{
	width: 450px;
}

.h-nav-item{
	padding-bottom: 7px;
	margin: 10px 15px;
	color: #222222;
}
.h-nav-item:hover,.content-nav-item:hover,.h-nav-item a:hover{
	cursor: pointer;
	color: #000 !important;
}
.h-nav-list .active{
	color: #238BB1;
	border-bottom: 3px solid #238BB1;
}

.h-nav-list .active a{
	color: #238BB1 !important;
}

.h-nav-right{
	float: right;
	padding-top: 1px;
}
.h-course-school-search{
	width: 135px;
    height: 20px;
 	color: #989898;
 	background-color: #fcfcfc;
 	border:1px solid #ebebeb;
 	text-align: left;
 	margin: 5px 3px 3px 3px;
 	padding: 3px 25px 3px 10px;
 	border-radius: 2px;
}

.h-course-school-search::-webkit-input-placeholder{
    color:#666666;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666666;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666666;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#666666;
}
.h-search-wp{
	position: relative;
	float: left;
}
.h-search-wp .search-img {
    position: absolute;
    right: 8px;
    width: 17px;
    margin: -31px -5px;
    padding: 5px;
}

.h-search-wp .search-img img{
	width: 15px;
}

.op-right{
	float: right;
	position: relative;
}

.erwm-area{
	float: left;
}
.erwm-area:hover .erwm-img{
	display: block;
}
.erwm-img{
	position: absolute;
	display: none;
	right: 40px;
}
.erwm-img img{
	width: 180px;
	height: 180px;
}

.op-right .erwm-area .op-right-phone{
	cursor: pointer;
	height: 25px;
	padding: 4px;
	margin:2px 10px 0 10px;
}

.op-list span{
	line-height: 18px;
}
.op-list .op-right-user{
	float: left;
	padding: 4px 0 4px 4px;
	width: 12px;
	height: 12px;
}
.op-list{
	float: right;
	color: #7F7F7F;
	height: 33px;
	margin-left: 10px;
	padding-top: 9px;
}
.op-list .op-line{
	margin: 0 3px;
	color: #D3D2D2;
}
.op-list .op-dl,.op-list .op-zc{
	font-size: 12px;
	color: #7F7F7F;
	padding: 5px 3px;;
}

.banner-slider{
	margin-top: 80px;
	/*background-color: #0b54df;*/
}

/* 轮播 */
.flexslider { position: relative;height: 350px;overflow: hidden;zoom: 1; z-index:1;}
.flexslider .slides li { width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 10px 0;display: block;background: url(/images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(/images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 1170px;height: 350px;display: block;}

.h-content-title{
	height: 30px;
	line-height: 30px;
	padding: 20px 0;
}

.h-content-title .title-name{
	font-size: 20px;
	font-weight: 600;
	float: left;
}

.h-content-title .to-show{
	float: right;
	color: #999999;
}
.to-show a{
	color: #999999;
}
.course-item {
    width: 254px;
    height: 275px;
    position: relative;
    text-align: center;
    float: left;
    padding: 15px 10px;
    background: white;
	border: 1px solid #F2EFEF;
	margin: 0 39px 30px 12px;
    white-space: nowrap;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.course-item:hover{
	box-shadow: 0px 4px 8px #0000001f;
	cursor: pointer;
}
.course-item:nth-child(4n+1){
	margin-left: 0;
}
.course-item:nth-child(4n+4){
	margin-right: 0;
}

.course-img,.course-item .course-img img{
	width: 220px;
	height: 126px;
	margin: 0 auto 5px;
}
.course-item .cbicon{
	position: absolute;
	right: -15px;
	top: 25px;
	width: 80px;
}
.course-item .fcicon{
	position: absolute;
	right: -10px;
	top: 93px;
	width: 80px;
}

.course-item .course-title{
	height: 40px;
	padding: 5px;
	line-height: 25px;
	font-size: 14px;
	color: #333333;
	text-align: left;
	word-wrap: break-word;
	word-break:break-all;
	overflow: hidden;
	white-space: normal;
}

.course-item .course-tea{
	padding: 8px 0;
	height: 20px;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
	color: #666666;
	font-size: 13px;
}
.course-item .course-tea span{
	padding: 2px 5px;
}

.course-item .course-depart {
    text-align: left;
    color: #666666;
    padding: 10px 5px;
    font-size: 12px;
    line-height: 12px;
}

.learnCount {
	position: absolute;
	right: 15px;
	bottom: 15px;
	height: 18px;
	font-size: 12px;
	color: #888;
	box-sizing: border-box;
}

.learnCount img{
	width: 15px;
}

.learnCount div{
	float: right;
	height: 15px;
	margin-left: 5px;
	line-height: 15px;
}


.h-content-special{
	background-color: #f9f9f9;
	min-width: max-content;
	min-width: -moz-max-content;
}

.hz-main-special::after{
	display: block;
	content: '';
	clear: both;
}

.special-list{
	position: relative;
}
.special-list .special-item{
	top:0;
	left: 0;
	position: relative;
	float: left;
	width: 343px;
	height: 232px;
	padding: 10px 10px 0 10px;
	margin: 0 20px 30px 20px;
	background-color: white;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	
}

.special-item-wrap{
	position: absolute;
}

.special-img{
	position: relative;
	width: 343px;
	height: 190px;
}

.imgup,.imgmid,.imgdown{
	position: absolute;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.special-list .special-item:hover{
	cursor: pointer;
	top: -5px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	
}

.special-item:hover .special-title{
	color: #238BB1;
	
}


.special-item:first-child{
	margin-left: 0;
}
.special-item:last-child{
	margin-right: 0;
}

.special-title{
	text-align: center;
	padding: 12px;
	line-height: 14px;
	color: #333333;
	font-weight: 600;
}

.course-edulevel{
	width: 1170px;
    margin: 0 auto 20px;
}

.course-edulevel::after{
	display: block;
	content: '';
	clear: both;
}
.course-edulevel-wrap{
	float: left;
	width: 1130px;
	
}

.course-edulevel-list{
	display: block;
	text-align: center;
	list-style: none;
	margin: 0 auto;
	height: 50px;
	white-space: nowrap;
	overflow: hidden;

}

.course-edulevel-list li {
    float: left;
    margin: 12px 3px;
    padding: 3px 14px;
    font-size: 16px;
    color: #666666;
    border: 1px solid white;
	cursor: pointer;
}

.course-edulevel-list li:hover{
	color: #629bb3;
	background: #e5f8fe;
	border-radius:15px;
	border: 1px solid #629bb3;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.course-edulevel-list .active{
	color: #629bb3;
	background: #e5f8fe;
	border-radius:15px;
	border: 1px solid #629bb3;
}

.pre-img ,.next-img{
	float: left;
	padding: 15px 0;
	width: 20px;
}

.pre-img{
	text-align: right;
}

.next-img{
	text-align: left;	
}

.pre-img .left-img{
	margin-right:10px;
	margin-top: 2px;
}
.next-img .right-img{
	margin-left:10px;
	margin-top: 2px;
}

.h-content-school{
	background-color: #f8fdff;
	min-width: max-content;
	min-width: -moz-max-content;
}


.hz-main-school{
	position: relative;
	width: 1090px;
	margin: 0 auto;
	padding: 0px 40px 30px 40px;
}
.hz-main-school .h-d-title {
    height: 70px;
    line-height: 36px;
    text-align: center;
}

.h-d-title .line{
	display:inline-block;
    width:428px;
    border-top:2px solid #e9f0f2;
    vertical-align:5px;  
}

.h-d-title .text{
	padding: 5px 20px;
	font-size: 26px;
	color: #fc7f33;
}

.school-item {
    width: 171px;
	height: 140px;
    text-align: center;
    float: left;
    padding: 10px 5px;
    white-space: nowrap;
}
.school-item img{
	height: 96px;
	width: 96px;
}

.school-item div{
	margin: 10px 0;
}
.pre-sc-img ,.next-sc-img{
	position: absolute;
	padding: 15px 0;
	width: 40px;
	margin: 100px 0;
}

.pre-sc-img{
	left: 0;
}

.next-sc-img{
	right: 0;	
}

.pre-sc-img .left-sc-img{
	margin-right:20px;
	margin-top: 2px;
}
.next-sc-img .right-sc-img{
	margin-left:20px;
	margin-top: 2px;
}

.web-info{
	background-color: #373737;
	min-width: max-content;
	min-width: -moz-max-content;
	text-align: center;
	color: #8a8a8a;
	padding: 15px;
	line-height: 14px;
}

.web-info span{
	margin: 2px;
	cursor: pointer;
}
.h-footer {
    background: #414141;
	min-width: max-content;
	min-width: -moz-max-content;
    color: #8a8a8a;
    text-align: center;
    padding: 40px 0;
}

/*全部课程*/
.content-course-nav{
	padding-top: 35px;
	border-bottom: 1px solid #EBEBEB;
}
.content-nav-list .content-nav-item{
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 20px 15px 20px;
	margin-right: 20px;
	color: #222222;
}
.content-nav-list .active,.content-nav-item:hover{
	color: #238BB1;
	border-bottom: 1px solid #238BB1;
}
.content-main{
	margin: 80px 0;
	min-height: 300px;
}

.content-main-wrap{
	padding-top: 45px;
}

.level-all {
    padding: 5px 0;
    border-bottom: 1px solid #EAEAEA;
}

.level-one-left,.level-one-right,.level-one-list,.level-one-title,
.level-second-left,.level-second-right,.level-second-list,.level-second-title,
.level-thrid-left,.level-thrid-right,.level-thrid-list,.level-thrid-title{
	float: left;
}

.level-all > .active{
	display: block;
	border-top: 1px dashed #E0E0E0;
}

.level-one-left,.level-second-left,.level-thrid-left{
	width: 70px;
	margin: 10px;
	padding: 0 15px 0 5px;
	font-weight: 600;
	color: #333;
	line-height: 20px;
}

.level-one-right,.level-second-right,.level-thrid-right{
	width: 1000px;
}

.level-one-title,.level-second-title,.level-thrid-title{
	position: relative;
	margin: 3px 0;
	padding: 3px 15px;
	border: 1px solid #FDFDFD;
	line-height: 24px;
}

.lname .l_num{
	font-size: 12px;
	color: #888;
}

 .level-thrid .active .l_num{
 	color: white;
 }
 
 
.level-second .active .l_num{
	color: white;
}

.level-one .active .l_num{
	color: white;
}
.level-one-list .level-one-title:hover,.level-one-list .level-one-title:hover .l_num{
	color:#238bb1;
	cursor: pointer;
	background-color: #FDFDFD;
}

.level-one-list .active,.level-second .active,.level-thrid .active{
	color: white;
	background-color: #238bb1;
	border-radius: 20px;
	border: 1px solid #238bb1;
	margin: 4px 5px;
	padding: 2px 15px;
}

.level-one,.level-second,.level-thrid{
	position: relative;
	padding: 5px;
}


.level-second-title:hover,.level-second-title:hover .l_num,.level-thrid-title:hover,.level-thrid-title:hover .l_num{
	color:#238bb1;
	cursor: pointer;
	background-color: #FDFDFD;
}

.course-list-wrap{
	padding-top:30px;
}

.delete-selected{
	width: 12px;
	margin:2px 5px;
	cursor: pointer;
}


.right-course-item {
    width: 210px;
    height: 235px;
    position: relative;
    text-align: center;
    float: left;
    background: white;
	margin: 0 15px 30px;
    white-space: nowrap;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.right-course-item:hover {
	box-shadow: 0px 4px 8px #0000001f;
	cursor: pointer;
}

.right-course-item:nth-child(5n+1){
	margin-left: 0;
}
.right-course-item:nth-child(5n+5){
	margin-right: 0;
}

.right-course-item .course-img,.right-course-item .course-img img{
	width: 210px;
	height: 126px;
	margin: 0 auto;
}

.right-course-item .cbicon{
	position: absolute;
	right: -15px;
	top: 10px;
	width: 80px;
}

.right-course-item .course-title{
	height: 25px;
	padding: 5px;
	line-height: 25px;
	font-size: 14px;
	text-align: left;
	word-wrap: break-word;
	word-break:break-all;
	overflow: hidden;
	white-space: normal;
}

.right-course-item .course-tea{
	padding: 8px 0;
	height: 20px;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
	color: #666666;
	font-size: 12px;
}
.right-course-item .course-tea span{
	padding: 2px 5px;
}

.right-course-item .course-depart {
    text-align: left;
    color: #666666;
    height: 30px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 12px;
}

/*合作学校*/

.school-list .sc-item {
    width: 255px;
    margin: 0 25px 20px 25px;
	height: 300px;
    text-align: center;
    float: left;
    padding: 35px 20px 20px 20px;
    white-space: nowrap;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}
.school-list .sc-item:hover {
	box-shadow: 0px 4px 8px #0000001f;
	cursor: pointer;
}

.school-list .sc-item:nth-child(4n+1){
	margin-left: 0;
}
.school-list .sc-item:nth-child(4n+4){
	margin-right: 0;
}

.sc-item img{
	height: 96px;
	width: 96px;
}
.sc-name{
	white-space: normal;
	word-break: break-all;
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	margin: 20px;
}
.sc-eg-name{
	color: #CCCCCC;
	font-size: 12px;
}
.sc-course-count{
	margin-top: 70px;
}


/*特色专题*/

.sp-list .sp-item{
	position: relative;
	float: left;
	padding: 30px 0;
	background-color: white;
	border-bottom: 1px solid #EEEEEE;
}

.sp-list .sp-item:last-child{
	border:none;
}

.sp-list .sp-item:first-child{
	padding-top:0;
}

.sp-img{
	position: relative;
	width: 343px;
	height: 190px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.sp-img img:first-child{
	border: 1px solid #EEEEEE;	
}

.imgup{
	left: 0px;
	top: 0;
	width: 343px;
	height: 190px;
	z-index: 3;
}
.imgmid{
	top: 4px;
	left: 4px;
	width: 335px;
	height: 190px;
	opacity: 0.4;
	z-index: 2;
}
.imgdown{
	top: 8px;
	left: 8px;
	width: 327px;
	height: 190px;
	opacity: 0.2;
	z-index: 1;
}

.sp-item:hover .imgup{
	top: -5px;
	height: 190px;
}

.sp-item:hover .imgmid{
	top: 0px;
	left: 6px;
	width: 331px;
	height: 190px;
}

.sp-item:hover .imgdown{
	top: 5px;
	left: 11px;
	width: 321px;
	height: 190px;
}

.sp-item:hover .sp-title{
	color: #238BB1;
	
}

.sp-img,.sp-right{
	float: left;
	
}

.sp-right{
	padding-left: 30px;
	width: 797px;
}
.sp-title{
	font-weight: 600;
	margin-bottom: 30px;
	font-size: 18px;
	color: #333333;
}
.sp-info{
	text-indent: 25px;
	line-height: 30px;
	color: #888888;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.sp-right .show-info{
	float: right;
	margin-top: 10px;
	padding: 10px 30px;
	right: 20px;
	color: #6BB3CB;
	border: 1px solid #6BB3CB;
	border-radius: 3px;
	background-color: #EBFAFF;
	cursor: pointer;
}

.op-nav{
	margin:-20px 0 15px 0;
	color: #888888;
}

.content-course-wrap,.content-school-wrap{
	margin-top: 30px;
	display: none;
}

.content-main .active{
	display: block;
}
.learnCountImg{
	width: 10px !important;
	margin-top: -4px;
}