/*  */

/* .listPro_item .pro_pic img, .medical_item .pro_pic img, .medical_item, .progress_info{
	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{
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
} */

/* common */
/* .side-tit-bar{border-color: rgba(13, 68, 168, 0.5); border-width: 2px;} */
/* .side-tit-bar .side-tit{color: #000;} */
.pro_brief{font-family: 'AkzidenzGroteskBQ-Light'; line-height: 26px; color: #666;}


/* listPro_list */
.listPro_list{padding: 30px 0 0; flex-wrap: wrap;}
.listPro_list li{width: 48%; box-sizing: border-box; background: #fff; margin-right: 4%;}
.listPro_list li:nth-child(2n){margin-right: 0;}
.listPro_item{margin-bottom: 4%;}
.listPro_item .pro_pic{padding-bottom: 100%; overflow: hidden;}
.listPro_item .item_icon{display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -50px; border-radius: 50%; background: rgba(0, 0, 0, 0.8); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0;}
.listPro_item .title{margin: 28px 0 12px; font-size: 30px; height: 2.6em; line-height: 1.3; overflow: hidden; font-family: 'AkzidenzGroteskBQ-Bold'; text-transform: uppercase;}
.listPro_item:hover .title, .listPro_item:hover .title a{color: var(--commonColor);}
.listPro_item .brief{color: #666; line-height: 30px; font-family: 'AkzidenzGroteskBQ-Light'; height: 90px; overflow: hidden;}
.listPro_item .brief a{color: inherit;}
.listPro_item:hover .brief{color: #333;}
.listPro_item:hover .item_icon{margin-top: -50px; opacity: 1;}

@media only screen and (max-width: 1550px) {
	.listPro_item .title{font-size: 28px;}
}
@media only screen and (max-width: 1450px) {
	.listPro_item .title{font-size: 26px;}
	.listPro_item .item_icon{margin: -38px 0 0 -38px; width: 76px; height: 76px; background-size: 24px auto;}
}
@media only screen and (max-width: 1350px) {
	.listPro_item .title{font-size: 24px;}
}
@media only screen and (max-width: 950px) {
	.listPro_list{padding-top: 20px;}
	.listPro_list li{width: 100%; margin: 0 0 20px;}
	.listPro_list li:last-child{margin-bottom: 5px;}
	.listPro_item .title{height: auto; font-size: 20px; display: block; margin: 20px 0 8px; line-height: 1.5;}
	.listPro_item .brief{height: auto; display: block; line-height: 28px;}
	.listPro_item .item_icon{margin: -36px 0 0 -36px; opacity: 1; width: 72px; height: 72px;}
}

/* listPro_intro */
.app_inner{background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.app_inner::after{content: ''; height: 0; display: block; clear: both; overflow: hidden;}
.app_inner .web_th{padding: 5%; background: rgba(0, 0, 0, 0.6); position: relative; z-index: 1;}
.app_inner .web_th .brief{font-family: 'Poppins-Light'; color: #E5E5E5;}

.app_inner .web_th .title{font-size: 30px;}

.category_info{margin-top: 3%;}
.category_info .brief{font-family: 'Poppins-Light'; color: #666; line-height: 1.75; text-transform: capitalize;}

.category_pro{margin-top: 3%;}
.category_pro .pro_item{width: calc(50% - 12px); position: relative;}
.category_pro .pro_item .pic{padding-bottom: 58%;}
.category_pro .pro_info{position: absolute; left: 20px; right: 20px; bottom: 20px; text-align: center; text-transform: uppercase;}
.category_pro .pro_info .title{display: inline-block; border: 1px solid #fff; background: rgba(255, 255, 255, 0.2); font-family: 'AkzidenzGroteskBQ-Bold'; font-size: 30px; color: #fff; line-height: 1.2; padding: 12px 20px; max-width: 96%; text-align: center; min-width: 360px;}

.app_bg_pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill; z-index: 0;}
.app_bg_pic .pubPic{height: 100%;}

@media only screen and (max-width: 1600px) {
	.app_inner .web_th .title{font-size: 28px;}
}
@media only screen and (max-width: 1400px) {
	.app_inner .web_th .title{font-size: 24px;}
}
@media only screen and (max-width: 1350px) {
	/* .app_inner .web_th{width: 60%;} */
	.category_pro .pro_info .title{font-size: 26px;}
}
@media only screen and (max-width: 1050px) {
	.app_inner{background-image: none !important;}
	.app_bg_pic{display: block;}
	/* .app_bg_pic .pic{padding-bottom: 72%; height: 0;} */
	.app_inner .web_th{width: 100%; padding: 30px 30px;}
}
@media only screen and (max-width: 950px) {
	.app_inner .web_th{width: 100%; padding: 30px 20px;}
	.category_info{margin-top: 24px;}
	.category_pro{margin-top: 24px; flex-direction: column;}
	.category_pro .pro_item{width: 100%;}
	.category_pro .pro_item:nth-child(n+2){margin-top: 20px;}
	.category_pro .pro_info{left: 15px; right: 15px; bottom: 15px;}
	.category_pro .pro_info .title{font-size: 20px; min-width: unset; max-width: unset; width: 100%; display: block; padding: 10px 15px; white-space: normal; line-height: 30px; max-height: 138px; overflow: hidden;}
}

