* {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.page_1 .nav_bar {
  display: none;
}

.section {
  position: relative;
}

.page_1 {
  background-image: url('../img/page_1_bg.png');
  background-size: 100% 100%;
}

.center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.horizontal_vertical_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page_1 .page_1_logo {
  width: 4.3rem;
  height: 1.5rem;
  top: 2.23rem;
}

.page_1_text {
  width: 6rem;
  height: 1.3rem;
  top: 5.72rem;
}

.page_1_btn {
  width: 0.46rem;
  height: 0.46rem;
  top: 9.68rem;
  transition: all 1s;
  animation: arrowMove 0.8s infinite alternate linear;
}

@keyframes arrowMove {
  form {
    transform: translate(-50%, -50%);
  }

  to {
    transform: translate(-50%, 50%);
  }
}

.nav_bar {
  width: 100%;
  background-size: 100% 100%;
  z-index: 999;
  position: relative;
}

.nav_bar_bg {
  width: 100%;
  height: 0.88rem;
  background-image: url("../img/nav_bar.png");
  background-size: 100%;
  position: relative;
}

.menu_btn {
  width: 0.44rem;
  height: 0.35rem;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.drop_down {
  background-color: #222149;
  padding: 0.5rem 0.84rem;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  left: 0;
  width: 100%;
  display: none;
}

.drop_down a {
  display: block;
  color: #74748d;
  font-size: 0.32rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-decoration: none;
}

.nav_bar_icon {
  width: 1.71rem;
  height: 0.6rem;
}

.page_2_text, .page_14_text {
  margin-top: 0.45rem;
  margin-left: 1.97rem;
}

.icon_caps {
  width: 0.56rem;
  height: 0.56rem;
}

.ic_caps {
  width: 0.56rem;
  height: 0.51rem;
}

.page_14_img {
  width: 5.6rem;
  height: 5.33rem;
  margin-top: 0.75rem;
}

.page_2_text .title, .page_14 .title {
  font-size: 0.36rem;
  margin-top: 0.12rem;
  font-weight: bold;
}

.page_2_text .info, .page_14_text .info {
  margin-top: 0.15rem;
  color: rgb(181, 181, 181);
  font-size: 0.28rem;
  line-height: 0.4rem;
}

.page_2_img {
  width: 5.88rem;
  height: 4.37rem;
  margin-top: 0.75rem;
}

.icon_title {
  font-size: 0.32rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.68rem;
  margin-bottom: 0.39rem;
}

.icon_deer {
  width: 0.32rem;
  height: 0.36rem;
  margin-right: 0.1rem;
}

.page_3_book {
  width: 5.52rem;
  height: 10.48rem;
  margin: 0 auto;
  display: block;
}

.page_4 .icon_title {
  margin-top: 1.22rem;
}

.page_4_subtitle {
  font-size: 0.24rem;
  color: #464646;
  margin-top: 0.4rem;
  margin-bottom: 1.06rem;
  text-align: center;
}

.question {
  font-size: 0.28rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}

.question .icon_question {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.24rem;
}

.question_list {
  width: 5.39rem;
  margin: 0 auto;
}

.page_4_img {
  width: 5.4rem;
  height: 2.79rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.8rem;
}

.school_list {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 5.8rem;
  margin-top: 0.78rem;
  overflow: hidden;
}

.school {
  margin-bottom: 56px;
  overflow: hidden;
}

.school img {
  width: 2.66rem;
  height: 3rem;
}

.school_name {
  font-size: 0.32rem;
  font-weight: bold;
  margin-top: 0.1rem;
  margin-bottom: 0.05rem;
  word-wrap:normal;
  width: 2.66rem;
}

.advantage {
  font-size: 0.24rem;
  color: #a7a7a7;
  word-wrap:normal;
  width: 2.66rem;
}

.page_2_0 {}

.page_2_0_img {
  width: 100%;
}

.page_2_0_title, .page_2_0_section {
  width: 5rem;
  margin: 0 auto;
}

.page_2_0_title {
  font-size: 0.36rem;
  color: #333;
  font-weight: bold;
  margin-top: 1.36rem;
  margin-bottom: 0.7rem;
}

.page_2_0_section {
  margin-bottom: 0.3rem;
}

.page_2_0_section_title {
  font-size: 0.28rem;
  font-weight: bold;
}

.page_2_0_section_info {
  font-size: 0.24rem;
  color: #909090;
}

.menu_list {
  width: 3.98rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 90px;
}

.menu_item {
  margin-bottom: 1.37rem;
}

.menu_item div {
  font-size: 0.24rem;
  text-align: center;
}

.menu_item img {
  width: 1.34rem;
  height: 1.34rem;
  margin-bottom: 0.1rem;
}

.page_8 .icon_title {
  margin-top: 62px;
}

.page_8_subtitle {
  margin-top: 0.4rem;
  font-size: 0.26rem;
  color: #464646;
  text-align: center;
}


.page_8_img, .page_9_img, .page_10_img, .page_11_img {
  width: 5.8rem;
  height: 5.12rem;
  display: block;
  margin: 0.7rem auto;
}

.page_8_title, .page_9_title, .page_10_title {
  font-size: 0.28rem;
  text-align: center;
  margin: 0.42rem auto;
}

.page_8_content, .page_8_content div, .page_8_content span,
.page_9_content, .page_9_content div, .page_9_content span,
.page_10_content, .page_10_content div, .page_10_content span,
.page_11_content, .page_11_content div, .page_11_content span {
  color: #8f8f8f;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.45rem;
}


.page_12 .icon_title {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}

.stepWrap {
  width: 5rem;
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 0.81rem;
}

.step_title {
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.14rem;
}

.step_info, .step_info span {
  font-size: 0.24rem;
}

.ic_web, .ic_study, .ic_graduation {
  width: 0.56rem;
  height: 0.56rem;
  margin-right: 0.7rem;
}

.ic_arrow {
  position: absolute;
  left: 0.2rem;
  top: 1rem;
  transform: rotate(90deg);
  width: 0.2rem;
  height: 0.34rem;
}

.ic_clock, .ic_pass, .ic_exam {
  width: 0.46rem;
  height: 0.46rem;
  margin-right: 0.7rem;
}

.company_name {
  font-size: 0.36rem;
  font-weight: bold;
  /*margin-top: 0.72rem;*/
  margin-top: 0.3rem;
  text-align: center;
}

.company_intro div {
  font-size: 0.3rem;
  color: #909090;
  text-indent: 0.5rem;
}

.company_intro {
  width: 5.79rem;
  /*height: 5.01rem;*/
  height: 4.5rem;
  margin: 0 auto;
  /*margin-top: .5rem;*/
  margin-top: .3rem;
  margin-bottom: 0.32rem;
  /*margin-bottom: 0.72rem;*/
  line-height: 0.4rem;
}

.company {
  width: 6.59rem;
  height: 3.41rem;
  display: block;
  margin: 0 auto;
}

.disappear {
  opacity: 0;
}

.faq {
  padding: 1.12rem 0.24rem 0 0.46rem;
}

.faq_question {
  font-size: 0.36rem;
  font-weight: bold;
}

.faq_answer {
  font-size: 0.28rem;
  margin: 0.4rem 0;
}

.faq_answer div {
  font-size: 0.28rem;
}

.banner-phone {
  width: 100%;
}

.btns {
  position: relative;
  width: 100%;
}

.btns .img {
  height: 70%;
  margin-top: 3%;
  margin-left: 10%;
  margin-right: 5%;
  float: left;
}

.btns .btn-text {
  font-size: .28rem;
  color: #FFFFFF;
  display: inline-block;
  height: 70%;
  margin-top: 4%;
}

.btns a:nth-child(2) {
  position: absolute;
  background: #46D1CC;
  left: 8%;
  top: 45%;
  width: 35%;
  height: 15%;
  border-radius: 1rem;
}

.btns a:nth-child(3) {
  background: #6053E2;
  position: absolute;
  left: 8%;
  top: 70%;
  width: 35%;
  height: 15%;
  border-radius: 1rem;
}

.btns a {
  position: absolute;
  bottom: 0;
}

.intro {
  width: 90%;
  text-align: center;
  padding: 3% 5% 1% 5%;
}

.intro .title {
  color: #030303;
  font-size: 0.36rem;
  font-weight: bold;
}

.intro .content {
  font-size: 0.28rem;
  color: #575A5F;
  text-align: left;
  margin-top: 3%;
  line-height: 0.42rem;
}

.items .item {
  width: 40%;
  /*margin: 3% 5%;*/
  margin: 2% 4%;
  float: left;
}

.items .item .title {
  color: #575A5F;
  font-size: 0.36rem;
  width: 100%;
}

.items .item .title .img {
  float: left;
  margin-right: .28rem;
  width: .66rem;
}

.items .item .content {
  color: #808080;
  font-size: 0.28rem;
  width: 100%;
  /*margin-top: .28rem;*/
  margin-top: .2rem;
  /*line-height: 0.42rem;*/
  line-height: 0.3rem;
}

/* 关于我们 */
.page_13 .title {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;

}

.page_13 i {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background-color: #36CFCC;
  margin-right: 0.12rem;
}

.page_13 .title .title-text {
  font-size: 0.46rem;
  color: #2c2c2c;
  font-weight: 700;
  margin-right: 0.12rem;
}

.page_13 .title .title-en {
  font-size: 0.40rem;
  color: #2c2c2c;
  align-self: flex-end;
}

.page_13 .links {
  margin-top: 0.4rem;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page_13 .links li {
  width: 3rem;
  height: 2.07rem;
  margin-right: 0.32rem;
  box-shadow: 0rem 0.08rem 0.04rem 0rem rgba(141, 141, 141, 0.26);
  border-radius: 0.02rem;
}

.page_13 .links li a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000;
  
}

.page_13 .links li a:active {

  color: #fff;
  background-color: #36cfcc;
}

.page_13 .links li a .link-img {
  width: 0.48rem;
  height: 0.48rem;
  margin-bottom: 0.2rem;
}

.page_13 .links li:nth-child(1) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(2) a .link-img {
  background: url(../img/about-us-none02.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(3) a .link-img {
  background: url(../img/about-us-none03.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(4) a .link-img {
  background: url(../img/about-us-none04.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(5) a .link-img {
  background: url(../img/about-us-none05.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(6) a .link-img {
  background: url(../img/about-us-none06.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(7) a .link-img {
  background: url(../img/about-us-none07.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(8) a .link-img {
  background: url(../img/about-us-none08.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(1) a:active .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(2) a:active .link-img {
  background: url(../img/about-us-click02.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(3) a:active .link-img {
  background: url(../img/about-us-click03.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(4) a:active .link-img {
  background: url(../img/about-us-click04.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(5) a:active .link-img {
  background: url(../img/about-us-click05.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(6) a:active .link-img {
  background: url(../img/about-us-click06.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(7) a:active .link-img {
  background: url(../img/about-us-click07.png) center no-repeat;
  background-size: 100%;
}

.page_13 .links li:nth-child(8) a:active .link-img {
  background: url(../img/about-us-click08.png) center no-repeat;
  background-size: 100%;
}




.page_13 .links li a .link-title {
  font-weight: 700;
  font-size: 0.26rem;
  margin-bottom: 0.16rem;
  color: #000;
}

.page_13 .links li a:active .link-title {
  color: #fff;

}

.page_13 .links li a .link-btn {
  display: block;
  width: 1.2rem;
  height: 0.32rem;
  border: 0.01rem solid #8d8d8d !important;
  border-radius: 0.04rem;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.32rem;
}

.page_13 .links li a:active .link-btn {

  border: 0.01rem solid #fff !important;

}

/* 师资队伍 */
.page_18 .title {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;

}

.page_18 i {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background-color: #36CFCC;
  margin-right: 0.12rem;
}

.page_18 .title .title-text {
  font-size: 0.46rem;
  color: #2c2c2c;
  font-weight: 700;
  margin-right: 0.12rem;
}

.page_18 .title .title-en {
  font-size: 0.40rem;
  color: #2c2c2c;
  align-self: flex-end;
}

.page_18 .links {
  margin-top: 0.4rem;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page_18 .links li {
  width: 3rem;
  height: 2.07rem;
  margin-right: 0.32rem;
  box-shadow: 0rem 0.08rem 0.04rem 0rem rgba(141, 141, 141, 0.26);
  border-radius: 0.02rem;
}

.page_18 .links li a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000;
  
}

.page_18 .links li a:active {

  color: #fff;
  background-color: #36cfcc;
}

.page_18 .links li a .link-img {
  width: 0.48rem;
  height: 0.48rem;
  margin-bottom: 0.2rem;
}

.page_18 .links li:nth-child(1) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(2) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(3) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(4) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(5) a .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(1) a:active .link-img {
  background: url(../img/about-us-none01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(2) a:active .link-img {
  background: url(../img/about-us-click01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(3) a:active .link-img {
  background: url(../img/about-us-click01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(4) a:active .link-img {
  background: url(../img/about-us-click01.png) center no-repeat;
  background-size: 100%;
}

.page_18 .links li:nth-child(5) a:active .link-img {
  background: url(../img/about-us-click01.png) center no-repeat;
  background-size: 100%;
}


.page_18 .links li a .link-title {
  font-weight: 700;
  font-size: 0.26rem;
  margin-bottom: 0.16rem;
  color: #000;
}

.page_18 .links li a:active .link-title {
  color: #fff;

}

.page_18 .links li a .link-btn {
  display: block;
  width: 1.2rem;
  height: 0.32rem;
  border: 0.01rem solid #8d8d8d !important;
  border-radius: 0.04rem;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.32rem;
}

.page_18 .links li a:active .link-btn {

  border: 0.01rem solid #fff !important;

}