.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
* { margin: 0; padding: 0; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ""; } .success-case { text-align: center; padding-bottom: 45px; } .success-case .success-case-midd { width: 1200px; display: inline-block; } .success-case .success-case-midd .success-case-top { width: 100%; margin-bottom: 38px; } .success-case .success-case-midd .success-case-top::after { content: ""; display: block; clear: both; } .success-case .success-case-midd .success-case-top .success-case-title { float: left; font-size: 32px; color: #252525; font-weight: bold; } .success-case .success-case-midd .success-case-top .success-case-more { float: right; vertical-align: middle; display: inline-block; line-height: 46px; cursor: pointer; } .success-case .success-case-midd .success-case-top .success-case-more .success-case-more-txt { font-size: 16px; color: #252525; } .success-case .success-case-midd .success-case-top .success-case-more .success-case-more-icon { display: inline-block; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .success-case .success-case-midd .success-case-wrap { width: 1250px; margin-top: 44px; } .success-case .success-case-midd .success-case-wrap .success-case-card { float: left; background: #fff; margin-right: 10px; width: 392px; -o-transition: all .2s linear; -ms-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear } .success-case .success-case-midd .success-case-wrap .success-case-card a { width: 100%; height: 100%; display: block; } .success-case .success-case-midd .success-case-wrap .success-case-card:hover { -o-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -o-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top { width: 100%; height: 293px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top .success-case-card-top-img { width: 100%; height: 100%; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt { padding: 14px 24px 16px 24px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-bottom { text-align: left; font-size: 20px; color: #252525; font-weight: 400; overflow: hidden; text-overflow: ellipsis; height: 30px; white-space: nowrap; margin: 0 0 6px 0; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-sp { display: inline-block; text-align: left; height: 38px; margin-bottom:4px; width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 12px; color: #7b7b7b; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media screen and (min-width: 1700px) { .success-case .success-case-midd { width: 1600px; } .success-case .success-case-midd .success-case-wrap { width: 1650px; } .success-case .success-case-midd .success-case-wrap .success-case-card { width: 526px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-top { height: 393px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-bottom { font-size: 22px; margin: 0 0 13px 0; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt { padding: 23px 33px 25px 35px; } .success-case .success-case-midd .success-case-wrap .success-case-card .success-case-card-bottom .success-case-card-bottom-txt .success-case-card-sp { font-size: 14px; } }