/* 顶部 */


  /* 第二层 */

  .banner-mpxt-box {
    height: 500px;
    background: url(../../image/banner_mpxt.jpg) no-repeat top center;
    background-size: cover;
  }
  .banner-mpxt {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .banner-mpxt-text {
    display: flex;
    flex-direction: column;
  }
  .banner-mpxt-text b{
    font-size: 44px;
    font-weight: bold;
    color: #201F1E;
    line-height: 64px;
    margin-bottom: 40px;
  }
  .banner-mpxt-text p {
    font-size: 28px;
    color: #666666;
    line-height: 30px;
    margin-bottom: 28px;
  }
  .banner-mpxt-text ul {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
  }
  .banner-mpxt-text ul li {
    min-width: 64px;
    padding: 0 12px;
    height: 34px;
    background: rgba(99,107,168,0.2);
    font-size: 20px;
    color: #636BA8;
    line-height: 34px;
    text-align: center;
    margin-right: 20px;
  }
  .banner-mpxt-img {
    width: 326px;
    margin-right: 95px;
  }

  .imgsa {

    /*height: 510px;*/

    width: 100%;

  }

  .imgsa > img {

    width: 100%;

    height: 100%;

  }

  /* 第三层 */

  .disancneng{

    width: 100%;

    height: 537px;

background: #FFFFFF;

  }

  .disan{

    width: 1200px;

    height: 537px;

    margin: 0 auto;

  }

  .wuh1 {

    padding-top: 70px;

    text-align: center;

    font-size: 28px;

    color: #333333FF;

    font-weight: 700;

  }

  .dika{

    font-size: 20px;

font-weight: 400;

color: #333333;

text-align: center;

margin-top: 24px;

  }

  .dikas{

    display: flex;

    justify-content: space-between;

  }

  .dikas>li{

    width: 273px;

height: 266px;

background: linear-gradient(162deg, #E8EEFA 0%, #FFFFFF 100%);

box-shadow: 0px 3px 13px 0px rgba(114,121,176,0.27);

border-radius: 10px;

margin-top: 61px;

  }

  .jibade{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    padding: 0 5px;

  }

  .jibade>li{

    width: 77px;

    height: 31px;

    border: 1px solid #D9D9D9;

    border-radius: 4px;

    font-size: 12px;

font-weight: 400;

color: #333333;

text-align: center;

line-height: 31px;

margin-bottom: 8px;

  }

  .span1{

    font-size: 18px;

font-weight: 700;

color: #000000;

margin-left: 20px;

line-height: 38px;

  }

  .dad{

    margin-top: 34px;

    height: 38px;

    width: 100%;

    display: flex;

margin-left: 25px;



  }

  .dad>img{

    height: 100%;

  }

  .dei{

    font-size: 14px;

font-weight: 300;

color: #666666;

text-align: center;

margin-top: 18px;

margin-bottom: 28px;

  }

  /* 第四层 */

  .disiceng{

    width: 100%;

height: 354px;

background: #2C336D;

  }

  .siceng{

    width: 1200px;

    height: 354px;

    margin: 0 auto;

  }

  .aasx{

font-weight: 400;

color: #EBA736;

margin-top: 27px;

text-align: center;

font-size: 20px;

  }

  .sada{

    display: flex;

    text-align: center;

    line-height:58px ;

    margin-top: 75px;

  }

  .rinima{

    color: #fff;

  }

  .sada>li{

    width: 150px;

height: 60px;

background: #D8E0E9;

border-radius: 4px;

  }

  .sada>div{

    width: 60px;

height: 58px;

  }

  .sada>div>img{

 margin-top: 20px;

  }

  /* 第五层 */

.diwuceng{

  width: 100%;

  height: 615px;

  background: #F6F8FE;

}

.wuceng{

  width: 1200px;

  height: 615px;

  margin: 0 auto;

}

.niyoushishui {

  padding-top: 43px;

  display: flex;

  flex-wrap: wrap;

}

.niyoushishui > li {

  width: 33.3%;

  text-align: center;

  /* margin-right: 25px; */

  margin-bottom:37px ;

}

.niyoushishui > ul > li > img {

  width: 90px;

  height: 90px;

}

.shui {

  font-size: 18px;

  font-weight: 700;

  color: #333333;

  margin: 19px 0 8px 0;

}

.shui2 {

  width: 186px;

  font-size: 14px;

  color: #666666;

  text-align: center;

  margin: 0 auto;

}

/* 第六层 */

.diliuceng{

  width: 100%;

  /* height: 681px; */

  background: #f7fafa;

  padding-bottom: 60px;

}

.liuceng{

  width: 1200px;

  /* height: 681px; */

  margin: 0 auto;



}

.aasa{

  margin-top: 48px;

  width: 1139px;

  height: 486px;

}

.aasa>img{

  max-width: 100%;

  /* height: 100%; */

}

/* 第七层 */

.diqiceng{

width: 100%;

height: 1485px;

background: #F6F8FE;

}

.qiceng{

width: 1200px;

height: 1485px;

margin: 0 auto;

}

.zhende1{

  width: 1200px;

  /* height: 659px; */

  background: #FFFFFF;

  box-shadow: 0px 0px 9px 1px rgba(102,102,102,0.1);

  border-radius: 20px;

  text-align: center;

  position: relative;

  top: 64px;

  padding: 30px;

}

.zhende1>img{

  width: 1137px;

  /* height: 609px; */

  /* margin-top: 26px; */



}

.zhende2{

  margin-top: 88px;

  width: 1200px;

  /* height: 659px; */

  background: #FFFFFF;

  box-shadow: 0px 0px 9px 1px rgba(102,102,102,0.1);

  border-radius: 20px;

  text-align: center;

  padding: 30px;

}

.zhende2>img{

  /* width: 1137px; */

  /* height: 609px; */

  /* margin-top: 26px; */

}

/* 第八层 */

.dibaceng{

  width: 100%;

  height: 189px;

  background: url(../../image/wyy.png) no-repeat;

  background-size: 100% 100%;

}

.baceng{

  width: 1200px;

  height: 189px;

  margin: 0 auto;

}

.wyy{

  width: 200px;

height: 48px;

background: #2456E1;

border-radius: 4px;

text-align: center;

line-height: 48px;

font-size: 18px;

font-weight: 400;

color: #FFFFFF;

}

.wyy1{

  width: 200px;

height: 48px;

border: 2px solid #2456E1;

border-radius: 4px;

text-align: center;

line-height: 48px;

font-size: 18px;

font-weight: 400;

color: #2456E1;

}

.wyy2{

display: flex;

padding-top: 70px;

width: 1200px;

justify-content: space-around;


}


.wzmp-box {
  border-radius: 16px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.wzmp-title  {
  line-height: 37px;
  font-size: 28px;
  color: #333333;
  font-weight: bold;
  padding-top: 36px;
}
.wzmp-title::before {
  content: '';
  display: inline-block;
  width: 70px;
  height: 28px;
  background: #2456E1;
  margin-right: 30px;
  vertical-align: middle;
}
.wzmp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 70px;
}
.wzmp-item {
  width: 325px;
  height: 170px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-bottom: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.wzmp-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.wzmp-item-img {
  width: 70px;
  height: 70px;;
}
.wzmp-item-text span{
  display: block;
  font-size: 24px;
  color: #2456E1;
  line-height: 31px;
}
.wzmp-item-text p {
  width: 180px;
  font-size: 18px;
  color: #666666;
  line-height: 28px;
  margin: 13px 0 0;
}


@media screen and (max-width: 767px) {
  .banner-mpxt {
    width: 90%;
    margin: 0 auto;
  }
  .banner-mpxt-text b {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .banner-mpxt-text p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .banner-mpxt-text ul {
    justify-content: space-between;
    margin-top: 40px;
  }
  .banner-mpxt-text ul li {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .dikas {
    flex-direction: column;
    align-items: center;
  }
  .sada {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sada>li {
    margin: 0 auto 20px;
  }
  .sada>div {
    display: none;
  }
  .niyoushishui {
    flex-direction: column;
    align-items: center;
  }
  .niyoushishui > li {
    width: auto;
  }
  .zhende1>img, .zhende2>img {
    max-width: 100%;
    width: auto;
  }
  .wyy2 {
    flex-direction: column;
    align-items: center;
  }
  .wyy1 {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .wzmp-title {
    font-size: 24px;
  }
  .wzmp-title::before {
    display: none;
  }
  .wzmp {
    padding: 20px;
  }
  .wzmp-item {
    margin: 30px auto 0;
  }
  /* .wzmp-item-text p {
    width: calc(100% - 90px);
  } */
}