.zuida{
  width: 100%;
padding-top: 1.30rem;
}
.liebiao{
  width: 12.02rem;
  margin: 0 auto;
}
.liebiao li{
  width: 3.85rem;
  float: left;
  margin-right: .20rem;
  position: relative;
}
.liebiao li img{
  width: 100%;
  height: 100%;
}
.liebiao li:last-child{
  margin-right: 0px;
}
.liebiao li .ss{
  width: 3.85rem;
  background: url("../images/beijingtu02.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-image 0.3s ease-in;
}
.liebiao li .ss:hover{
  width: 3.85rem;

  background-image: url("../images/beijingtu01.png");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.liebiao li .ss .sss01{
  width: 2.76rem;
  height: 0.92rem;
  position: absolute;
  bottom: .50rem;
  left: .6rem
}
.liebiao li .ss .sss01 h3{
  color: #ffffff;
}
.liebiao li .ss .sss01 p.eng{
  color: #ffffff;
  padding-bottom: .1rem;
  letter-spacing: .02rem;
}
.liebiao li .ss .sss01 div.txt{
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  opacity: 0.5;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-in;
  padding-top: .14rem;
}
.liebiao li:hover .ss .sss01 div.txt{
  opacity: 0.5;
}



.dib{
  width: 100%;
  background: #f9f9f9;
  height: 3.72rem;
  position: relative;
      margin-top: -1.80rem;
    z-index: -1;
}



.liebiao li a{
  display: block;
}

@media screen and (max-width: 750px) {
.liebiao{
width: 98%;
}
.zuida{
  padding-top: 0.2rem;
}
.liebiao li{
width: 100%;
height: auto;
margin-bottom: 0.2rem;
height: 5rem;
overflow: hidden;
}
.liebiao li img{
  height: auto;
}
.liebiao li .ss .sss01{
  /*display: none;*/
  width: 6.3rem;
  height: auto;
}
.liebiao li .ss .sss01 div.txt{
  opacity: 1;
}
.liebiao li .ss{
  width: 100%;
  height: 100%;
}
.liebiao li .ss:hover{
  width: 100%;
  height: 100%;
  background-image: url("../images/beijingtu02.png");
}
}