/* CSS Document */

.overLine2 {

	display:-webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	word-break: break-all;

}

.overLine3 {

	display:-webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	word-break: break-all;

}



/*两侧起泡悬浮背景*/

.float_icon01 {

	background: url("../images/index_v2/right_side_icon01.png?v=1") no-repeat right 55px;

}

.float_icon02 {

	background: url("../images/index_v2/left_side_icon01.png?v=1") no-repeat left 568px;

}

.float_icon03 {

	background: url("../images/index_v2/right_side_icon02.png?v=1") no-repeat right 1620px;

}

.float_icon04 {

	background: url("../images/index_v2/left_side_icon02.png?v=2") no-repeat left 1888px;

}



/*公共标题栏*/

.index_box .public_title {

	height: 28px;

	line-height: 28px;

}

.index_box .public_title_icon01 {

	background: url("../images/index_v2/public_title_icon02.png") no-repeat right bottom;

}

.index_box .public_title_icon02 {

	background: url("../images/index_v2/public_title_icon03.png") no-repeat right bottom;

}

.index_box .public_title_hot {

	padding: 28px 0 0 0;

	background: url("../images/index_v2/public_title_icon04.png") no-repeat 130px 0px;

}

.index_box .public_title .text {

	font-size: 28px;

	color: #333;

	padding: 0 0 0 42px;

	margin: 0 75px 0 0;

	background: url("../images/index_v2/public_title_icon01.png") no-repeat left center;

}

.index_box .public_title .text span {

	color: #005bac;

}

.index_box .public_title .filter-btn {

	margin: 0 40px 0 0;

	display: inline-block;

	position: relative;

	font-size: 16px;

	color: #333;

}

.index_box .public_title span.active {

	color: #005bac;

}

.index_box .public_title span.active:after {

	content: " ";

	display: block;

	position: absolute;

	width: 52px;

	height: 1px;

	background: #005bac;

	bottom: 0;

	left: 50%;

	margin: 0 0 0 -26px;

}



/*banner*/

.index_box .banner .side_nav {

	width: 100%;

	height: 0px;

	left: 0;

	top: 0;

	z-index: 9;

}

.index_box .banner .side_nav .content {

	height: 1px;

}

.index_box .banner .side_nav ul {

	width: 174px;

	background-color: #084c93;

	background: rgba(8,76,147,0.8);

	padding: 60px 0;

	border-bottom-right-radius: 87px;

	-webkit-border-bottom-right-radius: 87px;

	-moz-border-bottom-right-radius: 87px;

}

.index_box .banner .side_nav ul li {

	width: 124px;

	padding: 25px 0;

	margin: 0 auto;

	border-bottom: solid 1px #215e9e;

	position: relative;

	text-align: center;

}

.index_box .banner .side_nav ul li:last-child {

	border-bottom: none;

}

.index_box .banner .side_nav ul li a.ccieItem {

	display: inline-block;

	width: 65px;

	height: 22px;

}

.index_box .banner .side_nav ul li a.ccieItem01 {

	background: url("../images/public_v2/ccieIcon01.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem01:hover {

	background: url("../images/public_v2/ccieIcon01Active.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem02 {

	background: url("../images/public_v2/ccieIcon02.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem02:hover {

	background: url("../images/public_v2/ccieIcon02Active.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem03 {

	background: url("../images/public_v2/ccieIcon03.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem03:hover {

	background: url("../images/public_v2/ccieIcon03Active.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem04 {

	background: url("../images/public_v2/ccieIcon04.png") no-repeat center;

}

.index_box .banner .side_nav ul li a.ccieItem04:hover {

	background: url("../images/public_v2/ccieIcon04Active.png") no-repeat center;

}





/*轮播样式覆写*/

.index_box .banner .swiper-container {

	height: 490px;

}

.index_box .banner .swiper-slide a {

	display: block;

	width: 100%;

	height: 490px;

}

.index_box .banner .swiper-pagination {

	width: 249px;

	height: 200px;

	background: url("../images/index_v2/banner_icon01.png") no-repeat center;

	left: auto;

	right: 0;

	bottom: -1px;

	overflow: hidden;

	line-height: 350px;

	text-indent: 50px;

}

.index_box .banner .swiper-pagination .swiper-pagination-bullet {

	background: #9edbf2;

	width: 15px;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	opacity: 1;

}

.index_box .banner .swiper-pagination .swiper-pagination-bullet-active {

	background: #005bac;

	width: 35px;

}



/*=== 认证证书 ===*/

.ccie_section {

	padding: 45px 0 35px 0;

}

.ccie_section ul.list_box {

	margin: 35px 0 0 -24px;

}

.ccie_section ul.list_box li {

	width: 282px;

	height: 282px;

	margin: 0 0 0 24px;

}

.ccie_section ul.list_box li a {

	display: block;

	overflow: hidden;

	height: 189px;

}

.ccie_section ul.list_box li p {

	height: 52px;

	line-height: 26px;

	margin: 20px 0 0 0;

	font-size: 14px;

	color: #333333;

}

.ccie_section ul.list_box li p a {

	color: #333;

    word-break: normal;

}



/*=== 会员福利/重要公告 ===*/

.member_section {

	padding: 30px 0 66px 0;

}

.member_section .public_title {

	height: 30px;

	line-height: 30px;

}

.member_section .left_ele ul {

	padding: 38px 0 0 0;

}

.member_section .left_ele ul li {

	margin: 0 14px 0 0;

	overflow: hidden;

	position: relative;

}

.member_section .right_ele {

	width: 282px;

}

.member_section .right_ele .public_title a.fr {

	font-size: 14px;

	color: #999daa;

}

.member_section .right_ele ul {

	padding: 24px 0 0 0;

	height: 200px;

	overflow: hidden;

}

.member_section .right_ele ul li a {

	display: block;

	padding: 0 0 0 14px;

	background: url("../images/index_v2/list_style_01.png") no-repeat left center;

	line-height: 20px;

	font-size: 14px;

	color: #737781;

	margin: 20px 0 0 0;

}

.member_section .right_ele ul li a:hover {

	background: url("../images/index_v2/list_style_01_hover.png") no-repeat left center;

	color: #333333;

}



/*=== 名师直播 ===*/

.live_section .public_title {

	margin: 0 0 34px 0;

}

/*左侧内容*/

.live_section .left_content {

	width: 1200px;

	height: 330px;

	overflow: hidden;

}

.live_section .left_content .tabContent {

	width: 588px;

	height: 330px;

	overflow: hidden;

}

.live_section .left_content .tabContent a {

	display: block;

	width: 100%;

	height: 100%;

}

.live_section .left_content .tab_box {

	width: 280px;

	height: 330px;

	background: url("../images/index_v2/focus_line.png") no-repeat left center;

}

.live_section .left_content .tab_box li {

	position: relative;

	padding: 0 0 22px 26px;

}

.live_section .left_content .tab_box li .focus_ele {

	width: 16px;

	height: 22px;

	position: absolute;

	left: -6px;

	top: -2px;

	cursor: pointer;

}

.live_section .left_content .tab_box li.active .focus_ele {

	background: url("../images/index_v2/focus_icon.png") no-repeat center;

}

.live_section .left_content .tab_box li .time_ele {

	font-size: 14px;

	color: #999daa;

}

.live_section .left_content .tab_box li.active .time_ele {

	color: #005bac;

}

.live_section .left_content .tab_box li .title_ele {

	font-size: 14px;

	color: #333333;

	padding: 12px 0 0 0;

}

.live_section .left_content .tab_box li .title_ele a {

	color: #333;

}



/*右侧内容*/

.live_section .right_content {

	width: 240px;

	min-height: 300px;

	background: #f3f8ff;

	padding: 15px 20px;

    margin: 0 0 0 26px;

}

.live_section .right_content .header_ele {

	padding: 0 80px 0 84px;

	min-height: 70px;

}

.live_section .right_content .header_ele .pic {

	position: absolute;

	left: 0;

	top: 0;

	width: 68px;

	height: 68px;

	border: solid 1px #b1e1f3;

}

.live_section .right_content .header_ele h3 {

	font-size: 18px;

	color: #212121;

	padding: 12px 0 15px 0;

}

.live_section .right_content .header_ele p {

	font-size: 14px;

	color: #999daa;

}

.live_section .right_content .header_ele .follow-btn {

	width: 74px;

	height: 24px;

	background: url("../images/index_v2/guanzhu_bg.png") no-repeat center;

	font-size: 12px;

	color: #ffffff;

	right: 0;

	top: 8px;

}

.live_section .right_content .des_ele {

	line-height: 24px;

	height: 210px;

	overflow: hidden;

	font-size: 14px;

	color: #333333;

	overflow: hidden;

	margin: 18px 0 0 0;

}



/*=== 新上好课 / 热销课程 ===*/

.lesson_section .public_title {

	padding: 60px 0 36px 0;

}

.lesson_section .public_title_hot {

	padding-top: 28px;

}

.lesson_section ul.list_box {

	margin: 0 0 0 -24px;

}

.lesson_section01 {

	padding: 32px 0 36px 0;

}

.lesson_section ul.list_box li {

	width: 282px;

	height: 282px;

	background: #f3f8ff;

	margin: 0 0 0 24px;

}

.lesson_section ul.list_box li .pic {

	display: block;

	height: 159px;

	overflow: hidden;

}

.lesson_section ul.list_box li .pic .box_icon {

	bottom: 0;

	left: 0;

	width: 100%;

}

.lesson_section ul.list_box li .title {

	margin: 10px;

	height: 52px;

	line-height: 26px;

	overflow: hidden;

	font-size: 14px;

	color: #333333;

}

.lesson_section ul.list_box li .title a {

	color: #333;

}

.lesson_section ul.list_box li .infor {

	padding: 5px 10px 0 10px;

	line-height: 24px;

}

.lesson_section ul.list_box li .infor .value {

	font-size: 18px;

	color: #005bac;

	margin: 0 10px 0 0;

}

.lesson_section ul.list_box li .infor .markItem {

	float: left;

	display: block;

	width: 72px;

	text-align: center;

	height: 24px;

	line-height: 24px;

	font-size: 12px;

	color: #fff;

	border-top-right-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	border-bottom-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-bottom-left-radius: 5px;

}

.lesson_section ul.list_box li .infor .markItem01 {

	background: #005bac;

}

.lesson_section ul.list_box li .infor .markItem02 {

	background: #eba146;

}

.lesson_section ul.list_box li .infor .count_ele {

	padding: 0 0 0 20px;

	background: url("../images/index_v2/view_icon.png") no-repeat left center;

	font-size: 14px;

	color: #999daa;

}



/*=== 精选专栏 ===*/

.select_section {

	padding: 30px 0 60px 0;

}

.select_section .public_title {

	margin: 0 0 36px 0;

}

.select_section .left_ele,

.select_section .right_ele {

	width: 588px;

	height: 236px;

	overflow: hidden;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

}

.select_section .left_ele {

	background: url("../images/index_v2/section_bg_01.png") no-repeat center;

}

.select_section .right_ele {

	background: url("../images/index_v2/section_bg_02.png") no-repeat center;

}

.select_section .left_ele .header_ele {

	width: 214px;

	left: 0;

	top: 0px;

}

.select_section .left_ele .header_ele .logo {

	margin: 32px 0 10px 0;

}

.select_section .left_ele .header_ele p {

	padding: 0 0 60px 0;

	font-size: 16px;

	color: #fff;

}

.select_section .left_ele .header_ele a {

	font-size: 14px;

	color: #fff;

}

.select_section .left_ele ul {

	padding: 45px 0 0 216px;

}

.select_section .left_ele ul li {

	padding: 0 0 0 20px;

	background: url("../images/index_v2/list_style_02.png") no-repeat left center;

	margin: 0 0 16px 0;

	font-size: 14px;

	color: #fff;

}

.select_section .right_ele .header_ele {

	width: 180px;

	left: 0;

	top: 0px;

}

.select_section .right_ele .header_ele .logo {

	margin: 32px 0 10px 0;

}

.select_section .right_ele .header_ele p {

	padding: 0 0 60px 0;

	font-size: 16px;

	color: #fff;

}

.select_section .right_ele .header_ele a {

	font-size: 14px;

	color: #fff;

}

.select_section .right_ele ul {

	padding: 65px 0 0 180px;

}

.select_section .right_ele ul li {

	padding: 0 0 0 20px;

	background: url("../images/index_v2/list_style_03.png") no-repeat left center;

	margin: 0 0 16px 0;

	font-size: 14px;

	color: #fff;

}

.select_section .company_list {

	padding: 50px 0 0 0;

}

.select_section .company_list ul {

	margin: 0 0 0 -24px;

}

.select_section .company_list li {

	margin: 0 0 0 24px;

}

.select_section .company_list li a {

	display: block;

	width: 182px;

	height: 100px;

	line-height: 100px;

	background: #f3f8ff;

	padding: 0 10px 0 90px;

	color: #999daa;

	font-size: 14px;

}

.select_section .company_list li a img {

	width: 60px;

	height: 60px;

	position: absolute;

	left: 20px;

	top: 20px;

}







/*=== 名师风采 ===*/

/*.teacher_section {

	background: url("../images/index_v2/right_side_icon03.png?v=1") no-repeat right bottom;

}*/

.teacher_section .content {

	padding: 0 0 50px 0;

}

.teacher_section .left_ele {

	width: 896px;

}

.teacher_section .content_ele {

	padding: 36px 0 0 0;

}

.teacher_section .content_ele .tabMain {

	width: 588px;

}

.teacher_section .side_infor {

	width: 282px;

	height: 410px;

	background: url("../images/index_v2/section_bg_03.png") no-repeat center top;

}

.teacher_section .side_infor ul {

	padding: 40px 0 0 18px;

}

.teacher_section .side_infor li {

	background: url("../images/index_v2/list_style_01.png") no-repeat left 13px;

	padding: 0 0 0 14px;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

}

.teacher_section .tabContent {

	width: 100%;

	height: 266px;

	overflow: hidden;

	margin: 0 0 14px 0;

	background: url("../images/index_v2/slide_bg.png") no-repeat center;

}

.teacher_section .tabContent .tabContentItem {

	height: 266px;

	overflow: hidden;

	position: relative;

}

.teacher_section .tabContent .tabContentItem .pic {

	right: -20px;

	bottom: 0;

	width: 200px;

}

.teacher_section .tabContent .tabContentItem h1 {

	margin: 45px 0 10px 53px;

	padding: 0 0 0 15px;

	background: url("../images/index_v2/blue_arrow.png") no-repeat left center;

	font-size: 18px;

	color: #005bac;

}

.teacher_section .tabContent .tabContentItem .des_ele {

	margin: 0 0 0 66px;

	height: 72px;

	width: 330px;

	line-height: 24px;

	font-size: 16px;

	color: #333333;

}

.teacher_section .tabContent .tabContentItem .infor_ele {

	position: absolute;

	width: 366px;

	height: 68px;

	background: #005bac;

	left: 50px;

	bottom: 30px;

	color: #fff;

	font-size: 12px;

}

.teacher_section .tabContent .tabContentItem .infor_ele .arrow_icon {

	right: -10px;

	top: 26px;

}

.teacher_section .tabContent .tabContentItem .infor_content {

	height: 44px;

	line-height: 22px;

	margin: 11px 14px;

}

.teacher_section .swiper-container {

	width: 588px;

	height: 130px;

}

.teacher_section .swiper-container .swiper-slide img {

	background-color: #acb0bc;

	width: 110px;

	height: 130px;

}

.teacher_section .swiper-container .swiper-button-left {

	left: 0;

	top: 0;

	z-index: 10;

}

.teacher_section .swiper-container .swiper-button-right {

	right: 0;

	top: 0;

	z-index: 10;

}



.teacher_section .right_ele {

	width: 282px;

}

.teacher_section .right_ele .eval_box {

	margin: 36px 0 0 0;

	height: 410px;

	overflow: hidden;

}

.teacher_section .right_ele .eval_box li {

	padding: 0 0 0 50px;

}

.teacher_section .right_ele .eval_box li .pic {

	width: 38px;

	height: 38px;

	left: 0;

	top: 0;

}

.teacher_section .right_ele .eval_box li h1 {

	line-height: 38px;

	font-size: 16px;

	color: #212121;

}

.teacher_section .right_ele .eval_box li .chat_content {

	padding: 10px;

	background: #f3f8ff;

	font-size: 12px;

	color: #212121;

	line-height: 20px;

}