/*普通字体和按钮颜色*/
/*渐变色 上浅下深*/
/*突出色橘色*/
/*头部导航*/
.nav_one {
  font-weight: bold;
}
/*banner*/
.carouselOne {
  width: 100%;
  margin-top:80px;
  height: 900px;
  background: -webkit-linear-gradient(top, #239696, #5A5A5A);
  background: -moz-linear-gradient(top, #239696, #5A5A5A);
  background: -o--linear-gradient(top, #239696, #5A5A5A);
  /*兼容IE 9 10*/
  background: -ms-linear-gradient(top, #239696, #5A5A5A);
  background: linear-gradient(top, #239696, #5A5A5A);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@liner-gradient-color-to', endColorstr='@liner-gradient-color-from', GradientType=0);
}
.carouselOne .swiper-container {
  width: 100%;
  height: 900px;
}
.carouselOne .swiper-container .swiper-wrapper .swiper-slide {
  padding-top: 80px;
  width: 100%;
  height: 900px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one {
  background: url("../../images/p_index/banner1-bg.jpg") no-repeat center center;
  background-size: 100% 100%;
  position: relative;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one p {
  font-size: 70px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .oneToOne {
  margin-top: 65px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .consultUs {
  margin: 25px auto 0px;
  width: 160px;
  height: 50px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .consultUs .btnCommon {
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #269394;
  border: none;
  cursor: pointer;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .consultUs .btnCommon img {
  vertical-align: middle;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut {
  width: 100%;
  height: 500px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg {
  width: 900px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg img {
  position: absolute;
  bottom: 4px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .ipadIcon {
  width: 155px;
  height: 233px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .ipadIcon .ipad {
  left: 135px;
  -webkit-transform: translateX(-34%);
  -moz-transform: translateX(-34%);
  -ms-transform: translateX(-34%);
  -o-transform: translateX(-34%);
  transform: translateX(-34%);
  z-index: 3;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon {
  width: 499px;
  height: 420px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon .imac {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon s {
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon .indexBg1 {
  width: 450px;
  height: 258px;
  background: url("../../images/p_index/indexBg.png");
  bottom: 143px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon .indexBg2 {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 46%;
  z-index: 3;
  bottom: 238px;
  cursor: pointer;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon .indexBg2 i {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url("../../images/p_index/audioPlayBtn.png");
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .imacIcon .indexBg2:hover {
  -webkit-animation: rotateForever 1s infinite linear;
  -o-animation: rotateForever 1s infinite linear;
  animation: rotateForever 1s infinite linear;
}
@-webkit-keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .mac2Icon {
  width: 356px;
  height: 206px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .padMacimgOut .padMacimg .mac2Icon .imac2 {
  right: -260px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.carouselOne .swiper-container .swiper-wrapper .btnSlide .layout {
  height: 820px;
  position: relative;
}
.carouselOne .swiper-container .swiper-wrapper .btnSlide .layout button {
  width: 350px;
  height: 100px;
  font-size: 40px;
  color: #ff7e00;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
}
.carouselOne .swiper-container .swiper-wrapper .slide_two {
  background: url("../../images/p_index/banner2-bg.jpg") no-repeat center #329393;
}
.carouselOne .swiper-container .swiper-wrapper .slide_three {
  padding-top: 155px;
  width: 100%;
  background: url("../../images/p_index/banner3-bg.jpg") no-repeat center;
}
.carouselOne .swiper-container .swiper-wrapper .slide_four {
  padding-top: 155px;
  width: 100%;
  background: url("../../images/p_index/banner4-bg.jpg") no-repeat center;
}
.carouselOne .swiper-container .swiper-wrapper .slide_five {
  padding-top: 155px;
  width: 100%;
  background: url("../../images/p_index/banner5-bg.jpg") no-repeat center;
}

.carouselOne .swiper-container .swiper-wrapper .slide_one ul li,
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li,
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li {
  color: #f17e2e;
  text-align: left;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(1),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(1),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(1) {
  font-size: 110px;
  margin-bottom: 31px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(2),
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(3),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(2),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(3),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(2),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(3) {
  font-size: 60px;
  line-height: 68px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(3),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(3),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(3) {
  margin-bottom: 49px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(4),
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(5),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(4),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(5),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(4),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(5) {
  font-size: 20px;
  line-height: 30px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one ul li:nth-child(5),
.carouselOne .swiper-container .swiper-wrapper .slide_two ul li:nth-child(5),
.carouselOne .swiper-container .swiper-wrapper .slide_three ul li:nth-child(5) {
  margin-bottom: 100px;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .consultUs,
.carouselOne .swiper-container .swiper-wrapper .slide_two .consultUs,
.carouselOne .swiper-container .swiper-wrapper .slide_three .consultUs {
  margin: 0!important;
}
.carouselOne .swiper-container .swiper-wrapper .slide_one .consultUs button,
.carouselOne .swiper-container .swiper-wrapper .slide_two .consultUs button,
.carouselOne .swiper-container .swiper-wrapper .slide_three .consultUs button {
  color: #269394;
}

.carouselOne .swiper-container .swiper-button-prev,
.carouselOne .swiper-container .swiper-button-next {
  width: 40px;
  height: 80px;
  background-size: 40px 80px;
}
.carouselOne .swiper-container .swiper-button-prev {
  background-image: url("../../images/p_index/left.png");
  left: 0!important;
}
.carouselOne .swiper-container .swiper-button-prev:hover {
  background-image: url("../../images/p_index/left-hover.png");
}
.carouselOne .swiper-container .swiper-button-next {
  background-image: url("../../images/p_index/right.png");
  right: 0!important;
}
.carouselOne .swiper-container .swiper-button-next:hover {
  background-image: url("../../images/p_index/right-hover.png");
}
.carouselOne .swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-right: 30px;
  background: #fff;
  opacity: .5;
}
.carouselOne .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.carouselOne .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px!important;
}
/*视频播放弹框*/
.vedioOut {
  width: 800px;
  height: 541px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  padding: 10px 10px 0;
  top: 50%!important;
}
.vedioOut .closeTankuang {
  right: -60px !important;
}
.vedioOut video {
  width: 780px;
  height: 490px;
}
.vedioOut .foot_close {
  height: 47px;
  line-height: 32px;
  padding: 0 10px;
  font-size: 16px;
}
.vedioOut .foot_close span {
  color: #474D58;
}
.vedioOut .foot_close a {
  display: inline-block;
  float: right;
  color: #f2a614;
}
/*双蛋活动弹框*/
.lotteryMask {
  z-index: 9999;
}
.lotteryMask .toLottery {
  width: 380px;
  height: 450px;
  background: url("../../images/p_index/lottery.png") no-repeat;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.lotteryMask .toLottery .lotteryErweima {
  width: 232px;
  height: 232px;
  margin-top: 90px;
  margin-bottom: 10px;
}
.lotteryMask .toLottery p {
  font-size: 26px;
  color: #A2A2A2;
  text-align: center;
}
.lotteryMask .toLottery .lotteryClose {
  width: 38px;
  height: 38px;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
}
/*联系我们公共样式*/
.consultUs {
  margin: 90px auto 0px;
  width: 160px;
  height: 45px;
  line-height: 45px;
}
.consultUs .btnCommon {
  margin-top: 20px;
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  color: #3a74d9;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
.consultUs .btnCommon img {
  vertical-align: middle;
}
/*教学数量*/
.teacherNumber {
  width: 100%;
}
.teacherNumber .layout {
  height: 348px;
}
.teacherNumber .layout ul {
  height: 348px;
}
.teacherNumber .layout ul li {
  float: left;
  width: 33%;
  width: 215px;
  height: 108px;
  margin: 120px 0;
  text-align: center;
  position: relative;
}
.teacherNumber .layout ul li s {
  position: absolute;
  top: -6px;
  left: 95%;
}
.teacherNumber .layout ul li p:nth-child(1) {
  font-size: 60px;
  color: #474d58;
}
.teacherNumber .layout ul li p:nth-child(3) {
  margin-top: 6px;
  font-size: 16px;
  color: #6f7783;
}
.teacherNumber .layout ul .numberTwo {
  width: 445px;
  border-left: 1px solid #dadfe6;
  border-right: 1px solid #dadfe6;
}
.teacherNumber .layout ul .numberTwo s {
  left: 78%;
}
.teacherNumber .layout ul li:nth-child(1) {
  float: left;
  margin-right: 175px;
}
.teacherNumber .layout ul li:nth-child(3) {
  float: right;
}
/*六大理由选择我们*/
.sixReason {
  width: 100%;
  height: 1060px;
  background-color: #f8f9fb;
  padding: 130px 0;
}
.sixReason .layout {
  text-align: center;
}
.sixReason .layout ul {
  margin-top: -10px;
}
.sixReason .layout ul li {
  float: left;
  width: 200px;
  margin-top: 90px;
  margin-right: 290px;
}
.sixReason .layout ul li img {
  display: inline-block;
  width: 210px;
  height: 150px;
  margin-bottom: 10px;
}
.sixReason .layout ul li p:nth-child(2) {
  color: #2b333f;
  font-size: 33px;
}
.sixReason .layout ul li p:nth-child(3) {
  color: #6f7783;
  font-size: 20px;
  margin-top: 28px;
}
.sixReason .layout ul .li3,
.sixReason .layout ul .li6 {
  float: right;
  margin-right: 0;
}
/*公共的标题*/
.layout .commonTitle {
  font-size: 48px;
  color: #464d58;
}
.layout .commonCon {
  font-size: 20px;
  color: #6f7783;
  margin-top: 30px;
}
/*帮你请到好老师*/
.attachmentCommon {
  height: 315px;
  width: 100%;
  background-repeat: no-repeat !important;
  background-attachment: fixed!important;
  background-size: cover!important;
  position: relative;
}
.attachmentCommon .layout {
  padding-top: 145px;
  color: #fff;
  position: relative;
}
.attachmentCommon .layout p:nth-child(1) {
  font-size: 50px;
}
.attachmentCommon .layout p:nth-child(2) {
  font-size: 20px;
  padding-top: 5px;
}
.attachmentCommon .layout i.teacherSanjiao {
  display: block;
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: rgba(178, 170, 167, 0.8) transparent transparent transparent;
  position: absolute;
  left: 59px;
  bottom: -83px;
  z-index: 2;
}
.attachmentCommon .attachSanjiao {
  width: 100%;
  height: 25px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.goodTeacher {
  background: url("../../images/p_index/z-laoshi.jpg") no-repeat;
  background-position: 49% 80%;
}
/*什么是嗨森式好老师*/
.aboutGoodTeacher {
  width: 100%;
  height: 1050px;
  background-color: #fff;
}
.aboutGoodTeacher .layout {
  width: 1200px;
  height: 1025px;
}
.aboutGoodTeacher .layout .good_teacher {
  height: 500px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left {
  float: left;
  width: 610px;
  height: 460px;
  margin-top: 40px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .why_teacher {
  color: #2b333f;
  font-size: 35px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs {
  margin: -15px 0px 0px;
  width: 160px;
  height: 45px;
  line-height: 45px;
  position: relative;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs button {
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs button img {
  vertical-align: middle;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs .contact_one {
  color: #fff;
  background-color: #269394;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs .btn_mask {
  content: '';
  display: block;
  width: 0px;
  color: #fff;
  background: -webkit-linear-gradient(right, #edde5d, #f09819);
  position: absolute;
  left: 0px;
  top: 0;
  transition: with 1s;
}
.aboutGoodTeacher .layout .good_teacher .teacher_left .consultUs .contact_one:hover {
  width: 160px;
}
@keyframes show {
  from {
    width: 0px;
  }
  to {
    width: 160px;
  }
}
.aboutGoodTeacher .layout .good_teacher .teacher_right {
  display: inline-block;
  float: right;
  width: 578px;
  height: 442px;
  background: url("../../images/p_index/mapN1.png") no-repeat;
  position: relative;
  margin-top: 90px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right strong {
  display: inline-block;
  width: 35px;
  height: 48px;
  background: url("../../images/p_index/xiao-1.png");
  position: absolute;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapOne {
  left: 270px;
  bottom: 180px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapTwo {
  right: 200px;
  bottom: 240px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapThree {
  right: 120px;
  top: 125px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapFour {
  width: 30px;
  height: 40px;
  background: url("../../images/p_index/small_arow.png");
  right: 80px;
  bottom: 200px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapFive {
  right: 140px;
  bottom: 95px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapSix {
  right: 135px;
  bottom: 170px;
}
.aboutGoodTeacher .layout .good_teacher .teacher_right .mapSeven {
  width: 30px;
  height: 40px;
  background: url("../../images/p_index/small_arow.png");
  right: 220px;
  bottom: 140px;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes downhill {
  0% {
    bottom: 300px;
  }
  90% {
    bottom: 190px;
  }
  95% {
    bottom: 170px;
  }
  100% {
    bottom: 190px;
  }
}
@keyframes downhill2 {
  from {
    top: 50px;
  }
  to {
    top: 151px;
  }
}
@keyframes downhill3 {
  from {
    top: 21px;
  }
  to {
    top: 121px;
  }
}
@keyframes downhill4 {
  from {
    bottom: 285px;
  }
  to {
    bottom: 185px;
  }
}
@keyframes downhill5 {
  from {
    bottom: 278px;
  }
  to {
    bottom: 178px;
  }
}
@keyframes downhill6 {
  from {
    bottom: 207px;
  }
  to {
    bottom: 107px;
  }
}
@keyframes downhill7 {
  from {
    bottom: 242px;
  }
  to {
    bottom: 142px;
  }
}
.aboutGoodTeacher .layout .rise_score {
  margin: 130px 0;
  height: 415px;
}
.aboutGoodTeacher .layout .rise_score .rscore_left {
  float: left;
  width: 480px;
  height: 415px;
  position: relative;
}
.aboutGoodTeacher .layout .rise_score .rscore_left .swiper-slide {
  height: 300px;
}
.aboutGoodTeacher .layout .rise_score .rscore_left .swiper-slide img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.aboutGoodTeacher .layout .rise_score .rscore_left s {
  display: inline-block;
  width: 480px;
  height: 140px;
  background: url("../../images/p_index/xiao01banner-xiamian.png") no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}
.aboutGoodTeacher .layout .rise_score .rscore_right {
  float: left;
  margin-left: 95px;
  width: 625px;
}
.aboutGoodTeacher .layout .rise_score .rscore_right p:nth-child(1) {
  color: #2b333f;
  font-size: 35px;
}
.aboutGoodTeacher .layout .rise_score .rscore_right p:nth-child(2) {
  color: #6f7783;
  font-size: 20px;
  margin-top: 30px;
}
.aboutGoodTeacher .layout .rise_score .rscore_right ul.riseScoreWay {
  width: 625px;
}
.aboutGoodTeacher .layout .rise_score .rscore_right ul.riseScoreWay li {
  float: left;
  width: 300px;
  height: 70px;
  margin-right: 2%;
}
.aboutGoodTeacher .layout .rise_score .rscore_right ul.riseScoreWay li .high_teach {
  margin-left: 10px;
}
/*什么是嗨森式好老师公共样式*/
ul.whyTeacher {
  padding-top: 45px;
  margin-bottom: 70px;
}
ul.whyTeacher li {
  height: 70px;
  margin-bottom: 40px;
}
ul.whyTeacher li s {
  float: left;
  display: inline-block;
  width: 51px;
  height: 45px;
  margin-top: 12px;
  background-image: url("../../images/p_index/tubiaodaquan.png");
}
ul.whyTeacher li .whyOne,
ul.whyTeacher li .whyTen {
  background-position: 0px 0px;
}
ul.whyTeacher li .whyTwo {
  background-position: 0px -73px;
}
ul.whyTeacher li .whyThree {
  background-position: 0px -155px;
}
ul.whyTeacher li .whyFour {
  background-position: 0px -244px;
}
ul.whyTeacher li .whyFive,
ul.whyTeacher li .whyNine {
  background-position: 0px -321px;
}
ul.whyTeacher li .whySix {
  background-position: 0px -395px;
}
ul.whyTeacher li .whySeven {
  background-position: 0px -466px;
}
ul.whyTeacher li .whyEight {
  background-position: 0px -541px;
}
ul.whyTeacher li .high_teach {
  float: left;
  margin-left: 22px;
}
ul.whyTeacher li .high_teach p:nth-child(1) {
  color: #6f7783;
  font-size: 20px!important;
}
ul.whyTeacher li .high_teach p:nth-child(2) {
  color: #FFFFFF;
  font-size: 15px!important;
  margin-top: 10px!important;
}
ul.whyTeacher li .indexTeacher p:nth-child(1) {
  color: #6f7783!important;
}
ul.whyTeacher li .indexTeacher p:nth-child(2) {
  color: #afb0b2;
}
/*全科专业课程体系*/
.professional_system .system_content img.indexImg {
  width: 150px!important;
  height: 150px!important;
}
/*全学科课程规划*/
/*六大课程优势*/
.courseAdvantage {
  width: 100%;
  height: 1040px;
  padding-top: 170px;
  background-color: #fff;
  position: relative;
  z-index: 100;
}
.courseAdvantage .layout {
  height: 980px;
  margin: 0 auto;
  position: relative;
}
.courseAdvantage .layout .commonTitle,
.courseAdvantage .layout .commonCon {
  text-align: center;
}
.courseAdvantage .layout .commonAdvantage {
  margin-top: 100px;
  width: 290px;
}
.courseAdvantage .layout .commonAdvantage li {
  text-align: left;
}
.courseAdvantage .layout .commonAdvantage li h5 {
  color: #2b333f;
  font-size: 35px;
}
.courseAdvantage .layout .commonAdvantage li p {
  font-size: 14px;
  line-height: 25px;
  color: #6f7783;
  margin-top: 30px;
}
.courseAdvantage .layout .advantageLeft {
  float: left;
}
.courseAdvantage .layout .advantageLeft li {
  margin-bottom: 50px;
}
.courseAdvantage .layout .advantageMiddle {
  display: inline-block;
  width: 345px;
  height: 531px;
  background: url("../../images/p_index/chahua.png");
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 238px;
}
.courseAdvantage .layout .advantageRight {
  float: right;
}
.courseAdvantage .layout .advantageRight li {
  margin-bottom: 75px;
}
/*多位优秀学员鼎力推荐*/
.studentsRecommend {
  width: 100%;
  background-color: #f8f9fb;
}
.studentsRecommend .layout {
  padding: 130px 0;
}
.studentsRecommend .layout .commonTitle,
.studentsRecommend .layout .commonCon {
  text-align: center;
}
.studentsRecommend .layout .remommend_top {
  margin-top: 100px;
  height: 300px;
}
.studentsRecommend .layout .remommend_top .recomendLeft {
  width: 495px;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon {
  height: 300px;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon h6 {
  color: #2b333f;
  font-size: 30px;
  font-weight: normal;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon .threeBtn {
  margin-top: 30px;
  height: 40px;
  line-height: 40px;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon .threeBtn span {
  display: inline-block;
  height: 40px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-right: 10px;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon .threeBtn span:nth-child(1) {
  width: 180px;
  background-color: #f17e2e;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon .threeBtn span:nth-child(2) {
  width: 130px;
  background-color: #269394;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon .threeBtn span:nth-child(3) {
  width: 130px;
  background-color: #aaafb5;
}
.studentsRecommend .layout .remommend_top .recomendLeft .studentCommon p {
  margin-top: 40px;
  color: #6f7783;
  font-size: 14px;
  line-height: 30px;
}
.studentsRecommend .layout .remommend_top .recommendRight {
  position: relative;
}
.studentsRecommend .layout .remommend_top .recommendRight em {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  bottom: 0;
}
.studentsRecommend .layout .remommend_top .recommendRight .personOne {
  width: 281px;
  height: 298px;
  background: url("../../images/p_index/rw01.png") no-repeat;
  right: 272px;
  bottom: -18px;
  z-index: 3;
}
.studentsRecommend .layout .remommend_top .recommendRight .personTwo {
  width: 246px;
  height: 262px;
  background: url("../../images/p_index/rw02.png") no-repeat;
  right: 174px;
  z-index: 2;
}
.studentsRecommend .layout .remommend_top .recommendRight .personThree {
  width: 246px;
  height: 259px;
  background: url("../../images/p_index/rw03.png") no-repeat;
  right: 0;
  z-index: 1;
}
.studentsRecommend .layout .remommend_top .recommendRight .personOne_active {
  background: url("../../images/p_index/rw01-1.png") no-repeat !important;
  bottom: 0px!important;
  z-index: 3!important;
}
.studentsRecommend .layout .remommend_top .recommendRight .personTwo_active {
  width: 272px;
  height: 301px;
  background: url("../../images/p_index/rw02-1.png") no-repeat !important;
  z-index: 3!important;
}
.studentsRecommend .layout .remommend_top .recommendRight .personThree_active {
  background: url("../../images/p_index/rw03-1.png") no-repeat !important;
  z-index: 3!important;
}
.studentsRecommend .layout .remommend_top .student_active {
  display: none;
}
.studentsRecommend .layout .recomend_bottom {
  width: 100%;
  position: relative;
}
.studentsRecommend .layout .recomend_bottom table {
  width: 100%;
  text-align: center;
  cellspacing: 0;
  cellpadding: 0;
}
.studentsRecommend .layout .recomend_bottom table caption {
  width: 100%;
  height: 120px;
  line-height: 120px;
  color: #fff;
  font-size: 40px;
  background-color: #7e848e;
}
.studentsRecommend .layout .recomend_bottom table td,
.studentsRecommend .layout .recomend_bottom table th {
  width: 244px;
  height: 70px;
  line-height: 70px;
  font-weight: 400;
}
.studentsRecommend .layout .recomend_bottom table thead {
  font-size: 20px;
  font-weight: 400;
  background-color: #fafafa;
  color: #626871;
}
.studentsRecommend .layout .recomend_bottom table tbody {
  font-size: 16px;
  color: #7e858f;
  background-color: #fff;
}
.studentsRecommend .layout .recomend_bottom table tbody tr:hover {
  background-color: #fafafa;
}
.studentsRecommend .layout .recomend_bottom table,
.studentsRecommend .layout .recomend_bottom table tr th,
.studentsRecommend .layout .recomend_bottom table tr td {
  border: 1px solid #f8f8f8;
}
.studentsRecommend .layout .recomend_bottom s.official {
  display: block;
  width: 93px;
  height: 107px;
  background: url("../../images/p_index/guanfang.png") no-repeat;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.studentsRecommend .layout .consultUs {
  text-align: center;
  z-index: 2;
}
.studentsRecommend .layout .consultUs a.goBtn {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 45px;
  width: 160px;
  background-color: #f7f8fa;
  cursor: pointer;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
}
.studentsRecommend .layout .consultUs a.goBtn .btn_mask {
  width: 0;
  height: 100%;
  color: #fff;
  position: absolute;
  z-index: 2;
  background: -webkit-linear-gradient(right, #edde5d, #f09819);
  background: -moz-linear-gradient(right, #edde5d, #f09819);
  background: -o-linear-gradient(right, #edde5d, #f09819);
  background: -ms-linear-gradient(right, #edde5d, #f09819);
  background: linear-gradient(right, #edde5d, #f09819);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@liner-gradient-color-from', endColorstr='@liner-gradient-color-to', GradientType=1);
  opacity: 0.5;
  content: '';
  display: block;
  top: 0px;
  left: 0px;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  -moz-transition: width 1s;
  transition: width 1s;
}
.studentsRecommend .layout .consultUs a.goBtn .contact_consult {
  color: #8a919b;
  border: 1px solid #e4e6e8;
  background-color: #f7f8fa;
}
/*嗨森一对一在线公开课*/
.onlineCourse {
  height: 850px;
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.onlineCourse .onlineLesson {
  background: url("../../images/p_index/z-gongkaike.jpg");
}
.onlineCourse .publicClass {
  height: 560px;
  padding-top: 70px;
}
.onlineCourse .publicClass .layout {
  height: 560px;
  position: relative;
}
.onlineCourse .publicClass .layout .publicLeft {
  float: left;
  width: 420px;
}
.onlineCourse .publicClass .layout .publicLeft p:nth-child(1) {
  font-size: 36px;
  color: #4f535b;
}
.onlineCourse .publicClass .layout .publicLeft p:nth-child(2) {
  margin-top: 30px;
  font-size: 20px;
  color: #6f7783;
}
.onlineCourse .publicClass .layout .publicLeft img {
  display: block;
  width: 170px;
  height: 170px;
  margin-top: 70px;
  margin-bottom: 30px;
}
.onlineCourse .publicClass .layout .publicLeft span {
  margin-top: 25px;
  font-size: 16px;
  color: #6f7783;
  margin-left: 10px;
}
.onlineCourse .publicClass .layout .publicRight {
  float: left;
  width: 894px;
  height: 756px;
  background: url("../../images/p_index/sj.png") no-repeat;
  position: absolute;
  right: -40px;
  bottom: 94px;
}
/*媒体报道*/
.meidiaConverage {
  background-color: #f8f9fb;
  padding-top: 130px;
  padding-bottom: 60px;
}
.meidiaConverage .layout {
  text-align: center;
}
.meidiaConverage .layout .carousel3 {
  margin-top: 95px;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul {
  width: 100%;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li {
  float: left;
  margin-bottom: 70px;
  margin-right: 160px;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li s {
  display: inline-block;
  width: 180px;
  height: 95px;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaOne {
  background: url("../../images/p_index/m01-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaTwo {
  background: url("../../images/p_index/m02-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaThree {
  background: url("../../images/p_index/m03-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaFour {
  background: url("../../images/p_index/m04-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaFive {
  background: url("../../images/p_index/m05-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaSix {
  background: url("../../images/p_index/m06-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaSeven {
  background: url("../../images/p_index/m07-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li .mediaEight {
  background: url("../../images/p_index/m08-h.png") no-repeat;
}
.meidiaConverage .layout .carousel3 .swiper-slide ul li:nth-child(4n) {
  margin-right: 0px!important;
}
/*底部*/