/*================ 客户案例 ====================*/
.templet_banner {
	padding-top: 1.3rem;
	width: 100%;
	height: 3.6rem;
	background: url('../images/template_banner.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.templet_box ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-bottom: 0;
	padding: .4rem .3rem .1rem 0;
}
.templet_box ul li {
	width: 20%;
	height: .48rem;
	padding-left: .3rem;
	margin-bottom: .25rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.templet_box ul li a {
	display: block;
	text-decoration: none;
	line-height: .46rem;
	text-align: center;
	background: #f8f8f8;
	border: 1px solid #ddd;
	font-size: .24rem;
	color: #999;
}
.templet_box ul li a.active {
	color: #fff;
	background: #36bb81;
	border: 1px solid #36bb81;
}

.templet_img_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: .4rem .3rem .1rem;
}
.templet_img_box .templet_item {
	width: 48%;
	background: #fff;
	border: 1px solid #ddd;
	padding: .15rem .15rem 0;
	margin-bottom: .3rem;
}
.templet_img_box .templet_item:nth-child(odd) {
	margin-right: 2%; 
}
.templet_img_box .templet_item:nth-child(even) {
	margin-left: 2%; 
}
.templet_img_box .templet_item img {
	width: 100%;
}
.templet_img_box .templet_item p {
	font-size: .2rem;
	line-height: .6rem;
	color: #333;
	margin-bottom: 0;
	text-align: center;
}