.BS_com {
  margin: 0 auto;
  font-family: "Microsoft YaHe";
}
.BS_com * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.BS_common {
  /*width: 1000px;*/
  margin: 0 auto;
}
body{
  overflow-x: hidden;
}
/*-------------------  banner start ff9300-------------------*/
.l_banner {
  position: relative;
  font-size: 0;
}
.l_banner img {
  width: 100%;
  margin: 0;
  padding: 0;
  /* min-height: 200px; */
}
.l_banner_con {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  /* width: 540px; */
  min-height: 76px;
  background-color: #ffde94;
  font-size: 0;
  border-radius: 10px;
  padding-top: 9px;
  padding-left: 10px;
}
.l_banner_txt {
  line-height: 30px;
  white-space: nowrap;
  padding-right: 20px;
}
.l_banner_txt span {
  font-size: 18px;
  vertical-align: top;
}
.l_icon {
  display: inline-block;
  width: 36px;
  height: 29px;
}
.l_icon_01 {
  background: url('../images/BS/l_icon_01.png') no-repeat center center;
}
.l_icon_02 {
  background: url('../images/BS/l_icon_02.png') no-repeat center center;
}
.l_blob {
  font-weight: 500;
}
/*-------------------  banner end -------------------*/

/*-------------------  l_nav start -------------------*/
.l_nav {
  height: 60px;
  background-color: #333;
  line-height: 60px;
  font-size: 0;
  color: #fff;
  width: 100%;
}
.l_nav.l_fixed {
  position: fixed;
  top:0;
  left: 0;
  z-index: 100;
}
.l_nav_con {
  width: 780px;
  margin: 0 auto;
  /* background-color: darkcyan; */
  position: relative;
}
.l_nav_con > ul {
  list-style: none;
}
.l_nav_con  li {
  display: inline-block;
  width: 110px;
  text-align: center;
  vertical-align: top;
}

.l_nav_con  li > a{
  display: block;
  font-size: 20px;
  color: #fff;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.l_nav_con  li > a.ls_active {
  background: #535352;
  color: #eceff1;
  cursor: pointer;
}
.l_nav_con  li > a:hover {
  background: #535352;
  color: #eceff1;
}

.l_nav_baoming {
  position: absolute;
  top: -1px;
  right: -240px;
  width: 240px;
  height: 234px;
  background: url("../images/BS/l_baoming_bg.png") no-repeat center center;
  text-align: center;
  line-height: 1;
}
.l_baoming_con {
  padding: 26px 0;
}
.l_btn {
  font-family: "Microsoft YaHe";
  display: inline-block;
  width: 136px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #fff;
  color: #333;
  font-size: 16px;
  border: none;
  outline: none;
  border-radius: 4px;
  margin-left: 25px;
  margin-bottom: 8px;
}
.l_ljbm {
  background: #ff9300;
  color: #fff;
}
.l_bmdh {
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
  margin-left: 25px;
  line-height: 18px;
}
.l_bmdh_num {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 25px;
}

/*-------------------  l_nav end -------------------*/

/*-------------------  l_common start -------------------*/
.l_common {
  width: 780px;
  margin: 0 auto;
  font-size: 0;
}
.l_common ul {
  list-style: none;
  margin-top: 60px;
}
.l_common li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.l_jx_img {
  width: 235px;
  height: 234px;
  border-radius: 20px;
  margin: 30px 11.5px;
}

.l_item_tit {
  font-size: 24px;
  color: #ffa100;
  line-height: 24px;
  margin-bottom: 15px;
  letter-spacing: 3px;
}
.l_item_det {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  margin-bottom: 80px;
  letter-spacing: 1px;
}
.l_tdfb {
  width: 191px;
  height: 42px;
  line-height: 42px;
  font-size: 24px;
  color:#fff ;
  background: #ffa100;
  border-radius: 4px;
  /* background: url('../images/BS/m_zx.png') no-repeat center center; */
}
.l_ljzx {
  width: 191px;
  height: 42px;
  line-height: 42px;
  font-size: 24px;
  color:#fff ;
  background: #ffa100;
  border-radius: 4px;
  /* background: url('../images/BS/m_bm.png') no-repeat center; */

}
.l_tdfb:hover {
  background: #fff;
  color: #ffa100;
  /* background: url('../images/BS/m_zx_hover.png') no-repeat center; */
}
.l_ljzx:hover {
  background: #fff;
  color: #ffa100
  /* background: url('../images/BS/m_bm_hover.png') no-repeat center; */

}

#mymodal .modal-body{
  text-align: center;
  line-height: 1;
  /* min-height: 160px; */
  /* height: auto; */
  margin-top: 300px;
}
#mymodal{
  overflow: hidden;
  background-color:rgba(0, 0, 0, 0.5)
}
#mymodal .modal-dialog {
  width: 559px;
  height: 464px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  box-shadow: none;
  /* background: url('../images/BS/bp.png') no-repeat center center; */
}
#mymodal .modal-content {
  height: 100%;
  box-shadow: none;
  border: none;
  background: transparent url('../images/BS/bp.png') no-repeat center center;
  background-size: cover;
}
.l_bp_btn_box {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 64px;
  /* transform: translate(-50%, 0) */
}
.l_bp_btn {
  background: #b3b3b3;
  font-size: 16px;
  color: #000;
  height: 34px;
  line-height: 34px;
  width: 190px;
  margin: 9px;
  display: inline-block;

}
.l_bp_btn:hover{

}
.l_bp_btn_act {
  background: #ffc310;
}
.l_close_btn {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 0;
  cursor: pointer;
  background: url('../images/BS/close.png') no-repeat 0 0;
  background-size: 20px 20px;
}
.m_mark_content .l_line {
  margin-left: -15px;
}
/* html{
  width: 100%;
  height: 100%;
}
 .l_dialog {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.l_bg {
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
}
.l_dia_con {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 500px;
  height: 400px;
  background: url('../images/BS/bp.png') no-repeat center center;
} */

/*-------------------  l_common end -------------------*/


/*-------------------  m_common start -------------------*/

.l_txt_16 {
  font-size: 16px;
}

.m_common {
  width: 100%;
  padding-top: 5px;
  height: 1300px;
  background: url('../images/BS/gaoneng_bg.png') no-repeat center center;
  background-size: cover;
}
.m_content{
  width: 780px;
  margin: 0 auto;
}
.m_img{
  margin: 0 auto;
  display: block;
}
.m_course{
  float: left;
}
.m_course li{
  width: 178px;
  height: 238px;
  float: left;
  margin-right: 21px;
  list-style: none;
  background: url('../images/BS/m_bg.png') no-repeat center center;
}
.m_course li:last-child{
  margin-right: 0px;
}
.m_course li p:first-child{
  text-align: center;
  font-size: 24px;
  padding-top: 42px;
  padding-bottom: 22px;
  color: #fff;
}
.m_course li img{
  text-align: center;
  display: block;
  margin: 0 auto;
}
.m_course li p:last-child{
  text-align: center;
  font-size: 16px;
  padding-top: 10px;
  color: #fff;
}
.m_course_detail{
  clear: both;
  font-size: 24px;
  color: #666666;
  text-align: center;
  padding-top: 62px;
  padding-bottom: 22px;
}
.m_course_detail span{
  position: relative;
}
.m_course_detail span:before{
  content: '';
  position: absolute;
  top: 15px;
  left: -106px;
  width: 90px;
  height: 2px;
  background: #a8a9a9;
}
.m_course_detail span:after{
  content: '';
  position: absolute;
  top: 15px;
  right: -106px;
  width: 90px;
  height: 2px;
  background: #a8a9a9;
}
.m_detail{
  float: left;
  position: relative;
}
.m_detail_mark{
  position: absolute;
  top:50%;
  left: 50%;
  background: #fff;
  width: 550px;
  height: 220px;
  z-index: 98;
  border-radius:10px;
  box-shadow: 0 0 10px #cbcbcb;
  transform: translate(-50%,-50%)

}
.m_detail_mark h3{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  background: #f9f9f9;
  font-weight: 600;
  text-align: center;
}
.m_close{
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  /* font-size: 30px; */
  cursor: pointer;
  background: url(../images//BS/cha.png)no-repeat center;
  background-size:cover;
}
.m_mark_content{
  width: 100%;
  /* height: 100%; */
  padding: 0 80px;
  line-height: 22px;
}
.m_detail li{
  width: 250px;
  height: 190px;
  float: left;
  background: #fff;
  border-radius: 5px;
  list-style: none;
  padding: 0 25px;
  cursor: pointer;
}
.m_detail li.mar{
  margin-left: 12px;
  margin-right: 12px;
}
.m_detail li.mar_b{
  margin-bottom: 10px;
}
.m_detail li p:first-child{
  padding-top: 34px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.m_detail li p:last-child{
  text-align: center;
  line-height: 20px;
  font-size: 15px;
}
.m_xly{
  clear: both;
  padding-top: 44px;
  padding-bottom: 10px;
  letter-spacing: 6px;
  text-align: center;
  font-size: 24px;
}
.m_xly span{
  font-weight: 800;
}
.zx_bm{
  text-align: center;
}
.zx_bm img{
  margin: 0 5px;
}
.m_common2 {
  padding-top: 5px;
  height: 863px;
}
.teacher_detail_ul li{
  width: 89px;
  height: 85px;
  float: left;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}
.teacher_detail_dl{
  clear: both;
  padding-top: 50px;
  display: none;
}
.teacher_detail_dl dt{
  float: left;
}
.teacher_detail_dl dd{
  float: left;
  width: 560px;
  padding-left: 34px;

}
.l_blob_24 {
  font-weight: 700;
}
.teacher_detail_dl p{
  font-size: 24px;
}
.teacher_detail_ol{
  padding-top: 24px;
}
.teacher_detail_ol li{
  font-size: 16px;
  line-height: 26px;
  list-style: disc;
  color: #ff9702;
}
.teacher_detail_ol li span{
  color: #454545;
}
.m_big_img{
  position: absolute;
  top: -8px;
  left: -8px;
  width: 104px;
  max-width: 104px;
  height: 100px;
  display: none;
}
.m_zd {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  color: #000;
  padding-bottom: 38px;
}
/*-------------------  m_common end -------------------*/


/*-------------------  s_common start -------------------*/

.s_common{
  width: 100%;
  height: 1170px;
  background: url("../images/s_bg1.jpg")no-repeat center;
  background-size: cover;
}
.efficient{
  width: 780px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.efficient .titleimg{
  display: block;
  margin: 0 auto;
  margin-top: 5px;
}
.efficient .sanjiaoimg{
  display: block;
  margin: 0 auto;
  margin-top: 6px;
}
.efficient p{
  letter-spacing: 5px;
  font-size: 18px;
  line-height: 70px;
}
.efficient .tifen_div{
  width: 100%;
  height: 260px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
}
.efficient .tifen_div h3{
  font-size: 24px;
  line-height: 40px;
  width: 216px;
  background: #fff;
  margin: 0 auto;
  position: relative;
  bottom: -20px;
  letter-spacing: 5px;
}
.efficient .tifen_div .line{
  width: 520px;
  height: 1px;
  background: #a4a4a4;
  margin: 0 auto 50px;

}
.efficient .tifen_div ul{
  width: 520px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.efficient .tifen_div li{
  font-size: 16px;
  color: #333;
  text-align: left;
  margin-bottom: 18px;
}
.efficient .tifen_div li span{
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  background: #ffa100;
  border-radius: 6px;
  margin-right: 16px;
}
/* 清爽 */
.fresh_cool{
  width: 100%;
  height: 760px;
}
.fresh_cool .s_fresh_cool{
  width: 780px;
  margin: 0 auto;
  text-align: center;
}
.fresh_cool .titleimg{
  margin-top: 5px;
}
.fresh_cool .photo_wall{
  width: 100%;
  height: 370px;
}
.fresh_cool .photo_wall .big_img img{
  display: none;
}
.fresh_cool .photo_wall .big_img img.show{
  display: block;
}
.fresh_cool .photo_wall .small_img img{
  float: left;
  margin-right:-3px;
  border: 3px solid transparent;
}
.fresh_cool .photo_wall .small_img img.show{
  border: 3px solid #ff9702;
  border-radius: 10px;
 }
 .fresh_cool .photo_wall .small_img{
   margin-top: 26px;
 }







/*-------------------  s_common end -------------------*/



/*-------------------  h_common start -------------------*/
.h_common {
  width: 100%;
  clear: both;
  background: url("../images/BS/he_item.png")no-repeat center;
  background-size: cover;
}
.h_main_item{
  width: 778px;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 140px;

}
.clearfix:before,.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after { clear:both; }
.h_main_header img{
  display: block;
  margin: 0 auto;
}
.h_main_content{

}
.h_title_header{
  height: 51px;
  padding: 5px;
  margin-top:20px;
  border-radius: 10px;
  margin-bottom: 40px;
  background: #fff;
  font-size: 0;

}
.h_title_header li{
  padding:11px 40px;
  text-align: center;
  font-size: 16px;
  float: left;
  cursor: pointer;
  /*margin-left: 5px;*/
}
.l_active{
  /*width: 118px;*/
  background: #ff9702;
  font-size: 18px;
  border-radius: 8px;
  font-weight: 800;
  color: #fff;
}
.li_item{
  display: none;
}
.li_item.li_item_active{
  display:inline-block;
}
.li_container{
  clear: both;
  /*padding-top: 20px;*/
}
.he_live_left{
  padding: 20px 48px 0 22px;
}
.he_live_right{
  width: 490px;
  padding-top:10px;
}
.h_title_one{
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.h_title_two{
  padding: 8px 0;
}

.h_title_two span,.h_title_three .h_zhiye span{
  font-size: 16px;
  color: #333;
}
.h_title_two span:nth-child(2),.h_title_three .h_zhiye span:nth-child(2){
  color: #000;
  font-weight: bold;
}
.he_live_right,.he_live_left{
  float: left;
}
.h_title_four{
  height: 10px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  clear: both;
  padding-top: 24px;
}
.h_score{
  position: relative;
  margin-top: -48px;
}
.h_score span{
  font-size: 16px;
  color: #333;
}
.h_score span:nth-child(2){
  font-size: 24px;
  color: #ffa100;

}
.h_common_img{
  height: 798px;
  width: 100%;
  background: url('../images/BS/pp1.png') no-repeat center center;
  background-size:cover;
  /*background-size: ;*/
}
.h_common_img img{
  display: block;
  margin: 0 auto;
}
.h_common_img img{
  display: block;
  margin: 0 auto;
}
/*-------------------  h_common end -------------------*/
#warning3 {
  position: absolute;
  border-radius: 156px;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 15px;
  top: 5px;
  left: 91px;
  text-align: center;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #FF0004;
  color: #ffffff;
}
.sign_up {
  background-color:#48d04c;
}

.som_up {
  background-color:#ff8e01;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}