@charset "UTF-8";
.__zh__title {
  font-size: 2.13542vw;
  font-weight: 500;
  color: #3877EE;
  margin-bottom: 4px;
  background: -webkit-linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
  /* Chrome, Safari */
  background: linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
  /* 标准语法 */
  -webkit-background-clip: text;
  /* Chrome, Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent;
  /* Chrome, Safari */ }

.__en__title {
  font-family: "Microsoft Yahei", sans-serif;
  font-size: 1.14583vw;
  font-weight: 400;
  color: #BED2E5;
  opacity: 0.5; }

@media screen and (max-width: 768px) {
  .__zh__title {
    font-size: 5.46667vw;
    font-weight: 500;
    color: #3877EE;
    margin-bottom: 4px;
    background: -webkit-linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
    /* Chrome, Safari */
    background: linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
    /* 标准语法 */
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */ }
  .__en__title {
    font-family: "Microsoft Yahei", sans-serif;
    font-size: 2.93333vw;
    font-weight: 400;
    color: #BED2E5;
    opacity: 0.5; } }

@font-face {
  font-family: 'Alibaba-Black';
  src: url("/assets/fonts/AlimamaShuHeiTi-Bold.woff2") format("woff2"), url("/assets/fonts/AlimamaShuHeiTi-Bold.woff") format("woff"), url("/assets/fonts/AlimamaShuHeiTi-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/** 全局变量 */
/*================================================Page about-enterprise=================================================*/
/**  动画  */
@keyframes bgAnimation {
  0% {
    opacity: 1;
    /* 开始时完全不透明 */ }
  50% {
    transform: scale(1.01);
    opacity: 0.9; }
  100% {
    opacity: 1;
    /* 结束时完全不透明 */ } }

.banner-area {
  background: url("../img/service/banner.png") center center no-repeat;
  background-size: cover; }
  .banner-area .banner-words {
    width: 430px; }

.section-1 {
  width: 100%;
  height: auto;
  background-color: #F7F8FA;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }
  .section-1 .side-bg {
    width: auto;
    height: 90%; }
  .section-1 .content {
    box-sizing: border-box;
    flex: 0.8;
    height: 100%;
    padding: 100px 190px 0 160px;
    background-color: #F7F8FA;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .section-1 .content .head {
      margin-bottom: 40px; }
      .section-1 .content .head .zh {
        font-size: 38px;
        font-weight: 500;
        color: #3877EE; }
      .section-1 .content .head .en {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 30px;
        font-weight: 400;
        color: #727883;
        opacity: 0.5; }
    .section-1 .content .detail {
      position: relative;
      margin-bottom: 20px; }
      .section-1 .content .detail p {
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        line-height: 42px;
        opacity: 0.6; }
      .section-1 .content .detail .icon {
        width: 100%;
        text-align: right; }
        .section-1 .content .detail .icon img {
          width: 240px;
          height: auto; }

.section-2 .section-title {
  width: 100%;
  padding: 80px 0 40px 0;
  text-align: center; }
  .section-2 .section-title .main-title {
    font-size: 3rem;
    color: #0087FF;
    margin-bottom: 0; }
  .section-2 .section-title .sub-title {
    font-family: "Microsoft Yahei", sans-serif;
    font-size: 1.5rem;
    color: #BECDDE; }

.section-2 .section-main {
  position: relative;
  width: 1180px;
  height: 540px;
  margin: 0 auto;
  background: url("../img/service/round/map.png") center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center; }
  .section-2 .section-main .service-list {
    box-sizing: border-box;
    width: 100%;
    padding: 0 30px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .section-2 .section-main .service-list .service-item {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .section-2 .section-main .service-list .service-item .icon {
        width: auto;
        height: 94px;
        margin-bottom: 30px; }
      .section-2 .section-main .service-list .service-item .detail {
        color: #000;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .section-2 .section-main .service-list .service-item .detail .top {
          display: flex;
          align-items: baseline; }
          .section-2 .section-main .service-list .service-item .detail .top span:first-child {
            font-size: 50px;
            font-weight: bold; }
          .section-2 .section-main .service-list .service-item .detail .top span:last-child {
            font-size: 20px; }
        .section-2 .section-main .service-list .service-item .detail .desc {
          font-size: 18px;
          color: #000000;
          opacity: 0.5; }
  .section-2 .section-main .tips {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-bottom: 0;
    transform: translateX(-50%);
    font-size: 18px;
    color: #ABABAB; }

.section-3 {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 40px;
  background-color: #F7F8FA; }
  .section-3 .section-title {
    width: 100%;
    padding: 80px 0 40px 0;
    text-align: center; }
    .section-3 .section-title .main-title {
      font-size: 3rem;
      color: #0087FF;
      margin-bottom: 0; }
    .section-3 .section-title .sub-title {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 1.5rem;
      color: #BECDDE; }
  .section-3 .section-main {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-3 .section-main .nav-list {
      box-sizing: border-box;
      width: 416px;
      height: 700px;
      margin-right: 40px;
      padding: 0 6px;
      background-color: #F7F8FA;
      overflow-y: scroll; }
      .section-3 .section-main .nav-list::-webkit-scrollbar {
        display: none; }
      .section-3 .section-main .nav-list .nav-item {
        box-sizing: border-box;
        width: 400px;
        height: 100px;
        padding-left: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        background: #FFFFFF;
        cursor: pointer;
        box-shadow: 0px 11px 1px 0px rgba(255, 255, 255, 0.2);
        border-radius: 20px;
        display: flex;
        align-items: center; }
        .section-3 .section-main .nav-list .nav-item .icon {
          width: 50px;
          height: auto;
          margin-right: 38px; }
        .section-3 .section-main .nav-list .nav-item .slogan {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .section-3 .section-main .nav-list .nav-item .slogan h1 {
            font-size: 20px;
            color: #374457;
            margin-bottom: 16px; }
          .section-3 .section-main .nav-list .nav-item .slogan h2 {
            font-size: 16px;
            color: #5D6F8B;
            opacity: .5;
            font-family: "Microsoft Yahei", sans-serif; }
        .section-3 .section-main .nav-list .nav-item:hover {
          border: 2px solid #015EEA; }
          .section-3 .section-main .nav-list .nav-item:hover .slogan h1 {
            color: #086AFF; }
          .section-3 .section-main .nav-list .nav-item:hover .slogan h2 {
            color: #0A6CFF; }
      .section-3 .section-main .nav-list .nav-item.active {
        border: 2px solid #015EEA; }
        .section-3 .section-main .nav-list .nav-item.active .slogan h1 {
          color: #086AFF; }
        .section-3 .section-main .nav-list .nav-item.active .slogan h2 {
          color: #0A6CFF; }
    .section-3 .section-main .content-box {
      box-sizing: border-box;
      padding: 20px;
      position: relative; }
      .section-3 .section-main .content-box .bg {
        height: 700px;
        width: auto; }
      .section-3 .section-main .content-box .content {
        position: absolute;
        left: 50px;
        top: 40px;
        display: flex;
        flex-direction: column; }
        .section-3 .section-main .content-box .content .header .en {
          font-family: "Microsoft Yahei", sans-serif;
          font-weight: 400;
          font-size: 40px;
          color: #000000;
          opacity: 0.1; }
        .section-3 .section-main .content-box .content .header .zh {
          font-weight: 500;
          font-size: 34px;
          color: #000000; }
        .section-3 .section-main .content-box .content .header .divider {
          margin-top: 26px;
          margin-bottom: 26px;
          width: 44px;
          height: 4px;
          background: #0078FF;
          border-radius: 2px; }
        .section-3 .section-main .content-box .content .desc-box .title {
          font-size: 20px;
          color: #3C4D59;
          opacity: 0.7; }
        .section-3 .section-main .content-box .content .desc-box .desc-list {
          box-sizing: border-box; }
          .section-3 .section-main .content-box .content .desc-box .desc-list h2 {
            font-size: 20px;
            color: #3C4D59;
            opacity: 0.7;
            position: relative;
            box-sizing: border-box;
            padding-left: 12px;
            line-height: 32px; }
            .section-3 .section-main .content-box .content .desc-box .desc-list h2::before {
              content: '';
              position: absolute;
              left: 0;
              top: 14px;
              width: 4px;
              height: 4px;
              background-color: #3C4D59;
              opacity: 0.7;
              border-radius: 100%; }
      .section-3 .section-main .content-box .right-img {
        position: absolute;
        z-index: 3;
        right: 0;
        bottom: 44px;
        height: 700px;
        width: auto; }
  .section-3 .section-main-1 {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-3 .section-main-1 .swiper-container {
      width: 100%;
      height: 400px; }
      .section-3 .section-main-1 .swiper-container .swiper-wrapper {
        width: 100%;
        height: 100%; }
        .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide {
          width: 100%;
          height: 400px; }
          .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header {
              width: 100%;
              display: flex;
              flex-direction: column;
              align-items: center; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .en {
                font-family: "Microsoft Yahei", sans-serif;
                font-size: 20px;
                color: #000000;
                opacity: 0.1; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .zh {
                font-weight: 500;
                font-size: 24px;
                color: #000000; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .divider {
                margin-top: 4px;
                margin-bottom: 0;
                width: 30px;
                height: 2px;
                background: #0078FF;
                border-radius: 2px; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content::-webkit-scrollbar {
              width: 0 !important; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content {
              box-sizing: border-box;
              width: 100%;
              padding: 12px 16px 12px 16px;
              flex: 1;
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
              overflow: hidden; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list {
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                overflow-y: scroll; }
                .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list::-webkit-scrollbar {
                  width: 2px; }
                .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list::-webkit-scrollbar-track {
                  background-color: #F3F8FD; }
                .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list::-webkit-scrollbar-thumb {
                  background-color: #0087FF; }
                .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list h2 {
                  position: relative;
                  z-index: 2;
                  font-size: 16px;
                  color: #3C4D59;
                  opacity: 0.7;
                  position: relative;
                  box-sizing: border-box;
                  padding-left: 12px;
                  line-height: 28px;
                  margin-bottom: 0; }
                  .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .desc-list h2::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 12px;
                    width: 4px;
                    height: 4px;
                    background-color: #3C4D59;
                    opacity: 0.7;
                    border-radius: 100%; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .content .right-img {
                position: absolute;
                right: 20px;
                bottom: 12px;
                width: 160px;
                height: auto; }

.section-4 {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 60px;
  background-color: #FFF; }
  .section-4 .section-title {
    width: 100%;
    padding: 80px 0 40px 0;
    text-align: center; }
    .section-4 .section-title .main-title {
      font-size: 3rem;
      color: #0087FF;
      margin-bottom: 0; }
    .section-4 .section-title .sub-title {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 1.5rem;
      color: #BECDDE; }
  .section-4 .section-main {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex; }
    .section-4 .section-main .bg-bottom {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 230px;
      width: 100%;
      max-width: 1920px;
      height: auto; }
    .section-4 .section-main .book-container {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      box-shadow: 0 0 12px 20px rgba(0, 120, 255, 0.1); }
      .section-4 .section-main .book-container .page-item {
        position: relative;
        overflow: hidden; }
        .section-4 .section-main .book-container .page-item .bg {
          position: relative;
          z-index: 2;
          width: 650px;
          height: auto; }
        .section-4 .section-main .book-container .page-item .box {
          position: absolute;
          z-index: 3;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          padding-left: 20px;
          padding-right: 20px;
          overflow-y: scroll;
          /* &:hover {
						&::-webkit-scrollbar {
							width: 6px;
							cursor: pointer;
						}
						&::-webkit-scrollbar-track {
							background-color: transparent;
						}
						&::-webkit-scrollbar-thumb {
							background-color: #0087FF;
							&:hover {
								background-color: #0087FF;
							}
						}
					}
					&::-webkit-scrollbar {
						width: 6px;
					}
					&::-webkit-scrollbar-track {
						background-color: transparent;
					}
					&::-webkit-scrollbar-thumb {
						background-color: #0087FF;
					} */ }
          .section-4 .section-main .book-container .page-item .box::-webkit-scrollbar {
            display: none; }
          .section-4 .section-main .book-container .page-item .box .title {
            margin-top: 40px;
            margin-bottom: 40px;
            text-align: center; }
            .section-4 .section-main .book-container .page-item .box .title .zh {
              font-size: 40px;
              color: #324E78; }
            .section-4 .section-main .book-container .page-item .box .title .en {
              font-family: "Microsoft Yahei", sans-serif;
              font-size: 16px;
              color: #324E78;
              opacity: 0.4; }
          .section-4 .section-main .book-container .page-item .box .desc {
            text-align: justify;
            color: #000000;
            opacity: 0.6;
            line-height: 32px; }
            .section-4 .section-main .book-container .page-item .box .desc #text {
              font-size: 18px;
              display: -webkit-box;
              -webkit-line-clamp: 5;
              -webkit-box-orient: vertical;
              overflow: hidden;
              padding-right: 0 !important; }
            .section-4 .section-main .book-container .page-item .box .desc #more {
              width: 90px;
              height: 40px;
              background-color: #1791FD;
              border-radius: 22px;
              font-size: 16px;
              color: #FFF;
              text-align: center;
              line-height: 40px;
              cursor: pointer;
              margin-top: 26px;
              margin-bottom: 32px;
              display: none; }
              .section-4 .section-main .book-container .page-item .box .desc #more .arrow {
                margin-left: 4px; }
              .section-4 .section-main .book-container .page-item .box .desc #more:hover {
                text-decoration: none; }
          .section-4 .section-main .book-container .page-item .box .gaokao {
            margin-top: 18px; }
            .section-4 .section-main .book-container .page-item .box .gaokao .slogan {
              height: 60px;
              width: auto; }
            .section-4 .section-main .book-container .page-item .box .gaokao .slogan1 {
              font-family: 'Alibaba-Black', sans-serif !important;
              font-size: 28px;
              color: #1791FD; }
            .section-4 .section-main .book-container .page-item .box .gaokao .desc {
              margin-top: 20px;
              width: 100%;
              display: flex;
              flex-direction: column;
              justify-content: center; }
              .section-4 .section-main .book-container .page-item .box .gaokao .desc .line-item {
                box-sizing: border-box;
                width: 100%;
                line-height: 40px;
                padding: 0 0;
                font-size: 18px;
                color: #5B5F65;
                text-align: left; }
        .section-4 .section-main .book-container .page-item .photo-list {
          position: absolute;
          z-index: 3;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          overflow-y: scroll;
          /* &:hover {
						&::-webkit-scrollbar {
							width: 6px;;
							cursor: pointer;
						}
						&::-webkit-scrollbar-track {
							background-color: transparent;
						}
						&::-webkit-scrollbar-thumb {
							background-color: #0087FF;
							&:hover {
								background-color: #0087FF;
							}
						}
					}
					&::-webkit-scrollbar {
						width: 2px;
					}
					&::-webkit-scrollbar-track {
						background-color: transparent;
					}
					&::-webkit-scrollbar-thumb {
						background-color: #0087FF;
					} */ }
          .section-4 .section-main .book-container .page-item .photo-list::-webkit-scrollbar {
            display: none; }
          .section-4 .section-main .book-container .page-item .photo-list .photo-item {
            box-sizing: border-box;
            width: 100%;
            height: 224px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid rgba(42, 52, 69, 0.2); }
            .section-4 .section-main .book-container .page-item .photo-list .photo-item .cover {
              width: 260px;
              height: 154px;
              border-radius: 4px; }
            .section-4 .section-main .book-container .page-item .photo-list .photo-item .content {
              flex: 0.96;
              display: flex;
              flex-direction: column; }
              .section-4 .section-main .book-container .page-item .photo-list .photo-item .content .title {
                font-size: 24px;
                color: #262A35;
                margin-bottom: 20px; }
              .section-4 .section-main .book-container .page-item .photo-list .photo-item .content .sub-title {
                font-size: 18px;
                color: #262A35;
                opacity: 0.4; }
      .section-4 .section-main .book-container .book-center {
        width: 100px;
        height: auto; }
  .section-4 .section-main-1 {
    display: none; }

.service-case-mobile {
  display: none; }

.service-case {
  padding: 4.58333vw 0 7.03125vw;
  background: #fff;
  max-width: 66.14583vw;
  margin: 0 auto;
  line-height: 1; }
  .service-case .section-title {
    text-align: center;
    margin-bottom: 1.5625vw; }
  .service-case .main-title {
    margin-bottom: 0.72917vw;
    line-height: 1;
    font-size: 2.1875vw;
    color: #0087FF; }
  .service-case .sub-title {
    display: inline-block;
    font-family: PingFangSC;
    font-size: 1.5625vw;
    line-height: 1;
    height: 1.25vw;
    color: rgba(114, 120, 131, 0.5); }
  .service-case .section-main .section-main-desc {
    margin-bottom: 1.25vw; }
  .service-case .section-main .section-desc-title {
    margin-bottom: 1.5625vw;
    font-family: PingFangSC;
    font-size: 1.61458vw;
    color: #3A4149; }
  .service-case .section-main .section-desc-content {
    font-family: PingFangSC;
    font-weight: 400;
    font-size: 0.9375vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.66667vw;
    text-align: justify;
    letter-spacing: 0.4px; }
  .service-case .section-main .section-main-score {
    position: relative;
    margin-top: 3.75vw; }
  .service-case .section-main .section-score-detail {
    position: relative;
    padding: 1.40625vw 0 0 4.53125vw;
    width: 36.45833vw;
    height: 13.4375vw;
    background-color: #2B91FE;
    font-size: 0.83333vw;
    color: #fff;
    font-family: PingFangSC;
    z-index: 9; }
    .service-case .section-main .section-score-detail .section-score-education {
      position: relative;
      display: block;
      left: -4.53125vw;
      font-size: 0.88542vw;
      text-align: center;
      color: #FFFFFF;
      cursor: pointer; }
    .service-case .section-main .section-score-detail .section-score-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: 10.52083vw; }
    .service-case .section-main .section-score-detail .section-score-blod {
      font-size: 2.44792vw;
      color: #FFFFFF;
      font-weight: 600;
      height: 1.82292vw; }
    .service-case .section-main .section-score-detail .section-score-block {
      margin-bottom: 0.625vw;
      display: block; }
    .service-case .section-main .section-score-detail .section-score-item {
      width: 50%; }
  .service-case .section-main .section-score-img {
    width: 33.69792vw;
    height: 17.60417vw;
    position: absolute;
    top: -2.5vw;
    right: 0; }
  .service-case .section-main .section-main-category {
    position: relative;
    margin-top: 1.66667vw;
    background: #FFFFFF;
    box-shadow: 3px 5px 10px 0px rgba(47, 31, 22, 0.38);
    border-radius: 0 0 1.04167vw 1.04167vw;
    height: 11.19792vw;
    overflow: hidden; }
    .service-case .section-main .section-main-category .swiper-wrapper {
      width: 100%;
      overflow: hidden; }
      .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide {
        position: relative;
        width: 20%;
        padding: 1.875vw 2.5vw 1.45833vw;
        text-align: center;
        transition: all .5s; }
        .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide:not(:last-child)::after {
          content: '';
          display: block;
          width: 1px;
          height: calc(100% - 1.45833vw - 1.45833vw);
          background: rgba(47, 58, 71, 0.1);
          position: absolute;
          right: 0;
          top: 1.45833vw; }
        .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide img {
          height: 4.53125vw;
          vertical-align: top;
          margin-bottom: 1.04167vw; }
        .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide p {
          margin: 0;
          font-size: 0.9375vw;
          color: #3A4149;
          line-height: 1.14583vw;
          transition: all .5s;
          text-align: center !important;
          max-width: 8.33333vw; }
          .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide p.main-title {
            margin-bottom: 6px;
            text-align: left; }
          .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide p.sub-title {
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 8.33333vw; }
        .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide:hover {
          background: #2B91FE; }
          .service-case .section-main .section-main-category .swiper-wrapper .swiper-slide:hover p {
            color: #fff; }

.section-5-1 {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 3.125vw;
  background-color: #F7F8FA; }
  .section-5-1 .section-title {
    width: 100%;
    padding: 7.8125vw 0 1.04167vw 0;
    text-align: center; }
    .section-5-1 .section-title .main-title {
      font-size: 2.5vw;
      color: #0087FF;
      margin-bottom: 0; }
    .section-5-1 .section-title .sub-title {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 1.25vw;
      color: #BECDDE; }
  .section-5-1 .section-sub-title {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .section-5-1 .section-sub-title h1 {
      font-size: 1.875vw;
      color: #324E78; }
    .section-5-1 .section-sub-title h2 {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 0.9375vw;
      color: #324E78;
      opacity: 0.4; }
  .section-5-1 .section-main {
    width: 100%; }
    .section-5-1 .section-main .eval-slides-box {
      box-sizing: border-box;
      width: 100%;
      padding: 0 7.29167vw;
      margin-top: 3.125vw; }
      .section-5-1 .section-main .eval-slides-box .eval-list {
        width: 100% !important; }
        .section-5-1 .section-main .eval-slides-box .eval-list .eval-item {
          width: 19.79167vw;
          height: 28.125vw;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .section-5-1 .section-main .eval-slides-box .eval-list .eval-item img {
            width: 19.79167vw;
            height: auto;
            max-height: 26.04167vw;
            cursor: pointer; }
          .section-5-1 .section-main .eval-slides-box .eval-list .eval-item p {
            box-sizing: border-box;
            font-size: 0.9375vw;
            color: #929292;
            padding: 0 0.41667vw;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
      .section-5-1 .section-main .eval-slides-box .carousel-btns {
        margin-top: 2.08333vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .section-5-1 .section-main .eval-slides-box .carousel-btns span {
          font-size: 1.04167vw;
          color: #929292;
          margin: 0 0.83333vw; }
        .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn {
          border: 0.05208vw solid #777;
          border-width: 0px 0.10417vw 0.10417vw 0px;
          display: inline-block;
          padding: 0.3125vw; }
          .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn:hover {
            border: 0.05208vw solid #237BFF;
            border-width: 0px 0.10417vw 0.10417vw 0px; }
        .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn.pre-btn {
          transform: rotate(135deg);
          -webkit-transform: rotate(135deg); }
        .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn.next-btn {
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg); }

@media screen and (max-width: 1580px) and (min-width: 1024px) {
  .banner-area {
    background: url("../img/service/banner.png") center center no-repeat;
    background-size: cover; }
    .banner-area .banner-words {
      width: 430px; }
  .section-1 {
    width: 100%;
    height: auto;
    background-color: #F7F8FA;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
    .section-1 .side-bg {
      width: auto;
      height: 90%; }
    .section-1 .content {
      box-sizing: border-box;
      flex: 0.8;
      height: 100%;
      padding: 100px 100px 0 100px;
      background-color: #F7F8FA;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .section-1 .content .head {
        margin-bottom: 40px; }
        .section-1 .content .head .zh {
          font-size: 38px;
          font-weight: 500;
          color: #3877EE; }
        .section-1 .content .head .en {
          font-family: "Microsoft Yahei", sans-serif;
          font-size: 30px;
          font-weight: 400;
          color: #727883;
          opacity: 0.5; }
      .section-1 .content .detail {
        position: relative;
        margin-bottom: 20px; }
        .section-1 .content .detail p {
          font-size: 18px;
          font-weight: 400;
          color: #000000;
          line-height: 42px;
          opacity: 0.6; }
        .section-1 .content .detail .icon {
          width: 100%;
          text-align: right; }
          .section-1 .content .detail .icon img {
            width: 200px;
            height: auto; }
  .section-2 .section-title {
    width: 100%;
    padding: 80px 0 40px 0;
    text-align: center; }
    .section-2 .section-title .main-title {
      font-size: 3rem;
      color: #0087FF;
      margin-bottom: 0; }
    .section-2 .section-title .sub-title {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 1.5rem;
      color: #BECDDE; }
  .section-2 .section-main {
    position: relative;
    width: 1180px;
    height: 540px;
    margin: 0 auto;
    background: url("../img/service/round/map.png") center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center; }
    .section-2 .section-main .service-list {
      box-sizing: border-box;
      width: 100%;
      padding: 0 30px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .section-2 .section-main .service-list .service-item {
        min-width: 240px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .section-2 .section-main .service-list .service-item .icon {
          width: auto;
          height: 94px;
          margin-bottom: 30px; }
        .section-2 .section-main .service-list .service-item .detail {
          color: #000;
          display: flex;
          flex-direction: column; }
          .section-2 .section-main .service-list .service-item .detail .top {
            display: flex;
            align-items: baseline; }
            .section-2 .section-main .service-list .service-item .detail .top span:first-child {
              font-size: 50px;
              font-weight: bold; }
            .section-2 .section-main .service-list .service-item .detail .top span:last-child {
              font-size: 20px; }
          .section-2 .section-main .service-list .service-item .detail .desc {
            font-size: 18px;
            color: #000000;
            opacity: 0.5; }
    .section-2 .section-main .tips {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 18px;
      color: #ABABAB; }
  .section-3 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 40px;
    background-color: #F7F8FA; }
    .section-3 .section-title {
      width: 100%;
      padding: 80px 0 40px 0;
      text-align: center; }
      .section-3 .section-title .main-title {
        font-size: 3rem;
        color: #0087FF;
        margin-bottom: 0; }
      .section-3 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 1.5rem;
        color: #BECDDE; }
    .section-3 .section-main {
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-3 .section-main .nav-list {
        box-sizing: border-box;
        width: 380px;
        height: 700px;
        margin-right: 0;
        padding: 0 6px;
        background-color: #F7F8FA;
        overflow-y: scroll; }
        .section-3 .section-main .nav-list::-webkit-scrollbar {
          display: none; }
        .section-3 .section-main .nav-list .nav-item {
          box-sizing: border-box;
          width: 320px;
          height: 100px;
          padding-left: 30px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 10px;
          background: #FFFFFF;
          cursor: pointer;
          box-shadow: 0px 11px 1px 0px rgba(255, 255, 255, 0.2);
          border-radius: 20px;
          display: flex;
          align-items: center; }
          .section-3 .section-main .nav-list .nav-item .icon {
            width: 50px;
            height: auto;
            margin-right: 20px; }
          .section-3 .section-main .nav-list .nav-item .slogan {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .section-3 .section-main .nav-list .nav-item .slogan h1 {
              font-size: 20px;
              color: #374457;
              margin-bottom: 16px; }
            .section-3 .section-main .nav-list .nav-item .slogan h2 {
              font-size: 16px;
              color: #5D6F8B;
              opacity: .5;
              font-family: "Microsoft Yahei", sans-serif; }
          .section-3 .section-main .nav-list .nav-item:hover {
            border: 2px solid #015EEA; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h1 {
              color: #086AFF; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h2 {
              color: #0A6CFF; }
        .section-3 .section-main .nav-list .nav-item.active {
          border: 2px solid #015EEA; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h1 {
            color: #086AFF; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h2 {
            color: #0A6CFF; }
      .section-3 .section-main .content-box {
        box-sizing: border-box;
        flex: 0.96;
        padding: 20px;
        position: relative; }
        .section-3 .section-main .content-box .bg {
          height: 700px;
          width: auto; }
        .section-3 .section-main .content-box .content {
          position: absolute;
          left: 50px;
          top: 40px;
          display: flex;
          flex-direction: column; }
          .section-3 .section-main .content-box .content .header .en {
            font-family: "Microsoft Yahei", sans-serif;
            font-weight: 400;
            font-size: 40px;
            color: #000000;
            opacity: 0.1; }
          .section-3 .section-main .content-box .content .header .zh {
            font-weight: 500;
            font-size: 34px;
            color: #000000; }
          .section-3 .section-main .content-box .content .header .divider {
            margin-top: 40px;
            margin-bottom: 40px;
            width: 44px;
            height: 4px;
            background: #0078FF;
            border-radius: 2px; }
          .section-3 .section-main .content-box .content .desc-box .title {
            font-size: 20px;
            color: #3C4D59;
            opacity: 0.7; }
          .section-3 .section-main .content-box .content .desc-box .desc-list h2 {
            font-size: 20px;
            color: #3C4D59;
            opacity: 0.7;
            position: relative;
            box-sizing: border-box;
            padding-left: 12px;
            line-height: 28px; }
            .section-3 .section-main .content-box .content .desc-box .desc-list h2::before {
              content: '';
              position: absolute;
              left: 0;
              top: 12px;
              width: 4px;
              height: 4px;
              background-color: #3C4D59;
              opacity: 0.7;
              border-radius: 100%; }
      .section-3 .section-main .content-box-slides-m {
        display: none; }
  .section-4 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 90px;
    background-color: #FFF; }
    .section-4 .section-title {
      width: 100%;
      padding: 80px 0 40px 0;
      text-align: center; }
      .section-4 .section-title .main-title {
        font-size: 3rem;
        color: #0087FF;
        margin-bottom: 0; }
      .section-4 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 1.5rem;
        color: #BECDDE; }
    .section-4 .section-main {
      position: relative;
      width: 100%;
      max-width: 1920px;
      margin-top: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      display: flex; }
      .section-4 .section-main .bg-bottom {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 230px;
        width: 100%;
        max-width: 1920px;
        height: auto; }
      .section-4 .section-main .book-container {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: flex-start;
        box-shadow: 0 0 12px 20px rgba(0, 120, 255, 0.1); }
        .section-4 .section-main .book-container .page-item {
          position: relative;
          overflow: hidden; }
          .section-4 .section-main .book-container .page-item .bg {
            position: relative;
            z-index: 2;
            width: 500px;
            height: auto; }
          .section-4 .section-main .book-container .page-item .box {
            position: absolute;
            z-index: 3;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding-left: 20px;
            padding-right: 20px;
            overflow-y: scroll;
            /* &:hover {
							&::-webkit-scrollbar {
								width: 6px;;
								cursor: pointer;
							}
							&::-webkit-scrollbar-track {
								background-color: #F3F8FD;
							}
							&::-webkit-scrollbar-thumb {
								background-color: #0087FF;
								&:hover {
									background-color: #0087FF;
								}
							}
						}
						&::-webkit-scrollbar {
							width: 2px;
						}
						&::-webkit-scrollbar-track {
							background-color: #F3F8FD;
						}
						&::-webkit-scrollbar-thumb {
							background-color: #0087FF;
						} */ }
            .section-4 .section-main .book-container .page-item .box::-webkit-scrollbar {
              display: none; }
            .section-4 .section-main .book-container .page-item .box .title {
              width: 100%;
              margin-top: 40px;
              margin-bottom: 20px;
              text-align: center; }
              .section-4 .section-main .book-container .page-item .box .title .zh {
                font-size: 32px;
                color: #324E78; }
              .section-4 .section-main .book-container .page-item .box .title .en {
                font-family: "Microsoft Yahei", sans-serif;
                font-size: 16px;
                color: #324E78;
                opacity: 0.4; }
            .section-4 .section-main .book-container .page-item .box .desc {
              width: 100%;
              text-align: justify;
              color: #000000;
              opacity: 0.6;
              line-height: 32px; }
              .section-4 .section-main .book-container .page-item .box .desc #text {
                font-size: 18px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                padding-right: 0 !important; }
              .section-4 .section-main .book-container .page-item .box .desc #more {
                width: 90px;
                height: 40px;
                background-color: #1791FD;
                border-radius: 22px;
                font-size: 16px;
                color: #FFF;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                margin-top: 24px;
                margin-bottom: 24px;
                display: none; }
                .section-4 .section-main .book-container .page-item .box .desc #more .arrow {
                  margin-left: 4px; }
                .section-4 .section-main .book-container .page-item .box .desc #more:hover {
                  text-decoration: none; }
            .section-4 .section-main .book-container .page-item .box .gaokao {
              width: 100%;
              margin-top: 18px; }
              .section-4 .section-main .book-container .page-item .box .gaokao .slogan {
                height: 60px;
                width: auto; }
              .section-4 .section-main .book-container .page-item .box .gaokao .slogan1 {
                font-family: "阿里妈妈数黑体";
                font-weight: bold;
                font-size: 24px;
                color: #1791FD; }
              .section-4 .section-main .book-container .page-item .box .gaokao .desc {
                margin-top: 0;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center; }
                .section-4 .section-main .book-container .page-item .box .gaokao .desc .line-item {
                  box-sizing: border-box;
                  width: 100%;
                  line-height: 30px;
                  padding: 0 0;
                  font-size: 16px;
                  color: #5B5F65;
                  text-align: left; }
          .section-4 .section-main .book-container .page-item .photo-list {
            position: absolute;
            z-index: 3;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding-right: 20px;
            overflow-y: scroll;
            /* &:hover {
							&::-webkit-scrollbar {
								width: 6px;;
								cursor: pointer;
							}
							&::-webkit-scrollbar-track {
								background-color: #F3F8FD;
							}
							&::-webkit-scrollbar-thumb {
								background-color: #0087FF;
								&:hover {
									background-color: #0087FF;
								}
							}
						}
						&::-webkit-scrollbar {
							width: 2px;
						}
						&::-webkit-scrollbar-track {
							background-color: #F3F8FD;
						}
						&::-webkit-scrollbar-thumb {
							background-color: #0087FF;
						} */ }
            .section-4 .section-main .book-container .page-item .photo-list::-webkit-scrollbar {
              display: none; }
            .section-4 .section-main .book-container .page-item .photo-list .photo-item {
              width: 100%;
              height: 224px;
              display: flex;
              align-items: center;
              justify-content: space-between;
              border-bottom: 1px solid rgba(42, 52, 69, 0.2); }
              .section-4 .section-main .book-container .page-item .photo-list .photo-item .cover {
                width: 240px;
                height: 134px; }
              .section-4 .section-main .book-container .page-item .photo-list .photo-item .content {
                flex: 0.96;
                display: flex;
                flex-direction: column; }
                .section-4 .section-main .book-container .page-item .photo-list .photo-item .content .title {
                  font-size: 20px;
                  color: #262A35;
                  margin-bottom: 16px; }
                .section-4 .section-main .book-container .page-item .photo-list .photo-item .content .sub-title {
                  font-size: 16px;
                  color: #262A35;
                  opacity: 0.4; }
        .section-4 .section-main .book-container .book-center {
          width: 76px;
          height: 100%; }
    .section-4 .section-main-1 {
      display: none; }
  /*.section-5 {
		box-sizing: border-box;
		width: 100%;
		padding-bottom: 60px;
		background-color: $background-color_2;
		.section-title {
			width: 100%;
			padding: 80px 0 20px 0;
			text-align: center;
			.main-title {
				font-size: 3rem;
				color: $color_4;
				margin-bottom: 0;
			}
			.sub-title {
				font-family: $font-family_1;
				font-size: 1.5rem;
				color: $color_5;
			}
		}
		.section-sub-title {
			display: flex;
			flex-direction: column;
			align-items: center;
			h1 {
				font-size: 36px;
				color: $color_13;
			}
			h2 {
				font-family: $font-family_1;
				font-size: 18px;
				color: $color_13;
				opacity: 0.4;
			}
		}
		.section-main {
			width: 100%;
			.eval-slides-box {
				box-sizing: border-box;
				width: 100%;
				padding: 0 140px;
				margin-top: 60px;
				.eval-list {
					width: 100%;
					.eval-item {
						width: 380px;
						height: 540px;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						img {
							width: 380px;
							height: auto;
							max-height: 500px;
						}
						p {
							box-sizing: border-box;
							font-size: 18px;
							color: $color_17;
							padding: 0 8px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}
				.carousel-btns {
					margin-top: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					span {
						font-size: 20px;
						color: $color_17;
						margin: 0 16px;
					}
					.eval-btn {
						border: 1px solid #777;
						border-width: 0px 2px 2px 0px;
						display: inline-block;
						padding: 6px;
						&:hover {
							border: 1px solid #237BFF;
							border-width: 0px 2px 2px 0px;
						}
					}
					.eval-btn.pre-btn {
						transform: rotate(135deg);
						-webkit-transform: rotate(135deg);
					}
					.eval-btn.next-btn {
						transform: rotate(-45deg);
						-webkit-transform: rotate(-45deg);
					}
				}
			}
		}
	}*/ }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-area {
    background: url("../img/service/banner.png") center center no-repeat;
    background-size: cover; }
    .banner-area .banner-words {
      width: 430px; }
  .section-1 {
    width: 100%;
    height: 680px;
    background-color: #F7F8FA;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .section-1 .side-bg {
      width: 400px;
      height: auto; }
    .section-1 .content {
      box-sizing: border-box;
      flex: 1;
      height: 100%;
      padding: 0 40px 0 40px;
      background-color: #F7F8FA;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .section-1 .content .head {
        margin-bottom: 40px; }
        .section-1 .content .head .zh {
          font-size: 3rem;
          color: #3877EE; }
        .section-1 .content .head .en {
          font-family: "Microsoft Yahei", sans-serif;
          font-size: 1.5rem;
          font-weight: 400;
          color: #727883;
          opacity: 0.5; }
      .section-1 .content .detail {
        position: relative;
        margin-bottom: 20px; }
        .section-1 .content .detail p {
          font-size: 18px;
          font-weight: 400;
          color: #000000;
          line-height: 42px;
          opacity: 0.6; }
        .section-1 .content .detail .icon {
          width: 100%;
          text-align: right; }
          .section-1 .content .detail .icon img {
            width: 140px;
            height: auto; }
  .section-2 .section-title {
    width: 100%;
    padding: 80px 0 40px 0;
    text-align: center; }
    .section-2 .section-title .main-title {
      font-size: 3rem;
      color: #0087FF;
      margin-bottom: 0; }
    .section-2 .section-title .sub-title {
      font-family: "Microsoft Yahei", sans-serif;
      font-size: 1.5rem;
      color: #BECDDE; }
  .section-2 .section-main {
    position: relative;
    width: 100%;
    height: 480px;
    box-sizing: border-box;
    padding: 0 20px;
    background: url("../img/service/round/map.png") center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center; }
    .section-2 .section-main .service-list {
      box-sizing: border-box;
      width: 100%;
      padding: 0 30px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .section-2 .section-main .service-list .service-item {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .section-2 .section-main .service-list .service-item .icon {
          width: auto;
          height: 94px;
          margin-bottom: 30px; }
        .section-2 .section-main .service-list .service-item .detail {
          color: #000;
          display: flex;
          flex-direction: column; }
          .section-2 .section-main .service-list .service-item .detail .top {
            display: flex;
            align-items: baseline; }
            .section-2 .section-main .service-list .service-item .detail .top span:first-child {
              font-size: 50px;
              font-weight: bold; }
            .section-2 .section-main .service-list .service-item .detail .top span:last-child {
              font-size: 20px; }
          .section-2 .section-main .service-list .service-item .detail .desc {
            font-size: 18px;
            color: #000000;
            opacity: 0.5; }
    .section-2 .section-main .tips {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 18px;
      color: #ABABAB; }
  .section-3 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 40px;
    background-color: #F7F8FA; }
    .section-3 .section-title {
      width: 100%;
      padding: 80px 0 40px 0;
      text-align: center; }
      .section-3 .section-title .main-title {
        font-size: 3rem;
        color: #0087FF;
        margin-bottom: 0; }
      .section-3 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 1.5rem;
        color: #BECDDE; }
    .section-3 .section-main {
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-3 .section-main .nav-list {
        box-sizing: border-box;
        width: 280px;
        height: 400px;
        margin-right: 0;
        padding: 0 6px;
        background-color: #F7F8FA;
        overflow-y: scroll; }
        .section-3 .section-main .nav-list::-webkit-scrollbar {
          display: none; }
        .section-3 .section-main .nav-list .nav-item {
          box-sizing: border-box;
          width: 260px;
          height: 100px;
          padding-left: 30px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 10px;
          background: #FFFFFF;
          cursor: pointer;
          box-shadow: 0px 11px 1px 0px rgba(255, 255, 255, 0.2);
          border-radius: 20px;
          display: flex;
          align-items: center; }
          .section-3 .section-main .nav-list .nav-item .icon {
            width: 50px;
            height: auto;
            margin-right: 8px; }
          .section-3 .section-main .nav-list .nav-item .slogan {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .section-3 .section-main .nav-list .nav-item .slogan h1 {
              font-size: 20px;
              color: #374457;
              margin-bottom: 16px; }
            .section-3 .section-main .nav-list .nav-item .slogan h2 {
              font-size: 16px;
              color: #5D6F8B;
              opacity: .5;
              font-family: "Microsoft Yahei", sans-serif; }
          .section-3 .section-main .nav-list .nav-item:hover {
            border: 2px solid #015EEA; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h1 {
              color: #086AFF; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h2 {
              color: #0A6CFF; }
        .section-3 .section-main .nav-list .nav-item.active {
          border: 2px solid #015EEA; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h1 {
            color: #086AFF; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h2 {
            color: #0A6CFF; }
      .section-3 .section-main .content-box {
        box-sizing: border-box;
        flex: 0.96;
        padding: 20px;
        position: relative;
        overflow: hidden; }
        .section-3 .section-main .content-box .bg {
          width: 100%;
          height: auto; }
        .section-3 .section-main .content-box .content {
          position: absolute;
          left: 50px;
          top: 40px;
          display: flex;
          flex-direction: column;
          height: 100%;
          overflow: hidden; }
          .section-3 .section-main .content-box .content .header .en {
            font-family: "Microsoft Yahei", sans-serif;
            font-weight: 400;
            font-size: 40px;
            color: #000000;
            opacity: 0.1; }
          .section-3 .section-main .content-box .content .header .zh {
            font-weight: 500;
            font-size: 34px;
            color: #000000; }
          .section-3 .section-main .content-box .content .header .divider {
            margin-top: 40px;
            margin-bottom: 40px;
            width: 44px;
            height: 4px;
            background: #0078FF;
            border-radius: 2px; }
          .section-3 .section-main .content-box .content .desc-box {
            position: relative;
            z-index: 2;
            flex: 1;
            width: 100%;
            overflow-y: scroll; }
            .section-3 .section-main .content-box .content .desc-box::-webkit-scrollbar {
              display: none; }
            .section-3 .section-main .content-box .content .desc-box .desc-list {
              width: 100%;
              height: 100%; }
              .section-3 .section-main .content-box .content .desc-box .desc-list h2 {
                font-size: 20px;
                color: #3C4D59;
                opacity: 0.7;
                position: relative;
                box-sizing: border-box;
                padding-left: 12px; }
                .section-3 .section-main .content-box .content .desc-box .desc-list h2::before {
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateX(-50%);
                  width: 4px;
                  height: 4px;
                  background-color: #3C4D59;
                  opacity: 0.7;
                  border-radius: 100%; }
        .section-3 .section-main .content-box .right-img {
          height: 400px; }
      .section-3 .section-main .content-box-slides-m {
        display: none; }
  .section-4 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0;
    background-color: #FFF; }
    .section-4 .section-title {
      width: 100%;
      padding: 80px 0 40px 0;
      text-align: center; }
      .section-4 .section-title .main-title {
        font-size: 3rem;
        color: #0087FF;
        margin-bottom: 0; }
      .section-4 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 1.5rem;
        color: #BECDDE; }
    .section-4 .section-main {
      display: none; }
    .section-4 .section-main-1 {
      position: relative;
      width: 100%;
      max-width: 1920px;
      margin-top: 0;
      display: flex; }
      .section-4 .section-main-1 .book-container {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .section-4 .section-main-1 .book-container .page-item {
          width: 100%;
          position: relative; }
          .section-4 .section-main-1 .book-container .page-item .box {
            position: relative;
            z-index: 3;
            left: auto;
            top: auto;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding-left: 50px;
            padding-right: 50px;
            background: url("../img/service/comprehensive/round/cl.png") center center no-repeat;
            background-size: cover; }
            .section-4 .section-main-1 .book-container .page-item .box .title {
              width: 100%;
              margin-top: 20px;
              margin-bottom: 20px;
              text-align: center; }
              .section-4 .section-main-1 .book-container .page-item .box .title .zh {
                font-size: 32px;
                color: #324E78; }
              .section-4 .section-main-1 .book-container .page-item .box .title .en {
                font-family: "Microsoft Yahei", sans-serif;
                font-size: 16px;
                color: #324E78;
                opacity: 0.4; }
            .section-4 .section-main-1 .book-container .page-item .box .desc {
              width: 100%;
              text-align: justify;
              color: #000000;
              opacity: 0.6;
              line-height: 32px; }
              .section-4 .section-main-1 .book-container .page-item .box .desc #text {
                font-size: 18px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                padding-right: 0 !important; }
              .section-4 .section-main-1 .book-container .page-item .box .desc #more {
                width: 90px;
                height: 40px;
                background-color: #1791FD;
                border-radius: 22px;
                font-size: 16px;
                color: #FFF;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                margin-top: 26px;
                margin-bottom: 32px;
                display: none; }
                .section-4 .section-main-1 .book-container .page-item .box .desc #more .arrow {
                  margin-left: 4px; }
                .section-4 .section-main-1 .book-container .page-item .box .desc #more:hover {
                  text-decoration: none; }
            .section-4 .section-main-1 .book-container .page-item .box .gaokao {
              width: 100%;
              margin-top: 18px;
              display: flex;
              align-items: center; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .slogan {
                height: 60px;
                width: auto; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .slogan1 {
                font-weight: bold;
                font-size: 20px;
                color: #1791FD;
                margin-right: 12px; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .desc {
                width: auto;
                display: flex;
                flex-direction: column;
                justify-content: center; }
                .section-4 .section-main-1 .book-container .page-item .box .gaokao .desc .line-item {
                  box-sizing: border-box;
                  width: 100%;
                  line-height: 40px;
                  padding: 0 0;
                  font-size: 16px;
                  color: #5B5F65;
                  text-align: left; }
          .section-4 .section-main-1 .book-container .page-item .photo-list {
            position: relative;
            width: 100%;
            height: 100%;
            margin-top: 20px;
            box-sizing: border-box;
            overflow-x: scroll;
            white-space: nowrap;
            text-align: center; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar {
              height: 2px; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar-track {
              background-color: #F3F8FD; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar-thumb {
              background-color: #0087FF; }
            .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper {
              display: inline-block; }
              .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item {
                width: 100%;
                height: 224px;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
                align-items: center; }
                .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .cover {
                  width: 180px;
                  height: 100px; }
                .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content {
                  display: flex;
                  flex-direction: column;
                  align-items: center; }
                  .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content .title {
                    font-size: 16px;
                    color: #262A35;
                    margin-bottom: 0; }
                  .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content .sub-title {
                    font-size: 12px;
                    color: #262A35;
                    opacity: 0.4; }
  /*.section-5 {
		box-sizing: border-box;
		width: 100%;
		padding-bottom: 60px;
		background-color: $background-color_2;
		.section-title {
			width: 100%;
			padding: 80px 0 20px 0;
			text-align: center;
			.main-title {
				font-size: 3rem;
				color: $color_4;
				margin-bottom: 0;
			}
			.sub-title {
				font-family: $font-family_1;
				font-size: 1.5rem;
				color: $color_5;
			}
		}
		.section-sub-title {
			display: flex;
			flex-direction: column;
			align-items: center;
			h1 {
				font-size: 36px;
				color: $color_13;
			}
			h2 {
				font-family: $font-family_1;
				font-size: 18px;
				color: $color_13;
				opacity: 0.4;
			}
		}
		.section-main {
			width: 100%;
			.eval-slides-box {
				box-sizing: border-box;
				width: 100%;
				padding: 0 140px;
				margin-top: 60px;
				.eval-list {
					width: 100%;
					.eval-item {
						width: 380px;
						height: 540px;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						img {
							width: 380px;
							height: auto;
							max-height: 500px;
						}
						p {
							box-sizing: border-box;
							font-size: 18px;
							color: $color_17;
							padding: 0 8px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}
				.carousel-btns {
					margin-top: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					span {
						font-size: 20px;
						color: $color_17;
						margin: 0 16px;
					}
					.eval-btn {
						border: 1px solid #777;
						border-width: 0px 2px 2px 0px;
						display: inline-block;
						padding: 6px;
						&:hover {
							border: 1px solid #237BFF;
							border-width: 0px 2px 2px 0px;
						}
					}
					.eval-btn.pre-btn {
						transform: rotate(135deg);
						-webkit-transform: rotate(135deg);
					}
					.eval-btn.next-btn {
						transform: rotate(-45deg);
						-webkit-transform: rotate(-45deg);
					}
				}
			}
		}
	}*/ }

@media screen and (max-width: 768px) {
  body {
    background: #f3f8fd; }
  .crumbs-nav {
    box-shadow: none;
    background: transparent; }
  .banner-area {
    height: 141.86667vw;
    background: url("../img/service/comprehensive/edu-1.png") center center no-repeat;
    background-size: cover; }
    .banner-area .banner-words {
      width: calc(100% - 40px); }
      .banner-area .banner-words .banner-title {
        color: #0087FF; }
      .banner-area .banner-words .banner-title-en {
        color: #0087FF;
        margin: 5px 0 0 0; }
      .banner-area .banner-words .divider {
        background-color: #0087FF;
        margin: 15px 0; }
      .banner-area .banner-words .desc {
        color: #0087FF;
        padding: 0;
        margin: 0;
        line-height: normal; }
  .section-1 {
    width: 100%;
    height: auto;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end; }
    .section-1 .side-bg {
      display: none;
      width: 400px;
      height: auto; }
    .section-1 .content {
      box-sizing: border-box;
      flex: 1;
      height: 100%;
      padding: 40px 20px 0 20px;
      background-color: transparent;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden; }
      .section-1 .content .head {
        margin: 0 auto 20px auto;
        text-align: center;
        width: 44.13333vw; }
        .section-1 .content .head .zh {
          font-size: 5.46667vw;
          font-weight: 500;
          color: #3877EE;
          margin-bottom: 4px;
          background: -webkit-linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
          /* Chrome, Safari */
          background: linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
          /* 标准语法 */
          -webkit-background-clip: text;
          /* Chrome, Safari */
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* Chrome, Safari */ }
        .section-1 .content .head .en {
          font-family: "Microsoft Yahei", sans-serif;
          font-size: 2.93333vw;
          font-weight: 400;
          color: #BED2E5;
          opacity: 0.5; }
      .section-1 .content .detail {
        position: relative;
        margin-bottom: 60px;
        height: 101.86667vw; }
        .section-1 .content .detail .bottom-img {
          width: 88.93333vw;
          height: 48.66667vw;
          border-radius: 4vw; }
        .section-1 .content .detail p {
          width: 81.06667vw;
          border-radius: 4vw;
          padding: 4vw;
          padding-right: 7.6vw;
          margin: 0 auto;
          font-size: 3.33333vw;
          background: #fff;
          font-weight: 400;
          color: #2F3A47;
          line-height: 5.06667vw;
          z-index: 9;
          transform: translateY(-11.86667vw);
          opacity: 1; }
          .section-1 .content .detail p .head-line {
            width: 6.53333vw;
            height: 0.8vw;
            background: #0087FF;
            display: block;
            margin: 0.13333vw 0 2.66667vw 0; }
        .section-1 .content .detail .icon {
          transform: translate(25px, -24vw);
          width: 100%;
          text-align: right; }
          .section-1 .content .detail .icon img {
            width: 26.4vw;
            height: 26vw; }
  .section-2 {
    background: #fff; }
    .section-2 .section-title {
      box-sizing: border-box;
      width: 100%;
      padding: 40px 0 8.8vw 0;
      text-align: center; }
      .section-2 .section-title .main-title {
        font-size: 5.6vw;
        color: #0087FF;
        margin-bottom: 0; }
      .section-2 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 2.93333vw;
        color: #BECDDE; }
    .section-2 .section-main {
      position: relative;
      width: 100%;
      height: auto;
      box-sizing: border-box;
      padding: 20px 20px 12vw 20px;
      background: url("../img/service/round/map.png") center center no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      flex-direction: column; }
      .section-2 .section-main .service-list {
        box-sizing: border-box;
        width: 100%;
        padding: 0 12px;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .section-2 .section-main .service-list .service-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 20px; }
          .section-2 .section-main .service-list .service-item .icon {
            width: 12.13333vw;
            height: 9.86667vw;
            margin-bottom: 2.66667vw; }
          .section-2 .section-main .service-list .service-item .detail {
            color: #000;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .section-2 .section-main .service-list .service-item .detail .top {
              display: flex;
              align-items: baseline; }
              .section-2 .section-main .service-list .service-item .detail .top span:first-child {
                font-size: 5.6vw;
                font-weight: bold;
                color: #1B212E; }
              .section-2 .section-main .service-list .service-item .detail .top span:nth-of-type(2) {
                font-size: 5.6vw;
                font-weight: bold;
                color: #1B212E; }
              .section-2 .section-main .service-list .service-item .detail .top span:last-child {
                font-size: 2.26667vw;
                color: #777; }
            .section-2 .section-main .service-list .service-item .detail .desc {
              font-size: 12px;
              color: #000000;
              opacity: 0.5; }
      .section-2 .section-main .tips {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translateX(0);
        margin-top: 18.26667vw;
        font-size: 2.26667vw;
        color: #ABABAB; }
  .section-3 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0;
    background-color: transparent; }
    .section-3 .section-title {
      width: 100%;
      padding: 10.13333vw 0 7.06667vw 0;
      text-align: center; }
      .section-3 .section-title .main-title {
        font-size: 5.6vw;
        color: #0087FF;
        margin-bottom: 0; }
      .section-3 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 2.93333vw;
        color: #BECDDE; }
    .section-3 .section-main {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .section-3 .section-main .nav-list {
        box-sizing: border-box;
        width: 100%;
        height: 400px;
        margin-right: 0;
        padding: 0 6px;
        background-color: #F7F8FA;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: auto;
        display: none; }
        .section-3 .section-main .nav-list::-webkit-scrollbar {
          display: none; }
        .section-3 .section-main .nav-list .nav-item {
          box-sizing: border-box;
          width: 360px;
          height: 100px;
          padding-left: 30px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 10px;
          background: #FFFFFF;
          cursor: pointer;
          box-shadow: 0px 11px 1px 0px rgba(255, 255, 255, 0.2);
          border-radius: 20px;
          display: flex;
          align-items: center; }
          .section-3 .section-main .nav-list .nav-item .icon {
            width: 40px;
            height: auto;
            margin-right: 12px; }
          .section-3 .section-main .nav-list .nav-item .slogan {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .section-3 .section-main .nav-list .nav-item .slogan h1 {
              font-size: 18px;
              color: #374457;
              margin-bottom: 8px; }
            .section-3 .section-main .nav-list .nav-item .slogan h2 {
              font-size: 14px;
              color: #5D6F8B;
              opacity: .5;
              font-family: "Microsoft Yahei", sans-serif; }
          .section-3 .section-main .nav-list .nav-item:hover {
            border: 2px solid #015EEA; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h1 {
              color: #086AFF; }
            .section-3 .section-main .nav-list .nav-item:hover .slogan h2 {
              color: #0A6CFF; }
        .section-3 .section-main .nav-list .nav-item.active {
          border: 2px solid #015EEA; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h1 {
            color: #086AFF; }
          .section-3 .section-main .nav-list .nav-item.active .slogan h2 {
            color: #0A6CFF; }
      .section-3 .section-main .content-box {
        box-sizing: border-box;
        flex: 1;
        width: 100%;
        padding: 12px;
        position: relative;
        display: none; }
        .section-3 .section-main .content-box .bg {
          display: none;
          height: 700px;
          width: auto; }
        .section-3 .section-main .content-box .content {
          position: relative;
          left: 20px;
          top: 20px;
          display: flex;
          flex-direction: column; }
          .section-3 .section-main .content-box .content .header .en {
            font-family: "Microsoft Yahei", sans-serif;
            font-weight: 400;
            font-size: 24px;
            color: #000000;
            opacity: 0.1; }
          .section-3 .section-main .content-box .content .header .zh {
            font-weight: 500;
            font-size: 28px;
            color: #000000; }
          .section-3 .section-main .content-box .content .header .divider {
            margin-top: 20px;
            margin-bottom: 20px;
            width: 44px;
            height: 4px;
            background: #0078FF;
            border-radius: 2px; }
          .section-3 .section-main .content-box .content .desc-box .title {
            font-size: 18px;
            color: #3C4D59;
            opacity: 0.7; }
          .section-3 .section-main .content-box .content .desc-box .desc-list h2 {
            font-size: 18px;
            color: #3C4D59;
            opacity: 0.7;
            position: relative;
            box-sizing: border-box;
            padding-left: 12px; }
            .section-3 .section-main .content-box .content .desc-box .desc-list h2::before {
              content: '';
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateX(-50%);
              width: 4px;
              height: 4px;
              background-color: #3C4D59;
              opacity: 0.7;
              border-radius: 100%; }
      .section-3 .section-main .content-box-slides-m {
        display: block;
        position: relative;
        width: 100%;
        height: 550px; }
        .section-3 .section-main .content-box-slides-m .content-btn {
          position: absolute;
          width: 40px;
          height: 40px;
          bottom: 40px; }
          .section-3 .section-main .content-box-slides-m .content-btn img {
            width: 100%;
            height: 100%; }
        .section-3 .section-main .content-box-slides-m .content-btn.content-pre-btn {
          left: calc(50% - 60px); }
        .section-3 .section-main .content-box-slides-m .content-btn.content-next-btn {
          left: calc(50% + 20px); }
        .section-3 .section-main .content-box-slides-m .content-box-m .content-m {
          width: 370px;
          position: relative;
          left: 20px;
          top: 20px;
          flex-direction: column;
          display: block; }
          .section-3 .section-main .content-box-slides-m .content-box-m .content-m .header .en {
            display: none;
            font-family: "Microsoft Yahei", sans-serif;
            font-weight: 400;
            font-size: 24px;
            color: #000000;
            opacity: 0.1; }
          .section-3 .section-main .content-box-slides-m .content-box-m .content-m .header .zh {
            font-weight: 500;
            font-size: 28px;
            color: #000000;
            text-align: center; }
          .section-3 .section-main .content-box-slides-m .content-box-m .content-m .header .divider {
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            width: 44px;
            height: 4px;
            background: #0078FF;
            border-radius: 2px; }
          .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box {
            text-align: center;
            max-height: 340px;
            overflow-y: scroll; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box::-webkit-scrollbar {
              width: 3px; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box::-webkit-scrollbar-track {
              background-color: #F3F8FD; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box::-webkit-scrollbar-thumb {
              background-color: #0087FF; }
              .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box::-webkit-scrollbar-thumb:hover {
                background-color: #0087FF; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box * {
              scrollbar-width: 3px;
              scrollbar-color: #F3F8FD; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box .title {
              font-size: 18px;
              color: #3C4D59;
              opacity: 0.7; }
            .section-3 .section-main .content-box-slides-m .content-box-m .content-m .desc-box .desc-list h2 {
              font-size: 18px;
              color: #3C4D59;
              opacity: 0.7;
              position: relative;
              box-sizing: border-box;
              padding-left: 12px; }
    .section-3 .section-main-1 {
      flex-direction: column; }
      .section-3 .section-main-1 .sub-nav-box {
        box-sizing: border-box;
        z-index: 2;
        width: 100%;
        padding: 0 4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.33333vw;
        font-weight: 400; }
        .section-3 .section-main-1 .sub-nav-box .sub-nav-btn {
          height: 1.33333vw; }
          .section-3 .section-main-1 .sub-nav-box .sub-nav-btn img {
            width: auto;
            height: 1.33333vw;
            vertical-align: top; }
        .section-3 .section-main-1 .sub-nav-box .self-sub-nav {
          position: relative;
          padding: 0 12px; }
          .section-3 .section-main-1 .sub-nav-box .self-sub-nav .owl-stage-outer {
            width: 100%;
            line-height: 1;
            overflow: hidden; }
          .section-3 .section-main-1 .sub-nav-box .self-sub-nav .sub-item {
            margin-right: 4.4vw;
            display: inline-block;
            min-width: 10.26667vw;
            color: #000000;
            font-size: 3.33333vw;
            line-height: 4.66667vw;
            vertical-align: top;
            padding-bottom: 3.2vw; }
          .section-3 .section-main-1 .sub-nav-box .self-sub-nav .owl-item.active.center .sub-item {
            font-size: 3.33333vw;
            line-height: 4.66667vw;
            color: #0087FF;
            border-bottom: 0.4vw solid #0087FF; }
      .section-3 .section-main-1 .bottom-line {
        width: 100%;
        border-top: 0.13333vw solid #d0d4d8;
        transform: translateY(-0.4vw);
        margin-bottom: 9.06667vw; }
      .section-3 .section-main-1 .swiper-container {
        overflow-y: auto; }
        .section-3 .section-main-1 .swiper-container .swiper-button-prev, .section-3 .section-main-1 .swiper-container .swiper-button-next {
          top: 21.26667vw; }
          .section-3 .section-main-1 .swiper-container .swiper-button-prev:after, .section-3 .section-main-1 .swiper-container .swiper-button-next:after {
            font-size: 3.6vw; }
        .section-3 .section-main-1 .swiper-container .swiper-pagination {
          position: absolute;
          top: 47.33333vw;
          height: 0; }
          .section-3 .section-main-1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
            opacity: 1;
            width: 1.06667vw;
            height: 1.06667vw;
            border-radius: 50%;
            background: #148FFD; }
          .section-3 .section-main-1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active::after {
            content: "";
            position: absolute;
            transform: translate(-50%, -25%);
            display: inline-block;
            border-radius: 50%;
            width: 2.13333vw;
            height: 2.13333vw;
            background: rgba(20, 143, 253, 0.5);
            z-index: -1; }
        .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide {
          display: flex;
          flex-direction: column; }
          .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper {
            position: relative;
            width: 73.86667vw;
            height: 42.53333vw;
            margin: 0 auto; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .right-img————1 {
              position: absolute;
              bottom: -2.93333vw;
              left: -1.2vw;
              width: 24.4vw;
              height: 16.8vw; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .right-img————2 {
              position: absolute;
              bottom: 0;
              right: -3.6vw;
              width: 52.8vw;
              height: 46.26667vw; }
            .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header {
              width: 100%;
              height: 100%;
              background: linear-gradient(0deg, #6EB5F5, #0087FF);
              box-shadow: 2px 2px 7px 0px rgba(49, 64, 114, 0.41);
              border-radius: 15px;
              align-items: flex-start;
              padding: 5.33333vw 3.2vw;
              box-sizing: border-box; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .right-icon- {
                width: 4.13333vw;
                height: 4.13333vw;
                margin-bottom: 1.86667vw; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .en {
                width: 32vw;
                font-weight: 800;
                font-size: 4.4vw;
                color: #FFFFFF;
                line-height: 4.93333vw;
                opacity: 1; }
              .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .wrapper .header .zh {
                width: 32vw;
                font-weight: 500;
                font-size: 3.33333vw;
                color: #FFFFFF;
                line-height: 5.06667vw; }
          .section-3 .section-main-1 .swiper-container .swiper-wrapper .swiper-slide .content {
            width: 73.86667vw;
            margin: 15.2vw auto 0 auto;
            font-size: 3.73333vw;
            color: #57687D;
            overflow-y: auto;
            flex: 1; }
  .el-message-box__wrapper {
    z-index: 999999 !important; }
  .section-4 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0;
    background-color: transparent; }
    .section-4 .section-title {
      width: 100%;
      padding: 1.33333vw 0 0 0;
      text-align: center; }
      .section-4 .section-title .main-title {
        font-size: 5.6vw;
        color: #0087FF;
        margin-bottom: 0; }
      .section-4 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 2.93333vw;
        color: #BECDDE; }
    .section-4 .section-main {
      display: none; }
    .section-4 .section-main-1 {
      position: relative;
      width: 100%;
      max-width: 1920px;
      margin-top: 0;
      display: flex; }
      .section-4 .section-main-1 .book-container {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .section-4 .section-main-1 .book-container .page-item {
          width: 100%;
          position: relative; }
          .section-4 .section-main-1 .book-container .page-item .box {
            position: relative;
            z-index: 3;
            left: auto;
            top: auto;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding-left: 20px;
            padding-right: 20px;
            background: url("../img/service/comprehensive/round/cl.png") center center no-repeat;
            background-size: cover; }
            .section-4 .section-main-1 .book-container .page-item .box .title {
              width: 100%;
              margin-top: 20px;
              margin-bottom: 20px;
              text-align: center; }
              .section-4 .section-main-1 .book-container .page-item .box .title .zh {
                font-size: 24px;
                color: #324E78; }
              .section-4 .section-main-1 .book-container .page-item .box .title .en {
                font-family: "Microsoft Yahei", sans-serif;
                font-size: 14px;
                color: #324E78;
                opacity: 0.4; }
            .section-4 .section-main-1 .book-container .page-item .box .desc {
              width: 100%;
              text-align: justify;
              color: #000000;
              opacity: 0.6;
              line-height: 32px; }
              .section-4 .section-main-1 .book-container .page-item .box .desc #text1 {
                font-size: 16px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                padding-right: 0 !important; }
              .section-4 .section-main-1 .book-container .page-item .box .desc #more1 {
                width: 70px;
                height: 30px;
                background-color: #1791FD;
                border-radius: 18px;
                font-size: 14px;
                color: #FFF;
                text-align: center;
                line-height: 30px;
                cursor: pointer;
                margin-top: 20px;
                margin-bottom: 26px;
                display: none; }
                .section-4 .section-main-1 .book-container .page-item .box .desc #more1 .arrow {
                  margin-left: 4px; }
                .section-4 .section-main-1 .book-container .page-item .box .desc #more1:hover {
                  text-decoration: none; }
            .section-4 .section-main-1 .book-container .page-item .box .gaokao {
              width: 100%;
              margin-top: 18px;
              display: flex;
              flex-direction: column;
              align-items: center; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .slogan {
                height: 50px;
                width: auto;
                margin-bottom: 12px; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .slogan1 {
                font-weight: bold;
                font-size: 20px;
                color: #1791FD;
                margin-right: 0;
                text-align: center; }
              .section-4 .section-main-1 .book-container .page-item .box .gaokao .desc {
                margin-top: 10px;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center; }
                .section-4 .section-main-1 .book-container .page-item .box .gaokao .desc .line-item {
                  box-sizing: border-box;
                  width: 100%;
                  line-height: 30px;
                  padding: 0 0;
                  font-size: 14px;
                  color: #5B5F65;
                  text-align: left; }
          .section-4 .section-main-1 .book-container .page-item .photo-list {
            position: relative;
            width: 100%;
            height: auto;
            margin-top: 20px;
            box-sizing: border-box;
            padding-bottom: 8px;
            overflow-x: scroll;
            white-space: nowrap;
            text-align: center; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar {
              height: 2px; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar-track {
              background-color: #F3F8FD; }
            .section-4 .section-main-1 .book-container .page-item .photo-list::-webkit-scrollbar-thumb {
              background-color: #0087FF; }
            .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper {
              display: inline-block; }
              .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item {
                width: 100%;
                height: auto;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
                align-items: center; }
                .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .cover {
                  width: 180px;
                  height: 100px; }
                .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content {
                  display: flex;
                  flex-direction: column;
                  align-items: center; }
                  .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content .title {
                    font-size: 16px;
                    color: #262A35;
                    margin-bottom: 0; }
                  .section-4 .section-main-1 .book-container .page-item .photo-list .wrapper .photo-item .content .sub-title {
                    font-size: 12px;
                    color: #262A35;
                    opacity: 0.4; }
  .service-case {
    display: none; }
  .service-case-mobile {
    display: block; }
    .service-case-mobile h2 {
      margin-top: 4.93333vw;
      margin-bottom: 4vw;
      font-weight: 600;
      color: #3A4149;
      font-size: 4.13333vw;
      text-align: center; }
    .service-case-mobile .el-image-right {
      width: 88.4vw;
      height: 44.93333vw;
      margin: 0 auto;
      border-radius: 4vw;
      overflow: hidden; }
    .service-case-mobile .section-score-detail {
      position: relative;
      padding: 3.06667vw;
      width: 76vw;
      height: 35.33333vw;
      background-color: #2B91FE;
      margin: 0 auto;
      border-radius: 4vw;
      font-size: 2.13333vw;
      color: #fff;
      font-family: PingFangSC;
      z-index: 9;
      bottom: 9.2vw;
      justify-content: center; }
      .service-case-mobile .section-score-detail .section-score-education {
        position: relative;
        display: block;
        bottom: 0;
        font-size: 2.53333vw;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer; }
      .service-case-mobile .section-score-detail .section-score-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
      .service-case-mobile .section-score-detail .section-score-blod {
        font-size: 6.26667vw;
        color: #FFFFFF;
        font-weight: 600;
        height: 4.66667vw;
        font-family: PingFangSC; }
      .service-case-mobile .section-score-detail .section-score-block {
        font-size: 2.93333vw;
        display: block;
        font-weight: 600;
        font-family: PingFangSC; }
      .service-case-mobile .section-score-detail .section-score-item {
        width: 50%; }
    .service-case-mobile .section-desc-content {
      width: 88.4vw;
      height: 42vw;
      font-size: 3.33333vw;
      color: #2F3A47;
      font-weight: 400;
      line-height: 4.8vw;
      margin: 0 auto 6.26667vw auto;
      text-align: justify; }
    .service-case-mobile .section-icon-list {
      width: 88.4vw;
      height: 48.53333vw;
      border-radius: 4vw;
      background: #ffffff;
      padding: 2.4vw;
      margin: 0 auto;
      overflow: hidden; }
      .service-case-mobile .section-icon-list .swiper-wrapper {
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: space-between; }
        .service-case-mobile .section-icon-list .swiper-wrapper .center-line {
          width: 1px;
          background: rgba(0, 0, 0, 0.1); }
        .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide {
          position: relative;
          max-width: 33%;
          height: 19.33333vw;
          flex-wrap: wrap;
          padding: 0 3.2vw;
          text-align: center;
          transition: all .5s; }
          .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide img {
            height: 9.6vw;
            vertical-align: top;
            margin-bottom: 2.66667vw; }
          .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide p {
            margin: 0;
            font-size: 2.53333vw;
            color: #3A4149;
            line-height: 2.93333vw;
            transition: all .5s;
            text-align: center !important; }
            .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide p.main-title {
              text-align: left; }
            .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide p.sub-title {
              text-align: left;
              overflow: hidden;
              text-overflow: ellipsis; }
          .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide:hover {
            background: #2B91FE; }
            .service-case-mobile .section-icon-list .swiper-wrapper .swiper-slide:hover p {
              color: #fff; }
  .section-5-1 {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 40px;
    background-color: transparent; }
    .section-5-1 .section-title {
      width: 100%;
      padding: 40px 0 0 0;
      text-align: center; }
      .section-5-1 .section-title .main-title {
        font-size: 5.46667vw;
        font-weight: 500;
        color: #3877EE;
        margin-bottom: 4px;
        background: -webkit-linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
        /* Chrome, Safari */
        background: linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
        /* 标准语法 */
        -webkit-background-clip: text;
        /* Chrome, Safari */
        background-clip: text;
        -webkit-text-fill-color: transparent;
        /* Chrome, Safari */ }
      .section-5-1 .section-title .sub-title {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 2.93333vw;
        font-weight: 400;
        color: #BED2E5;
        opacity: 0.5; }
    .section-5-1 .section-sub-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
      padding: 0 12px;
      text-align: center; }
      .section-5-1 .section-sub-title h1 {
        font-size: 1.5rem;
        color: #324E78; }
      .section-5-1 .section-sub-title h2 {
        font-family: "Microsoft Yahei", sans-serif;
        font-size: 1rem;
        color: #324E78;
        opacity: 0.4; }
    .section-5-1 .section-main {
      width: 100%; }
      .section-5-1 .section-main .eval-slides-box {
        box-sizing: border-box;
        width: 100%;
        padding: 0 1.6vw;
        margin-top: 20px; }
        .section-5-1 .section-main .eval-slides-box .eval-list, .section-5-1 .section-main .eval-slides-box .eval-list-1 {
          width: 100%;
          padding: 0 3.86667vw; }
          .section-5-1 .section-main .eval-slides-box .eval-list .owl-item, .section-5-1 .section-main .eval-slides-box .eval-list-1 .owl-item {
            margin-right: 4.53333vw !important; }
          .section-5-1 .section-main .eval-slides-box .eval-list .eval-item, .section-5-1 .section-main .eval-slides-box .eval-list-1 .eval-item {
            width: 34.53333vw;
            height: 33.73333vw;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between; }
            .section-5-1 .section-main .eval-slides-box .eval-list .eval-item img, .section-5-1 .section-main .eval-slides-box .eval-list-1 .eval-item img {
              width: 27.86667vw;
              margin: 0 auto; }
            .section-5-1 .section-main .eval-slides-box .eval-list .eval-item p, .section-5-1 .section-main .eval-slides-box .eval-list-1 .eval-item p {
              box-sizing: border-box;
              font-size: 12px;
              color: #929292;
              padding: 0 8px;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis; }
          .section-5-1 .section-main .eval-slides-box .eval-list .owl-dots, .section-5-1 .section-main .eval-slides-box .eval-list-1 .owl-dots {
            display: none; }
        .section-5-1 .section-main .eval-slides-box .carousel-btns {
          margin-top: 20px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .section-5-1 .section-main .eval-slides-box .carousel-btns span {
            font-size: 12px;
            color: #929292;
            margin: 0 16px; }
          .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn {
            border: 1px solid #777;
            border-width: 0px 2px 2px 0px;
            display: inline-block;
            padding: 6px; }
            .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn:hover {
              border: 1px solid #237BFF;
              border-width: 0px 2px 2px 0px; }
          .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn.pre-btn {
            transform: rotate(135deg) scale(0.7);
            -webkit-transform: rotate(135deg) scale(0.7); }
          .section-5-1 .section-main .eval-slides-box .carousel-btns .eval-btn.next-btn {
            transform: rotate(-45deg) scale(0.7);
            -webkit-transform: rotate(-45deg) scale(0.7); } }