.webbottom {
             width: 100%;
  height: 260px;
  background: #181818;
 margin-top:320px;
  float: left;
  position: relative;
        }
.gywm_webbottom{
                 width: 100%;
  height: 230px;
  background: #181818;
  float: left;
  position: relative;
}


.zxal {
width:1000px;height:450px;margin:40px auto;
background:#F8F7FC;
}
.bg {
width:1000px;height:120px;margin:0 auto;background: url(../image/faykh_list_bg.png) no-repeat center;margin-top:-40px;
}
    .zxal ul {
    margin-left:100px;padding-top:20px;
    }
.zxal ul li {
  list-style: none;
  width: 222px;
  height: 142px;
  float: left;
  margin: 20px 20px;
}
    .zxal ul li p {
    display: block;
  text-align: center;
  color: #fff;
  width: 170px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #fff;
  line-height: 50px;
  margin-top: -95px;
  position: relative;
  z-index: 3;
    }

        .zxal ul li a {
   display: block;
  width: 222px;
  height: 143px;
  margin-top: -12px;
  position: relative;
  z-index: 2;
    }
        .zxal ul li span{
  background: rgba(25, 166, 219, 0.67);
  width: 220px;
  height: 142px;
  display: block;
  margin-top: -100px;
  position: relative;
  /* border: 1px solid red; */
  z-index: 2;
    }