.wrapperHeader{
	/* height: 70px; */
}


.wrapperHeader .headerTit{
	float: left;
	height: 108px;
	line-height: 108px;
	font-size: 28px;
}



.course_group .course_col {
	position: relative;
	float: left;
	width: 270px;
	height: 380px;

	border: 1px solid #e7eaec;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 40px 40px 0;
	    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.course_colItem{
	float: left;
	overflow: hidden;
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.course_group .course_col:nth-child(4n){
	margin:0 0 20px 0;
}
.course_col .courseBanner {
	width: 268px;
	height: 151px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	float: left;
}

.course_col .courseInfo_panel {
	float: left;
	height: 228px;
	padding: 50px 20px 20px 20px;
		background: -webkit-linear-gradient(left, #4d4ac1 , #2e67c6); 
	background: -o-linear-gradient(right, #4d4ac1, #2e67c6); 
	background: -moz-linear-gradient(right, #4d4ac1, #2e67c6);
	background: linear-gradient(to right, #4d4ac1 , #2e67c6); 
	   width:100%;
}

.course_col .schooLogo_panel {
	
	position: absolute;
	width: 70px;
	height: 70px;
	line-height: 70px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e7eaec;
	background-color: #fff;
	text-align: center;
	top: 115px;
	left: 20px;
	vertical-align: middle;
}

.schooLogo_panel .school_logo {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 14px 0 0;
}

.courseInfo_panel .course_tit {
	font-size: 16px;
	color: #f3f3f4;
	margin: 0 0 22px;

}
.courseInfo_panel .course_entry {
	color: #f3f3f4;
	margin: 0 0 11px;

}
.course_entry .entry_txt {
	float: left;
	width: 215px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.course_col .course_colLayer{
	position: absolute;
	width: 330px;
	    top: -22px;
    left: -30px;
z-index: 2;
}
.course_colLayer .course_colLayerIn{
	margin: 0 0 0 20px;
	width: 308px;
		height: 420px;
		background-color: #fff;
			-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 0 10px #ddddde;
	-webkit-box-shadow: 0 0 10px #ddddde;
	box-shadow: 0 0 10px #ddddde;
}
.r-show{
	right: -330px;
	top: -15px;
}
.course_colLayerItem{
	position: relative;
	padding: 20px;
}
.r-show .course_colLayerItem:before{
	content: "";
	position: relative;
	    display: block;
    width: 0;
    height: 0;
    border-width: 14px 16px 12px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 175px;
    left: -15px;
}
.l-show{
	left: -345px;
	top: -15px;
}
.l-show .course_colLayerItem:before{
	content: "";
	position: relative;
	    display: block;
    width: 0;
    height: 0;
    border-width: 14px 0  12px 16px;
    border-style: solid;
    border-color: transparent  transparent  transparent #fff;
    position: absolute;
    top: 175px;
    right: -15px;
}
.course_colLayerItem .layerItem_top{
	border-bottom: 1px solid #e7eaec;
	padding: 0 0 20px;
}
.layerItem_top .layerItem_topHeader{
	margin: 0 0 20px;
}
.layerItem_top .logoCol{
	float: left;
	width: 70px;
	height: 70px;
	border:1px solid #e7eaec;
			-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	line-height: 70px;
	margin: 0 20px 0 0;
}
.layerItem_top .logoCol img{
	width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 14px 0 0;
}
.layerItem_top  .numMsg{
	float: left;
	margin: 25px 0 0;
}
.layerItem_top  .numMsg em{
	color: #666;
}
.layerItem_topTit{
	font-size: 16px;
	margin: 0 0 20px;
}
.layerItem_top .layerBtn a{
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background-color: #4285f4;
}
.layerItem_bottom{
	padding: 15px 0 0;
}

.layerItem_bottom .layerItem_bottomCol{
	color: #666;
	padding: 2px 0 0;
}
.layerItem_bottomCol{
	
}
.layerItem_bottomCol .iconfont{
	color: #d6d6d6;
	font-size: 20px;
	vertical-align: -2px;
	margin: 0 3px 0 0;
}
.layerItem_bottomCol span{
	color: #333;
}
.nodataPanel {
	width: 1200px;
	    display: table-cell;
	vertical-align: middle;
	text-align: center; 
}
.nodataPanel_Col img{
	width: 374px;
	height: 288px;
}
.nodataPanel_Col p{
	font-size: 16px;
	color: #666;
}
.nodataPanel_Col p a{
	text-decoration: underline;
}

.homeBanner {
	position: relative;
	background: url(../images/banner/homeBanner.jpg) no-repeat center center;
	-ms-background-size: cover;
	background-size: cover;
	min-width: 1200px;
	height:400px;

}
.homeBanner .homeBanner_left{
	float: left;
	color: #fff;
	animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
	
	-webkit-transform: translateY(160px);
	-ms-transform: translateY(160px);
	transform: translateY(160px);
}
.homeBanner_left .bannerTit{
	font-size: 30px;
	margin:0 0 10px;
}
.homeBanner_left .bannerSlogan{
	font-size: 30px;
	font-size: 16px;
}
.mainWrapper .entrancePanel{
	padding: 40px 0 0;
}
.entrancePanel li{
	float: left;
	width: 206px;
	height: 198px;
	border: 1px solid #e7eaec;
	background-color: #fff;
	margin: 0 40px 40px 0;
}
.entrancePanel li a{
	display: block;
	text-align: center;
	color: #333;
	height: 198px;
	/* line-height: 198px; */
	padding: 70px 0 0;
}
.entrancePanel li:last-child{
	margin: 0 0 40px;
}
.entrancePanel li:hover{
		-moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-shadow:  2px 2px 2px #666;
	
}

.entrancePanel li a .entrance_lin{
/* 	display: inline-block;
	height: 198px; */
}
@keyframes myfirst
{
    from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
		}
    to {
		-webkit-transform: translateY(160px);
		-ms-transform: translateY(160px);
		transform: translateY(160px);
		opacity: 1;
		
		}
	
}
 
@-webkit-keyframes myfirst 
{
    from {
    	opacity: 0;
    	-webkit-transform: translateY(-20px);
    	-ms-transform: translateY(-20px);
    	transform: translateY(-20px)
    	}
    to {
    	-webkit-transform: translateY(160px);
    	-ms-transform: translateY(160px);
    	transform: translateY(160px);
    	opacity: 1;
    	
    	}
	
}