.fen_box{
  max-width:1000px;
  margin:0px auto;
  height:auto;
  overflow:hidden;
       padding-top: 30px;
}
 .fen_box ul li{
  display:block;
  width:31%;
  height:435px;
  float:left;
  margin:0px 10px;
  position:relative;
  overflow:hidden;
}
 .fen_box ul li .itu{
  width:310px;
  height:300px;
  background:#0C0;
  position:absolute;
  top:0px;
  left:0px;
  transition:all 0.5s;
}
 .fen_box ul li .izi{
  width:310px;
  height:300px;
  background:#fafafa;
  overflow:hidden;
  position:absolute;
  top:300px;
  left:0px;
  transition:all 0.5s;
}
 .fen_box ul li .izi h4{
  font-size:40px;
  color:#333;
  line-height:80px;
  text-align:center;
  
}
 .fen_box ul li .izi p{
  font-size:20px;
  color:#444;
  line-height:50px;
  text-align:center;
  font-family: "6bf8ad70-2a0d-4025-b06e-5dfcb09185a9";
}
 .fen_box ul li .izi span{
  font-size:18px;
  color:#fff;
  line-height:32px;
  text-align:left;
  display:block;
  width:200px;
  margin:0px auto;
  font-family: "6bf8ad70-2a0d-4025-b06e-5dfcb09185a9";
}
 .fen_box ul li:hover .izi{
  top:130px;
  background:#2fc5e0;
}

@media screen and (max-width: 768px) {
.fen_box ul li {
    width: 100%;
}
}