/* 顶部 */


/* 第二层 */

.banner-about-box {
  width: 100%;
  height: 400px;
  background: url(../../image/about_bg.jpg) no-repeat top center;
  background-size: cover;
}
.banner-about {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-about b {
  font-size: 44px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 59px;
  letter-spacing: 10px;
}
.banner-about span {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 26px;
  letter-spacing: 4px;
  margin-top: 20px;
}

.dierceng{

  width: 100%;

  /*height: 617px;*/



}

.dierceng>img{

  width: 100%;

  height: 100%;

}

/* 第三层 */

.disanceng{

  width: 100%;

  height: 617px;

  background: #EFEFEF;

}

.sanceng{

  width: 1200px;

  height: 617px;

  margin: 0 auto;

  position: relative;

}

.sblb{

  width: 1200px;

  height: 322px;

  margin-top: 95px;

  display: flex;
  
  flex-wrap: wrap;

  justify-content: space-between;

}

.sblb > div {
  width: 19%;
  padding: 0 10px;
}

.sblb>img{

  width: 100%;

  height: 100%;

}



.wuh1 {

  padding-top: 70px;

  text-align: center;

  font-size: 28px;

  color: #333333FF;

  font-weight: 700;

  position: relative;

  z-index: 1;

}

.wuh1s{

  width: 472px;

  height: 51px;

  font-size: 65px;

  font-weight: 700;

  color: #E6E1D5;

  position: absolute;

  position:absolute;

  top:40px;

  left:0;

  right:0;

  /* bottom:0; */

  margin:auto;

}

/* 第四层 */

.disiceng{

  width: 100%;

  height:239px ;

  

background: #1A294F;

}

.siceng{

  width: 1200px;

  height:239px ;

  margin: 0 auto;

  position: relative;

}

.left{

  /* height: 56px; */

  padding-top: 59px;

  padding-bottom: 21px;

}

.left>img{

  width: 56px;

  /* height: 56px; */

  float: left;

padding-right: 23px;



}

.left11{

  font-size: 16px;

font-weight: 500;

color: #FFFFFF;

}

.left22{

  font-size: 28px;

font-weight: 700;

color: #FFFFFF;

}

.left1>img{

  float: left;

padding-right: 34px;

height: 44px;

/* width: 44px; */

}

.left1{

  height: 40px;

  line-height: 40px;

}

.left1>div{

  height: 40px;

  font-size: 13px;

  font-weight: 400;

  color: #FFFFFF;

  float: left;

}

.ljzx{

  width: 205px;

height: 48px;

background: #282BB4;

box-shadow: 0px 3px 7px 0px rgba(8,17,86,0.3);

border-radius: 4px;

font-size: 18px;

font-weight: 400;

color: #FFFFFF;

line-height: 48px;

text-align: center;

position: absolute;

right: 48px;

top: 111px;

}


@media screen and (max-width: 767px) { 
  
  .sblb {
    padding-bottom: 60px;
  }
  .sblb > div {
    width: calc(50% - 10px); 
    margin:0 5px;
    margin-bottom: 10px;
  }
  .banner-about b {
    font-size: 30px;
  }

}