@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: #0f65dc; }
.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; }

@media (max-width:980px) {
.con_cases { padding: 30px 15px; }
.con_cases .list { width: 100%; margin: 0; display: unset }
.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 { width: 100%; }
}