.edu-container {
  min-width: 1200px;
  max-width: 2560px;
  width: 100%;
  min-height: 100%;
  background: #ecf1f4; }
  .edu-container .zj_hide {
    display: none; }
  .edu-container .wrapper {
    padding: 100px 0px;
    box-sizing: border-box; }
    .edu-container .wrapper.bg1 {
      background: #ecf1f4;
      box-shadow: 0 9px 12px 0 rgba(190, 205, 215, 0.54);
      border-radius: 19px;
      text-align: center;
      padding: 50px 40px;
      margin-top: 40px; }
      .edu-container .wrapper.bg1 h3.title {
        font-size: 24px;
        color: #333333;
        letter-spacing: 2.4px;
        text-align: center;
        margin-bottom: 18px; }
      .edu-container .wrapper.bg1 p.desc {
        font-size: 18px;
        color: #666666;
        text-align: center;
        line-height: 30px; }
      .edu-container .wrapper.bg1 .lazy {
        margin-top: 30px;
        width: 1116px; }
    .edu-container .wrapper.blue {
      background: #e1e8ec; }
      .edu-container .wrapper.blue .img-content {
        margin-right: 37px; }
    .edu-container .wrapper.white {
      background: #ffffff; }
      .edu-container .wrapper.white .img-content {
        margin-right: 37px; }
    .edu-container .wrapper .w-innner.flex {
      display: flex;
      align-content: center;
      align-items: center; }
    .edu-container .wrapper .w-innner .img-content {
      width: 488px;
      height: 438px;
      margin-left: 37px; }
      .edu-container .wrapper .w-innner .img-content.mr {
        margin-left: 0px;
        margin-right: 37px; }
    .edu-container .wrapper .w-innner .ptswiper {
      width: 548px;
      height: 328px;
      background: #d8d8d8;
      box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.22);
      border-radius: 19px; }
      .edu-container .wrapper .w-innner .ptswiper .swiper-wrapper {
        width: 100%; }
        .edu-container .wrapper .w-innner .ptswiper .swiper-wrapper .swiper-slide {
          width: 548px;
          height: 328px;
          position: relative; }
          .edu-container .wrapper .w-innner .ptswiper .swiper-wrapper .swiper-slide img {
            width: 548px;
            height: 328px; }
          .edu-container .wrapper .w-innner .ptswiper .swiper-wrapper .swiper-slide .title {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            background: rgba(0, 0, 0, 0.31);
            border-radius: 0 0 19px 19px;
            height: 59px;
            line-height: 59px;
            font-size: 18px;
            color: #ffffff; }
    .edu-container .wrapper .w-innner .content {
      width: 600px;
      text-align: justify; }
      .edu-container .wrapper .w-innner .content img {
        height: 134px;
        margin-bottom: 28px; }
      .edu-container .wrapper .w-innner .content h3 {
        font-size: 24px;
        color: #333333;
        letter-spacing: 2.4px;
        margin-bottom: 13px;
        margin-top: 60px; }
        .edu-container .wrapper .w-innner .content h3 .point {
          display: inline-block;
          width: 8px;
          height: 8px;
          vertical-align: middle;
          border-radius: 50%;
          background: #5a2998;
          margin-right: 17px; }
      .edu-container .wrapper .w-innner .content p {
        width: 550px;
        font-size: 18px;
        color: #666666;
        line-height: 30px;
        margin-bottom: 20px; }
        .edu-container .wrapper .w-innner .content p.mt {
          margin-bottom: 52px; }
        .edu-container .wrapper .w-innner .content p::last-child {
          margin: 0px; }
        .edu-container .wrapper .w-innner .content p .point {
          display: inline-block;
          width: 8px;
          height: 8px;
          vertical-align: middle;
          border-radius: 50%;
          background: #5a2998;
          margin-right: 5px; }
    .edu-container .wrapper.two {
      background-color: #fff; }
      .edu-container .wrapper.two .w-innner .img-content {
        margin-left: 0px;
        width: 530px;
        height: 324px;
        margin-right: 131px;
        text-align: justify; }
      .edu-container .wrapper.two .w-innner .content {
        width: 550px;
        text-align: justify; }
        .edu-container .wrapper.two .w-innner .content img {
          height: 134px;
          margin-bottom: 28px; }
        .edu-container .wrapper.two .w-innner .content p {
          width: 550px;
          margin: 0px;
          padding: 0px; }
    .edu-container .wrapper.three {
      background-color: #e8edf1; }
      .edu-container .wrapper.three .w-innner .content {
        text-align: justify; }
        .edu-container .wrapper.three .w-innner .content img {
          height: 92px;
          margin-bottom: 28px; }
        .edu-container .wrapper.three .w-innner .content p {
          width: 580px;
          margin: 0px;
          padding: 0px; }
      .edu-container .wrapper.three .w-innner .img-content {
        width: 488px;
        height: 438px; }
    .edu-container .wrapper.four .w-innner, .edu-container .wrapper.five .w-innner, .edu-container .wrapper.seven .w-innner {
      position: relative;
      padding-bottom: 60px; }
      .edu-container .wrapper.four .w-innner h3, .edu-container .wrapper.five .w-innner h3, .edu-container .wrapper.seven .w-innner h3 {
        width: 307px;
        height: 76px;
        margin: 0 auto 25px auto; }
        .edu-container .wrapper.four .w-innner h3 .img-content, .edu-container .wrapper.five .w-innner h3 .img-content, .edu-container .wrapper.seven .w-innner h3 .img-content {
          width: 100%;
          height: 100%; }
    .edu-container .wrapper.four .specialist, .edu-container .wrapper.five .specialist, .edu-container .wrapper.seven .specialist {
      position: relative;
      width: 1200px;
      border-radius: 35px;
      box-shadow: 0 9px 30px 0 rgba(42, 76, 96, 0.28); }
      .edu-container .wrapper.four .specialist .swiper-wrapper, .edu-container .wrapper.five .specialist .swiper-wrapper, .edu-container .wrapper.seven .specialist .swiper-wrapper {
        width: 100%; }
        .edu-container .wrapper.four .specialist .swiper-wrapper .swiper-slide img, .edu-container .wrapper.five .specialist .swiper-wrapper .swiper-slide img, .edu-container .wrapper.seven .specialist .swiper-wrapper .swiper-slide img {
          display: block;
          width: 1200px;
          height: 480px; }
    .edu-container .wrapper.four #certify, .edu-container .wrapper.five #certify, .edu-container .wrapper.seven #certify {
      position: relative;
      width: 1200px;
      margin: 0 auto; }
      .edu-container .wrapper.four #certify .swiper-container .swiper-slide, .edu-container .wrapper.five #certify .swiper-container .swiper-slide, .edu-container .wrapper.seven #certify .swiper-container .swiper-slide {
        width: 630px !important;
        height: 396px;
        background: none; }
        .edu-container .wrapper.four #certify .swiper-container .swiper-slide img, .edu-container .wrapper.five #certify .swiper-container .swiper-slide img, .edu-container .wrapper.seven #certify .swiper-container .swiper-slide img {
          width: 630px;
          height: 396px; }
    .edu-container .wrapper.four .swiper-pagination, .edu-container .wrapper.five .swiper-pagination, .edu-container .wrapper.seven .swiper-pagination {
      z-index: 990;
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; }
      .edu-container .wrapper.four .swiper-pagination span, .edu-container .wrapper.five .swiper-pagination span, .edu-container .wrapper.seven .swiper-pagination span {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #b2b2b2;
        margin: 0 10px;
        opacity: .5; }
        .edu-container .wrapper.four .swiper-pagination span.swiper-pagination-bullet-active, .edu-container .wrapper.five .swiper-pagination span.swiper-pagination-bullet-active, .edu-container .wrapper.seven .swiper-pagination span.swiper-pagination-bullet-active {
          width: 14px;
          height: 14px;
          opacity: 1; }
    .edu-container .wrapper.four {
      background: #f4f5f6; }
    .edu-container .wrapper.five {
      background-color: #e8edf1; }
      .edu-container .wrapper.five .swiper-pagination {
        bottom: -40px !important; }
    .edu-container .wrapper.six .w-innner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .edu-container .wrapper.six .w-innner .gardener-pictures {
        width: 548px;
        height: 328px;
        border-radius: 20px;
        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.22);
        overflow: hidden; }
        .edu-container .wrapper.six .w-innner .gardener-pictures img {
          width: 100%;
          height: 100%; }
      .edu-container .wrapper.six .w-innner .box {
        width: 510px;
        text-align: right; }
        .edu-container .wrapper.six .w-innner .box img {
          width: 309px;
          height: 92px;
          margin-bottom: 28px; }
        .edu-container .wrapper.six .w-innner .box p {
          font-size: 18px;
          color: #666;
          line-height: 30px; }
      .edu-container .wrapper.six .w-innner .marquee-container {
        position: relative;
        width: 1200px;
        height: 210px;
        overflow: hidden; }
      .edu-container .wrapper.six .w-innner .mc-items {
        width: 1200px;
        -webkit-animation: marquee 18s linear 2s infinite;
        animation: marquee 18s linear 2s infinite;
        display: flex;
        align-items: center; }
        .edu-container .wrapper.six .w-innner .mc-items img {
          width: 280px;
          height: 210px; }

@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-2800px);
    transform: translateX(-2800px); } }

@keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-2800px);
    transform: translateX(-2800px); } }
      .edu-container .wrapper.six .w-innner .certificate {
        width: 100%;
        margin-top: 60px; }
        .edu-container .wrapper.six .w-innner .certificate .swiper-slide {
          width: 280px;
          height: 210px; }
          .edu-container .wrapper.six .w-innner .certificate .swiper-slide img {
            width: 280px;
            height: 210px; }
    .edu-container .wrapper.seven {
      background-color: #f5f5f5; }
      .edu-container .wrapper.seven .w-innner {
        padding-bottom: 30px; }
      .edu-container .wrapper.seven .swiper-slide {
        background: none; }
        .edu-container .wrapper.seven .swiper-slide img {
          width: 100%;
          height: auto; }

