/*  */

.listPro_item, .listPro_item .pro_pic img, .medical_item .pro_pic img, .medical_item, .progress_info, .listPro_pic img, .content_inner .pro_pic img, .select_list li .title .order, .select_list li .title .txt, .select_list li .brief, .select_list li::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.listPro_item:hover .pro_pic img, .ser_pic:hover img, .listPro_pic:hover img, .content_inner .pro_pic:hover img{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
}


/* listPro_list */
.listPro_list{}
.listPro_list li{width: calc((100% - 36px) / 3); box-sizing: border-box; background: #fff; margin-right: 18px;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{margin-bottom: 24px; padding: 2.5%; border: 1px solid #D9D9D9;}
.listPro_item .pro_pic{padding-bottom: 100%; overflow: hidden;}
.listPro_item .pro_info{text-align: center; position: relative; padding-bottom: 40px; flex: 1;}
.listPro_item .pro_btn{position: absolute; left: 0; bottom: 0; width: 100%;}
.listPro_item .title{margin: 14px 0 8px; font-size: 22px; line-height: 1.3; overflow: hidden; font-weight: bold; text-transform: capitalize;}
.listPro_item:hover{border-color: #ccc; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.3);}
.listPro_item:hover .title, .listPro_item:hover .title a{color: var(--commonColor);}
.listPro_item:hover .otherMore{border-color: var(--commonColor); color: var(--commonColor);}
.listPro_item:hover .otherMore::before{background-image: url(../img/icon_more_h.png);}

@media only screen and (max-width: 1450px) {
	.listPro_item{padding: 22px 20px;}
	.listPro_item .title{font-size: 20px;}
}
@media only screen and (max-width: 1300px) {
	.listPro_item{padding: 20px 16px;}
	.listPro_item .title{font-size: 18px;}
}
@media only screen and (max-width: 950px) {
	.listPro_list li{width: 100%; margin: 0 0 20px; padding: 15px 15px 20px;}
	.listPro_list li:last-child{margin-bottom: 10px;}
	.listPro_item .title{height: auto;}
}

/* listPro_content */
.listPro_content .web_th .title{font-size: 36px;}
.listPro_content .web_th .brief{margin-top: 10px;}

.listPro_pic{margin-top: 2.6%; overflow: hidden;}
.content_inner{margin-top: 4%;}

.content_left{width: 42.5%;}
.content_left .pro_pic{padding-bottom: 120%;}

.content_right{width: calc(57.5% - 30px);}
.content_pic{margin-top: 6%;}
.content_pic .con_pic_item{width: 48%;}
.content_pic .pro_pic{padding-bottom: 120%;}

@media only screen and (max-width: 1450px) {
	.listPro_content .web_th .title{font-size: 32px;}
}
@media only screen and (max-width: 1350px) {
	.listPro_content .web_th .title{font-size: 28px;}
}
@media only screen and (max-width: 1200px) {
	.listPro_content .web_th .title{font-size: 26px;}
}
@media only screen and (max-width: 950px) {
	.listPro_content .web_th .title{font-size: 24px;}
	.content_right .web_th .brief{max-height: unset;}
	
	.content_inner{flex-direction: column;}
	.content_left{width: 100%;}
	.content_right{width: 100%; margin-top: 20px;}
}

/* listPro_select */
.select_list{}
.select_list li{width: 30%; margin-right: 5%; margin-top: 4%; position: relative;}
.select_list li::before{position: absolute; left: 0; bottom: -15px; height: 2px; width: 0; background: var(--commonColor); content: '';}
.select_list li:nth-child(3n){margin-right: 0;}
.select_list li .title{font-family: 'Open Sans-Bold'; font-size: 20px;}
.select_list li .title .order{width: 30px; height: 30px; margin-right: 10px; background: var(--commonColor); color: #fff; border-radius: 50%; text-align: center; line-height: 30px;}
.select_list li .title .txt{color: #000; flex: 1;}

.select_list li .brief{line-height: 1.75; color: #666; margin: 15px 0 0; max-height: 14em; overflow-y: auto;}

.select_list li:hover .title .txt{color: var(--commonColor);}
.select_list li:hover .title .order{animation: swing 0.5s;}
.select_list li:hover .brief{color: #333;}
.select_list li:hover::before{width: 30%;}


@media only screen and (max-width: 1250px) {
	.select_list li{width: 32%; margin-right: 2%;}
	.select_list li .title .order{margin-right: 8px;}
	.select_list li .title .txt{font-size: 18px;}
}
@media only screen and (max-width: 950px) {
	.select_list li{width: 100%; margin-right: 0; margin-top: 20px;}
	.select_list li .brief{max-height: unset;}
	.select_list li:hover::before{width: 0;}
	
	.listPro_select .web_th{text-align: left;}
}