.m_1{width: 100%;margin: 20px auto;overflow: hidden;}
.m_1 ul{width: 100%;margin: 0px auto;display: flex;flex-wrap: wrap;}
.m_1 ul 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 ul li:nth-child(4n){margin-right: 0px;}
.m_1 ul li .mimg{width: 100%;position: relative;overflow: hidden;height: 150px;background: #fafafa;}
.m_1 ul li .mimg i{display: flex;width: 100%;height: 100%;align-items: center;}
.m_1 ul li .mimg img{max-width: 100%;max-height: 100%;}
.m_1 ul 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 ul li .mimg:hover .zz{opacity:1}
.m_1 ul li .mimg .zz p{color:#fff;position:relative;line-height:35px;font-size:14px}
.m_1 ul 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 ul 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 ul li .mimg:hover .zz p::before{left:50%;width:5px;margin-left:-2.5px}
.m_1 ul li .mimg:hover .zz p::after{left:50%;width:5px;margin-left:-2.5px}
.m_1 ul li:hover{background: rgba(219,56,77,0.1);}
.m_1 ul li .mtxt{padding: 0px 10px;overflow: hidden;}
.m_1 ul li .mtxt h3{font-size: 16px;line-height: 40px;transition: all .3s;text-align: center;}
.m_1 ul 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 ul{justify-content: space-between;}
	.m_1 ul li{width: calc(50% - 7.5px);margin-right: 0px;}
	.m_1 ul li .mimg{height: 115px;}
}
.m_2{margin: 20px auto;overflow: hidden;background: #f8f8f8;padding: 16px;border-radius: 5px;}
.m_2 .tw{width: 100%;overflow: hidden;}
.m_2 .mimg{width: 300px;display: block;float: left;overflow: hidden;border-radius: 5px;}
.m_2 .mimg img{max-width: 100%;max-height: 100%;}
.m_2 .mtxt{width: calc(100% - 320px);float: right;}
.m_2 .mtxt h3{font-size: 24px;line-height: 40px;}
.m_2 .mtxt p{color: #333;font-size: 14px;line-height: 24px;}
.m_2 .mtxt span{display: inline-block;font-size: 12px;color: #c2c2c2;float: right;}
@media all and (max-width:980px){
	.m_2{padding: 10px 10px 20px;}
	.m_2 .mimg{width: 100%;}
	.m_2 .mtxt{width: 100%;margin-top: 10px;}
	.m_2 .mtxt span{margin-top: 10px;}
}