.sub_sort li a, .sort_info .title a, .sort_info, .proType_topic li:before, .competence_img, .form_btn .submit_btn, .service_item .ser_pic img{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/* img scale */
.c_pub_pic img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sort_item:hover .sort_pic img, .adv_item:hover .adv_pic img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}
.competence_img:hover{
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
}

.web_main{padding-bottom: 0;}


/* proType_sort */
.proType_box{}
.class_ul{margin-top: 2.2%;}
.class_ul .class_item{width: 50%; padding: 4% 3%; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.class_ul .class_item:nth-child(4n),
.class_ul .class_item:nth-child(4n+1){background: #FDE8EA; box-shadow: none;}
.class_ul .class_item .info_item{width: 58.5%;}
.class_ul .class_item .pic_item{width: 38.5%;}
.class_ul .class_item .pic_item .pic{padding-bottom: 100%;}
.class_ul .class_item .title{font-size: 32px; font-weight: bold; line-height: 1.25; text-transform: capitalize;}
.class_ul .class_item .brief{color: #666; line-height: 28px; height: 112px; margin-top: 15px;}

@media only screen and (max-width: 1450px) {
	.class_ul .class_item{padding: 40px 32px;}
	.class_ul .class_item .title{font-size: 28px;}
}
@media only screen and (max-width: 1300px) {
	.class_ul .class_item{padding: 30px 26px;}
	.class_ul .class_item .title{font-size: 26px;}
	.class_ul{zoom: 0.9;}
}
@media only screen and (max-width: 1200px) {
	.class_ul .class_item{padding: 26px 22px;}
}
@media only screen and (max-width: 980px) {
	.class_ul{zoom: 1; margin-top: 20px;}
	.class_ul .class_item{width: 100%; padding: 20px 15px; background: #fff !important; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) !important;}
	.class_ul .class_item:nth-child(2n+1){background: #FDE8EA !important; box-shadow: none !important;}
	.class_ul .class_item .title{font-size: 20px;}
	.class_ul .class_item .brief{line-height: 26px; height: auto; margin-top: 10px;}
}

/* proType_service */
.proType_service{}
.service_list{margin: 2.2% 0 0;}
.service_item{width: 23.8%; margin-right: 1.6%; border-radius: 50px 50px 8px 50px; background: #F8FAFF; text-align: center; padding: 3% 2.8%;}
.service_item:nth-child(4n){margin-right: 0;}
.service_item img{height: 52px; width: auto; display: block; margin: 0 auto; transition: all 0.5s ease;}
.service_item .hover{display: none;}
.service_item .title{font-weight: bold; font-size: 17px; text-transform: uppercase; margin: 12px 0 6px;}
.service_item .brief{color: #666; line-height: 28px;}

.service_item:hover{background: var(--commonColor);}
.service_item:hover .def{display: none;}
.service_item:hover .hover{display: block; animation: swing 0.5s;}
.service_item:hover .title{color: #fff;}
.service_item:hover .brief{color: #fff;}

@media only screen and (max-width: 1450px) {
	.service_item{border-radius: 40px 40px 8px 40px; padding: 36px 26px;}
	.service_item img{height: 48px;}
}
@media only screen and (max-width: 1200px) {
	.service_item{width: 48.5%; margin-right: 3%; padding: 30px 22px; border-radius: 32px 32px 8px 32px;}
	.service_item:nth-child(2n){margin-right: 0;}
	.service_item:nth-child(n+3){margin-top: 30px;}
}
@media only screen and (max-width: 768px) {
	.service_list{margin-top: 20px;}
	.service_item{width: 100%; margin-right: 0 !important; padding: 26px 18px;}
	.service_item:nth-child(n+2){margin-top: 20px;}
}


/* proType_brand */
.proType_brand{overflow: hidden;}
.brand_ul{margin-top: 2.2%;}
.brand_ul .brand_item{width: calc((100% - 48px) / 5); margin-right: 12px; justify-content: center;}
.brand_ul .brand_item:nth-child(5n){margin-right: 0;}
.brand_ul .brand_item:nth-child(n+6){margin-top: 2%;}
.brand_ul .brand_item img{display: block; margin: 0 auto;}

@media only screen and (max-width: 980px) {
	.brand_ul{margin-top: 20px;}
	.brand_ul .brand_item{width: calc((50% - 6px));}
	.brand_ul .brand_item:nth-child(5n){margin-right: 12px;}
	.brand_ul .brand_item:nth-child(2n){margin-right: 0;}
	.brand_ul .brand_item:nth-child(n+3){margin-top: 20px;}
}