.d_list a{ padding-top:0}
.d_list a .picture {position: relative; height:400px;}
.d_list a .picture img{height:400px;}
.zhi_list li{width: calc(47% - 4px);position: relative;margin-bottom: 3%;}
.d_list a .tit {position: absolute;top: 41%;text-align: center;width: 96%;color: #fff; display:none;font-size: 25px;padding: 0 2%;}
.d_list li:nth-child(3n - 1) {margin-left: 0;margin-right: 0;}
.d_list li:nth-child(2n+1) {margin-left: 3%;margin-right: 3%;}
.d_list a :before {content: '';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, .6);opacity: 0;transition: all .4s;-webkit-transition: all .4s;}
.d_list a:hover .picture:before {opacity: 1;}
.d_list a:hover .tit{color: #fff;display:block;z-index:999}
@media only screen and (max-width: 787px){
.d_list li:nth-child(3n - 1) {margin-left: 0;margin-right: 0;}
.d_list li:nth-child(2n+1) {margin-left: 0;margin-right: 0;}
.zhi_list li:nth-child(even) {margin-left: 4%;}
.d_list a .picture {height:auto;}
.d_list a .picture img{height:auto;}
.d_list a .tit{ font-size:12px;top: 18%;}
.zhi_list li{ margin-bottom:0}
}