.m_1{width: 100%;margin: 20px auto;overflow: hidden;}
.m_1 #content{width: 100%;margin: 0px auto;display: flex;flex-wrap: wrap;}
.m_1 #content li{width: calc(25% - 15px);margin-top: 20px;padding-bottom: 15px;background: #fafafa;border-radius: 8px;overflow: hidden;transition: all .3s;margin-right: 20px;}
.m_1 #content li:nth-child(4n){margin-right: 0px;}
.m_1 #content li .mimg{width: 100%;position: relative;overflow: hidden;height: 150px;}
.m_1 #content li .mimg i{display: flex;width: 100%;height: 100%;align-items: center;background: #fafafa;}
.m_1 #content li .mimg img{max-width: 100%;max-height: 100%;}
.m_1 #content li .mimg .zz{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;transition:all .3s;}
.m_1 #content li .mimg:hover .zz{opacity:1}
.m_1 #content li .mimg .zz p{color:#fff;position:relative;line-height:35px;font-size:14px}
.m_1 #content li .mimg .zz p::before{content:"";display:block;width:100%;height:0.5px;background:#fff;position:absolute;left:0;top:0;transition:all .3s}
.m_1 #content li .mimg .zz p::after{content:"";display:block;width:100%;height:0.5px;background:#fff;position:absolute;left:0;bottom:0;transition:all .3s}
.m_1 #content li .mimg:hover .zz p::before{left:50%;width:5px;margin-left:-2.5px}
.m_1 #content li .mimg:hover .zz p::after{left:50%;width:5px;margin-left:-2.5px}
.m_1 #content li:hover{background: rgba(219,56,77,0.1);}
.m_1 #content li .mtxt{padding: 0px 10px;overflow: hidden;}
.m_1 #content li .mtxt h3{font-size: 16px;line-height: 40px;transition: all .3s;text-align: center;}
.m_1 #content li .mtxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;line-height: 20px;}
@media all and (max-width:980px){
	.m_1 #content{justify-content: space-between;}
	.m_1 #content li{width: calc(50% - 7.5px);margin-right: 0px;}
	.m_1 #content li .mimg{height: 115px;}
}