.pro_t{
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011319201819509/cms/image/6509fb0b-bf82-464b-877f-e5aee738895f.jpg) no-repeat;
  background-size:cover;
  text-align:center;
  padding:21% 0px;
}
  .pro_t h3{
  font-size:30px;
  color:#fff;
  padding-top:40px;
}
  .pro_xl{
  position:relative;
}
  .pro_xl:hover .pro_b{
  opacity:1;
}
  .pro_xl:hover .pro_t h2{
  opacity:0;
}
  .pro_xl:hover .pro_t h3{
  opacity:0;
}
  .pro_b{
  position:absolute;
  top:0;
  width:auto;
  padding:12% 8%;
  background:#000000b8;
  overflow:hidden;
  height:100%;
  opacity:0;
  transition:all 0.6s;
}
  .pro_b_b h4{
  margin-right:3%;
  font-size:16px;
  color:#fff;
  line-height:45px;
  float:left;
  margin-left:5%;
}
  .pro_b_b{
  float:left;
  width:100%;
  border-top:1px #444 solid;
  padding-top:35px;
  margin-top:35px;
}
  .pro_b_b h4 a{
  color:#fff;
}
  .pro_b_b h4 a:hover{
  font-weight:bold;
}
  .pro_b_t h2{
  float:left;
  padding-right:20px;
}
  .pro_b_t h3{
  font-size:30px;
  color:#fff;
}
  .pro_b_t h3 p{
  font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
  color:#d8d8d8;
  padding-top:10px;
  line-height:21px;
}