div,
span {
  position: relative;
  box-sizing: border-box;
}

/* 镜像 */
.imgY180 {
  transform: rotateY(180deg);
}

/* 透明边框 */
.trBorder {
  border: .02px solid rgba(0, 0, 0, 0);
}

.trH1 {
  position: absolute;
  top: -10000px;
  font-size: 0;
}

/* 高斯模糊（给需要模糊的块加上） */
.mask {
  filter: blur(5px);
  user-select: none;
}

.mask::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
}

.zoomMove {
  animation-name: zoomMove;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes zoomMove {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.none {
  display: none !important;
}

.pcBg {
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.page {
  overflow: hidden;
  width: 100%;
  background: url(../images/bg.png) repeat;
  background-size: 100% auto;
  padding-bottom: 60px;
}

.box1 {
  width: 100%;
  height: 1115px;
  padding-top: 20px;
}

.box1_banner {
  width: 1920px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.box1_topFlexBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.box1_topIcon {
  width: 229px;
}

.box1_h2 {
  font-size: 35px;
  font-weight: 400;
  color: #FFFFFF;
}

.box1_h1 {
  width: 762px;
  margin: 0 auto 20px auto;
}

.box1_aFlexBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box1_a {
  width: 250px;
  height: 140px;
  background: url(../images/box1_urlBg.png) no-repeat;
  background-size: 100% auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box1_a span {
  font-size: 27px;
  font-weight: 400;
  color: #FFFFFE;
  line-height: 15px;
  position: relative;
  top: -12px;
}

.box2 {
  margin-top: -228px;
  padding-bottom: 77px;
}

.h2Box {
  width: 594px;
  height: 84px;
  background: url(../images/h2Bg.png) no-repeat;
  background-size: 100% auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.h2Box h2 {
  font-size: 46px;
  font-weight: 400;
  color: #FFFFFF;
}

.box2_topFlexBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box2_topFlexitem {
  width: 305px;
  height: 198px;
  background: url(../images/box2_flexItemBg.png) no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.box2_topYellowText {
  font-size: 38px;
  font-weight: 400;
  color: #FFE61B;
  line-height: 20px;
  display: block;
  margin-bottom: 14px;
}

.box2_topWhiteText {
  display: block;
  font-size: 23px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 38px;
}

.box2_tableBigBox {
  width: 1153px;
  height: 704px;
  margin: 0 auto;
  background: url(../images/box2_bg.png) no-repeat;
  background-size: 100% auto;
  padding-top: 50px;
  margin-bottom: 52px;
}

.box2_tableTopTitle {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 35px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.box2_bigFlexBox {
  width: 1070px;
  height: 530px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.box2_leftBtnBox {
  width: 182px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
}

.box2_leftBtn {
  width: 100%;
  height: 58px;
  background: #111A67;
  border: 1px solid #00fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 10px;
  cursor: pointer;
}

.box2_leftBtnActive {
  background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891) !important;
}

.box2_leftBtn:hover {
  background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891) !important;
}

.box2_leftBtn:last-child {
  margin-bottom: 0;
}

.box2_table {
  width: 100%;
  height: 100%;
  text-align: center;
  border-collapse: collapse;
}

.box2_table,
.box2_table tbody tr td {
  border: 1px solid rgba(217, 220, 226, 1);
}

.box2_table thead {
  background: linear-gradient(90deg, #38B3E7, #2231BB);
}

.box2_table tbody {
  background: #FFFFFF;
}

.box2_table thead tr th {
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  padding: 10px;
  border: none;
}

.box2_table tbody tr td {
  font-size: 15px;
  font-weight: 400;
  color: #00123D;
  line-height: 30px;
}

.box2_tableA {
  width: 106px;
  height: 42px;
  background: linear-gradient(90deg, #FD7202, #FE445B, #FD2D8F);
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 auto;
}

.box2_arrowFlexBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 66px;
}

.box2_arrow1 {
  width: 101px;
}

.box2_arrow2 {
  width: 101px;
}

.box2_arrowText {
  width: 173px;
  height: 83px;
  background: url(../images/box2_arrowTextBg.png) no-repeat;
  background-size: 100% auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.box2_arrowTextmargin {
  margin-right: 0;
}

.box2_arrowText span {
  font-size: 19px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 29px;
}

.box2_circleFlexBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.box2_circleRedBox {
  width: 430px;
  height: 430px;
  background: url(../images/redCircleBg.png) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box2_circleText {
  font-size: 32px;
  color: #FFFFFF;
  line-height: 38px;
  font-weight: bold;
}

.box2_redText1 {
  width: 120px;
  position: absolute;
  top: 27px;
  right: 50%;
  margin-right: -170px;
}

.box2_redText2 {
  width: 106px;
  position: absolute;
  top: 152px;
  right: 50%;
  margin-right: -262px;
}

.box2_redText3 {
  width: 114px;
  position: absolute;
  top: 239px;
  right: 50%;
  margin-right: -269px;
}

.box2_redText4 {
  width: 115px;
  position: absolute;
  top: 343px;
  right: 50%;
  margin-right: -188px;
}

.box2_redText5 {
  width: 148px;
  position: absolute;
  top: 367px;
  right: 50%;
  margin-right: -76px;
}

.box2_redText6 {
  width: 115px;
  position: absolute;
  top: 330px;
  left: 50%;
  margin-left: -188px;
}

.box2_redText7 {
  width: 124px;
  position: absolute;
  top: 239px;
  left: 50%;
  margin-left: -274px;
}

.box2_redText8 {
  width: 98px;
  position: absolute;
  top: 124px;
  left: 50%;
  margin-left: -247px;
}

.box2_redText9 {
  width: 115px;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -170px;
}

.box2_circleBlueBox {
  width: 430px;
  height: 430px;
  background: url(../images/blueCircleBg.png) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box2_blueText1 {
  width: 87px;
  position: absolute;
  top: 58px;
  right: 50%;
  margin-right: -170px;
}

.box2_blueText2 {
  width: 87px;
  position: absolute;
  top: 159px;
  right: 50%;
  margin-right: -242px;
}

.box2_blueText3 {
  width: 87px;
  position: absolute;
  top: 239px;
  right: 50%;
  margin-right: -242px;
}

.box2_blueText4 {
  width: 87px;
  position: absolute;
  top: 330px;
  right: 50%;
  margin-right: -181px;
}

.box2_blueText5 {
  width: 69px;
  position: absolute;
  top: 367px;
  right: 50%;
  margin-right: -40px;
}

.box2_blueText6 {
  width: 88px;
  position: absolute;
  top: 330px;
  left: 50%;
  margin-left: -182px;
}

.box2_blueText7 {
  width: 71px;
  position: absolute;
  top: 239px;
  left: 50%;
  margin-left: -225px;
}

.box2_blueText8 {
  width: 71px;
  position: absolute;
  top: 124px;
  left: 50%;
  margin-left: -212px;
}

.box2_blueText9 {
  width: 87px;
  position: absolute;
  top: 58px;
  left: 50%;
  margin-left: -170px;
}

.box3_contentBox {
  width: 1153px;
  height: 605px;
  background: url(../images/box3_bg.png) no-repeat;
  background-size: 100% auto;
  margin-top: 20px;
}

.box3_flexBox {
  margin: 0 auto;
  width: 1054px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 60px;
}

.box3_boxSmall {
  width: 298px;
  height: 163px;
  background: #1F2383;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 79px;
}

.box3_boxTitle {
  font-size: 23px;
  font-weight: 400;
  color: #FFE61B;
  line-height: 34px;
}

.box3_text {
  font-size: 19px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 38px;
}

.box3_rightIcon {
  width: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -60px;
}

.box3_leftIcon {
  width: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -60px;
}

.box3_downIcon {
  width: 23px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.box3_topIcon2 {
  width: 23px;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}

.box3_boxBig {
  width: 298px;
  height: 240px;
  background: #1F2383;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.box4 {
  margin-top: 74px;
}

.box4_contentBog {
  width: 1153px;
  height: 708px;
  background: url(../images/box4_bg.png) no-repeat;
  background-size: 100% auto;
  padding-top: 50px;
}

.box4_flexBox {
  margin: 0 auto;
  width: 1070px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.box4_bigBox {
  width: 350px;
  height: 394px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 10px;
  margin-bottom: 10px;
}

.box4_smallBox {
  width: 350px;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 10px;
}

.box4_smallBox:nth-child(3n) {
  margin-right: 0;
}

.box4_bigBox:nth-child(3n) {
  margin-right: 0;
}

.box4_imgBox {
  width: 350px;
  height: 192px;
  margin-bottom: 10px;
}

.box4_imgBigBox {
  width: 350px;
  height: 394px;
}

.box4_imgBigBox img {
  width: 100%;
  height: 100%;
}

.box4_imgBox img {
  width: 100%;
  height: 100%;
}

.box4_imgBox:last-child {
  margin-bottom: 0;
}

.box4_textBox {
  width: 100%;
  height: 38px;
  background: linear-gradient(90deg, #38B3E7, #2231BB);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
}

.box5 {
  margin-top: 70px;
  padding-bottom: 60px;
}

.box5_contentBox {
  margin: 20px auto 0 auto;
  width: 1153px;
  height: 497px;
  background: url(../images/box5_bg.png) no-repeat;
  background-size: 100% auto;
  padding-top: 50px;
}

.swiper-container {
  width: 1072px;
  height: 384px;
  margin: 0 auto;
}

.swiper-slide {
  width: 250px;
  height: 384px;
  overflow: hidden;
  cursor: pointer;
}

.box5_teacher {
  width: 100%;
  display: block;
}

.box5_teacherName {
  width: 100%;
  height: 38px;
  background: linear-gradient(90deg, #38B3E7, #2231BB);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box5_teacherName2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 23px;
  font-weight: 400;
  color: #FFFFFF;
}

.swiper-slide:hover .box5_teacherText {
  display: block;
}

.box5_swiperSlideBox {
  width: 250px;
  height: 384px;
  background: #FFFFFF;
  overflow: hidden;
  margin: 0 auto;
}

.box5_teacherText {
  width: 100%;
  padding: 20px;
  background: linear-gradient(90deg, #38B3E7, #2231BB);
  position: absolute;
  bottom: 0;
  display: none;
}

.box5_teacherIntroText {
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 27px;
  display: block;
  width: 100%;
}

.box5_lastBtn {
  width: 48px;
  height: 48px;
  background: url(../images/lastIcon.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-40px);
  left: 20px;
  z-index: 9;
  cursor: pointer;
}

.box5_nextBtn {
  width: 48px;
  height: 48px;
  background: url(../images/nextIcon.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-40px);
  right: 20px;
  z-index: 9;
  cursor: pointer;
}

.box6_contentBox {
  margin: 20px auto 0 auto;
  width: 1153px;
  height: 364px;
  background: url(../images/box6_bg.png) no-repeat;
  background-size: 100% auto;
  padding-top: 50px;
}

.box6_flexBox {
  width: 1066px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.box6_a {
  white-space: nowrap;
  width: 11.5%;
  height: 52px;
  background: #3F4DE3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 1%;
  margin-bottom: 12px;
}

.box6_a:hover {
  background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891);
}

@media only all and (max-width:1080px) {
  .box1 {
    height: 27.875rem;
    padding-top: 0.5rem;
  }

  .box1_banner {
    width: 48rem;
  }

  .box1_topFlexBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .box1_topIcon {
    width: 5.725rem;
  }

  .box1_h2 {
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
  }

  .box1_h1 {
    width: 100%;
    margin: 0 auto 0.5rem auto;
  }

  .box1_aFlexBox {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .box1_a {
    width: 5.5rem;
    height: 3.5rem;
    margin-top: -.8rem;
  }

  .box1_a span {
    font-size: 0.675rem;
    line-height: 0.375rem;
    top: -0.3rem;
  }

  .box2 {
    margin-top: -6rem;
    padding-bottom: 1rem;
  }

  .h2Box {
    width: 14.85rem;
    height: 2.1rem;
  }

  .h2Box h2 {
    font-size: 1.15rem;
  }

  .box2_topFlexBox {
    margin-top: 1rem;
  }

  .box2_topFlexitem {
    width: 7.625rem;
    height: 4.95rem;
    justify-content: flex-start;
    padding-top: 1rem;
  }

  .box2_topYellowText {
    font-size: 0.95rem;
    line-height: 0.5rem;
    margin-bottom: 0.35rem;
  }

  .box2_topWhiteText {
    display: block;
    font-size: 0.575rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.95rem;
  }

  .box2_tableBigBox {
    padding: .4rem;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #111a67;
    border-radius: .4rem;
    padding-top: 1.25rem;
    margin-bottom: 1rem;
  }

  .box2_tableTopTitle {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .box2_bigFlexBox {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .box2_leftBtnBox {
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-right: 0;
  }

  .box2_leftBtn {
    width: 31%;
    height: 1.8rem;
    border: 1px solid #00fafc;
    font-size: .5rem;
    font-weight: 400;
    margin-bottom: .5rem;
    border-radius: .4rem;
    margin-right: 3.5%;
  }

  .box2_leftBtn:nth-child(3n) {
    margin-right: 0;
  }

  .box2_leftBtnActive {
    background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891) !important;
  }

  .box2_leftBtn:hover {
    background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891) !important;
  }

  .box2_leftBtn:last-child {
    margin-bottom: .5rem;
  }

  .box2_table {
    height: auto;
  }

  .box2_table thead tr th {
    font-size: 0.425rem;
    line-height: 0.75rem;
    padding: 0.25rem;
  }

  .box2_table tbody tr td {
    font-size: 0.375rem;
    line-height: 0.75rem;
  }

  .box2_tableA {
    width: 2.6rem;
    height: 1.05rem;
    background: linear-gradient(90deg, #FD7202, #FE445B, #FD2D8F);
    border-radius: 0.5rem;
    font-size: 0.4rem;
    margin: 0 auto;
  }

  .box2_arrowFlexBox {
    width: 100%;
    margin-bottom: 1.65rem;
    flex-wrap: wrap;
  }

  .box2_arrow1 {
    width: 2.525rem;
    margin-right: .5rem;
    position: relative;
    top: -.25rem;
  }

  .box2_arrow2 {
    width: 2.525rem;
    position: relative;
    top: -.25rem;
  }

  .box2_arrowText {
    width: 4.325rem;
    height: 2.075rem;
    background: url(../images/box2_arrowTextBg.png) no-repeat;
    background-size: 100% auto;
    margin-right: 0.5rem;
    margin-bottom: .5rem;
  }

  .box2_arrowTextmargin {
    margin-right: .5rem;
  }

  .box2_arrowText span {
    font-size: 0.475rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.725rem;
  }

  .box2_circleFlexBox {
    flex-wrap: wrap;
  }

  .box2_circleRedBox {
    width: 10.75rem;
    height: 10.75rem;
    transform: scale(1.3);
    margin-bottom: 3rem;
  }

  .box2_circleText {
    font-size: 0.8rem;
    line-height: 0.95rem;
  }

  .box2_redText1 {
    width: 3rem;
    position: absolute;
    top: 0.675rem;
    right: 50%;
    margin-right: -4.25rem;
  }

  .box2_redText2 {
    width: 2.65rem;
    position: absolute;
    top: 3.8rem;
    right: 50%;
    margin-right: -6.55rem;
  }

  .box2_redText3 {
    width: 2.85rem;
    position: absolute;
    top: 5.975rem;
    right: 50%;
    margin-right: -6.725rem;
  }

  .box2_redText4 {
    width: 2.875rem;
    position: absolute;
    top: 8.575rem;
    right: 50%;
    margin-right: -4.7rem;
  }

  .box2_redText5 {
    width: 3.7rem;
    position: absolute;
    top: 9.175rem;
    right: 50%;
    margin-right: -1.9rem;
  }

  .box2_redText6 {
    width: 2.875rem;
    position: absolute;
    top: 8.25rem;
    left: 50%;
    margin-left: -4.7rem;
  }

  .box2_redText7 {
    width: 3.1rem;
    position: absolute;
    top: 5.975rem;
    left: 50%;
    margin-left: -6.85rem;
  }

  .box2_redText8 {
    width: 2.45rem;
    position: absolute;
    top: 3.1rem;
    left: 50%;
    margin-left: -6.175rem;
  }

  .box2_redText9 {
    width: 2.875rem;
    position: absolute;
    top: 0.675rem;
    left: 50%;
    margin-left: -4.25rem;
  }

  .box2_circleBlueBox {
    width: 10.75rem;
    height: 10.75rem;
    transform: scale(1.3);
  }

  .box2_blueText1 {
    width: 2.175rem;
    position: absolute;
    top: 1.45rem;
    right: 50%;
    margin-right: -4.25rem;
  }

  .box2_blueText2 {
    width: 2.175rem;
    position: absolute;
    top: 3.975rem;
    right: 50%;
    margin-right: -6.05rem;
  }

  .box2_blueText3 {
    width: 2.175rem;
    position: absolute;
    top: 5.975rem;
    right: 50%;
    margin-right: -6.05rem;
  }

  .box2_blueText4 {
    width: 2.175rem;
    position: absolute;
    top: 8.25rem;
    right: 50%;
    margin-right: -4.525rem;
  }

  .box2_blueText5 {
    width: 1.725rem;
    position: absolute;
    top: 9.175rem;
    right: 50%;
    margin-right: -1rem;
  }

  .box2_blueText6 {
    width: 2.2rem;
    position: absolute;
    top: 8.25rem;
    left: 50%;
    margin-left: -4.55rem;
  }

  .box2_blueText7 {
    width: 1.775rem;
    position: absolute;
    top: 5.975rem;
    left: 50%;
    margin-left: -5.625rem;
  }

  .box2_blueText8 {
    width: 1.775rem;
    position: absolute;
    top: 3.1rem;
    left: 50%;
    margin-left: -5.3rem;
  }

  .box2_blueText9 {
    width: 2.175rem;
    position: absolute;
    top: 1.45rem;
    left: 50%;
    margin-left: -4.25rem;
  }

  .box3_contentBox {
    width: 100%;
    height: auto;
    padding: .4rem;
    background: #111a67;
    border-radius: .4rem;
    margin-top: 1rem;
  }

  .box3_flexBox {
    width: 100%;
    flex-wrap: wrap;
    padding-top: .5rem;
  }

  .box3_boxSmall {
    width: 7.45rem;
    height: 6rem;
    background: #1F2383;
    border: 1px solid #000000;
    margin-bottom: 1rem;
  }

  .box3_boxTitle {
    font-size: 0.575rem;
    font-weight: 400;
    color: #FFE61B;
    line-height: 0.85rem;
  }

  .box3_order4 {
    order: 4
  }

  .box3_order5 {
    order: 5
  }

  .box3_order6 {
    order: 6
  }

  .box3_text {
    font-size: 0.475rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.95rem;
  }

  .box3_rightIcon {
    display: none;
  }

  .box3_leftIcon {
    display: none
  }

  .box3_downIcon {
    display: none
  }

  .box3_topIcon2 {
    display: none
  }

  .box3_boxBig {
    width: 7.45rem;
    height: 6rem;
    background: #1F2383;
    border: 1px solid #000000;
    margin-bottom: 1rem;
  }

  .box4 {
    margin-top: 1rem;
  }

  .box4_contentBog {
    width: 100%;
    height: auto;
    padding: .4rem;
    background: #111a67;
    border-radius: .4rem;
  }

  .box4_flexBox {
    width: 100%;
    flex-wrap: wrap;
  }

  .box4_bigBox {
    width: 49%;
    height: 9.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 1%;
    margin-bottom: .25rem;
  }

  .box4_smallBox {
    width: 8.75rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 0rem;
    margin-bottom: .25rem;
  }

  .box4_smallBox:nth-child(3n) {
    margin-right: 0;
  }

  .box4_bigBox:nth-child(3n) {
    margin-right: 0;
  }

  .m_100 {
    width: 100% !important;
    height: auto;
  }

  .m_100 .box4_imgBox {
    height: auto !important;
  }

  .box4_imgBox {
    width: 100%;
    height: 4.8rem;
    margin-bottom: 0.25rem;
  }

  .box4_imgBigBox {
    width: 8.75rem;
    height: 9.85rem;
  }

  .box4_imgBigBox img {
    width: 100%;
    height: 100%;
  }

  .box4_imgBox img {
    width: 100%;
    height: 100%;
  }

  .box4_imgBox:last-child {
    margin-bottom: 0;
  }

  .box4_textBox {
    width: 100%;
    height: 1rem;
    font-size: 0.425rem;
  }

  .box5 {
    margin-top: 1.75rem;
    padding-bottom: 1.5rem;
  }

  .box5_contentBox {
    margin: 1rem auto 0 auto;
    width: 100%;
    height: auto;
    padding: .4rem;
    background: #111a67;
    border-radius: .4rem;
  }

  .swiper-container {
    width: 100%;
    height: 9.6rem;
    margin: 0 auto;
  }

  .swiper-slide {
    width: 6.25rem;
    height: 9.6rem;
    overflow: hidden;
    cursor: pointer;
  }

  .box5_teacher {
    width: 100%;
  }

  .box5_teacherName {
    height: 0.95rem;
    font-size: 0.425rem;
  }

  .box5_teacherName2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.575rem;
    font-weight: 400;
    color: #FFFFFF;
  }

  .swiper-slide:hover .box5_teacherText {
    display: block;
  }

  .box5_swiperSlideBox {
    width: 6.25rem;
    height: 9.6rem;
  }

  .box5_teacherText {
    padding: 0.5rem;
    display: none;
  }

  .box5_teacherIntroText {
    font-size: 0.425rem;
    line-height: 0.675rem;
  }

  .box5_lastBtn {
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(-1rem);
    left: 0.5rem;
  }

  .box5_nextBtn {
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(-1rem);
    right: 0.5rem;
  }

  .box6_contentBox {
    margin: 1rem auto 0 auto;
    width: 100%;
    height: auto;
    padding: .4rem;
    background: #111a67;
    border-radius: .4rem;
  }

  .box6_flexBox {
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .box6_a {
    white-space: nowrap;
    width: 24%;
    height: 1.8rem;
    background: #3F4DE3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.425rem;
    margin-right: 1%;
    margin-bottom: .3rem;
  }

  .box6_a:hover {
    background: linear-gradient(90deg, #E77E4F, #DB3B4F, #E24891);
  }

  .page {
    padding-bottom: 1rem;
  }
}