
/*bottom*/
.wrapper { width: 1200px; margin: 0 auto; overflow: hidden }
.bottom_box { width: 100%; background: #262626; padding: 28px 0 }
.bottom_lt { width: 240px; float: left; }
.bottom_lt a { margin-bottom: 60px; }
.bottom_lt a img { width: 225px; height: 48px; }
.bottom_lt_bg img { opacity: 0.3; width: 100%; height: 137px; background: url(../images/bottom_bg.png) no-repeat left bottom; }
.bottom_rt { width: 876px; float: right; }
.bottom_rt_top { border-bottom: 1px solid #393939; }
.bottom_rt_top ul { overflow: hidden }
.bottom_rt_top ul li { float: left; position: relative; height: 52px; background: url(../images/service_bg.png) no-repeat; padding-left: 65px; line-height: 25px; margin-bottom: 18px; margin-right: 169px; }
.bottom_rt_top ul li:last-child { margin-right: 0px; }
.bottom_rt_top ul li h4 { font-size: 18px; color: #999 }
.bottom_rt_top ul li p { font-size: 14px; color: #666; }
.bottom_rt_top ul li.ser_bg1 { background-position: left top; }
.bottom_rt_top ul li.ser_bg2 { background-position: left -52px; ; }
.bottom_rt_top ul li.ser_bg3 { background-position: left -104px; }
.bottom_rt_bt dl { width: 150px; float: left; font-size: 14px; margin-top: 30px; margin-right: 18px; }
.bottom_rt_bt dl dt { color: #ccc; margin-bottom: 20px; }
.bottom_rt_bt dl dd { line-height: 26px; }
.bottom_rt_bt dl dd a { color: #666 }
.download { width: 200px; margin-top: 30px; float: right }
.download_lt { width: 70px; float: left; margin-bottom: 30px; }
.download_rt { width: 113px; float: right; text-align: left }
.download_rt h2 { font-size: 14px; color: #ccc; font-weight: normal }
.download_rt a { font-size: 12px; color: #ccc; margin-top: 5px; width: 110px; height: 20px; padding-left: 31px; line-height: 20px; }
.download_rt a.iphone { background: url(../images/iphone_bg.png) no-repeat left center; }
.download_rt a.android { background: url(../images/android_bg.png) no-repeat left center; }
.download p { clear: both; font-size: 12px; }
.share_info { height: 24px; line-height: 24px; }
.share_info span { display: block; float: left }
.share_info a { width: 24px; height: 24px; display: inline-block; margin: 0 5px; }
.share_info a.weixin { background: url(../images/weixin.png) no-repeat left center; background-size: 24px; }
.share_info a.weibo { background: url(../images/weibo.png) no-repeat left center; background-size: 24px; }
.share_info a.qq { background: url(../images/qq.png) no-repeat left center; background-size: 24px; }
.share_info a.pyq { background: url(../images/pyq.png) no-repeat left center; background-size: 24px; }
.copyright { padding: 15px 0; background: #202020 }
.copyright_info p { text-align: center; font-size: 12px; color: #666; line-height: 25px; }
.copyright_info p span { margin: 0 10px; }
.copyright_info p a { display: inline-block; color: #666 }
/*yn list*/
.list_banner { width: 100%; overflow: hidden; text-align: center; position: relative; }
.list_banner img { width: 100%; height: auto; }
.list_banner h2 { color: #fff; font-size: 35px; position: absolute; top: 50px; width: 100%; }
.ynlist_contain { background: #f2f2f2; padding-bottom: 30px;}
.choose_list { width: 1200px; margin: 0 auto; background: #fff; position: relative; margin-top: -60px; height: 153px; padding: 20px; font-size: 14px; }
.choose_list_item { margin-bottom: 25px; }
.choose_list_item span { font-size: 14px; color: #999 }
.choose_list_item a { display: inline-block; padding-right: 38px; color: #666; padding-left: 5px }
.choose_list_item a.choose_item { color: #ff6c00 }
.choose_list_item em { font-style: normal; padding-left: 5px; color: #666 }
.Box_selection { width: 200px; height: 32px; border: 1px solid #e5e5e5; margin-left: 18px; margin-right: 30px; text-indent: 10px; color: #999 }
.ynlist_main { margin-top: 20px; }
.ynlist_main ul { width: 1200px; margin: 0 auto; overflow: hidden }
.ynlist_main ul li { width: 285px; float: left; background: #fff; padding: 0 20px 20px; margin-right: 20px; height: 413px; position: relative; margin-bottom: 20px; }
.ynlist_main ul li:nth-child(4n+4) { margin-right: 0px; }
.station_z { background: url(../images/station_z.png) left center no-repeat; }
.station_b { background: url(../images/station_b.png) left center no-repeat; }
.station_j { background: url(../images/station_j.png) left center no-repeat; }
.xx_infor { padding: 18px 0px; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 13px; }
.yn_info h2 { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0px; font-weight: normal; line-height: 40px; padding-left: 33px }
.yn_info { padding-bottom: 8px; margin-right: 20px; }
.yn_info p {font-size: 14px;height: 32px;line-height: 32px;padding-left: 30px;color: #666;background: url(../images/card.png) left center no-repeat;background-size: 18px auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yn_info p.xx_phone {background: url(../images/phone.png) left center no-repeat;background-size: 18px auto;}
.yn_info address {font-size: 14px;line-height: 22px;padding-left: 30px;color: #666;background: url(../images/address.png) left center no-repeat;background-size: 17px auto;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-style: normal;padding-top: 8px;}
.yn_detail p { font-size: 14px; color: #999; padding: 13px 0; line-height: 30px; padding-right: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 140px; }
.yn_detail a { font-size: 16px; color: #04a564; border: 1px solid #04a564; border-radius: 45px; width: 110px; height: 33px; text-align: center; line-height: 30px; margin: 0 auto }
.yn_detail a.detail_on, .yn_detail a:hover { background: url(../images/btn.png) no-repeat; color: #fff; width: 120px; height: 50px; border: none; line-height: 41px; background-size: 120px 53px; margin-top: -4px; }
/*分页*/
.page{ margin:0 auto; text-align:center; clear:both}
.page_list{margin:20px 0; overflow:hidden;}
.page_list a{ border:1px solid #CFCFCF; padding:7px 10px; color:#333; margin:0 7px; font-size:12px; display:inline-block; text-align:center}
.page_list a.pageon{ background:#04a564; color:#fff; border:none}
.page_list a:hover{background:#04a564; color:#fff;cursor:pointer; text-decoration: none; }

/*px list*/
.eduCon{ width:1200px; margin:0px auto; padding-top:30px; overflow:hidden}
.eduLeft{
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
}
.eduLeft p{
	width:100%;
	font-size:30px;
	position:absolute;
	top:28px;
	text-align:center;
	}
.eduLeft a{
	width:100%;
	position:absolute;
	top:80px;
	font-size:14px;
	color:#fff;
	left:0px;
	}
.eduRight{
	float:left;
	overflow:hidden;
}
.eduRight .eduUl{
	position:relative;
	width: 100%;
}
.eduRight .eduUl li{
	float:left;
	width:226px;
	height: 240px;
	margin-left:20px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 10px 12px #eee;
}
.eduRight .eduUl li:last-child{ margin-right:0}
.eduRight .eduUl li .imgCon{
	position:relative;
	width:226px;
	height:158px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
	
}
.eduRight .eduUl li .imgCon .format{
	position:absolute;
	z-index:1111;
	width:44px;
	height:23px;
	right:8px;
	bottom:9px;
	}
	
.eduRight .eduUl li .imgCon .video{
	background:url(../images/video.png) 0px 0px no-repeat;	
}
.eduRight .eduUl li .imgCon .audio{
	background:url(../images/audio.png) 0px 0px no-repeat;
	}
.eduRight .eduUl li .imgCon .file{
	background:url(../images/file.png) 0px 0px no-repeat;
	}	
.eduRight .eduUl li .imgCon img{
	display:block;
	width: 226px;
	height: 158px;
	cursor:pointer;
	transition: all 0.6s;
}
.eduRight .eduUl li .imgCon img:hover{
	transform: scale(1.4);
}
.eduRight .eduUl li .eduTit{
	padding-left:12px;
	padding-right:12px;
	height: 42px;
	}
.eduRight .eduUl li .eduTit p{
	width: 157px;
	font-size: 16px;
	color:#333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	line-height: 42px;
}
.eduRight .eduUl li .eduTit span{
	color:#e05050;
	font-size:14px;
	display: inline-block;
	float: right;
	line-height: 42px;
	}
.eduRight .eduUl li .study{border-top:1px solid #eee;height: 40px;line-height: 40px;padding: 0 12px;}
.eduRight .eduUl li .study em{float:right;font-size:14px;color:#999;font-style: normal;}
.eduRight .eduUl li .study b{font-size:14px;color:#666;font-weight:normal;}

.edu_types{
	 background:#fff; 
	 padding:25px 20px 0;
	 margin:20px auto; 
	 width:1200px; 
	 overflow:hidden
	 }
.edu_types p{
	width:100%;
	margin-bottom:20px;
	padding:0;
	overflow:hidden;
	}
.edu_types span{
	display:block;
	float:left;
	background:#009251;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	width:75px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
.edu_types a{
	display:inline-block;
	float:left;
	font-size:14px;
	color:#666;
	line-height:30px;
	margin-left:38px;
	}
.edu_types a:hover{
	color:#009251
	}
.edu_types a.curr{
	color:#009251
	}
.edu_ul{ width:1200px; margin:0 auto; overflow:hidden}
.edu_ul ul li{
	float:left;
	width:230px;
	height: 240px;
	margin-right:12px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	box-shadow: 3px 10px 12px #eee;
	margin-bottom:25px;
}
.edu_ul ul li:nth-child(5n){ margin-right:0}
.edu_ul ul li .imgCon{
	position:relative;
	width:230px;
	height:158px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
	
}
.edu_ul ul li .imgCon .format{
	position:absolute;
	z-index:1111;
	width:44px;
	height:23px;
	right:8px;
	bottom:9px;
	}
	
.edu_ul ul li .imgCon .video{
	background:url(../images/video.png) 0px 0px no-repeat;	
}
.edu_ul ul li .imgCon .audio{
	background:url(../images/audio.png) 0px 0px no-repeat;
	}
.edu_ul ul li .imgCon .file{
	background:url(../images/file.png) 0px 0px no-repeat;
	}
.edu_ul ul li .imgCon img{
	display:block;
	width: 230px;
	height: 158px;
	cursor:pointer;
	transition: all 0.6s;
}
.edu_ul ul li.imgCon img:hover{
	transform: scale(1.4);
}

.edu_ul ul li .eduTit{
	padding-left:12px;
	padding-right:12px;
	height: 42px;
	}
.edu_ul ul li .eduTit p{
	width: 157px;
	font-size: 16px;
	color:#333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	line-height: 42px;
}
.edu_ul ul li .eduTit span{
	color:#e05050;
	font-size:14px;
	display: inline-block;
	float: right;
	line-height: 42px;
	}
.edu_ul ul li .study{border-top:1px solid #eee;height: 40px;line-height: 40px;padding: 0 12px;}
.edu_ul ul li .study em{float:right;font-size:14px;color:#999;font-style: normal;}
.edu_ul ul li .study b{font-size:14px;color:#666;font-weight:normal;}

/*vedio detail*/
.vedio_data{
	background:#303332;
	padding-top:20px;
	overflow:hidden;
	}
.vedio_data_con{
	width:1200px;
	margin:0 auto 20px;
	background:#3c3c3c;
	overflow:hidden;
	}
.vedio_data_con	.vedio_data_lt{
	width:742px;
	height:390px;
	float:left;
	}
.vedio_data_con	.vedio_data_rt{
	width: 450px;
	float:left;
	padding:30px 0 30px 25px;
	}
.vedio_data_con	.vedio_data_rt h3{
	width:100%;
	font-size:24px;
	margin-bottom:30px;
	color:#fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.vedio_data_con	.vedio_data_rt p{
	font-size:16px;
	color:#fff;
	margin-bottom:10px;
	}
.vedio_data_con	.vedio_data_rt p span{
	font-size:24px;
	color:#ff6c00;
	margin-left:10px;
	}
.vedio_data_con	.vedio_data_rt p s{
	color:#999;
	margin-left:6px;
	}
.vedio_data_con	.vedio_data_rt p em{
	font-size:18px;
	color:#999;
	margin-left:15px;
	font-style:normal;
	}
.vedio_data_con	.vedio_data_rt button{
	width:146px;
	height:45px;
	line-height:45px;
	background:#ff6c00;
	color:#fff;
	font-size:16px;
	border-radius:5px;
	border:none;
	padding:0;
	margin:50px 0 70px;
	cursor:pointer;
	}
.k_operat a{
	margin-right:20px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    padding-right: 20px;
	}
.k_operat a.fenx{
	background: url(../images/fenx.png) no-repeat right center;
    background-size: 14px 16px;
	}
.k_operat a.shouc{
	background: url(../images/shouc.png) no-repeat right center;
    background-size:17px 15px;
	padding-right: 25px;
	}

.course_menu{
	background:#303332;
	}	

.course_item{ width:1200px; margin:0 auto;height:60px; line-height:60px;}
.course_item a{ text-align:center; display:block; float:left; font-size:16px; cursor:pointer; color:#fff; margin-right:40px; padding:0 8px;}
.course_item a.course_item_curn{ color:#ff6c00; border-bottom:4px solid #ff6c00; height:60px;}
.course_con{ width:1200px; margin:0 auto; overflow:hidden}
.course_li{ display:none; background:#fff; width:843px; float:left; margin-top:20px; padding:30px 15px;}
.course_li p{ font-size:14px; color:#666; line-height:30px;}
.course_li:first-child{ display:block;}
.courseRt{
	width:347px;
	float:right;
	margin-top:20px;
	}
.courseRt .teah_intro{
	background:#fff;
	}
.courseRt .courseRt_tit{
	padding:0 20px;
	font-size:22px;
	color:#333;
	height:66px;
	line-height:66px;
	border-bottom:1px solid #e3e3e3;
	position: relative;
	}
.courseRt .courseRt_tit span{
	width:6px;
	background:#019352;
	height: 23px;
	display: inline-block;
	position: relative;
	top:4px;
	margin-right: 13px;
	border-radius:100px;
	}
.courseRt .teah_info{
	padding:20px 0px 40px;
	overflow:hidden;
	text-align:center;
	border-bottom:1px solid #eee;
	margin:0 10px;
	}
.courseRt .teah_info span{
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
	}
.courseRt .teah_info span img{
	display:block;
	width:100px;
	height:100px;
	border-radius:100%;
	}
.courseRt .teah_info h3{
	font-size:24px;
	color:#333;
	font-weight:normal;
	line-height:35px;
	}
.courseRt .teah_info p{
	font-size:14px;
	color:#999;
	}
.sub_tit{ font-size:16px; color:#333; padding:0 20px; line-height:50px;}
.xg_course_li{ padding:10px 0 15px 18px; overflow:hidden}
.xg_course_li li{ width:150px; display:block; float:left; margin-right:12px;}
.xg_course_li li span{ display:block; width:150px; height:104px;}
.xg_course_li li span img{ width:100%; height:100%;}
.xg_course_li li p{ font-size:14px; color:#666; overflow:hidden; line-height:45px;text-overflow: ellipsis;white-space: nowrap;}
.Rele_course{ background:#fff; margin-top:20px;}