/*  */
.web_main{background: #F6FBFB;}


.listPro_item .pro_pic img, .medical_item .pro_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;
}
.listPro_item:hover .pro_pic img, .ser_pic:hover img{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
}

.listPro_list{padding: 20px 0 0; flex-wrap: wrap;}
.listPro_list li{width: calc((100% - 32px) / 3); box-sizing: border-box; padding: 20px 20px 20px; background: #fff; border-radius: 15px;margin-right: 15px;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_item{margin-bottom: 24px; box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);}
.listPro_item .pro_pic{padding-bottom: 97%; overflow: hidden;}
.listPro_item .title{margin: 0 0 10px; font-size: 18px; height: 52px;}
.listPro_item .title, .listPro_item .title a{line-height: 26px; color: #2A4480;}
.listPro_item:hover .title, .listPro_item:hover .title a{color: #2C6DF5;}
.listPro_item:hover{border-color: rgba(53, 94, 64, 0.3); box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);}
.listPro_item .date{color: #666; line-height: 24px; margin-top: 0.2rem;}
.listPro_item .brief{margin: 20px 0 0; padding-top: 12px; color: #999; border-top: 1px solid #F2F2F2; line-height: 22px; font-family: 'MyriadPro-Regular';}


@media only screen and (max-width: 950px) {
	.listPro_list li{width: 100%; margin: 0 0 20px;}
	.listPro_item{padding-bottom: 30px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);}
	.listPro_list li:last-child{margin-bottom: 10px;}
}

/* listPro_intro */
.listPro_intro{}
.listPro_intro .layout{align-items: center;}
.intro_left{width: 43.5%; background: url(../img/bg5.png) no-repeat center/ 100% 100%; box-sizing: border-box; padding: 5%;}
.intro_right{width: 47%;}

.intro_pic_item{padding: 12px; background: #fff;}
.intro_left .pro_pic{padding-bottom: 97%; overflow: hidden;}
.intro_right .brief{line-height: 1.75; margin-top: 3%;}

@media only screen and (max-width: 950px) {
	.listPro_intro{padding-top: 30px;}
	.listPro_intro .layout{flex-wrap: wrap;}
	.intro_left{width: 100%;}
	.intro_right{width: 100%; margin-top: 24px;}
	.intro_right .brief{line-height: 1.5; margin-top: 12px;}
}


/* listPro_medical */
.listPro_medical{}
.medical_inner{padding: 3% 0 0; position: relative;}
.medical_inner .swiper-container-horizontal{padding: 0 5px 6px;}
.medical_inner .swiper-slide{background-color: #fff; border-top: 5px solid rgba(20, 69, 123, 0.8); height: auto; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.07); width: 32%;}
.medical_inner .swiper-slide:hover{box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);}
.medical_item{height: 100%; padding: 15% 10%;}
.medical_item .title{font-family: 'Poppins-Medium'; font-size: 22px; text-align: center;}
.medical_item .medical_pic{width: 38%; margin: 8% auto; border: 1px solid #999; border-radius: 50%; padding: 15px; box-sizing: border-box;}
.medical_item .pro_pic{padding-bottom: 100%; overflow: hidden; background: #14457B; border-radius: 50%;}
.medical_item .pro_pic img{padding: 25%;}
.medical_item .brief{line-height: 1.5; text-align: center;}
.medical_item .more_btn{text-align: center; margin-top: 10%;}
.medical_item .more_btn a{border: 1px solid #14457B; color: #14457B; font-size: 20px; padding: 6px 30px; display: inline-block; line-height: 30px; border-radius: 30px;}

.medical_item:hover .pro_pic img{animation: swing 0.5s;}
.medical_item:hover .title a{color: #14457B;}
.medical_item:hover .more_btn a{background-color: #14457B; color: #fff;}
.medical-pagination{display: none;}
.medical-prev, .medical-next{width: 30px; height: 50px; background: none; color: #999;}
.medical-next:hover, .medical-prev:hover{background: none; color: #14457B;}
.medical-prev{left: -40px;}
.medical-next{right: -40px;}
.medical-prev::before{content: '\f104'; font-weight: bold;}
.medical-next::before{content: '\f105'; font-weight: bold;}


@media only screen and (max-width: 950px) {
	.medical_inner{padding: 20px 0  32px;}
	.medical_item{padding: 20px 15px;}
	.medical_item .medical_pic{margin: 16px auto;}
	.medical_item .more_btn{margin-top: 16px;}
	.medical-prev, .medical-next{display: none;}
	.medical-pagination{display: block;}
}