/* service_top_box */
.service_top_box{background: #F5F5F5; padding: 5.6% 0;}

.ser_th{text-align: center;}
.ser_th .title{font-size: 60px; color: #000; font-family: 'Humanist777BT-BlackCondensedB'; line-height: 1.1;}
.ser_th .title a{color: inherit;}
.ser_th .title a:hover{color: var(--commonColor);}
.ser_th .brief{color: var(--commonColor); font-size: 20px; line-height: 1.5; margin-top: 2.5%;}

@media only screen and (max-width: 1550px) {
	.ser_th .title{font-size: 54px;}
}
@media only screen and (max-width: 1450px) {
	.ser_th .title{font-size: 48px;}
}
@media only screen and (max-width: 1350px) {
	.ser_th .title{font-size: 42px;}
}
@media only screen and (max-width: 1200px) {
	.ser_th .title{font-size: 36px;}
}
@media only screen and (max-width: 950px) {
	.service_top_box{padding: 30px 0;}
	.ser_th .title{font-size: 26px;}
}

/* service_box */
.service_box{margin-top: 26px;}

.service_first{background: #F5F5F5;}
.service_left{width: 50%; min-height: 400px;}
.service_left .ser_pic{height: 100%;}
.service_first .service_info{width: 44%; margin-right: 2%; box-sizing: border-box; padding: 3% 0 2%;}
.service_info .ser_star{margin: 10px 0;}
.ser_star .star_item{width: 20px; height: 20px; background: url(../img/icon_star1.png) no-repeat left center/20px auto;}

.service_info .title{font-family: 'Humanist777BT-BlackCondensedB'; font-size: 36px; color: #000; line-height: 1.25; margin-bottom: 20px;}
.service_info .brief{color: #666; font-size: 18px; line-height: 1.6; max-height: 16em; overflow-y: auto;}
.service_user{margin-top: 5%;}
.service_user .user{padding-left: 30px; color: #000; font-family: 'Humanist777BT-BlackCondensedB'; font-size: 20px; position: relative; min-height: 30px;}
.service_user .user::before{display: block; width: 20px; height: 20px; border-radius: 50%; background: url(../img/icon_ri.png) no-repeat center; background-size: 15px auto; background-color: var(--commonColor); content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.service_user .date{color: #666;}

.service_inner{margin-top: 6px;}

.service_list li{width: calc((100% - 60px) / 4); margin-right: 20px; margin-top: 20px; border: 1px solid #E3E3E3; border-radius: 5px; height: auto;}
.service_list li:nth-child(4n){margin-right: 0;}


.service_item .ser_pic{padding-bottom: 65%; border-radius: 5px 5px 0 0; margin: -1px -1px 0 -1px; width: calc(100% + 2px);}
.service_item .service_info{padding: 5px 15px 16px;}
.service_item .service_info .brief{line-height: 24px; /* height: 220px; overflow-y: auto; */ height: auto; max-height: unset;}

.service_item:hover{box-shadow: 0px 4px 4px 0px rgba(var(--comColorRgb), 0.3);}

@media only screen and (max-width: 1550px) {
	.ser_th .title{font-size: 42px;}
	.service_info .title{font-size: 34px;}
}
@media only screen and (max-width: 1450px) {
	.ser_th .title{font-size: 38px;}
	.service_info .title{font-size: 32px;}
}
@media only screen and (max-width: 1350px) {
	.ser_th .title{font-size: 34px;}
	.service_info .title{font-size: 30px;}
}
@media only screen and (max-width: 1200px) {
	.ser_th .title{font-size: 30px;}
	.service_info .title{font-size: 28px;}
	.service_user{flex-direction: column; align-items: flex-start;}
}
@media only screen and (max-width: 950px) {
	.service_box{margin-top: 30px;}
	.case_th .title{font-size: 26px;}
	.ser_th .brief br{display: none;}
	.service_user{flex-direction: row; align-items: center;}
	
	.service_first{flex-direction: column;}
	.service_left{width: 100%; min-height: unset;}
	.service_left .ser_pic{height: 0; padding-bottom: 75%;}
	.service_first .service_info{width: 100%; margin: 0; padding: 15px 15px 20px;}
	.service_info .title{font-size: 24px; margin-bottom: 10px;}
	.service_info .brief{height: auto; max-height: unset; overflow: hidden; display: block;}
	.service_list li{width: 100%; margin-right: 0; margin-top: 20px;}
	.service_item .service_info .brief{display: block; height: auto; overflow: hidden;}
}

/* c_banner */
/* .c_banner{position: relative; z-index: 1;}
.c_banner_bg{
	position: relative; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.c_banner_bg::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; z-index: -1; background: rgba(0, 0, 0, 0.2);}
.c_banner .layout{z-index: 2; height: 100%;}
.c_banner_txt{text-align: center; width: 100%; min-height: 400px; padding: calc(110px + 3.2%) 0 3.6%; max-width: 1280px; margin: 0 auto;} */
/* .c_banner_txt .title{font-size: 60px; color: #fff; line-height: 1.2; text-transform: capitalize; font-family: 'Humanist777BT-BlackCondensedB';} */
/* .c_banner_txt .brief{color: #fff; line-height: 1.75; text-align: center; margin-top: 15px; max-width: 1000px; margin: 0 auto;}
.c_banner_btn{text-align: center; margin-top: 2%;}
.c_banner_btn .pubMoreBg{margin: 0 auto; width: 196px; height: 54px; line-height: 54px; font-size: 24px; font-weight: bold;} */

/* @media only screen and (max-width: 1550px) {
	.c_banner_txt .title{font-size: 54px;}
}
@media only screen and (max-width: 1450px) {
	.c_banner_txt .title{font-size: 48px;}
}
@media only screen and (max-width: 1350px) {
	.c_banner_txt .title{font-size: 42px;}
}
@media only screen and (max-width: 1200px) {
	.c_banner_txt .title{font-size: 36px;}
	.c_banner_btn .pubMoreBg{font-size: 22px; height: 50px; line-height: 50px; width: 176px;}
} */
/* @media only screen and (max-width: 1023px) { */
	/* .c_banner{margin-top: 46px;}
} */
@media only screen and (max-width: 950px) {
	/* .c_banner{margin-bottom: 0;}
	.c_banner_img{min-height: 200px; object-fit: cover;}
	.c_banner_title{margin-bottom: 10px; font-size: 28px;}
	.c_banner_txt{min-height: unset; padding: 6% 0;} */
	/* .c_banner_txt .title{font-size: 36px; line-height: 1.5;} */
	/* .c_banner_txt .th{font-size: 24px; line-height: 1.5;}
	.c_banner_txt .brief{line-height: 1.5;}
	.c_banner_btn .pubMoreBg{font-size: 20px; height: 46px; line-height: 46px; width: 168px; margin-top: 15px;} */
	
	.swiper-button-next, .swiper-button-prev{width: 30px; height: 30px; line-height: 28px; margin-top: -15px; background: none; border: 1px solid var(--commonColor); color: var(--commonColor);}
	.swiper-button-prev{left: -12px;}
	.swiper-button-next{right: -12px;}
	.swiper-button-prev::before, .swiper-button-next::before{display: block; font-weight: normal; font-size: 24px;}
	.swiper-button-prev::before{content: '\f104';}
	.swiper-button-next::before{content: '\f105';}
}



/* .c_location{ background-color: initial !important;} */