/* case_box */
.case_box{overflow: hidden;}

.case_item{position: relative;}
.case_item .sort_pic_item{width: 49.5%; position: relative; order: 1; padding-left: 12px;}
.sort_pic_item::after{content: ''; position: absolute; left: 0; width: 12px; top: 33%; height: 34%; background: var(--commonColor);}
.sort_pic_item .pic{padding-bottom: 58%; z-index: 1;}

.case_item .sort_info_item{line-height: 1.25; width: 45%; order: 2;}

.sort_info_item .title{font-size: 24px; line-height: 1.25; overflow: hidden; text-transform: capitalize; color: var(--commonColor);}
.sort_info_item .brief{color: #666; font-family: 'Montserrat-Light'; line-height: 28px; font-size: 20px; margin: 5% 0;}
.sort_info_item .more{display: inline-block; text-decoration: underline; color: #9E5938; font-family: 'Montserrat-Light'; height: 34px; line-height: 34px; transition: all 0.5s ease;}
.sort_info_item:hover .title{text-decoration: underline;}
.sort_info_item:hover .more{padding: 0 12px; color: #fff; background: var(--commonColor); text-decoration: none;}
.sort_info_item:hover .order{animation: swing 0.5s;}

.case_item:nth-child(n+2){margin-top: 4%;}


@media only screen and (max-width: 1450px) {
	.sort_info_item .brief{font-size: 18px;}
}
@media only screen and (max-width: 1300px) {
    .case_item .sort_pic_item{padding-left: 10px;}
    .case_item .sort_info_item{width: 46%;}
	.case_item:nth-child(n+2){margin-top: 5%;}
    .sort_info_item .brief{margin: 4% 0;}
}
@media only screen and (max-width: 980px) {
	.case_item{flex-direction: column;}
	.case_item:nth-child(n+2){margin-top: 24px;}
	.case_item .sort_pic_item{width: 100%; order: 1 !important; padding-left: 6px;}
	.case_item .sort_info_item{width: 100%; order: 2 !important; margin-top: 20px;}

	.sort_info_item .title{font-size: 21px;}
	.sort_info_item .brief{margin: 12px 0 8px; font-size: 16px;}
	.sort_info_item:hover .more{padding: 0; background: none; color: var(--commonColor); text-decoration: underline;}
}


/* case_busines */
.case_busines{border-top: 1px dashed var(--commonColor);}
.case_busines_list{margin-top: 3%; padding-bottom: 8px;}
.case_busines_list .busines_item{width: 47%; margin-right: 6%;}
.case_busines_list .busines_item:nth-child(2n){margin-right: 0;}
.case_busines_list .busines_item:nth-child(n+3){margin-top: 3.6%;}

.case_busines_list .busines_item .title{font-size: 24px; color: var(--commonColor); margin: 25px 0 12px;}
.case_busines_list .busines_item .brief{font-family: 'Montserrat-Light'; color: #666; line-height: 28px; flex: 1;}
.case_busines_list .busines_item .pic{padding-bottom: 63%;}


@media only screen and (max-width: 1450px) {
    .case_busines_list .busines_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
    .case_busines_list .busines_item{width: 48%; margin-right: 4%;}
}
@media only screen and (max-width: 980px) {
    .case_busines_list{margin-top: 20px;}
    .case_busines_list .busines_item{width: 100%; margin-right: 0 !important;}
    .case_busines_list .busines_item:nth-child(n+2){margin-top: 20px;}
    .case_busines_list .busines_item .title{margin: 18px 0 6px;}
    .case_busines_list .busines_item .brief{line-height: 26px;}
}

/* innerContent */
.app_th{color: var(--commonColor); font-size: 24px; font-family: 'Montserrat-Bold'; margin: 15px 0;}
.innerContent .app_th{font-family: 'Montserrat-Bold' !important;}
.innerContent .app_th p{font-family: inherit; font-size: inherit;}
.innerContent{font-family: 'Montserrat-Light'; line-height: 28px; color: #666; font-size: 16px; padding: 25px 0 0;}
.innerContent *{font-family: inherit !important;}
.innerContent p, .appContent span{font-family: inherit !important; line-height: inherit !important; font-size: inherit !important; color: inherit !important;}
@media only screen and (max-width: 980px) {
	.app_th{font-size: 22px;}
}