.active-services{
	border-bottom: 2px solid white;
}
.bg1{
	background-image: url('../../img/farm/farm_bg_banner.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-bottom: 220px;
}
.bg1 h3{
	margin-top: 200px;
	margin-left: 200px;
	color: white;
}
.bg1 p{
	width: 500px;
	margin-left: 200px;
	color: white;
	margin-top: 60px;
	text-align: justify;
}
@media (max-width:768px) {
	.bg1{
		height: 300px;
	}
	.bg1 h3{
		margin-top: 80px;
		margin-left: 30px;
	}
	.bg1 p{
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
		font-size: 14px;
	}
}
.title{
	font-size: 40px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	height: 200px;
	line-height: 200px;
}
.bg-farm-title1{
	background-image: url('../../img/farm/farm_title_1.png');
	background-repeat: no-repeat;
	background-position: 50%;
}
.content1{
	background-color: #F6F9FF;
	padding-bottom: 80px;
}
.content1 .feature1{
	margin-top: 30px;
	background-color: white;
	padding: 15px;
}
.content1 .feature1 h3{
	margin-top: 30px;
}
.content1 .feature1 p{
	color: #818390;
	margin-top: 30px;
	/* line-height: 30px; */
	text-align: justify;
}
.content1 .feature1 img{
	width:64%;
	height: 220px;
}
.content2{
	background-image: url('../../img/farm/farm_bg_1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 50px;
}
.content2 .title2{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	color: white;
	margin-top: 50px;
}
.content3{
	background-color: #F6F9FF;
	padding-top: 80px;
	padding-bottom: 80px;
}
.content3 .p1{
	text-align: justify;
}
.col-my-1-5 {
	position: relative;
	width:20%;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:20px;
	text-align: center;
	margin-top: 30px;
}
.box-style{
	width: 208px;
	height: 257px;
	border-radius: 10px;
	position: relative;
	margin: 0 auto;
}
.box-style .face,.back{
	width: 208px;
	height: 257px;
	backface-visibility: hidden; 
	transform-style: preserve-3d; 
	transition: transform 2s; 
	position: absolute;
	border-radius: 10px;
}
.face{
	transform: rotateY(0deg);
	background-color: white;
}
.face .img-icon{
	margin-top: 50px;
}
.back{
	transform: rotateY(-180deg);
	background-color: white;
	padding-bottom: 50px;
	padding-top: 1px;
	background-color: #90B1FF !important;
	color: white;
}
.back>div{
	text-align: left;
	font-size: 14px;
	width: 182px;
	margin: 0 auto;
	margin-top: 75px;
}
.box-style:hover .back{
	transform: rotateY(0deg);
}
.box-style:hover .face{
	transform: rotateY(180deg);
}

.title-p{
	color: #5982F6;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

@media (max-width: 768px) {
	.col-my-1-5 {
		position: relative;
		width:100%;
		padding-right: 10px;
		padding-left: 10px;
	}
	.content2 .img-size{
		width: 100%;
		
	}
	.bg-farm-title1{
		background-size: 100%;
	}
}


@media (min-width: 992px) {
	.col-my-1-5 {
		width: 33%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-my-1-5 {
		width: 20%;
		float: left;
	}
}
@media (max-width:478px) {
	.content1 .feature1 img{
		width: 100%;
		height: 90px;
		margin-top: 60px;
	}
	.content1 .feature1 h3{
		font-size: 16px;
	}
	.content1 .feature1 p{
		font-size: 12px;
	}
	.farm-box{
		margin-top: 60px;
	}
	.farm-box span{
		font-size: 28px;
		font-weight: bold;
		color: #0850FD;
	}
	.fanzhuan img{
		transform: rotateY(180deg);
	}
	.line2{
		width: 80%;
		margin-top: 30px;
	}
}