/* 顶部 */


/* 第二层 */

.banner-box {
  height: 400px;
  background: url(../../image/abcsd.png) no-repeat top center;
  background-size: cover;
}

.dierceng{

  width: 100%;

  height: 400px;

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

  background-size: 100% 100%;

}

.erceng{

  width: 1200px;

  height: 400px;

  margin: 0 auto;

}

.er1{

  font-size: 40px;

font-weight: 700;

color: #FFFFFF;

padding-top: 141px;

padding-bottom: 24px;

  width: 1200px;

  margin: 0 auto;

}

.er2{

  font-size: 20px;

color: #FFFFFF;

  width: 1200px;

  margin: 0 auto;

}

/* 第三层 */

.disanceng{

  width: 100%; 

  background-color: #f6f8feff;

  padding-bottom: 70px;

}

.page{

  text-align: center;

  margin-top: 50px;

}

.sancneng{

  width: 1200px;

  margin: 0 auto;

}

.js{

  height: 80px;

  width: 400px;

  float: left;

  text-align: center;

  line-height: 80px;

  border-bottom: 1px solid #D8D8D8FF;

}

.sanul{

  width: 1200px;

  display: flex;

  flex-wrap: wrap;

  /*justify-content:center ;*/

}

.sanul>li{

  width: 367px;

height: 450px;

background: #FFFFFF;

box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);

border-radius: 12px;

margin-top: 50px;

  /* margin: 1rem; */

  margin: 49px 49px 0 0;



}
.sanul>li:nth-child(3n) {
  margin-right: 0;
}


.cctv{

  width: 367px;

  height: 157px;

  /* background-color: aquamarine; */

  position: relative;

}

.cctv img {

  width: 367px;

  height: 157px;

}

.yx{

  width: 80px;

height: 80px;

background: #FFFFFF;

box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);

border-radius: 80px;

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

margin:auto;

}

.qbt{

  margin: 30px;

}

.asa{

  margin:0 30px;

  font-size: 14px;

color: #333333;

line-height: 24px;

height: 158px;



}

.hzal{

  font-size: 14px;

color: #2456E1;

text-align: center;

margin-top: 20px;

}

.js_hover {

  border-bottom: 2px solid #2456E1;
  /*font-size:20px;*/

}

.js_hover a{

  color:#2456E1!important;

}

.case-category {
  width: 100%;
  background-color: #fff;
  z-index: 999 !important;
}

@media screen and (max-width: 767px) {

  .er1 {
    font-size: 24px;
  }
  .er2 {
    font-size: 16px;
  }
  .js {
    width: 33.333333%;
  }
  .sanul {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
  }
  .sanul>li {
    max-width: 80%;
    height: auto;
    margin: 49px auto !important;
  }
  .cctv img {
    width: 100%;
    height: auto;
  }
  .asa {
    height: auto;;
  }
  .hzal {
    margin-bottom: 20px;
  }

}