.side-reso>li.services::before{position: absolute; left: -20px; width: 12px; height: 2px; top: 50%; margin-top: -2px; content: ''; background: var(--commonColor);}
.side-reso>li.services a{color: var(--commonColor); text-decoration: underline;}

/* .c_right_box{font-family: 'Montserrat-Light';} */
/* service_txt */
.ser_th{font-size: 30px; font-family: 'Poppins-Bold'; color: var(--commonColor); line-height: 1.25;}
.service_txt .brief{color: #666; line-height: 1.75; margin-top: 12px;}

@media only screen and (max-width: 1450px) {
	.ser_th{font-size: 26px;}
}
@media only screen and (max-width: 980px) {
	.ser_th{font-size: 24px;}
}
/* service_ul */
.service_item{margin-top: 4%;}
.service_item .ser_pic_item{width: 49%; order: 1;}
.service_item .ser_info_item{width: 46%; order: 2;}
.service_item:nth-child(2n) .ser_pic_item{order: 3;}

.ser_info_item .title{font-size: 20px; font-family: 'Poppins-Bold'; line-height: 1.3;}
.ser_info_item .brief{color: #666; line-height: 1.75; margin-top: 10px;}
.ser_info_item .txt_list{margin-top: 10px; color: #666;}
.txt_list .txt_row{position: relative; padding-left: 20px; line-height: 26px; margin-top: 2px;}
.txt_list .txt_row::before{position: absolute; left: 0; height: 6px; width: 6px; border-radius: 50%; background: #333; content: ''; top: 10px;}

.service_item:hover .ser_info_item .brief{color: #333;}

.service_ul1{margin-top: 26px;}
.service_item1{width: 49%;}
.service_item1 .pic{padding-bottom: 56%;}

.service_item1 .ser_info_item{margin-top: 20px;}

@media only screen and (max-width: 980px) {
	.service_item{flex-direction: column; margin-top: 20px;}
    .service_item .ser_pic_item{width: 100%;}
    .service_item .ser_info_item{width: 100%; margin-top: 16px;}
    .service_item:nth-child(2n) .ser_pic_item{order: 1;}

    .service_ul1{margin-top: 0; flex-direction: column;}
    .service_item1{width: 100%; margin-top: 20px;}
    .service_item1 .ser_info_item{margin-top: 16px;}
}


/* ser_company */
.ser_company{background: rgba(var(--comColorRgb), 0.1); padding: 5% 2%;}
.company_ul li{width: 33.33%;}
.company_ul li img{display: block; margin: 0 auto; max-width: 86%;}
.company_ul li img:hover{animation: jump 0.5s;}

@media only screen and (max-width: 980px) {
    .ser_company{padding: 24px 15px;}
    .company_ul li img{max-width: 90%;}
}


/* service_project */
.service_project{padding-top: 4.5%;}
.project_ul{margin-top: 4%;}

.projuct_item:nth-child(n+2){margin-top: 4%;}
.pro_pic_item{width: 58.5%;}
.pro_pic_item .pic{padding-bottom: 55%;}

.pro_info_item{width: 44.5%; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.09); background: #fff; padding: 6% 3%; position: relative; z-index: 1; margin-left: -3%; transition: all 0.5s ease;}
.pro_info_item .title{font-family: 'Montserrat-Bold'; font-size: 22px; color: var(--commonColor);}
.pro_info_item .sub_title{font-family: 'Montserrat-Bold'; margin-top: 10px; line-height: 1.5;}
.pro_info_item .brief{color: #666;}

.projuct_item:hover .pro_info_item{box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);}
.projuct_item:hover .pro_info_item .brief{color: #333;}

@media only screen and (max-width: 980px) {
    .service_project{padding-top: 30px;}
    .project_ul{margin-top: 20px;}
    .projuct_item{flex-direction: column;}
    .projuct_item:nth-child(n+2){margin-top: 20px;}
    .pro_pic_item{width: 100%;}
    .pro_info_item{width: 100%; margin-left: 0; padding: 22px 18px;}
}