/* 
 * @Description: 课程介绍-线上课程
 * @fileName: 
 * @Author: tangsu
 * @Date: 2021-03-25 14:38:17
 * @LastEditors: longhaiyan
 * @LastEditTime: 2021-03-26 11:12:49
  */

/* banner start */
.index_banner .swiper-pagination-bullet {
    width: 60px;
	height: 4px;
	opacity: 1;
    background: rgba(108,108,108,0.2);
    border-radius: 0px;
    margin: 0px 15px;
}

.index_banner .swiper-pagination-bullet-active {
    background: #0aba80;
}


.index_banner .swiper-container-horizontal>.swiper-pagination-bullets,.index_banner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
}
.index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 15px;
}
/* banner end */

h2{
    font-size: 40px;
    color: #333333;
    /*font-family: 'siyuanMedium';*/
    text-align: center;
  }
  /*h2 span{*/
    /*color: #0aba80;*/
  /*}*/

  /* 真人教师 线上1对1直播教学 start */
  .liveTeaching{
      padding: 95px 0;
  }
  .liveTeaching h2{
      padding-bottom: 80px;
  }
  .liveSection p{
      font-size: 26px;
      color: #333333;
      font-family: siyuanRegular;
  }
  .liveSection{
    float: left;
    width: 21.6%;
    padding: 0 20px;
    text-align: center;
  }
  .liveContent{
      overflow: hidden;
  }
  /* 真人教师 线上1对1直播教学 end */

  /*  智小石 学习管家 start */
  .housekeeper{
      padding:96px 0 100px 0;
      background-color: #f2fcfc;
  }
  .housekeeper h2{
      padding-bottom: 60px;
  }
  /*  智小石 学习管家 end */

  

/*  找准关键点 start */
.keyPoints{
    padding-top: 94px;
    padding-bottom: 100px;
    position: relative;
  }
  .keyPoints .keyBg{
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .keyPoints .keyPoints h2{
    padding-bottom: 56px;
  }
  .keyPoints .teacherIntro{
    background-color: #ffffff;
    padding-top: 38px;
    padding-bottom: 30px;
    position: relative;
    padding-bottom: 60px
  }
  .keyPoints .greenBg{
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 404px;
  }
  .keyPoints .leftBg{
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 0;
    width: 419px;
    height: 554px;
  }
  .keyPoints .teacherTitle{
    color: #333333;
    font-size: 40px;
    font-family: siyuanRegular;
    padding-bottom: 38px;
    width: 750px;
    margin-left: auto;
  }
  .keyPoints .greenContent{
    padding-top: 40px;
   
  }
  .keyPoints .greenContent h3{
    font-size: 32px;
    color: #ffffff;
    font-family: siyuanBold;
    padding-bottom: 20px;
  }
  .keyPoints .greenContent p{
    color: #ffffff;
    font-size: 28px;
    font-family: siyuanRegular;
  }
  .keyPoints .yellow{
    color: #ffef6c;
  }
  .keyPoints .teacherTitle{
    position: relative;
  }
  .keyPoints .teaIntroduce{
    position: relative;
    width: 750px;
      margin-left: auto;
  }
  .keyPoints .mb1{
    margin-bottom: 17px;
  }
  .keyPoints .mb2{
    margin-bottom: 15px;
  }
  .keyPoints .ourterTeacherBanner {
    padding-bottom: 50px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px;
}
  .keyPoints .teacher_banner{
    box-shadow: 0px 16px 32px 0px 
          rgba(188, 188, 188, 0.25);
      border-radius: 10px;
  }
  /* 教师轮播 */
  .keyPoints .teacher_banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ececec;
    border-radius: 50%;
    margin: 0px 7px;
    opacity: 1;
  }
  
  .keyPoints .teacher_banner .swiper-pagination-bullet-active {
    background: #0aba80;
  }
  .keyPoints .teacher_banner .swiper-container-horizontal>.swiper-pagination-bullets,.index_banner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
  }
  .keyPoints .teacher_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 7px;
  }
  
  .keyPoints .teacher_banner .swiper-pagination{
    position: absolute;
      transition: .3s opacity;
      transform: translate3d(0,0,0);
      z-index: 10;
      left: 50%;
      bottom: 0px;
  }
  /* 下面四个模块 */
  .keyPoints .teacher_four{
   overflow: hidden;
   padding-top: 20px;
  }
  .keyPoints .fourSection{
    float: left;
    width: 23.4%;
    margin-right: 2.1%;
    position: relative;
  }
  .mr0{
  margin-right: 0 !important;
  }
  .keyPoints .fourTitle .titleBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .keyPoints .titleInner{
    position: relative;
    text-align: center;
    padding: 24px 0;
  }
  .keyPoints .titleInner span{
    font-size: 22px;
      color: #ffffff;
    font-family: siyuanRegular;
  }
  .keyPoints .titleInner .innerIcon{
    position: relative;
    top: -5px;
    padding-right: 8px;
  }
  .keyPoints .fourContent p{
    font-size: 20px;
    font-family: siyuanRegular;
      color: #333333;
    position: relative;
    padding-bottom: 12px;
  }
  .keyPoints .fourContent{
    padding: 50px 50px 38px 50px;
    background-color: #ffffff;
    box-shadow: 0px 12px 26px 0px rgb(177 190 186 / 20%);
    border-radius: 8px;
  }
  .keyPoints .fourContent p::before{
    content: "";
    position: absolute;
    top: 12px;
    left: -19px;
    width: 6px;
    height: 7px;
    background-color: #0aba80;
    border-radius: 50%;
  }
  /* 找准关键点 end  */

.coverageContent_img {
  width: 1200px;
  height: 642px;
}
.container {
  position: relative;
}
.coverageContent {
  width: 1200px;
  height: 700px;
}

.teachingService .service01 {
  width: 365px;
  left:40%;
  top:16%;
}
.teachingService .service02 {
  width: 308px;
  left: 57%;
  top: 22.5%;
}
.teachingService .service03 {
  width: 308px;
  left: 58.5%;
  top: 54.2%;
}
.teachingService .service04 {
  width: 365px;
  left: 41%;
  top: 69.5%;
}
.teachingService .service05 {
  width: 308px;
  left: 26.5%;
  top: 54.2%;
}

.teachingService .service06 {
  width: 308px;
  left: 27%;
  top: 22.5%;
}
.public_center_imgs {
  top: 39.5%;
}