锘.main_content{
 background: #fff;
}
ul.zt_list li {
 position: relative;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 400px;
 height: 160px;
 overflow: hidden;
}

.zt_posi {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 background: rgb(0 0 0 / 60%);
 display: none;
}
.zt_posi.on{display: flex;}
ul.zt_list li:nth-child(3n) {
 margin-right: 0;
}

.zt_posi a {
 color: #fff;
 font-size: 20px;
}

.zt_posi a.zt_more {
 font-size: 14px;
 display: block;
 width: 100px;
 text-align: center;
 background: rgb(146 13 20 / 80%);
 height: 24px;
 line-height: 24px;
 margin-top: 20px;
}

.zt_posi a.zt_more:hover {
 text-decoration: underline;
}
ul.zt_list {
 overflow: hidden;
}
ul.zt_list li>a {
 width: 100%;
 height: 100%;
 overflow: hidden;
}

ul.zt_list li>a img {
 width: 100%;
 height: auto;
}
@media only screen and (max-width: 1280px){
  ul.zt_list li {
 width: 343px;
}
}
@media only screen and (max-width: 768px){
  ul.zt_list li {
 width: 100%;
}
} <!--0.00016498565673828-->