.side-cate{padding-top: 10px;}
.side-cate>li>a{padding: 14px 0;}
/* s_case_box */
.s_case_box{}
.case_item{margin-bottom: 1rem; align-items: center;}
.case_item:last-child{margin-bottom: 0;}

.case_pic_div{width: 40%;}
.case_pic_div .case_pic{padding-bottom: 100%; overflow: hidden; border: 1px solid #f5f5f5;}

.case_txt_div{flex: 1; position: relative; z-index: 1; background: #f5f5f5; padding: 0.9rem 0.58rem 0.5rem; color: #333; margin-left: -30px;}
.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: 1.4rem; font-weight: bold; color: rgba(51, 51, 51, 0.1); line-height: 1;}
.case_txt_div .title{font-size: 26px; font-weight: bold; line-height: 1.5;}
.case_txt_div .brief{padding: 15px 0 0; line-height: 28px; color: #666; transition: all 0.4s ease;}
.case_txt_div .brief *{font-family: inherit !important; line-height: inherit !important; color: inherit !important; background: none !important; font-size: inherit !important;}
.case_txt_div .brief p{padding-bottom: 0.2rem;}
.case_txt_div .brief p:last-child{padding-bottom: 0;}

.case_txt_div:hover .brief{color: #333;}

.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: -0.9rem;}


@media only screen and (max-width: 1450px) {
	.case_txt_div .title{font-size: 24px;}
}
@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;}
	.case_txt_div .order{font-size: 1rem; 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;}
}

/* 列表 */
.listPro_list{padding: 0; flex-wrap: wrap;}
.listPro_list li{width: calc((100% - 40px) / 3); margin-right: 20px;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{padding-bottom: 42px; position: relative; margin-bottom: 40px;}
.listPro_item .pro_pic{padding-bottom: 100%; border: 1px solid #ddd; overflow: hidden; box-sizing: border-box;}
.listPro_item .title{margin: 15px 0 5px; text-align: center; text-transform: capitalize;}
.listPro_item .title{font-weight: bold; line-height: 26px; font-size: 22px; font-family: 'OPENSANS-BOLD';}
.listPro_item .c_more_btn{margin: 0 auto; width: 1.6rem; min-width: 140px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.listPro_item .c_more_btn a{width: 1.5rem; font-size: 18px; min-width: 130px;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .title a{color: var(--commonColor);}
.listPro_item:hover .pro_pic{border-color: var(--commonColor);}
.listPro_item:hover .c_more_btn a{background: var(--commonColor);}
.listPro_item:hover .c_more_btn{border-color: var(--commonColor);}
.listPro_item .date{color: #666; line-height: 24px; margin-top: 0.2rem;}
.listPro_item .brief{margin: 6px 0 25px; color: #333; line-height: 24px;}


@media only screen and (max-width: 1450px) {
	.listPro_item .title{font-size: 20px;}
}
@media only screen and (max-width: 1300px) {
	.listPro_item .title{font-size: 18px;}
}
@media only screen and (max-width: 950px) {
	.listPro_list{padding: 0.2rem 0 0;}
	.listPro_list li{width: 100%; margin-right: 0;}
	.listPro_item{margin-bottom: 30px;}
	.listPro_list li:last-child{margin-bottom: 20px;}
}