.manufact_item{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* manufact_div */
.manufact_div{padding: 0 0 5%; margin-top: 26px;}
.manufact_wrap{padding: 40px 24px 0;}

.manufact_item{background: #fff; height: 100%; border: 1px solid #E8E8E8; box-sizing: border-box; width: calc((100% - 28px) / 3); margin: 0 14px 16px 0; padding: 30px 30px 30px;}
.manufact_item:nth-child(3n){margin-right: 0;}
.manufact_item .user_pic{height: 86px; width: 86px; object-fit: fill; border-radius: 50%; margin: 0 auto; background: #fff; overflow: hidden; border: 1px solid #E8E8E8;}
.manufact_item .user_pic img{max-width: 100%; max-height: 100%; object-fit: fill;}
.manufact_item .more_btn{text-align: center; margin-top: 15px;}
.manufact_item .title{font-size: 18px; text-align: center; line-height: 28px; margin: 10px 0 16px; height: 56px; display: flex; align-items: center; justify-content: center;}
.manufact_item li{width: 30.5%; margin-right: 4.25%; margin-bottom: 12px;}
.manufact_item li:nth-child(3n){margin-right: 0;}
.manufact_item li .pic{padding-bottom: 100%;}

.manufact_item:hover{border-color: var(--commonColor);}
.manufact_item:hover .user_pic{animation: swing 0.5s;}
.manufact_item:hover .title a{color: var(--commonColor);}


@media only screen and (max-width: 980px) {
    .manufact_wrap{padding: 28px 18px 0;}
    .manufact_item{width: 100%; margin-right: 0;}
    .manufact_item>a{padding: 24px 18px;}
    .manufact_item .title span{display: block; height: auto;}
}