@charset "utf-8";
/* CSS Document */
.nav_m {background-color:#2c609c;
	 margin:15px 0;
	 padding:0px 45px;}
.nav_m ul li a{  font-size:16px; background-color:#2c609c; padding:15px 25px; color:#FFF; float:left; }
.nav_m ul li a:hover{ background-color:#184a84;}

.nav_m ul li a{ background-color:#375a9c; font-size:18px; height:100px; line-height:100px; margin:1%;  width:30%; text-align:center; float:left; color:#FFF; padding:0 10px;  overflow:hidden; }
.nav_m ul li a:hover { background-color:#184a84;}

.cp_m ul li a{ background-color:#375a9c; font-size:18px; height:200px; line-height:200px; margin:1%;  width:30%; text-align:center; float:left; color:#FFF; padding:0 10px;  overflow:hidden; }
.cp_m ul li a:hover { background-color:#184a84;}
/*~~~~~~~~~~~~~~~~~~~~ 蜂巢导航 ~~~~~~~~~~~~~~~~~~~~*/
.banner-nav{ background: #525252 url(../images/topbj.jpg) center top no-repeat; width:100%;}

/*~~~~~~~~~~~~~~~~~~~~ hotclass最热课程 ~~~~~~~~~~~~~~~~~~~~*/

.hotclass{
	 background-color:#FFF;
	 margin:0;
	 padding:20px;
	 font-size:17px
}
.hotclass .fa-star{ background-color:#2c609c; color:#FFF; padding:5px; width:90px; text-align:right; font-size:22px}
.hotclass .fa-heart{ background-color:#2c609c; color:#FFF; padding:5px; width:90px; text-align:right; font-size:22px}
.hotclass .fa-users,.hotclass .fa-user{ color:#2c609c; padding:5px; font-size:22px}
.hotclass .fa-graduation-cap, .hotclass .fa-magnet, .hezuo .fa-graduation-cap{ color:#2c609c; padding:5px; font-size:22px}
.more {background-color:#2c609c; padding:10px 20px; font-size:13px;border-radius:3px;}
.more a { color:#FFF}
.more a:hover{ text-decoration:underline}
.hotclass img{ width:100%; }
.box { margin-top:3px; margin-bottom:20px}
.box a{ position:relative; color:#FFF}

.protext{ height:35px; text-align:center; position:absolute; z-index:9;  bottom:5px; font-size:14px;  right:0px; left:0; }
.protext a{ color:#FFF}
.protext{background:rgba(0,0,0,0.3) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=30);/*实现IE背景透明*/ 
 }
.protext p{ position:relative; padding-top:8px}/*实现IE文字不透明*/
/*.protext{ display:none}
.box:hover div.protext{
		display:block;
		}	*/
.boxright{ margin-top:4px;}	
.boxright a { color:#FFF;position:relative;}
.boxright:hover div.protext{
		display:block;
		}
.boxright2{ margin-top:4px; padding-left:15px; padding-right:15px}
.boxright2 a { color:#FFF;position:relative;}
.boxright2:hover div.protext{
		display:block;
		}
.teacher{}
.teacher .teacher-image {
    float: left;
    margin: 10px;
    position: relative;
}

.teacher .teacher-image img {
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    height: 140px !important;
    width: 140px !important;
	border:2px #fff solid;
}

.teacher .teacher-image img:hover{
	border:2px #cbcbcb solid;
}
.teacher li{ text-align:center}
.teacher h3 { font-size:16px; color:#2c609c; }
.teacher h4 { font-size:13px; color:#666666;line-height:35px;}
.media .media-image {
    float: left;
    margin:5px 20px;
	
}

.media .media-image img {
    width: 100%;
	border:5px #e5e5e5 solid;
}
.media .media-image img:hover{
	border:5px #cbcbcb solid;
}
.media li{ text-align:center; padding-bottom:10px;}
.media h3 { font-size:14px; color:#666666; }
.kczs ul li{ padding-top:30px; padding-bottom:30px; border-top:1px solid #CCC; }
/*最新课程标签*/
.kcbq{background-color:#FFF;
	 margin:0;
	 padding:20px;}
.kcbq .title{ font-size:18px; background-color:#2c609c; padding:8px; color:#FFF}
.kcbq .more {  font-size:16px; background-color:#2c609c; padding:8px; color:#FFF}

.kcbq ul li  {  font-size:16px; background-color:#2c609c; padding:8px; color:#FFF; float:left; margin:5px;}
.fa-paper-plane{ font-size:20px}
/*合作院校*/
.hezuo{background-color:#FFF;
	 margin: 0;
	 padding:20px;
	 }
.hezuo .title{font-size:17px}
.hezuo .hezuo-image {
    float: left;
    margin: 5px;
    position: relative;
}

.hezuo .hezuo-image img {
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    height: 120px !important;
    width: 120px !important;
	border:2px #fff solid;
}
.hezuo .hezuo-image img:hover{
	border:2px #cbcbcb solid;
}
.hezuo  li{ text-align:center; width:130px; float:left;}
.hezuo  li h3{ font-size:16px; }
/*页脚静态页*/
.xy p{ text-indent:2em; line-height:28px; color:#505050 }
.xy img{ width:100%}
/*使用帮助*/
.tocify {
  overflow: auto;
  overflow-x: hidden;
  background: #fff; }
  .tocify ul, .tocify li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 30px; }

.tocify-header {
  text-indent: 10px; }

.tocify-subheader {
  text-indent: 20px;
  display: none; }
  .tocify-subheader li {
    font-size: 12px; }

.tocify-subheader .tocify-subheader {
  text-indent: 30px; }

.tocify-subheader .tocify-subheader .tocify-subheader {
  text-indent: 40px; }

.affix {
  top: 0;
  width: 293px; }

.affix-top {
  margin-top: 0; }
.help-article, .about-article {
  padding-left: 10px;
  margin-top: -30px;
  margin-bottom: 80px; }
  .help-article p{ line-height:26px; font-size:14px}
 
  .help-article h1, .about-article h1 {
    padding-left: 10px;
    margin: 30px 0 20px -10px;
    font-weight: 100;
    background: #fff;
    font-size: 30px;
    line-height: 60px; }
  .help-article h2, .about-article h2 {
    font-size: 20px;
    line-height: 40px;
    margin: 20px 0 12px 0;
    clear: both; }
  .help-article h3, .about-article h3 {
    font-size: 18px;
    line-height: 40px;
    margin: 20px 0 12px 0;
    clear: both; }
  .help-article h4, .about-article h4 {
    font-size: 16px;
    line-height: 40px;
    margin: 20px 0 12px 0;
    clear: both; }
  .help-article img, .about-article img {
    margin-left: 2%;
    max-width: 90%; margin-top:15px; margin-bottom:5px; }

.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }	

	
	
	
@media (max-width: 992px) {
.hotclass{
	 font-size:16px
}
.hezuo .title{
	 font-size:16px
}
.hotclass .fa-star{ background-color:#2c609c; color:#FFF; padding:5px; width:40px; text-align:right; font-size:18px}
.hotclass .fa-heart{ background-color:#2c609c; color:#FFF; padding:5px; width:40px; text-align:right; font-size:18px}
.more { padding:5px 15px; font-size:12px;}	
	.teacher .teacher-image {
    float: left;
    margin: 8px;
    position: relative;
}
.teacher .teacher-image img {
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    height: 120px !important;
    width: 120px !important;
	border:2px #fff solid;
}
.teacher h3 { font-size:14px; color:#2c609c; }
.teacher h4 { font-size:11px; color:#666666;line-height:25px;}
.boxright2{ margin-top:4px; padding-left:12px; padding-right:12px}
}

@media (max-width: 768px) {
.hotclass{
	 font-size:14px
}
.hezuo .title{
	 font-size:14px
}
.hotclass .fa-star{ background-color:#2c609c; color:#FFF; padding:5px; width:40px; text-align:right; font-size:16px}
.hotclass .fa-heart{ background-color:#2c609c; color:#FFF; padding:5px; width:40px; text-align:right; font-size:16px}
.more { padding:3px 10px; font-size:11px;}	
.protext p{padding-top:3px}
.protext{ height:30px; font-size:12px; width:100%; right:0px; }
.protext{ display:block}
.media h3 {
    font-size: 13px;
}
.boxright2{ margin-top:4px; padding-left:15px; padding-right:15px}
.media .media-image {
    float: left;
    margin: 10px 10px 5px 10px;
}

}
.mr_frbox { padding: 24px 22px 0px; }
.mr_frBtnL { float: left; margin: 45px 22px 0px 0px; cursor: pointer; display: inline;  }
.mr_frUl { float: left;  }
.mr_frBtnR { float: right; margin-top: 45px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; margin: 5px; overflow: hidden; }
.mr_frUl ul li img { display: block; }

/*footerlink*/
.footerlink{ width:100%; background-color:#2c609c; padding:20px; color:#FFF  }
.footerlink-l{ margin-bottom:20px }
.footerlink-l h3{ line-height:50px;}
.footerlink-m { border-left:#FFF 1px solid; padding-left:20px;margin-bottom:20px}
.footerlink-m ul li{ line-height:30px;}
.footerlink-m ul li a{ color:#FFF}
.footerlink-m ul li a:hover{ text-decoration:underline}
.footerlink-r img{ width:100%; max-width:145px}
.share{ text-align:right}
.share h5{ padding:10px}
.share ul{
		margin: 0;
		padding:0px;
		}
.share ul li{
		display:inline-block;
		margin: 0px 2px;
		
		}
.share ul li a.weixin{
		background:url(../images/sprite.png) no-repeat 0px 0px;
		display:block;
		width:45px;
		height:45px;
		transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
		}
.share ul li a.xinlang{
		background:url(../images/sprite.png) no-repeat -50px 0px;
		display:block;
		width:45px;
		height:45px;
		transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
		}
.share ul li a.qq{
		background:url(../images/sprite.png) no-repeat -102px 0px;
		display:block;
		width:45px;
		height:45px;
		transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
		}
.share ul li a.weixin:hover{
		background:url(../images/sprite.png) no-repeat 0px -47px;
		display:block;
		}
.share ul li a.xinlang:hover{
		background:url(../images/sprite.png) no-repeat -50px -47px;
		display:block;
		}
.share ul li a.qq:hover{
		background:url(../images/sprite.png) no-repeat -102px -47px;
		display:block;
		}
.carousel-control{ font-size: 100px; top:43%;}
.carousel-control.left, .carousel-control.right{ background-image:none}		
@media (max-width: 768px) {

	.footerlink-m { border-left: none;}
	.footerlink-m .col-sm-4{ width:30%; float:left}
	.footerlink-r .col-sm-8{ width:65%; float:left}
	 .footerlink-r .col-sm-4{ width:35%; float:left}
	 .carousel-control{ font-size: 60px; top:25%;}
}

.ban img{ width:100%;}