.wh-img {
  width: 100%;
  height: 100%; }

.wh12 {
  width: 1200px; }

.mg {
  margin: 0 auto; }

.bg-white {
  background: #FFFFFF; }

.bg-top {
  width: 100%;
  height: 70px; }

.top-van {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px; }
  .top-van .logo {
    width: 60px;
    height: 61px; }
  .top-van .top-ul ul {
    display: flex; }
    .top-van .top-ul ul li {
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 47px;
      letter-spacing: 0px;
      color: #040000;
      margin: 25px; }
  .top-van .top-link {
    position: relative;
    padding: 5px;
    background-color: #7a47fc;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer; }
    .top-van .top-link:hover div {
      display: block; }
    .top-van .top-link div {
      width: 200px;
      display: none;
      position: absolute;
      left: 50%;
      top: 50px;
      transform: translate(-50%);
    }

.titleBox {
  clear: both;
  margin: 70px 0; }
  .titleBox img {
    margin: 0 auto;
    display: block; }

.part-1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 850px;
  margin-bottom: 50px; }
  .part-1 img {
    margin-top: 20px; }
  .part-1 ul li {
    width: 281px;
    height: 214px;

    background: url(../../images/zt/ymjh/3.png) round;
    text-align: center;
    position: absolute; }
    .part-1 ul li h1 {
      font-size: 26px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 50px;
      letter-spacing: 3px;
      color: #ffffff; }
    .part-1 ul li p {
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      padding-top: 15px;
      line-height: 40px;
      letter-spacing: 2px;
      color: #000000; }
    .part-1 ul li:nth-child(1) {
      top: 0;
      left: 200px; }
    .part-1 ul li:nth-child(2) {
      top: 0;
      right: 200px; }
    .part-1 ul li:nth-child(3) {
      top: 40%;
      left: 0px; }
    .part-1 ul li:nth-child(4) {
      top: 40%;
      right: 0px; }
    .part-1 ul li:nth-child(5) {
      bottom: 0;
      left: 200px; }
    .part-1 ul li:nth-child(6) {
      bottom: 0;
      right: 200px; }

.linkBox {
  display: flex;
  justify-content: center; }
  .linkBox .linkCot {
    width: 321px;
    height: 54px;
    background-color: #fc5410;
    color: #FFFFFF;
    border-radius: 60px;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 3px;
    color: #ffffff;
    margin: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative; }
    .linkBox .linkCot .linkwx {
      position: absolute;
      top: 54px;
      display: none; }
  .linkBox .linkOne:hover .linkwx {
    display: block; }

.bg-xt {
  margin-top: 50px;

  background: url(../../images/zt/ymjh/9.jpg) round; }

.bg-cot {
  background: #f9f6ff; }

.part-3 ul {
  padding: 35px 0;
  display: flex;
  flex-wrap: wrap; }
  .part-3 ul li {
    width: 240px;
    height: 197px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .part-3 ul li h1 {
      font-size: 36px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 32px;
      letter-spacing: 2px;
      color: #6b31fb;
      padding-bottom: 15px; }
    .part-3 ul li p {
      font-size: 21px;
      font-weight: normal;
      letter-spacing: 1px;
      color: #000000; }

.formBox {
  width: 100%;
  height: 299px;
  background: url(../../images/zt/ymjh/19.png) round; }
  .formBox ul {
    padding-top: 150px;
    display: flex;
    justify-content: space-between; }
    .formBox ul li {
      width: 240px;
      height: 60px; }
      .formBox ul li input {
        width: 240px;
        height: 60px;
        border-radius: 20px;
        border: 0;
        font-size: 24px;
        text-indent: 10px;
        outline: none; }
      .formBox ul li div {
        width: 240px;
        height: 65px;
        background-color: #fc5410;
        border-radius: 32px;
        font-size: 24px;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }

.part-4 ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
  .part-4 ul li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 165px; }
    .part-4 ul li img {
      width: 97px;
      height: 97px;
      margin: 10px auto;
      display: block; }
    .part-4 ul li h1 {
      font-size: 28px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 28px;
      letter-spacing: 0px;
      color: #328afe;
      text-align: center;
      padding: 10px 0; }
    .part-4 ul li p {
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 28px;
      letter-spacing: 0px;
      color: #000000; }

.bg-kb {
  background: url(../../images/zt/ymjh/25.png) round; }
  .bg-kb .part-5 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .bg-kb .part-5 ul li {
      width: 288px;
      height: 269px;
      background-color: #ffffff;
      box-shadow: 0px 0px 18px 0px rgba(213, 73, 205, 0.58);
      border-radius: 5px;
      margin-bottom: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .bg-kb .part-5 ul li img {
        width: 121px;
        height: 121px; }
      .bg-kb .part-5 ul li h1 {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 47px;
        letter-spacing: 3px;
        color: #000000; }
      .bg-kb .part-5 ul li p {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 31px;
        letter-spacing: 0px;
        color: #999999; }
  .bg-kb .part-6 ul {
    display: flex;
    justify-content: center; }
    .bg-kb .part-6 ul li {
      margin: 0 60px;
      padding-bottom: 35px;
      width: 251px;
      font-size: 20px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .bg-kb .part-6 ul li img {
        margin: 10px auto; }
      .bg-kb .part-6 ul li div {
        width: 251px;
        height: 50px;
        background-color: #1985ff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        font-size: 26px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 47px;
        letter-spacing: 0px;
        color: #ffffff; }
.bg-kb .part-6 ul li p{
  padding-top: 5px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 2px;
  color: #000000;
}
.teacherTab ul {
  display: flex;
  justify-content: space-between; }
  .teacherTab ul li {
    width: 172px;
    height: 42px;
    border: solid 1px #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: pointer;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 2px; }
  .teacherTab ul .active {
    background-color: #1985ff;
    color: #FFFFFF; }

.teacherCot .teacherUl .teacherLi {
  margin-top: 25px;
  display: none; }

.teacherCot .teacherUl .teacherLi:first-child {
  display: block; }

.teacherSwiperBox {
  position: relative; }
  .teacherSwiperBox .teacherSwiper {
    width: 877px;
    margin: 0 auto; }
  .teacherSwiperBox .teacherSwiperCot {
    height: 370px;
    border: solid 1px #dedede; }
    .teacherSwiperBox .teacherSwiperCot h1 {
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22px;
      letter-spacing: 2px;
      color: #000000;
      text-align: center;
      padding: 5px 0; }
    .teacherSwiperBox .teacherSwiperCot p {
      text-align: center;
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 22px;
      letter-spacing: 2px;
      color: #a7a7a7;
      padding: 0 5px; }

.bg-hp {
  background: url(../../images/zt/ymjh/39.jpg); }

.titleP {
  padding: 50px 0; }
  .titleP img {
    margin: 0 auto;
    display: block; }

.wh11 {
  width: 1100px; }

.part-7 .pingTab {
  margin: 20px 0;
  display: flex;
  justify-content: space-between; }
  .part-7 .pingTab li {
    width: 172px;
    height: 42px;
    border: solid 1px #6b31fb;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    border-radius: 30px;
    cursor: pointer; }
  .part-7 .pingTab .active {
    background-color: #1985ff;
    color: #FFFFFF; }

.part-7 .pingTab1 {
  margin: 20px 0;
  display: flex;
  justify-content: space-between; }
  .part-7 .pingTab1 li {
    width: 172px;
    height: 42px;
    border: solid 1px #1985ff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    border-radius: 30px;
    cursor: pointer; }
  .part-7 .pingTab1 .active {
    background-color: #1985ff;
    color: #FFFFFF; }

.part-8 {
  height: 500px; }
  .part-8 .pingCot {
    display: flex; }
    .part-8 .pingCot li {
      display: none; }
      .part-8 .pingCot li .pingSwieprBox {
        width: 1100px;
        position: relative; }
        .part-8 .pingCot li .pingSwieprBox .pingSwiper {
          width: 720px;
          background: gold; }
      .part-8 .pingCot li:first-child {
        display: block; }

.pingSwiper1 {
  width: 720px;
  margin: 0 auto; }

.about {
  padding: 70px  0 35px 0; }
  .about img {
    margin: 0 auto;
    display: block; }

.part-9 .footerSwiperBox {
  position: relative; }
  .part-9 .footerSwiperBox .footerSwiper {
    width: 1000px;
    margin: 0 auto; }

.fooetBox {
  background: url(../../images/zt/ymjh/41.jpg) round;
  width: 100%;
  height: 321px; }
  .fooetBox .footerForm {
    padding-top: 200px; }
    .fooetBox .footerForm ul {
      display: flex;
      justify-content: space-between; }
      .fooetBox .footerForm ul li {
        width: 240px;
        height: 60px; }
        .fooetBox .footerForm ul li input {
          width: 240px;
          height: 60px;
          border-radius: 20px;
          border: 0;
          font-size: 24px;
          text-indent: 10px;
          outline: none; }
        .fooetBox .footerForm ul li div {
          width: 240px;
          height: 65px;
          background-color: #fc5410;
          border-radius: 32px;
          font-size: 24px;
          color: #FFFFFF;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer; }

.sideBox {
  background: url(../../images/zt/ymjh/side.png) round;
  width: 172px;
  height: 549px;
  position: fixed;
  top: 8%;
  right: 0; }
  .sideBox .sideBoxTop {
    width: 100%;
    height: 515px; }
  .sideBox .sideBoxWX {
    width: 100%;
    height: 40px;
    position: relative; }
    .sideBox .sideBoxWX:hover .sideBoxWXimg {
      display: block; }
    .sideBox .sideBoxWX .sideBoxWXimg {
      position: absolute;
      top: 35px;
      display: none; }
.d-i-item{
  width: 240px;
  height: 60px;
  border-radius: 20px;
  border: 0;
  font-size: 24px;
  text-indent: 10px;
  outline: none;

}

.footer_bg { width: 100%; background: #1985ff ; background-size: cover; overflow: hidden; position: fixed; bottom: 0; height: 100px; max-width: 1920px; z-index: 99; }
.footer_bg .footer_btn { width: 757px; margin: 0 auto; }
.footer_bg .footer { width: 1112px; margin: 0 auto; position: relative; }
.footer_bg .guanbi { position: absolute; right: 0; top: -18px; color: #fff; font-size: 45px; cursor: pointer; }
.footer_bg .footer_btn a { display: inline-block; height: 52px; line-height: 52px; text-align: center; font-size: 26px; color: #fff; padding: 0 10px; background-color: #ff9435; border-radius: 20px; margin:24px 0;}
.footer_bg .footer_btn a:last-child{padding:0 30px;}