@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%; height: auto;}
.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;}

.customerlist{padding: 30px 0;}
.customerlist:nth-child(odd){background: #fafafc;}
.customerlist .list_title{text-align: center;}
.customerlist .list_title h2{font-size: 36px; line-height: 56px;}
.customerlist .container::after{content: ''; display: table; clear: both;}

.customerlist .datalist{display: flex; justify-content: space-between; padding: 30px 0;}
.customerlist .datalist .picture{width: 48%; overflow: hidden;}
.customerlist .datalist .picture img{width: 100%; transition: all 0.5s;}
.customerlist .datalist .picture:hover img{transform: scale(1.1);}
.customerlist .datalist .content{width: 48%;}
.customerlist .datalist .content ul{display: flex; height: 100%; flex-wrap: wrap; position: relative;}
.customerlist .datalist .content ul::before{width: 100%; height: 1px; content: ''; background: #e6e6e6; position: absolute; left: 0; top: 50%;}
.customerlist .datalist .content ul::after{width: 1px; height: 100%; content: ''; background: #e6e6e6; position: absolute; left: 50%; top: 0;}
.customerlist .datalist .content ul li{width: 50%; height: 50%; display: flex; flex-wrap: wrap; align-content: center; text-align: center;}
.customerlist .datalist .content ul li h3{width: 100%; font-size: 42px; line-height: 56px; font-family: 'Poppins Medium'; color: #009ca3;}
.customerlist .datalist .content ul li p{width: 100%; font-size: 18px; line-height: 20px; color: #242424;}

.customerlist .detail{padding: 30px 0; position: relative;}
.customerlist .detail .picture{width: 48%; overflow: hidden;}
.customerlist .detail .content{width: 48%; position: absolute; top: 50%; transform: translateY(-50%);}
.customerlist .detail::after{content: ''; display: table; clear: both;}
.customerlist:nth-child(odd) .detail .picture{float: right;}
.customerlist:nth-child(odd) .detail .content{float: left; left: 0;}
.customerlist:nth-child(even) .detail .picture{float: left;}
.customerlist:nth-child(even) .detail .content{float: right; right: 0;}
.customerlist .detail .picture img{width: 100%; transition: all 0.5s;}
.customerlist .detail .picture:hover img{transform: scale(1.1);}
.customerlist .detail .content .title{font-size: 28px; font-family: 'Poppins SemiBold'; color: #242424;}
.customerlist .detail .content .text{font-size: 18px; color: #474747;}
.customerlist .detail .content .text p{padding: 5px 0;}

.customer_training{padding: 60px 0;}
.customer_training .training_title{text-align: center;}
.customer_training .training_title h2{font-size: 36px; line-height: 56px;}
.customer_training .training_list{margin-top: 30px;}
.customer_training .training_list::after{content: ''; display: table; clear: both;}
.customer_training .training_list .list{width: 23.5%; float: left; margin-right: 2%;}
.customer_training .training_list .list:nth-child(4){margin-right: 0;}
.customer_training .training_list .list .picture{overflow: hidden;}
.customer_training .training_list .list .picture img{width: 100%; transition: all 0.5s;}
.customer_training .training_list .list:hover .picture img{transform: scale(1.1);}
.customer_training .training_list .list .title{font-size: 20px; line-height: 28px; height: 56px; color: #009ca3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-top: 20px;}
.customer_training .training_list .list .text{font-size: 16px; line-height: 22px; color: #939393; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}


.common_quote{background: #fafafa;}
.common_quote input[type=text],
.common_quote textarea{background: #fff !important;}

@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;}
	
	.customerlist{padding: 30px 10px;}
	.customerlist .list_title h2{font-size: 20px; line-height: 32px;}
	
	.customerlist .datalist{display: block; padding: 0;}
	.customerlist .datalist .picture{width: 100%;}
	.customerlist .datalist .content{width: 100%;}
	.customerlist .datalist .content ul{border: solid #e6e6e6 1px;}
	.customerlist .datalist .content ul li{height: auto; box-sizing: border-box; padding: 10px 0;}
	.customerlist .datalist .content ul li h3{font-size: 28px;}
	.customerlist .datalist .content ul li p{font-size: 14px;}
	
	.customerlist .detail{padding: 30px 0 0; position: initial;}
	.customerlist .detail:first-child{padding: 0;}
	.customerlist .detail .picture{width: 100%; overflow: hidden;}
	.customerlist .detail .content{width: 100%; box-sizing: border-box; padding: 10px; position: initial; transform: translateY(0%);}
	.customerlist .detail .content .title{font-size: 20px;}
	.customerlist .detail .content .text{font-size: 14px;}
	.customerlist .detail .content .text p{padding: 5px 0;}
	
	.customer_training{padding: 30px 10px;}
	.customer_training .training_title h2{font-size: 20px; line-height: 32px;}
	.customer_training .training_list{margin-top: 20px;}
	.customer_training .training_list .list{width: 48%; float: left; margin-right: 4%; margin-bottom: 30px;}
	.customer_training .training_list .list:nth-child(2n){margin-right: 0;}
	.customer_training .training_list .list .title{font-size: 14px; line-height: 20px; height: 40px; margin-top: 10px;}
	.customer_training .training_list .list .text{display: none;}
}
<!--ºÄʱ1793768161.9544Ãë-->