.cont1 {
	margin-top: 22px;
	margin-bottom: 22px;
}


.container {
		/* width: 1200px; */
		margin: 0 auto;
}

.title_a1{
	text-align: center;
}
.title_a1 span{
	color: #00a53d;
	font:500 36px/42px "Constantia";
	text-transform: uppercase;
	display: block;
}
.title_a1 h2{
	color: #333333;
	font:600 26px/35px "΢ÈíÑźÚ";
	/* background: url(../image/fghafhg1.png) no-repeat center; */
}
.title_a1 p{
    color: #888888;
	font:500 18px/35px "΢ÈíÑźÚ";
}

.a1_b1{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 18px;
}
.a1_b1 li{
	width: 280px;
	/* height: 280px; */
	/* background: #00a53d; */
	text-align: center;
	box-sizing: border-box;
	padding-top: 8px;
}
.a1_b1 li a.img{
	display: block;
	color: #fff;
}
.a1_b1 li h2{
    color: #fff;
    font: 500 24px/32px "΢ÈíÑźÚ";
   margin-top: 10px;
}
.a1_b1 li h3{
    color: #fff;
	font: 500  32px "Arial";
	margin-top: 20px;
	margin-bottom: 20px;
}
.a1_b1 li i{
	display: block;
	transition: .5s;
}
.a1_b1 li:hover i{
	transform:rotateY(180deg);
}


@media ( max-width :767px) {
	.container {
		width: 100%;
		margin: 0 auto;
	}
	.a1_b1{
		display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    margin-top: 38px;
	}
	
	.a1_b1 li{
	width: 85%;
	/* background: #00a53d; */
	text-align: center;
	box-sizing: border-box;
	/* padding-top: 18px; */
	margin-top: 5px;
	}
}

@media screen and (max-width:480px) {

	.container {
		width: 100%;
		margin: 0 auto;
	}
	.a1_b1{
		display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    margin-top: 38px;
	}
	
	.a1_b1 li{
	width: 24%;
	/* background: #00a53d; */
	text-align: center;
	box-sizing: border-box;
	/* padding-top: 18px; */
	margin-top: 5px;
	}
	
	.a1_b1 li h3{
    color: #fff;
	font: 500  16px "Arial";
	margin-top: 20px;
	margin-bottom: 20px;
}
}




.white_span{
	color: #d6d5d5;
	margin: 8px;
	font-size: 18px;
}