@charset "utf-8";
/* CSS Document */
/*公共样式*/
h4, h5, h6, h1, h2, h3 { margin-top: 0;}
ul, ol, li{	margin: 0; padding:0px; list-style:none; -webkit-margin-start: 0px;}
p {	margin: 0;}
img { border: 0px;}
a {	text-decoration:none;color:#000;}
a:hover { text-decoration:underline;color:#0c9e95;}
html, body { /* font-family:'微软雅黑', 'Source Sans Pro', sans-serif; */
	font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;
	font-size: 14px; /* background:#fff; */	padding:0px;
}

body {	margin:0px;}

img { border:0px;} 

.bgcf { background-color:#FFF;}
.pdtop15{ padding-top:15px;}

.clearAll { clear:both; }

.l_f {	float:left;}
.r_f {	float:right;}
.f_l {	float:left;}
.f_r {	float:right;}

.width10 { width:10%;}
.width20 { width:20%;}
.width25 { width:25%;}
.width33 { width:33.3%;}
.width40 { width:40%;}
.width50 { width:50%;}
.width60 { width:60%;}
.width67 { width:66.6%;}
.width80 { width:80%;}
.width90 { width:90%;}
.width100 { width:100%;}

.fd {	position:relative;}
.pf {	position:absolute;}

.h_h10 { padding-top:12px;}
.h_h20 { padding-top:20px;}
.h_h25 { padding-top:25px;}
.h_h50 { padding-top:50px;}
.p_01500 { padding:0px 15px 0px 0px;}

.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:40px;}
.p_l50{padding-left:50px;}

.p_r10{padding-right:10px;}
.p_r20{padding-right:20px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}

.f_12{ font-size:12px;}
.f_14{ font-size:14px;}
.f_16{ font-size:16px;}
.f_18{ font-size:18px;}
.f_20{ font-size:20px;}
.f_22{ font-size:22px;}
.f_24{ font-size:24px;}
.f_26{ font-size:26px;}


.m_5{margin:5px;}
.m_10{margin:10px;}
.m_15{margin:15px;}
.m_20{margin:20px;}
.m_25{margin:25px;}
.m_30{margin:30px;}
.m_35{margin:35px;}


.m_l5{margin-left:5px;}
.m_l10{margin-left:10px;}
.m_l15{margin-left:15px;}
.m_l20{margin-left:20px;}
.m_l25{margin-left:25px;}
.m_l30{margin-left:30px;}
.m_l35{margin-left:35px;}

.m_r5{margin-right:5px;}
.m_r10{margin-right:10px;}
.m_r15{margin-right:15px;}
.m_r20{margin-right:20px;}
.m_r25{margin-right:25px;}
.m_r30{margin-right:30px;}
.m_r35{margin-right:35px;}

.m_t5{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_t35{margin-top:35px;}

.m_b5{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_b35{margin-bottom:35px;}


.m_m20 {	margin-left:20px;}
.m_m26 { 	margin-left:26px;} 

.m_h40 {	margin-bottom:40px;	overflow:hidden;}
.m_h15 {	margin-bottom:15px;}
.m_h10 {	margin-bottom:10px;}
.m_h5 {	margin-bottom:5px;}

.m_h25 {	margin-top:25px;}
.m_h12 {	margin-top:12px;}

.bg_white{ background:#f4f4f4;}
iframe {	padding:0px;	margin:0px;}




.l_h30{line-height:30px;}
.l_h35{line-height:35px;}
.l_h40{line-height:40px;}
.l_h45{line-height:45px;}
.l_h50{line-height:50px;}
.l_h60{line-height:60px;}

.borderA1{border: 1px solid #ccc;}
.borderA1b{border-bottom: 1px solid #ccc;}


#test {	z-index:999999;}


.btn-primary{    background-color: #0c9e95;     border-color: #0c9e95;}


/*header*/
.header {
	overflow:hidden; background-color:#fff;
}
.top_t {
	height:34px;
	background:#f4f4f4;
	border-bottom:#e5e5e5 solid 1px;
	padding:2px 0px;
}
.preface {
	/* width:600px; */
	float:left;
	height:34px;
	line-height:34px;
	font-size:12px;
	color:#717171;
}
.preface span {
	float:right;
}
.preface span a {
	width:55px;
	display:inline-block;
	text-align:center
}
.top_tel {
	float:right;
	height:34px;
	line-height:34px;
}
.top_tel img {
	margin-top: 10px;
}
.top_tel span {
	float:right;
	height:34px;
}
.top_tel span a {
	font-size:14px;
	color:#717171;
	margin-left:10px;
}

.top_tel img {
	margin-top:10px;
}



.logo {
	
	float:left;
	/*width:60%;padding-top:10px;height:30px;*/
	
}

.logs { line-height: 80px;
    padding-left: 8px;
   /*padding-top: 25px;*/
    text-align: center;
}
.logs a{ color:#ff9900;}
.logs a:hover{ text-decoration:underline;}
.logo img { width:80px;}

.head_login { line-height: 80px;
    padding-left: 8px;
    text-align: right;font-size:16px;
}
.head_login a{ padding:0px 10px; }
.head_login a:hover{ text-decoration:underline;}


/* 导航条 start */
.nav_bg {
	background:#0db7c4;
	/*height:50px;*/
}

.navbg {background:#0db7c4;}
.nav {
	max-width:950px;background:#0db7c4;
	float:left;
	height:50px;
	line-height:50px;
}
.nav a {
	color:#FFF;
	font-size:14px;
	padding:0 10px;
	display:inline-block;
}

.nav a:hover {
	background:#08736b;
	color:#FFF;
	text-decoration:none;
}
.nav .stop {
	background:#08736b;
}

.nav .home{ float:left;}
.nav .menus{ float:left;}
.navbar-nav{ display:none;}
.navbar-nav ul { }
.navbar-nav ul li { line-height:26px; }


.shopping {background:#0c9e95;
	height:50px;
	line-height:50px;
	text-align:center;
	width:180px;
	float:right;
	background:#08736b;
	margin-right:10px;
}
.shopping a {
	color:#FFF;
	font-size:18px;
	/* background:url(../images_2015/shop.gif) no-repeat 0 0px; padding-left:20px;*/
	
}
.shopping a small {
	font-weight:bold;
	color:#FF0;
}

.login_a{ color:#fff;}
.gotoucenter{ padding-left: 0px; font-size:14px;  }


.m_logo{ display:none;}

/* 导航条 end */

@media only screen and (min-width: 320px) and (max-width: 760px) {
	.top_tel{
		width:37%;
	}
	.top_tel img {
		width:25%;
		height:25%;
	}
	.top_tel span a {
		font-size:14px;
		color:#717171;
		margin-left:5px;
	}

	.logo {  float:left; display:none; }
	.logo img{  width:4em; }
	.logs {float:right; line-height: 30px; padding:0.5em; display:none; }
	
	.home { display:none; }
	
	
	.ended{ display:none;}


	.brand .log img { display: inline-block;}
	
	.brand .logs img { display: inline-block;max-width: 100%;}
	

	
	
	.slide2{ display:inherit;}
	.banner{ display:none;}
	
	.indtite{ text-align:center;}


	.nav {
		width: 50px;
		float:left;
		height:50px;
		line-height:50px;
		overflow:hidden;background:#fff;
	}
	.nav a{ padding:0 5px;}
	.nav .menus{ display:none;}
	.navbar-header {display:inherit; float:left; }
	.navbar-toggle .icon-bar{ background-color: #0c9e95; }
	.navbar-nav{display:inherit;     background-color: #fff; }
	.navbar-nav li {  border-bottom:#eee 1px solid; line-height:35px; padding-left:20px; }
	.navbg, .nav_bg{ background-color: #fff; }
	.navbar-collapse{ width:100%;}
	
	.m_logo{float:left; display:inherit;text-align: center;      width: 70%;     padding: 5px 0px;}
	.m_logo img{  width:3em; }
	
	.m_login{  height:50px; line-height:50px; background:#fff;}
	
	.shopping {
		height:50px;
		line-height:50px;
		text-align:center;
		width:10%;
		float:right;
		background:#fff;
		margin-right:10px; color:#0c9e95;
	}
	.shopping a{color:#0c9e95;} 
	.login_a{ color:#0c9e95;}
	.gotoucenter{ color:#0c9e95; padding-left: 0px; font-size:14px; font-weight:bold; }
}





/* 登录弹出窗口*/

/*登陆框*/
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=88);
}
.white_content {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 470px;
	height: 345px;
	padding: 10px;
	margin-top:-150px;
	margin-left:-250px;
	border: 5px solid #7b7b7b;
	background-color: white;
	z-index:1002;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}



.landing_tite {
	height:60px;
	padding:10px;
	border-bottom:#e8e7e7 solid 1px;
	line-height:30px;
	font-size:16px;
	color:#000;
}
.landing_tite span {
	display:block;
	font-size:24px;
	color:#0c9e95;
}
.guan {
	right:-32px;
	top:-27px;
	width:52px;
	height:52px;
}
.dl_box {
	height:38px;
	line-height:38px;
	width:300px;
	padding-left:5px;
	border:#e8e7e7 solid 1px;
}
.dl_weizi {
	font-size:14px;
	color:#333;
}
.dl_weizi a {
	font-size:16px;
	color:#333;
}
.dl_weizi small {
	font-size:14px;
	color:#F60;
}
.zhucheye{ width:300px; height:45px; border:0px; line-height:45px; background:#ededed; padding-left:5px;}

.zhucheye100{ width:100px; height:45px; border:0px; line-height:45px; background:#ededed; padding-left:5px;}
/*登陆错误提示样式*/
.tipError {
    background: none repeat scroll 0 0 #CCFFFF;
    border: 1px solid #99CCFF;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.white_content {
		display:none;
		position: absolute;
		top: 10px;
		left: 10px;
		width: 280px;
		height: 345px;
		padding: 10px;
		margin-top:10px;
		margin-left:10px;
		border: 5px solid #7b7b7b;
		background-color: white;
		z-index:1002;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius:3px;
	}
	.dl_box {
	height:38px;
	line-height:38px;
	width:150px;
	padding-left:5px;
	border:#e8e7e7 solid 1px;
}
}

.tipText{margin-left:0px;margin-bottom: 10px;z-index:20;padding:0 6px;/*width:153px;*/line-height:30px;border:1px solid #CAC9C7; /*color:#969A9B;*/ background:#FEFBD8;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px; float:left;}

/* error page */
.errmsg{ text-align:center; font-size:14px; color:#FF0000; font-weight:bold; height:200px; padding:80px 0px; line-height:50px;}

.h_hsx {
	padding:20px 0;
}
.w_w24 {
	padding-left:24px;
	padding-top:24px;
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.w_w24 {
padding-left:20px;
}
}
.zscx_ljie {
background: #C60;
color: #FFF !important;
padding: 0 10px;
}
.gwshop {
position: fixed;
bottom: 100px;
right: 0px;
z-index: 99999;
}
.gwshop_shu {
height: 23px;
line-height: 23px;
position: absolute;
top: 10px;
color: #FFF;
font-size: 14px;
right: 5px;
background: url(../images_2015/shu_dian.png) top left no-repeat;
width: 23px;
text-align: center;
}


/* footer */
.footer {
	background:#0db7c4;
	color:#FFFFFF;
	padding:20px;
	overflow:hidden;
}
.footer a{
	color:#FFFFFF;
}
.foot_logo {
	width:30%;
	color:#7b7b7b;
	font-size:12px;
	text-align:right;
	padding:15px;
	border-right:#4d4d4d solid 1px;
}
.foot_nav {
	padding-left:3%;
	width:56%;
	overflow:hidden;
}
.foot_nav ul li {
	/* width:150px; */
	float:left;
	line-height:25px;
}
.foot_nav ul li span {
	height:30px;
	display:block;
	font-size:18px;
	color:#dadada;
}
.foot_nav ul li a {
	font-size:12px;
	display:block;
	color:#FFFFFF;
}

.foot_nav_l { width:22%;}
.foot_nav_r { width:70%; font-size:12px; color:#999;}
.foot_nav_2 { line-height:100px; font-size:18px;}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.foot_nav_2 { line-height:40px; font-size:18px;}
	.footer{ padding-bottom:90px;}
}
	
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.foot_logo{ float:none; width:100%; text-align:center; padding:0px;}
	.foot_nav{ float:none; width:100%; display:none;}
	.foot_nav_l{ width:100%;}
	.foot_nav_r{ width:100%;}
	.foot_nav ul li { text-align:center;}
	.grzx_rnr{ padding:5px;}
}



.text-overflow{display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;}
	
	
.showVideoid{ /*width: 840px;*/height: 480px; }
.yimg { max-height:190px; max-width:190px;}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.showVideoid{ height: 100%;}
}



.logon-content{ background-color:#fff;  margin: -15px -15px 0; padding:15px;}
.logon-tab {    margin: -15px -15px 0; background-color:#fff; }
.logon-tab>a {
    display: block;
    padding: 20px;
    float: left;
    width: 50%;
    font-size: 16px;
    text-align: center;
    color: #616161;
    background-color: #fff;border-bottom: thin #e4e4e4 solid; 
}

.logon-tab .active { border-bottom: thin #089c9c solid; color:#089c9c; font-weight:bold;}/*background-color: #f5f5f5; */

.courselist_img{ max-height:140px; max-width:250px; width:100%;}

.u_courselist_img{ max-height:95px; max-width:175px; width:100%;}



.rt-section-header {
    font-size: 24px;
    line-height: 24px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px; margin-left: 10px;
    color: #313131;
}

.rt-section-header:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 4px;
    height: 100%;
    background: #4caf50;
}


.es-poster .swiper-slide .subtitle{color:#4caf50;}
.es-poster{max-height:450px; }
@media (max-width:767px){.es-poster{max-height:150px}}
.es-poster .swiper-tile{background-size:auto 100%;background-position:50%;background-repeat:no-repeat;height:450px!important}
@media (max-width:1440px){.es-poster .swiper-tile{height:450px!important}}
@media (max-width:1199px){.es-poster .swiper-tile{height:370px!important}}
@media (max-width:991px){.es-poster .swiper-tile{height:284px!important}}
@media (max-width:767px){.es-poster .swiper-tile{height:150px!important}}
.es-poster .swiper-tile img{visibility:hidden}


.swiper-container{padding:10px 0px 0px 0px;}

.swiper-pager{position:absolute; z-index:100;width:100%;text-align:center}
@media (max-width:767px){.swiper-pager{display:none}}.
swiper-pager span{font-size:0;margin:0 10px;width:15px;height:15px;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #fff;}
@media (max-width:767px){.swiper-pager span{width:10px;height:10px;margin:0 5px}}
.swiper-pager span:hover{cursor:pointer}
.swiper-pager span.swiper-active-switch,.swiper-pager span:hover{background:#fff;opacity:1;filter:alpha(opacity=100)}


.swiper-pager {     display: block;     bottom: .8rem; }

.es-poster .swiper-tile img {     visibility: hidden; }


.rt-section { padding: 10px 0; }


.newtitle{ font-size:20px;font-weight:bold; padding:15px 5px 15px 5px;}

@media screen and (min-width:1600px){
	.container{/*width:1446px*/}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	
	.course-list .course-item { margin-bottom:10px;}
	.course-list .course-item .title{ margin-top:0px; }
	.thumbnail{ padding:1px;margin-bottom:0px;}
	
	.container{ padding-right:5px; padding-left:5px;}
	.cd-lg-1, .cd-lg-2, .cd-lg-3, .cd-lg-4, .cd-lg-5, .cd-lg-6, .cd-lg-7, .cd-lg-8, .cd-lg-9, .cd-lg-10, .cd-lg-11, .cd-lg-12, .cd-lg-13, .cd-lg-14, .cd-lg-15, .cd-lg-16, .cd-lg-17, .cd-lg-18, .cd-lg-19, .cd-lg-20, .cd-lg-21, .cd-lg-22, .cd-lg-23, .cd-lg-24, .cd-md-1, .cd-md-2, .cd-md-3, .cd-md-4, .cd-md-5, .cd-md-6, .cd-md-7, .cd-md-8, .cd-md-9, .cd-md-10, .cd-md-11, .cd-md-12, .cd-md-13, .cd-md-14, .cd-md-15, .cd-md-16, .cd-md-17, .cd-md-18, .cd-md-19, .cd-md-20, .cd-md-21, .cd-md-22, .cd-md-23, .cd-md-24, .cd-sm-1, .cd-sm-2, .cd-sm-3, .cd-sm-4, .cd-sm-5, .cd-sm-6, .cd-sm-7, .cd-sm-8, .cd-sm-9, .cd-sm-10, .cd-sm-11, .cd-sm-12, .cd-sm-13, .cd-sm-14, .cd-sm-15, .cd-sm-16, .cd-sm-17, .cd-sm-18, .cd-sm-19, .cd-sm-20, .cd-sm-21, .cd-sm-22, .cd-sm-23, .cd-sm-24, .cd-xs-1, .cd-xs-2, .cd-xs-3, .cd-xs-4, .cd-xs-5, .cd-xs-6, .cd-xs-7, .cd-xs-8, .cd-xs-9, .cd-xs-10, .cd-xs-11, .cd-xs-12, .cd-xs-13, .cd-xs-14, .cd-xs-15, .cd-xs-16, .cd-xs-17, .cd-xs-18, .cd-xs-19, .cd-xs-20, .cd-xs-21, .cd-xs-22, .cd-xs-23, .cd-xs-24, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
		position: relative;
		min-height: 1px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.rt-section-header {    font-size: 16px;    line-height: 24px; }

	.rt-section { padding: 5px 0; }
	

	.course-info .metas .btn {padding: 3px;}
}



.doSeek a:focus, .doSeek  a:hover{ font-size:14px; color:#ff0000; font-weight:bold;}

.price-eyes-right {
    float: right;
}

.uctitle{border-bottom: 1px #eee solid;margin-bottom: 15px;}
.uctitletop{border-top: 1px #eee solid;padding-top: 15px;}

.p_01500 {	padding:0px 15px 0px 0px;}
.h4left{ border-left: 5px solid #f39800;padding-left: 10px; line-height:40px;}


.tab1, .tab2, .tab3 { pandding:20px; line-height:40px; font-size:18px; border: 1px #f1f1f1 solid; }
.activetab{ font-size:16px;font-weight: bold; background-color:#eee; border-bottom: 2px solid #23527c; color: #23527c; }
.line5 { padding:1px;background-color:#fff;clear:both;}
.b_b1	{    border-bottom: 1px #f1f1f1 solid;}