.proType_info{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/* {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
} */

/* .c_banner_pic{transform: translateY(36%);} */

/* proType_box */
.proType_box{padding: 5.5% 0 0;}
.proType_box .web_th .title{padding-bottom: 40px; background: url(../img/icon10.png) no-repeat left bottom;}

.proType_ul{margin: 3% 0 0;}
.proType_item{width: calc(50% - 7px);}
.proType_item>a{display: block; position: relative; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.proType_item:nth-child(2n){margin-left: 14px;}
.proType_item:nth-child(n+3){margin-top: 24px;}

.proType_item .pic{padding-bottom: 75%; border-radius: 10px;}
.proType_item .pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0;}


.proType_item .pro_more{position: absolute; right: 40px; width: 60px; height: 60px; top: 50%; transform: translateY(-50%); border-radius: 2px; background: #333; z-index: 3;}
.proType_item .pro_more::before{font-family: fontawesome; display: block; content: '\f105'; color: #fff; font-size: 42px; text-align: center; line-height: 60px;}

.proType_info{position: absolute; left: 7%; width: 70%; bottom: 8%; z-index: 5; opacity: 0;}
.proType_info .title{font-family: 'DIN Alternate-Bold'; font-size: 20px; color: #fff; position: relative; padding-bottom: 15px;}
.proType_info .title::before{position: absolute; left: 0; bottom: 0; width: 90px; height: 5px; border-radius: 5px; content: ''; background: var(--commonColor);}
.proType_info .brief{color: #fff; line-height: 1.75; margin-top: 16px;}

.proType_item:hover .pic::before{opacity: 1;}
.proType_item:hover .proType_info{opacity: 1;}
.proType_item:hover .pro_more{background: var(--commonColor);}
.proType_item:hover>a{box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3);}


@media only screen and (max-width: 1200px) {
	.proType_item .pro_more{right: 20px;}
}
@media only screen and (max-width: 980px) {
    .proType_box{padding: 30px 0 0;}
    .proType_box .web_th .title{background-size: 32px auto; padding-bottom: 32px;}
    .proType_ul{margin-top: 20px;}
    .proType_item{width: 100%;}
    .proType_item:nth-child(2n){margin-left: 0;}
    .proType_item:nth-child(n+2){margin-top: 20px;}
    .proType_item .pic::before{opacity: 1;}
    .proType_item .proType_info{opacity: 1; left: 16px; width: auto; bottom: 18px; right: 72px;}
    .proType_item .pro_more{background: var(--commonColor); width: 40px; height: 40px; right: 16px;}
    .proType_item .pro_more::before{font-size: 32px; line-height: 40px;}
    .proType_info .title{font-size: 20px; padding-bottom: 10px;}
    .proType_info .title::before{height: 4px; width: 60px;}
    .proType_info .brief{line-height: 1.5; margin-top: 12px;}
}