/* s_case_box */
.s_case_box{}
.case_item{margin-bottom: 5%; align-items: center;}

.case_pic_div{width: 41.3%;}
.case_pic_div .case_pic{padding-bottom: 124.6%; overflow: hidden;}

.case_txt_div{flex: 1; position: relative; z-index: 1; background: #f5f5f5; padding: 6% 4%; color: #333; margin-left: -5%; transition: all 0.5s ease;}
.case_txt_div:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); border-radius: 2px;}

.case_txt_div .order{position: absolute; right: 0; top: 0; font-size: 120px; font-weight: bold; color: rgba(51, 51, 51, 0.1); line-height: 1;}
.case_txt_div .title{font-size: 28px; font-weight: bold; line-height: 1.5;}
.case_txt_div .brief{padding: 16px 0 0; line-height: 30px;}

.s_case_box .layout .case_item:nth-child(2n) .case_pic_div{order: 2;}
.s_case_box .layout .case_item:nth-child(2n) .case_txt_div{order: 1; margin-left: 0; margin-right: -5%;}
@media only screen and (max-width: 1600px) {
	.case_txt_div .order{font-size: 110px;}
}
@media only screen and (max-width: 1450px) {
	.case_txt_div{padding: 5% 4%;}
	.case_txt_div .order{font-size: 100px;}
	.case_txt_div .title{font-size: 26px;}
}
@media only screen and (max-width: 1300px) {
	.case_txt_div .order{font-size: 90px;}
}
@media only screen and (max-width: 950px) {
	.case_item{flex-wrap: wrap; margin-bottom: 20px;}
	.case_pic_div{width: 100%;}
	.case_txt_div{width: 100%; margin: 0; padding: 20px 15px;}
	.case_txt_div .brief{padding: 10px 0 0; line-height: 28px; -webkit-line-clamp: 4;}
	.case_txt_div .order{font-size: 60px; right: 3px; top: 2px;}
	.case_txt_div .title{font-size: 22px;}
	
	.s_case_box .layout .case_item:last-child{margin-bottom: 30px;}
	.s_case_box .layout .case_item:nth-child(2n) .case_pic_div{order: 1;}
	.s_case_box .layout .case_item:nth-child(2n) .case_txt_div{order: 2; margin: 0;}
}