@charset "UTF-8";
.banner {
  height: 583px;
  background: url(../image/wisdomSchool.png) no-repeat center center;
  background-size: 100% 100%; }
  @media screen and (max-width: 1000px) {
    .banner {
      background-size: auto 100%;
      height: 500px; } }

.schoolDesc {
  width: 322px;
  margin-top: 165px;
  margin-left: 150px; }
  @media screen and (max-width: 1000px) {
    .schoolDesc {
      width: 90%;
      margin: 0 auto;
      margin-top: 25%;
      text-align: center; } }
  .schoolDesc .hr {
    height: 4px;
    width: 100%;
    background: #F18900;
    margin-top: 14px;
    margin-bottom: 21px; }
    @media screen and (max-width: 1000px) {
      .schoolDesc .hr {
        width: 40%;
        margin: 0 auto;
        margin-top: 14px;
        margin-bottom: 21px;
        background: #F18900; } }
  .schoolDesc .title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 19px; }
    @media screen and (max-width: 1000px) {
      .schoolDesc .title {
        font-size: 32px; } }
  .schoolDesc .desc {
    font-size: 14px;
    color: #e2e2e2;
    line-height: 1.5;
    padding-bottom: 19px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px; }
    @media screen and (max-width: 1000px) {
      .schoolDesc .desc {
        font-size: 24px;
        border-bottom: none; } }
  .schoolDesc .EN {
    font-size: 18px;
    color: #fff; }
    @media screen and (max-width: 1000px) {
      .schoolDesc .EN {
        display: none; } }

.btn-list {
  overflow: hidden;
  padding-left: 140px;
  margin-top: 59px; }
  @media screen and (max-width: 1000px) {
    .btn-list {
      display: none; } }
  .btn-list-item {
    width: 259px;
    height: 74px;
    float: left;
    margin: 0 10px; }
  .btn-list .one {
    background: url(../image/group25.png) no-repeat center center;
    background-size: 100%; }
  .btn-list .two {
    background: url(../image/group26.png) no-repeat center center;
    background-size: 100%; }
  .btn-list .three {
    background: url(../image/group27.png) no-repeat center center;
    background-size: 100%; }

.serve,
.business,
.message {
  height: 800px;
  text-align: center; }
  @media screen and (max-width: 1000px) {
    .serve,
    .business,
    .message {
      height: auto; } }
  .serve-title,
  .business-title,
  .message-title {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 18px; }
    @media screen and (max-width: 1000px) {
      .serve-title,
      .business-title,
      .message-title {
        font-size: 32px; } }
  .serve-hr,
  .business-hr,
  .message-hr {
    height: 1px;
    width: 80px;
    background: #333;
    margin: 0 auto;
    margin-bottom: 10px; }
    @media screen and (max-width: 1000px) {
      .serve-hr,
      .business-hr,
      .message-hr {
        height: 4px;
        background: #F18900; } }
  .serve-titleDesc,
  .business-titleDesc,
  .message-titleDesc {
    font-size: 22px;
    color: #e1e1e1;
    text-align: center; }
    @media screen and (max-width: 1000px) {
      .serve-titleDesc,
      .business-titleDesc,
      .message-titleDesc {
        font-size: 24px;
        border-bottom: none;
        margin-bottom: 30px; } }
  .serve-box,
  .business-box,
  .message-box {
    text-align: center;
    position: relative; }
    @media screen and (max-width: 1000px) {
      .serve-box,
      .business-box,
      .message-box {
        display: none; } }
    .serve-box .left-border,
    .business-box .left-border,
    .message-box .left-border {
      position: absolute;
      height: 105px;
      width: 260px;
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd;
      left: 225px;
      top: 95px; }
    .serve-box .right-border,
    .business-box .right-border,
    .message-box .right-border {
      position: absolute;
      height: 105px;
      width: 260px;
      border-right: 1px solid #ddd;
      border-top: 1px solid #ddd;
      right: 225px;
      top: 95px; }
    .serve-box .center-border,
    .business-box .center-border,
    .message-box .center-border {
      position: absolute;
      left: 0;
      right: 0;
      top: 154px;
      width: 1px;
      height: 46px;
      background: #ddd;
      margin: auto; }
  .serve-img,
  .business-img,
  .message-img {
    margin-top: 40px;
    margin-bottom: 60px;
    height: 113px; }
  .serve-list,
  .business-list,
  .message-list {
    overflow: hidden;
    padding: 0 105px; }
    @media screen and (max-width: 1000px) {
      .serve-list,
      .business-list,
      .message-list {
        padding: 0;
        margin-bottom:  20px;
        } }
    .serve-list .left,
    .business-list .left,
    .message-list .left {
      float: left; }
    .serve-list .right,
    .business-list .right,
    .message-list .right {
      float: right; }
    .serve-list .marginLeft,
    .business-list .marginLeft,
    .message-list .marginLeft {
      margin-left: 96px; }
      @media screen and (max-width: 1000px) {
        .serve-list .marginLeft,
        .business-list .marginLeft,
        .message-list .marginLeft {
          margin-left: 0; } }
          .business-list-item{
      width: 200px;
      height: 210px; }
    .serve-list-item,
     .message-list-item {
      width: 248px;
      height: 276px; }
      @media screen and (max-width: 1000px) {
        .serve-list-item,
        .business-list-item,
        .message-list-item {
          overflow: hidden;
          width: 100%;
          text-align: left;
          height: auto;
          margin-bottom: 25px;
          }
          .serve-list-item div,
          .business-list-item div,
          .message-list-item div {
            width: 50%;
            float: left;
            padding-left: 20px; } }
      .serve-list-item img,
      .business-list-item img,
      .message-list-item img {
        width: 100%;
        height: 139px; }
        @media screen and (max-width: 1000px) {
          .serve-list-item img,
          .business-list-item img,
          .message-list-item img {
            width: 50%;
            float: left;
            height: 100%; } }
      .serve-list-item-title,
      .business-list-item-title,
      .message-list-item-title {
        font-size: 18px;
        text-align: center;
        margin: 20px 0; }
        @media screen and (max-width: 1000px) {
          .serve-list-item-title,
          .business-list-item-title,
          .message-list-item-title {
            text-align: left;
            font-size: 28px;
            margin: 0;
            margin-bottom: 13px;
            padding-top: 13px; } }
      .serve-list-item .desc,
      .business-list-item .desc,
      .message-list-item .desc {
        font-size: 14px;
        color: #666;
        text-indent: 28px; }
        @media screen and (max-width: 1000px) {
          .serve-list-item .desc,
          .business-list-item .desc,
          .message-list-item .desc {
            font-size: 22px; } }

.banner-two {
  height: 537px;
  background: url(../image/schoolBanner2.png) no-repeat center center;
  background-size: 100% 100%; }
  @media screen and (max-width: 1000px) {
    .banner-two {
      height: 385px; } }

.business {
  height: auto; }
  .business-list {
    padding: 0 65px; }
    @media screen and (max-width: 1000px) {
      .business-list {
        padding: 0; } }
    .business-list-item {
      height: auto;
      /* width: 333px; */
      border: 1px solid #e8e8e8;
      float: left;
      box-sizing: border-box;
      font-size: 0;
      border-radius: 5px;
      margin-bottom: 65px;
      }
      @media screen and (max-width: 1000px) {
        .business-list-item {
          width: 48%;
          height: 530px;
          /* padding: 0 10px; */
          box-sizing:  border-box;
          margin: 0 1%;
         
          margin-bottom: 65px;
          } }
      .business-list-item img {
        height: 221px;
        width: 100%; }
      .business-list-item .bottom {
        padding-top: 28px;
        height: 70px;
        box-sizing: border-box; }
        @media screen and (max-width: 1000px) {
          .business-list-item .bottom {
            width: 100%;
            height: auto;
            margin-bottom: 20px; } }
        .business-list-item .bottom .title {
          height: 100%;
          border-left: 4px solid #2891e6;
          text-align: left;
          color: #333; }
          @media screen and (max-width: 1000px) {
            .business-list-item .bottom .title {
              width: 100%; } }
          .business-list-item .bottom .title p {
            padding-left: 19px; }
            @media screen and (max-width: 1000px) {
              .business-list-item .bottom .title p {
                padding-left: 0px; } }
          .business-list-item .bottom .title .EN {
            font-size: 14px; }
            @media screen and (max-width: 1000px) {
              .business-list-item .bottom .title .EN {
                font-size: 22px; } }
          @media screen and (max-width: 1000px) {
            .business-list-item .bottom .title .font {
              font-size: 24px; } }
      .business-list-item .text-list {
        padding-top: 20px;
        padding-bottom: 17px; }
        .business-list-item .text-list-item {
          text-align: left;
          margin-bottom: 15px;
          padding-left: 25px;
          font-size: 14px;
          color: #414141; }
          @media screen and (max-width: 1000px) {
            .business-list-item .text-list-item {
              font-size: 24px;
              padding-left: 45px; } }
        .business-list-item .text-list-item:hover {
          color: #2891E6;
          cursor: pointer; }
        .business-list-item .text-list .bottom-click {
          text-align: center;
          height: 23px; }
          .business-list-item .text-list .bottom-click i {
            display: none;
            width: 23px;
            height: 23px;
            cursor: pointer;
            background: url(../image/group21.png) no-repeat center center; }
    .business-list-item:hover .bottom {
      padding: 0;
      transition: all 0.5s;
      animation: paddings 0.5s; }
      @media screen and (max-width: 1000px) {
        .business-list-item:hover .bottom {
          width: 100%; } }
      .business-list-item:hover .bottom .title {
        border: none;
        background: #2891e6;
        color: #fff;
        text-align: center;
        transition: all 0.5s;
        animation: padding2 0.5s;
        padding-top: 16px; }
    .business-list-item:hover .text-list-item {
      padding-left: 0;
      text-align: center; }
    .business-list-item:hover .bottom-click i {
      display: inline-block; }

.serve {
  height: auto;
 /* background: #333333; */}
  @media screen and (max-width: 1000px) {
    .serve {
      background: #fff; } }
  .serve-title {
    color: #333;
    margin-top: 0;
    padding-top: 65px; }
    @media screen and (max-width: 1000px) {
      .serve-title {
        color: #333; } }
  .serve-hr {
    background: #fff; }
    @media screen and (max-width: 1000px) {
      .serve-hr {
        background: #F18900; } }
  .serve .box {
    padding: 0 130px;
    padding-bottom: 130px; }
    @media screen and (max-width: 1000px) {
      .serve .box {
        padding: 0 3%; } }
    .serve .box .card {
      height: 475px;
      border-radius: 20px;
      position: relative; }
      .serve .box .card .top {
        border-radius: 20px 20px 0 0;
        overflow: hidden; }
        @media screen and (max-width: 1000px) {
          .serve .box .card .top {
            height: 210px;
            box-shadow: 2px 2px 9px 2px rgba(177, 231, 255, 0.5); }
            .serve .box .card .top .left {
              height: 100%; }
            .serve .box .card .top .right {
              height: 100%; } }
      @media screen and (max-width: 1000px) {
        .serve .box .card .left {
          background: url(../image/group22.png) no-repeat center center;
          background-size: cover; } }
      .serve .box .card .left img {
        width: 100%; }
        @media screen and (max-width: 1000px) {
          .serve .box .card .left img {
            display: none;
            height: 100%; } }
      .serve .box .card .col-md-6, .serve .box .card .col-xs-6 {
        padding: 0; }
      .serve .box .card .right {
        background: #D5D5D5;
        padding: 0 57px;
        padding-top: 69px;
        height: 239px;
        border-radius: 0 20px 0 0; }
        @media screen and (max-width: 1000px) {
          .serve .box .card .right {
            padding: 0;
            height: auto;
            background: #fff;
            padding: 31px; } }
        .serve .box .card .right .title {
          font-size: 24px;
          color: #333;
          text-align: left;
          margin-bottom: 29px; }
          @media screen and (max-width: 1000px) {
            .serve .box .card .right .title {
              font-size: 28px;
              margin-bottom: 0px; } }
        .serve .box .card .right p {
          text-align: left;
          font-size: 14px;
          color: #333;
          text-indent: 28px; }
          @media screen and (max-width: 1000px) {
            .serve .box .card .right p {
              font-size: 22px; } }
      .serve .box .card .bottom {
        margin-top: 4px;
        width: 100%;
        background: #D5D5D5;
        height: 230px;
        border-radius: 0 0 20px 20px; }
        @media screen and (max-width: 1000px) {
          .serve .box .card .bottom {
            background: #fff;
            margin-top: 12px; } }
        .serve .box .card .bottom .icon-list {
          padding-top: 60px;
          padding-left: 70px;
          height: 100%; }
          @media screen and (max-width: 1000px) {
            .serve .box .card .bottom .icon-list {
              padding-left: 40px; } }
          .serve .box .card .bottom .icon-list-item {
            float: left;
            height: 100%; }
            .serve .box .card .bottom .icon-list-item .cake {
              position: relative;
              padding-top: 15px;
              width: 115px;
              height: 115px;
              background: #eef5f7;
              border-radius: 10px; }
              @media screen and (max-width: 1000px) {
                .serve .box .card .bottom .icon-list-item .cake {
                  padding-top: 23px;
                  border-radius: 50%; } }
            .serve .box .card .bottom .icon-list-item p {
              font-size: 14px;
              margin-top: 10px; }
              @media screen and (max-width: 1000px) {
                .serve .box .card .bottom .icon-list-item p {
                  font-size: 16px; } }
            .serve .box .card .bottom .icon-list-item:hover .alert {
              display: block; }
            .serve .box .card .bottom .icon-list-item .alert {
              display: none;
              position: absolute;
              width: 120px;
              left: 20px;
              right: 0;
              bottom: -75px;
              padding: 8px 13px;
              background: #fff; }
              @media screen and (max-width: 1000px) {
                .serve .box .card .bottom .icon-list-item .alert {
                  background: #efefef; } }
              .serve .box .card .bottom .icon-list-item .alert:after {
                content: '';
                width: 0;
                height: 0;
                position: absolute;
                border: 8px solid #fff;
                left: 28px;
                top: -17px;
                border-left-color: transparent;
                border-top-color: transparent;
                border-right-color: transparent; }
                @media screen and (max-width: 1000px) {
                  .serve .box .card .bottom .icon-list-item .alert:after {
                    border-bottom-color: #efefef; } }
            .serve .box .card .bottom .icon-list-item .min {
              width: 100px; }
            .serve .box .card .bottom .icon-list-item .max {
              width: 160px;
              left: -20px;
              bottom: -94px;
              text-align: left; }
              .serve .box .card .bottom .icon-list-item .max:after {
                left: 70px; }
            .serve .box .card .bottom .icon-list-item .summax {
              width: 223px;
              left: -45px;
              bottom: -143px;
              text-align: left; }
              @media screen and (max-width: 1000px) {
                .serve .box .card .bottom .icon-list-item .summax {
                  bottom: -183px; } }
              .serve .box .card .bottom .icon-list-item .summax:after {
                left: 95px; }
              .serve .box .card .bottom .icon-list-item .summax h1 {
                font-size: 14px;
                font-weight: bold; }
                @media screen and (max-width: 1000px) {
                  .serve .box .card .bottom .icon-list-item .summax h1 {
                    font-size: 18px; } }
              .serve .box .card .bottom .icon-list-item .summax span {
                font-size: 13px; }
                @media screen and (max-width: 1000px) {
                  .serve .box .card .bottom .icon-list-item .summax span {
                    font-size: 16px; } }
          .serve .box .card .bottom .icon-list .jian {
            width: 100px;
            background: url(../image/形状4.png) no-repeat center center; }
            @media screen and (max-width: 1000px) {
              .serve .box .card .bottom .icon-list .jian {
                width: 50px; } }

@keyframes paddings {
  0% {
    padding-top: 28px; }
  100% {
    padding-top: 0; } }
@keyframes padding2 {
  0% {
    padding-top: 0; }
  100% {
    padding-top: 16px; } }