/* 顶部 */


/* 第二层 */

.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;

}

.sanceng{

  width: 1200px;

  height: 617px;

  margin: 0 auto;

  position: relative;

}

.sblb{

  width: 1200px;

  display: flex;

  margin-top: 95px;

}
.disanceng .sblb {
  justify-content: space-around;
}
.sblb>img{

  width: 432px;

  height: 299px;

}

.sblb>div{

  width: 571px;

font-size: 16px;

font-weight: 400;

color: #333333;

line-height: 32px;

margin-left: 93px;

}

.wuh1 {

  padding-top: 70px;

  text-align: center;

  font-size: 28px;

  color: #333333FF;

  font-weight: 700;

  position: relative;

  z-index: 1;

}

.wuh1s{

  width: 379px;

  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 ;

  overflow: hidden;

  

background: #1A294F;

}

.siceng{

  width: 1200px;

  height:239px ;

  margin: 0 auto;

  position: relative;

}

.siceng .left{

  /* height: 56px; */

  padding-top: 59px;

  padding-bottom: 21px;

  float: none;

}

.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: 23px;


width: 56px;

}

.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 {
    margin-top: 50px;
    flex-direction: column;
    align-items: center;
  }
  .wuh1s {
    width: 100%;
    text-align: center;
  }
  .sblb>img {
    max-width: 90%;
    width: auto;
    height: auto;
  }
  .sblb>div {
    max-width: 90%;
    width: 100%;
    height: auto;;
    margin-left: 0;
  }
  .gzh {
    margin: 40px 0;
  }
  .bottomrigth {
    margin-left: 0;
  }
  .ljzx {
    position: static;
    margin: 30px auto;
  }
  .left1 , .siceng .left{
    width: 80%;
    margin: 0 auto;
  }
  .banner-about b {
    font-size: 30px;
  }

}