@charset 'utf-8';

.product{padding: 46px 0;}
.product .category_intro{border: solid #e6e6e6 1px; background: #f8f8f8; padding: 16px; margin-bottom: 30px;}
.product .productlist{padding-bottom: 20px;}
.product .productlist .list{width: 23.5%; float: left; margin: 0 2% 30px 0;}
.product .productlist .list:nth-child(4n){margin-right: 0;}
.product .productlist .list:nth-child(4n+1){clear: both;}
.product .productlist .list .picture{border: solid #e6e6e6 1px; border-radius: 15px; overflow: hidden;}
.product .productlist .list .picture a{display: block; height: 100%; text-align: center; line-height: 100%;}
.product .productlist .list .picture img{position: relative; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.product .productlist .list .picture:hover img{transform: translate(-50%,-50%) scale(1.1);}
.product .productlist .list .title{height: 48px; margin-top: 10px;}
.product .productlist .list .title a{font-size: 18px; line-height: 24px; font-family: 'Avanti-Bold'; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.product .productlist .list .text{margin-top: 5px; height: 66px;}
.product .productlist .list .text a{font-size: 16px; line-height: 22px; color: #656565; font-family: 'Avanti-Bold'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.product .productlist .list .button{margin-top: 10px;}
.product .productlist .list .button a{display: inline-block; line-height: 36px; font-size: 14px; padding: 0 25px; font-family: 'Avanti-Bold'; background: #117fca; color: #fff; border-radius: 18px;}
.product .product_application{}
.product .product_application .application_title{font-size: 28px; font-weight: bold; text-align: center;}
.product .product_application .application_content{margin-top: 20px;}


@media (max-width:960px) {
	.product{padding: 30px 15px}
	.product .productlist .list{width: 48%; float: left; margin-right: 4%; margin-bottom: 20px;}
	.product .productlist .list:nth-child(2n){margin-right: 0;}
	.product .productlist .list:nth-child(2n+1){clear: both;}
	.product .productlist .list .picture{border: solid #f5f6fb 2px; border-radius: 5px;}
	.product .productlist .list .title{margin-top: 5px;}
	.product .productlist .list .title a{display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.product .productlist .list .button{margin-top: 5px;}
	.product .productlist .list .button a{line-height: 32px; font-size: 12px; padding: 0 20px; border-radius: 16px;}
}