@charset 'utf-8';

.mechanical{padding: 50px 0;}
.mechanical .list{width: 23.5%; float: left; box-sizing: border-box; background: #fff; padding: 10px; margin: 0 2% 30px 0;}
.mechanical .list:nth-child(4n){margin-right: 0;}
.mechanical .list:nth-child(4n+1){clear: both;}
.mechanical .list .picture{border: solid #eee 1px; overflow: hidden;}
.mechanical .list .picture img{width: 100%; transition: all 0.5s;}
.mechanical .list .picture:hover img{transform: scale(1.1);}
.mechanical .list .title{font-size: 18px; font-family: 'Poppins'; text-align: center; margin-top: 10px;}
.mechanical .list:hover .title a{color: #0154f8;}

@media (max-width: 960px) {
	.mechanical{padding: 30px 15px;}
	.mechanical .list{width: 49%;}
	.mechanical .list:nth-child(2n){margin-right: 0;}
	.mechanical .list:nth-child(2n+1){clear: both;}
	.mechanical .list .title{font-size: 14px;}
}