@charset 'utf-8';

.con_cases{padding: 50px 0;}
.con_cases .list{width: 48%;float: left;margin: 0 2% 50px 0;display: flex;justify-content: space-between;box-shadow: 0 0 15px 0 #ddd;padding: 15px;align-items: center;}
.con_cases .list:nth-child(4n){margin-right: 0;}
.con_cases .list .picture{/* border: solid #d6d6d6 1px; */overflow: hidden;width: 50%;}
.con_cases .list .picture img{width: 100%; transition: all 0.5s;}
.con_cases .list .picture:hover img{transform: scale(1.1);}
.con_cases .list .title{padding: 0 15px;text-align: center;line-height: 32px;font-size: 16px;width: 50%;}
.con_cases .list .title a{color: #333;}
.con_cases .list .title a:hover{color: #08943d;}
.con_cases .list .title a h2{font-size: 18px;margin: 0 0 15px;text-align: left;font-weight: bold;}
.con_cases .list .title a h3{font-size: 16px;text-align: left;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; //设置行数overflow: hidden; //超出隐藏;overflow: hidden;}
@media (max-width:980px) {
	.con_cases{padding: 30px 15px;}
.con_cases .list {
        width: 100%;
        margin: 0 4% 20px 0;
        flex-wrap: wrap;
    }
	.con_cases .list:nth-child(2n){margin-right: 0;}
	.con_cases .list .title{padding: 5px 10px; line-height: 20px; font-size: 14px;width:100%;}
	
	.con_cases .list .picture {
    /* border: solid #d6d6d6 1px; */
    overflow: hidden;
    width: 100%;
}




}