@charset "gb2312";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form,th,tr,td{padding:0px;margin:0px;border:0;font-size:12px;font-family: "Microsoft YaHei";}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:100;}
select{ padding:0px; margin:0px; overflow:scroll;}
td,tr,td { font-size:12px;}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;}
table{border-collapse: collapse;}    

.hide{display:block;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a{ cursor:pointer;}
a:link, a:visited { text-decoration:none;}

.common{width: 1200px;margin: 0 auto;}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom:1;
}
img{
	vertical-align: middle;
}
.header{
	background: #f8f8f8;
	height: 50px;
}
.header .common{
	height: 50px;
	
}
.header .common .left{
	overflow:hidden;
	float: left;
	height: 50px;
}

.header .common .logo{
	display: block;
	float: left;
	width: 156px;
	height: 50px;
}
.header .common .zb{
	float: left;
	line-height:60px;
	font-size: 16px;
	color: #666;
	padding-left: 14px;
}
.header .common .r_part{
	float: right;
	height: 50px;
	font-size: 16px;
	color: #666;
	line-height: 52px;
	margin-right: 10px;
}

.header .common .r_part li{
	float: left;
	position: relative;
	margin-left: 32px;
	cursor: pointer;
}
.header .common .r_part li img{
	vertical-align: middle;
}
.header .common .r_part li span{
	margin-right: 3px;
}
.header .common .r_part li div{
	position: absolute;
	display:none;
	top: 50px;
	left: 50%;
	margin-left: -64px;
	z-index: 15;
}
.header .common .r_part li:hover div{
	display: block;
}

.banner{
	position: relative;
}

.banner .common{
	width: 1200px;
	height: 360px;
	position:absolute;
	top: 0;
	left: 50%;
	margin-left:-600px;
}
.banner .common .block1{
	width:405px;
	height: 292px;
	background: #000;
	opacity: 0.3;
	position: absolute;
	top: 40px;
	right: -11px;
	z-index: 10;
}

.banner .common .block2{
	width:405px;
	height: 292px;
	background: #000;
	opacity: 0.4;
	position: absolute;
	top:28px;
	right:3px;
	z-index: 10;
}
.banner .common .time_box{
	width: 390px;
	height: 280px;
	position: absolute;
	top: 40px;
	right: 3px;
	z-index: 11;
}
.banner .common .time_box h2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 26px;
}

.banner .common .time_box ul{
	position: relative;
	width: 350px;
	margin: 0 auto;
}
.banner .common .time_box ul li{
	height:26px;
	width: 325px;
	margin-bottom: 13px;
	padding-left: 25px;
	position: relative;
	color: #fff;
	line-height: 26px;
}

.banner .common .time_box ul li div{
	font-size: 16px;
}

.banner .common .time_box ul li .icon{
	width: 19px;
	height: 14px;
	background:url(../images/icon.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}

.banner .common .time_box ul li.on .icon{
	background:url(../images/icon.png) no-repeat -19px 0;
}

.banner .common .time_box ul li .time{
	float: left;
}

.banner .common .time_box ul li .mid{
	float: left;
}

.banner .common .time_box ul li .entry{
	float:right;
	display: block;
	width: 57px;
	height:24px;
	font-size: 14px;
	color: #fff;
	border:1px solid #fff;
	border-radius: 15px;
	text-align: center;
}
.banner .common .time_box ul li.on .entry{
	background: #fe9a54;
	border:1px solid #fe9a54;
	box-shadow:0px 2px 11px -3px #000;
}

.tab{
	width: 100%;
	height: 80px;
	background: #fefefe;
	box-shadow: 0 0px 10px -3px #000;
	position: relative;
}
.tab ul{
	width: 1200px;
	height: 80px;
	margin:0 auto;
}
.tab ul li{
	float: left;
	width: 266px;
	margin: 0 67px;
	height: 80px;
	line-height: 80px;
	color: #999;
	font-size: 28px;text-align: center;
	position: relative;
	cursor: pointer;
}
.tab ul li.on{
	color: #fff;
	font-weight: bold;
	background: #ff9a50;
	border-radius:0 0 10px 10px;
	top: -18px;
	z-index: 11;
}

.tab ul li.on span{
	width: 16px;
	height: 18px;
	display: block;
	background:url(../images/lt.png) no-repeat top center;
	top: 0;
	left:-16px;
	position: absolute;
}

.tab ul li.on b{
	width: 16px;
	height: 18px;
	display: block;
	background:url(../images/rt.png) no-repeat top center;
	top: 0;
	right:-16px;
	position: absolute;
}

.tab_con{
	background: #f8f8f8;
}
.tab_con .list{
	width: 1200px;
	margin: 0 auto;
}

.tab_con .list p{
	line-height: 50px;
	text-align: right;
}
.tab_con .list p a{
	font-size: 16px;
	color: #333;
	margin-right: 15px;
	position: relative;
	padding-right: 21px;
}

.tab_con .list p a span{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
	width: 7px;
	height: 14px;
}
.tab_con .list p a span img{
	vertical-align: top;
}



.tab_con .list li{
	margin-right: -21px;
	display: none;
}
.tab_con .list li .lessions{
	float: left;
	width: 385px;
	height: 260px;
	border:1px solid #dddddd;
	margin-right: 20px;
	margin-bottom: 20px;
}
.tab_con .list li .lessions:hover{
    transform: translate(0,-5px);
    transition: all 0.3s;
    box-shadow: 0px 0px 20px -8px;	
}
.tab_con .list li .lessions:hover .bot .learn{
	background: #ff9a50;
	color: #fff;
}


.tab_con .list li .lessions img{
	display: block;
	margin:15px;
}

.tab_con .list li .lessions .mid{
	padding: 0 16px;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 4px;
}
.tab_con .list li .lessions .mid p{
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 16px;
}

.tab_con .list li .lessions .mid span{
	float: right;
	color: #14ba66;
	font-size: 14px;
}

.tab_con .list li.pay .lessions .mid span{
	font-size: 16px;
	color:#f00000; 
}

.tab_con .list li.hq .lessions .mid span{
	font-size: 16px;
	color:#f00000; 
}

.tab_con .list li .lessions .bot{
	padding: 0 16px;
}
.tab_con .list li .lessions .bot p{
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.tab_con .list li .lessions .bot .learn{
	width: 73px;
	height: 28px;
	border:1px solid #ff9a50;
	color: #ff9a50;
	display: block;
	float: right;
	text-align: center;
	line-height: 28px;
	border-radius: 20px;
}

.tab_con .list li.pay .lessions .bot .learn{
	border:1px solid #649cf9;
	color: #649cf9;
}
.tab_con .list li.pay .lessions:hover .bot .learn{
	background: #649cf9;
	color: #fff;
}


.tab_con .list li.hq .lessions .bot .learn{
	border:1px solid #649cf9;
	color: #649cf9;
}
.tab_con .list li.hq .lessions:hover .bot .learn{
	background: #649cf9;
	color: #fff;
}


.copyRight,.offcnCopy{ background:#444546; margin-bottom:-22px; font-size:12px;}
.offcnCopy{ padding:45px 0 80px; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy a{ color:#aaa;}
.offcnCopy a:hover{ color:#e00;}

.swiper-container .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
}


.swiper-container  .swiper-pagination-bullet-active{
	background: #f40;
}

.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 10px 5px;
}