@charset 'utf-8';

.factory{padding: 50px 0;}
.factory .list{width: 32%; float: left; box-sizing: border-box;  margin: 0 2% 30px 0;}
.factory .list:nth-child(3n){margin-right: 0;}
.factory .list .picture{ overflow: hidden;}
.factory .list .picture img{width: 100%; transition: all 0.5s;}
.factory .list .picture:hover img{transform: scale(1.1);}
.factory .list .date{font-family: 'Poppins'; color: #666; background: url('../images/date.png') left center no-repeat; padding-left: 20px; margin-top: 20px;}
.factory .list .title{margin-top: 20px;    text-align: center;}
.factory .list .title a{font-size: 20px; line-height: 34px; height: 68px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.factory .list .title a:hover{color: #165183;}
.factory .list .more{margin-top: 20px;}
.factory .list .more a{display: block; width: 138px; line-height: 44px; text-align: center; color: #444; border: solid #d6d6d6 1px; border-radius: 5px;}
.factory .list .more a:hover{background: #165183; color: #fff; border-color: #165183;}

@media (max-width:960px) {
	.factory{padding: 30px 15px;}
	.factory .list{width: 100%; float: none; padding: 16px; margin: 0 0 30px 0;}
	.factory .list .title{margin-top: 10px; font-size: 20px;}
	.factory .list .title a{height: 56px; font-size: 20px; color: #000; line-height: 28px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
	.factory .list .title a:hover{color: #1453ac;}
	.factory .list .date{font-size: 16px; color: #3e3e3e; margin-top: 20px;}
	.factory .list .text{margin-top: 20px;}
	.factory .list .text a{height: 52px; font-size: 16px; color: #949494; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
	.factory .list .text a:hover{color: #1453ac;}
}