.nyCase { padding: 60px 20px; overflow: hidden; background: #f8f8f8; }
.nyCase_Ms { position: relative; padding-left: 35px; margin-bottom: 40px; }
.nyCase_Ms:before { content: ""; display: block; width: 15px; background: #fb672b; height: 100%; position: absolute; top: 0; left: 0; }
.nyCase_Ms b { display: block; font-size: 30px; color: #222; margin-bottom: 5px; text-transform:capitalize; line-height: 1.5; }
.nyCase_Ms p { font-size: 20px; line-height: 30px; color: #777; }
.nyCase_list ul{ min-height:300px;}
.nyCase_list ul li { width: 100%; margin-bottom: 30px; position: relative; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; background: #fff; height: 170px; border-right: 3px solid #fb672b; }
.nyCase_list ul li:last-child { margin-bottom: 0; }
.nyCase_list ul li:before { content: ""; display: block; width: 30px; background: #f8f8f8; position: absolute; top: 0; left: 0; height: 100%; }
.nyCase_list ul li .nyCase_Img { display: block; width: 145px; height: 125px; position: relative; z-index: 99; }
.nyCase_list ul li .nyCase_Img:after { content: "+"; display: block; width: 22px; height: 22px; background: #fb672b; border-radius: 50px; position: absolute; top: 50%; transform: translate(0, -50%); right: -10px; text-align: center; color: #fff; }
.nyCase_list ul li .nyCase_Text { width: calc(100% - 145px); padding: 0 30px; }
.nyCase_list ul li .nyCase_Text .nyCase_Name { font-size: 24px; color: #222; font-weight: bold; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; max-height: 60px; text-transform: capitalize; }
.nyCase_list ul li .nyCase_Text p { font-size: 20px; color: #777; line-height: 27px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height: 54px; margin-top: 10px; }
@media (max-width:550px) {
.nyCase_Ms p { font-size: 18px; line-height: 28px; }
.nyCase_Ms b { font-size: 27px; }
.nyCase_list ul li .nyCase_Text .nyCase_Name { font-size: 22px; }
.nyCase_list ul li .nyCase_Text p { font-size: 18px; line-height: 25px; height: 50px; }
}
@media (max-width:480px) {
.nyCase { padding: 40px 20px; }
.nyCase_Ms { padding-left: 30px; }
.nyCase_Ms b { font-size: 24px; }
.nyCase_Ms p { font-size: 16px; line-height: 26px; }
.nyCase_Ms:before { width: 12px; }
.nyCase_list ul li { height: 150px; margin-bottom: 25px; }
.nyCase_list ul li .nyCase_Img { width: 130px; height: 110px; }
.nyCase_list ul li .nyCase_Text { padding: 0 25px; width: calc(100% - 130px); }
.nyCase_list ul li .nyCase_Text .nyCase_Name { font-size: 20px; }
.nyCase_list ul li .nyCase_Text p { font-size: 16px; line-height: 22px; height: 44px; margin-top: 8px; }
}
@media (max-width:414px) {
.nyCase_Ms b { font-size: 21px; }
.nyCase_list ul li .nyCase_Text .nyCase_Name { font-size: 18px; line-height: 26px; max-height: 52px; }
}
@media (max-width:390px) {
.nyCase { padding: 30px 3%; }
.nyCase_Ms { padding-left: 25px; }
.nyCase_Ms b { font-size: 18px; }
.nyCase_Ms p { font-size: 14px; line-height: 24px; }
.nyCase_Ms:before { width: 8px; }
.nyCase_list ul li { height: 140px; margin-bottom: 20px; }
.nyCase_list ul li .nyCase_Img { width: 120px; height: 100px; }
.nyCase_list ul li .nyCase_Text { padding: 0 20px; width: calc(100% - 120px); }
.nyCase_list ul li .nyCase_Text .nyCase_Name { font-size: 16px; line-height: 24px; max-height: 48px; }
.nyCase_list ul li .nyCase_Text p { font-size: 14px; margin-top: 5px; }
}
@media (max-width:320px) {
}