@charset "UTF-8";
.top-menu {
  padding-left: 180rem;
}

header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65rem;
}

.entry-wrapper {
  display: flex;
  justify-content: space-between;
}
.entry-wrapper .logo {
  height: 45rem;
}
.entry-wrapper .entry-btn {
  display: block;
  border-radius: 19rem;
  padding: 10rem 15rem;
  color: #3d71ff;
  background: #fff;
  border: 2rem solid #d8e3ff;
}
.entry-wrapper .entry-btn--fill {
  background: #3d71ff;
  color: #fff;
}
.entry-wrapper .entry-btn:not(:last-child) {
  margin-right: 15rem;
}
.entry-wrapper .mobile-wrapper {
  display: flex;
  align-items: center;
  margin-left: 30rem;
}
.entry-wrapper .mobile-icon {
  margin-top: 3rem;
  color: #000;
}
.entry-wrapper .mobile {
  margin-left: 5rem;
}

.entry {
  height: 85rem;
}

/* banner */
.banner {
  position: relative;
}
.banner .swiper {
  --swiper-theme-color: #fff;
}

.banner__sub-menu-wrapper {
  top: -40rem;
  left: calc(10vw - 8.5rem);
  position: absolute;
  z-index: 99;
  height: 100%;
}

.banner-menu__title {
  height: 40rem;
  background: var(--color-primary);
  border-top-left-radius: 10rem;
  border-top-right-radius: 10rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner__sub-menu {
  background: rgba(255, 255, 255, 0.83);
  width: 180rem;
  height: 100%;
}
.banner__sub-menu li {
  position: relative;
  height: 45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14rem;
}
.banner__sub-menu li:hover {
  background: #fff;
}
.banner__sub-menu li:hover:before {
  position: absolute;
  left: 0;
  content: "";
  background: var(--color-primary);
  height: 40%;
  width: 3rem;
}

/* 留学辅导 */
.choose-us h2 {
  margin: 45rem 0;
  text-align: left;
}

.choose-us__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f8f8;
  border-radius: 10rem;
}

.choose-us .el-col:nth-child(n+4) {
  margin-top: 20rem;
}

.choose-us__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 40rem;
}

.choose-us__num {
  font-weight: bold;
  font-size: 70rem;
}

.choose-us__unit {
  font-size: 24rem;
  color: #3d3d3d;
  margin-left: 8rem;
  font-weight: bold;
}

.choose-us_intro {
  margin-top: 15rem;
  color: #3d3d3d;
  font-size: 22rem;
}

.choose-us__thumbnail > img {
  height: 200rem;
}

.section-header {
  padding-top: 48rem;
}

.section-header p {
  margin-top: 16rem;
  font-size: 18rem;
  color: #5b5b5b;
  text-align: center;
}

.course-category-main {
  display: flex;
  padding: 0 48rem;
  border-radius: 10rem;
}

.course-category {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 54rem;
  cursor: pointer;
  position: relative;
}
.course-category.active:after {
  position: absolute;
  content: "";
  height: 3rem;
  width: 100%;
  background: var(--color-primary);
  bottom: -11rem;
}
.course-category.active:before {
  position: absolute;
  content: "";
  width: 4rem;
  height: 4rem;
  background: var(--color-primary);
  transform: rotate(45deg);
  bottom: -10rem;
}

.course-category__img {
  height: 60rem;
  width: 60rem;
}

.course-category-content-container {
  margin-top: 13rem;
  padding-top: 25rem;
  padding-bottom: 37rem;
  background: url("/assets/images/index/course/bg1.png");
}
.course-category-content-container .content-wrapper {
  border-radius: 10rem;
  padding: 13rem;
  background: #fff;
  box-shadow: 0 5rem 23.4rem 0 rgba(140, 140, 140, 0.1803921569);
}
.course-category-content-container .course-category-content {
  display: flex;
  justify-content: space-between;
}
.course-category-content-container .course-category__cover-image {
  width: 325rem;
}
.course-category-content-container .course-category-list-container {
  width: 830rem;
  padding: 16rem 14rem 1rem 11rem;
  height: 322rem;
  overflow: hidden;
  box-shadow: 0 5rem 23.4rem rgba(140, 140, 140, 0.18);
}
.course-category-content-container .course-category-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course-category-content-container .course-category__others-container {
  width: 290rem;
  padding: 15rem;
}
.course-category-content-container .course-category__others-container .other__image {
  height: 20rem;
  margin-right: 10rem;
}
.course-category-content-container .course-category__others-container .other__main {
  display: flex;
  align-items: center;
}
.course-category-content-container .course-category-list__icon {
  height: 30rem;
}
.course-category-content-container .course-category-list__title {
  font-weight: bold;
  margin-left: 5rem;
}
.course-category-content-container .course-category-list__more {
  font-size: 14rem;
  color: #5b5b5b;
}
.course-category-content-container .icon-xiangyoujiantou {
  font-size: 10rem;
}
.course-category-content-container .course-category-tab__header {
  display: flex;
  background: var(--color-primary);
  border-radius: 5rem;
  color: #fff;
  margin-top: 12rem;
}
.course-category-content-container .course-category-tab__tr {
  display: flex;
  font-size: 14rem;
}
.course-category-content-container .course-category-tab__tr > li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rem 0;
  width: 20%;
}
.course-category-content-container .course-category__case:hover {
  background: #f8f8f8;
}
.course-category-content-container .course-category__others-container {
  padding: 15rem;
  width: 285rem;
  height: 309rem;
  background: #fff;
  box-shadow: 0 5rem 23.4rem rgba(140, 140, 140, 0.18);
  border-radius: 10rem;
}
.course-category-content-container .course-category__other > a {
  display: flex;
  justify-content: space-between;
  border-radius: 7rem;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  padding: 20rem;
  font-size: 16rem;
  color: #262626;
  font-weight: bold;
  position: relative;
  margin-bottom: 12rem;
}
.course-category-content-container .course-category__other > a:hover {
  background: var(--color-primary);
  color: #fff;
}
.course-category-content-container .course-category__other-icon {
  margin-right: 10rem;
}
.course-category-content-container .course-category__process-wrap {
  margin-top: 10rem;
  box-shadow: 0 5rem 23.4rem rgba(140, 140, 140, 0.18);
  flex: 1;
}
.course-category-content-container .process__header {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 10rem 11rem 16rem 11rem;
  border-radius: 8rem;
}
.course-category-content-container .process__title {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.course-category-content-container .process__title .process__icon {
  height: 21rem;
  margin-right: 10rem;
}
.course-category-content-container .process__intro {
  margin-top: 16rem;
  padding-bottom: 14rem;
}
.course-category-content-container .process-list {
  display: flex;
}
.course-category-content-container .process {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 20%;
  height: 128rem;
  border-radius: 4rem;
  background: #fff;
  padding: 12rem 16rem;
  text-align: center;
}
.course-category-content-container .process:hover {
  box-shadow: 0 4rem 4rem 0 rgba(193, 193, 193, 0.2509803922);
}
.course-category-content-container .process:not(:last-child):after {
  display: block;
  position: absolute;
  content: "";
  width: 1rem;
  height: 79rem;
  background: #ececec;
  right: 0rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.course-category-content-container .process__name {
  border-bottom: 1rem solid #fff;
  line-height: 1.3;
}
.course-category-content-container .more_link {
  font-size: 14rem;
  color: #5b5b5b;
}
.course-category-content-container .sub-title {
  font-size: 16rem;
  font-weight: bold;
  color: #3d3d3d;
}
.course-category-content-container .process-wrap {
  display: flex;
  justify-content: space-between;
}
.course-category-content-container .process-case-wrap {
  width: 275rem;
  background: #fff;
  margin-top: 10rem;
  padding: 10rem 23rem 16rem 16rem;
  border-radius: 10rem;
}
.course-category-content-container .process-case-wrap .sub-header {
  display: flex;
  align-items: center;
}
.course-category-content-container .process-case-wrap .sub-header__icon {
  height: 25rem;
  margin-right: 10rem;
}
.course-category-content-container .course-section {
  background-color: #fff;
  box-shadow: 0 5rem 23.4rem rgba(140, 140, 140, 0.18);
  border-radius: 8rem;
}
.course-category-content-container .process-case {
  margin-top: 16rem;
  position: relative;
}
.course-category-content-container .process-case:before {
  position: absolute;
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
  background-color: #3d3d3d;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
}
.course-category-content-container .process-case > a {
  margin-left: 10rem;
}

.sub-header {
  font-size: 16rem;
}
.sub-header .title {
  font-weight: bold;
}
.sub-header .iconfont {
  color: var(--color-primary);
  margin-right: 10rem;
}

.teacher-wrap .section-body {
  margin-top: 40rem;
  background: url("/assets/images/index/teacher/bg.jpg");
}
.teacher-wrap .teacher-advantage {
  display: flex;
}
.teacher-wrap .teacher-advantage__number-wrap {
  color: var(--color-primary);
  font-weight: bold;
  margin-right: 20rem;
}
.teacher-wrap .teacher-advantage__title {
  font-weight: bold;
  font-size: 18rem;
}
.teacher-wrap .teacher-advantage__title > img {
  height: 16rem;
  margin-left: 12rem;
}
.teacher-wrap .teacher-advantage__intro {
  margin-top: 8rem;
}
.teacher-wrap .teacher-advantage__number {
  font-size: 60rem;
  margin-left: 10rem;
}
.teacher-wrap .teacher-advantage-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.teacher-wrap .teacher-advantage-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 56rem;
  width: 1182rem;
  margin-left: auto;
  margin-right: auto;
}
.teacher-wrap .teacher-slide {
  margin-top: 40rem;
  position: relative;
  width: 1400rem;
  height: 450rem;
  margin-left: auto;
  margin-right: auto;
  padding: 56rem 36rem 0rem 47rem;
  border-radius: 4rem;
  box-shadow: 0 -7rem 32rem 0 rgba(160, 160, 160, 0.18);
  background-image: url(/assets/images/index/teacher/lunbo-bg.png);
}
.teacher-wrap .teacher__name {
  display: inline-block;
  position: relative;
  font-size: 28rem;
  color: #18153c;
  margin-bottom: 24rem;
  font-weight: bold;
}
.teacher-wrap .teacher-info span {
  font-weight: bold;
  padding: 6rem 15rem;
  margin-right: 20rem;
  line-height: 42rem;
  height: 42rem;
  background-color: #f8f8f8;
  font-size: 18rem;
  color: #3d3d3d;
}
.teacher-wrap .teacher-info .teacher__school {
  position: relative;
  padding-left: 40rem;
}
.teacher-wrap .teacher-info .teacher__school:before {
  content: "";
  position: absolute;
  background-image: url(/assets/images/index/teacher/lunbo-icon-1.png);
  background-size: cover;
  width: 18rem;
  height: 24.5rem;
  left: 11rem;
  margin: auto;
  top: 0;
  bottom: 0;
}
.teacher-wrap .teacher__intro {
  margin-top: 23rem;
  font-size: 16rem;
  color: #5b5b5b;
  line-height: 24.84rem;
  width: 800rem;
}
.teacher-wrap .btn-wrap {
  margin: 31rem 0 179rem;
  display: flex;
}
.teacher-wrap .btn-wrap a {
  display: block;
  text-align: center;
  width: 139rem;
  height: 42rem;
  line-height: 42rem;
  border-radius: 134rem;
  font-size: 16rem;
  color: #5b5b5b;
  margin-right: 14rem;
  border: 1rem solid #dedede;
}
.teacher-wrap .btn-wrap a:hover {
  background-color: var(--color-primary);
  border: 1rem solid var(--color-primary);
  color: #fff;
}
.teacher-wrap .btn-wrap a:nth-child(1) {
  margin-right: 14rem;
}
.teacher-wrap .teacher__profile {
  position: absolute;
  bottom: 0;
  right: 160rem;
  height: 436rem;
}

.five-list {
  display: flex;
  justify-content: space-between;
  margin-top: 45rem;
}
.five-list .active .five__normal {
  display: none;
}
.five-list .active .five__hover {
  display: block;
}
.five-list .five__hover {
  width: 405rem;
  height: 350rem;
  padding: 24rem 30rem 0 46rem;
  background-size: 100% 100%;
  background-image: url(/assets/images/index/pic5-bg.png);
  border-radius: 8rem;
  display: none;
  position: relative;
}
.five-list .five__hover .hover__header {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: 20rem;
  margin-bottom: 20rem;
  border-bottom: 1rem solid #e9e9e9;
}
.five-list .five__hover .hover__header span:nth-child(1) {
  font-size: 18rem;
  color: #262626;
  font-weight: bold;
  margin-right: 12rem;
}
.five-list .five__hover .hover__header span:nth-child(2) {
  font-size: 14rem;
  color: #5b5b5b;
}
.five-list .five__hover > ul {
  margin-top: 29rem;
  margin-bottom: 15rem;
  padding-left: 35rem;
  position: relative;
}
.five-list .five__hover > ul:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
  width: 20rem;
  height: 20rem;
  background-size: cover;
}
.five-list .five__hover > ul:nth-child(2):before {
  background-image: url("/assets/images/index/five/1.png");
}
.five-list .five__hover > ul:nth-child(3):before {
  background-image: url("/assets/images/index/five/2.png");
}
.five-list .five__hover > ul:nth-child(4):before {
  background-image: url("/assets/images/index/five/3.png");
}
.five-list .five__hover > ul li:nth-child(1) {
  display: inline-block;
  font-size: 16rem;
  color: #111;
  font-weight: bold;
  position: relative;
  z-index: 1;
  margin-bottom: 11rem;
}
.five-list .five__hover > ul li:nth-child(1)::before {
  content: "";
  position: absolute;
  /* width: 100%; */
  width: 83rem;
  height: 9rem;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(90deg, var(--color-primary) -1.14%, rgba(248, 248, 248, 0) 94.53%);
}
.five-list .five__hover > ul li:nth-child(2) {
  font-size: 14rem;
  color: #5b5b5b;
}
.five-list .five__hover .five__zixun {
  position: absolute;
  right: 0;
  bottom: 0;
}
.five-list .five__hover .five__profile {
  width: 150rem;
}
.five-list .five__hover .btn-zixun {
  padding: 0 23rem;
  height: 38rem;
  width: 60rem;
  line-height: 38rem;
  margin-top: 20rem;
  position: absolute;
  background: var(--color-primary);
  border: none;
  left: 23rem;
  bottom: 54rem;
}

.five__normal > img {
  width: 240rem;
  height: 374rem;
}

.trust-me-list {
  display: flex;
  margin-top: 44rem;
  justify-content: space-between;
}
.trust-me-list .trust-me-item {
  width: 330rem;
  height: 202rem;
  border-radius: 8rem;
  background-color: #fff;
  box-shadow: 0 5rem 23.4rem 0 rgba(140, 140, 140, 0.1803921569);
  padding: 9rem 0 27rem 35rem;
}
.trust-me-list .trust-me-item:hover {
  background: var(--color-primary);
}
.trust-me-list .trust-me-item:hover .trust-me__title {
  color: #fff;
}
.trust-me-list .trust-me-item:hover .trust-me__intro {
  color: #fff;
}
.trust-me-list .trust-me__icon {
  width: 69rem;
  height: 69rem;
}
.trust-me-list .trust-me__title {
  font-size: 24rem;
  color: #262626;
  font-weight: bold;
  margin: 11rem 0 14rem;
}
.trust-me-list .trust-me__intro {
  font-size: 16rem;
  color: #5b5b5b;
  line-height: 1.7;
}
.trust-me-list .trust-me__underline {
  margin-top: 24rem;
  width: 53rem;
  height: 3rem;
  background: #3d71ff;
}

/* 走进菠萝国际教育世界 */
.education-menu {
  margin-top: 45rem;
  display: flex;
}
.education-menu > li:not(:first-child) {
  margin-right: 20rem;
}
.education-menu > li {
  width: 112rem;
  height: 48rem;
  line-height: 48rem;
  font-size: 16rem;
  color: #3d3d3d;
  border-radius: 4rem;
  text-align: center;
  margin-right: 20rem;
}
.education-menu > li.active {
  font-weight: bold;
  background-color: #3d71ff;
  color: #fff;
}

/* 荣誉 */
.honor .section-body {
  display: flex;
  justify-content: space-between;
  padding: 44rem 5rem 53rem;
}
.honor .section-body .honor-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 260rem;
  padding: 19rem 0rem 28rem;
  background-color: #fff;
  box-shadow: 0 0 9rem rgba(0, 0, 0, 0.1019607843);
}
.honor .section-body .honor-item .honor__image {
  width: 188rem;
  height: 140rem;
}
.honor .section-body .honor-item .honor__name {
  margin-top: 22rem;
}

/* 菠萝国际教育环境 */
.environment .section-body {
  margin-top: 44rem;
}

.environment-slide {
  display: flex;
}
.environment-slide .environment-content-wrap {
  width: 25%;
  padding: 4% 5%;
  color: #fff;
  background-color: var(--color-primary);
}
.environment-slide .environment-title {
  font-size: 32rem;
  font-weight: bold;
  margin-bottom: 32rem;
}
.environment-slide .environment-image-wrap {
  display: flex;
  flex-wrap: wrap;
}
.environment-slide .environment-image {
  width: 25%;
}
.environment-slide .environment-intro {
  line-height: 1.3;
}

.news-left-image {
  width: 245rem;
  margin-right: 32rem;
}

.news-wrap {
  display: flex;
  justify-content: space-between;
}

.news .section-body {
  display: flex;
  justify-content: space-between;
  margin-top: 47rem;
}
.news .news-wrap {
  flex: 1;
}
.news .news-column {
  width: 390rem;
}
.news .news-column .column-content > dd {
  height: 40rem;
  line-height: 40rem;
  font-size: 14rem;
  position: relative;
  padding-left: 15rem;
}
.news .news-column .column-content > dd:not(:last-child):before {
  position: absolute;
  content: "";
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
  background-color: #3d3d3d;
}
.news .news-column .column-content .column-img-wrap {
  position: absolute;
  bottom: 71rem;
  padding: 0;
}
.news .news-column .column-img {
  width: 100%;
}

.column-list {
  position: relative;
}
.column-list .column-list__header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1rem solid #d0d0d0;
  padding: 12rem 0;
}
.column-list .column-list__header .title {
  font-weight: bold;
  font-size: 18rem;
  padding-left: 13rem;
}
.column-list .column-list__header:before {
  content: "";
  width: 3rem;
  height: 18rem;
  background: var(--color-primary);
  left: 0;
  top: 16rem;
  position: absolute;
}
.column-list .column-list__header .more {
  color: #5b5b5b;
  font-size: 16rem;
}

/*# sourceMappingURL=index.css.map */