@charset 'utf-8';

.customer_banner{position: relative; overflow: hidden;}
.customer_banner .picture{overflow: hidden;}
/* .customer_banner .picture img{position: relative; left: 50%; transform: translateX(-50%);} */
.customer_banner .picture img{width: 100%;}
.customer_banner .content{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.customer_banner .content .title{text-align: center; font-size: 46px; font-family: 'Poppins SemiBold'; color: #fff;}
.customer_banner .content .text{text-align: center; font-size: 16px; line-height: 28px; font-family: 'Poppins Light'; color: #fff;}

.service_list{padding: 60px 0; background: #f6f6f6;}
.service_list .list{width: 23.5%; float: left; background: #fff; margin: 0 2% 30px 0; transition: all 0.5s;}
.service_list .list:hover{box-shadow: 0 0 10px 10px #e8e8e8;}
.service_list .list:nth-child(4n){margin-right: 0;}
.service_list .list .picture{overflow: hidden;}
.service_list .list .picture img{width: 100%; transition: all 0.5s;}
.service_list .list:hover .picture img{transform: scale(1.1);}
.service_list .list .content{padding: 15px 15px 20px;}
.service_list .list .content .title{font-size: 18px; font-family: 'Poppins SemiBold'; line-height: 24px; overflow: hidden;}
.service_list .list .content .title a{color: #161616;}
.service_list .list:hover .content .title a{color: #009ca3;}
.service_list .list .content .text{margin-top: 10px; font-size: 14px; line-height: 18px; height: 36px; font-family: 'Poppins Light'; color: #8e8e8e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.service_list .list .content .button{margin-top: 10px;}
.service_list .list .content .button a{display: block; width: 19px; height: 13px; background: url("../images/button.png");}

@media (max-width:960px) {
	.customer_banner .picture img{width: 100%;}
	.customer_banner .content{box-sizing: border-box; padding: 20px 10px;}
	.customer_banner .content .title{font-size: 16px;}
	.customer_banner .content .text{display: none;}
	
	.service_list{padding: 30px 10px;}
	.service_list .list{width: 48%; margin: 0 4% 30px 0;}
	.service_list .list:nth-child(2n){margin-right: 0;}
	.service_list .list .content{padding: 10px;}
	.service_list .list .content .title{font-size: 14px; line-height: 20px;}
	.service_list .list .content .text{margin-top: 10px; font-size: 12px; line-height: 18px; height: 36px;}
}