.section{
	position: relative;
	}

.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.section3 {
	background-image: url(../images/project/farm/sec3-bg1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow:hidden;
}

.main{
	width: 100%;
	float: left;
	position: relative;
}
.main ul {
	list-style-type: none;	
	}
.main ul li{
	height: auto;
	width: auto;
	float: left;
}
.flatRight{
	position: absolute;
	right: 0px;
	}
.main .top{
	width: 515px;
	background-image: url(../images/project/farm/new4.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 515px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -258px;
	margin-left: -258px;
	z-index: 99;
	cursor: pointer;
}
.main .cir1 {
	background-image: url(../images/project/farm/circle1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 549px;
	width: 549px;
	position: absolute;
	top: 50%;
	margin-top: -275px;
	margin-left: -275px;
	left: 50%;
}
.cir1-move {
	animation:circ-move 6s infinite;
    -webkit-animation:circ-move 6s infinite; /* Safari and Chrome */
}
.cir2-move {
	animation:circ-move 10s infinite reverse;
    -webkit-animation:circ-move 10s infinite reverse; /* Safari and Chrome */
}
@keyframes circ-move
{
0% {transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Safari and Chrome */}
100% {transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */}
}

@-webkit-keyframes circ-move /* Safari and Chrome */
{
0% {transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Safari and Chrome */}
100% {transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */}
}
	
.main .cir2 {
	background-image: url(../images/project/farm/circle2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 676px;
	width: 676px;
	background-size:600px auto;
	position: absolute;
	top: 50%;
	margin-top: -338px;
	margin-left: -336px;
	left: 50%;
}

.btn-filter{
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background-image: url(../images/project/farm/paop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
.btn-filter div {
	font-size: 28px;
	color: #FFF;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 40px;
	padding-top: 60px;
	background-repeat: no-repeat;
	background-position: center 5px;
	text-decoration: none;
}
.paop1 {
	background-image: url(../images/project/farm/paop1.png);	
}
.paop2 {
	background-image: url(../images/project/farm/paop2.png);
}
.paop3 {
	background-image: url(../images/project/farm/paop3.png);
}
.paop4 {
	background-image: url(../images/project/farm/paop4.png);
}
.btnGroup {
	width: 900px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 234px;
	margin-left: -450px;
}
.btnGroup1{
	margin-top:-280px;
	}
.btnGroup2{
	margin-top: 45px;
	}

/*四化鼠标悬浮效果*/
.he_slideAllDown{width:234px;height:234px;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; padding-top:60px;top:20%;}
.he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,240px,0);-moz-transform:translate3d(0,240px,0);-o-transform:translate3d(0,240px,0);-ms-transform:translate3d(0,240px,0);transform:translate3d(0,240px,0)}
.he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:-20%;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption_p{
	font-size: 14px;
	text-align: center;
	width: 80%;
	position: absolute;
	top: -50%;
	left: 10%;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	overflow: hidden;
	opacity: 0;
	line-height: 30px;
	letter-spacing: 1px;
}
.he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:45%;opacity:1}

/************************************************************/
.part_05 {
    padding-bottom: 20px;
}

.part_05 ul.firUl {
    width: 80%;
    /*overflow: hidden;*/
}

.part_05 ul {
	margin:0 auto;
}

.part_05 ul.firUl li:nth-child(3) {
    margin-right: 0;
}

.part_05 ul.nextUl {
    width: 55%;
    margin: 20px auto;
}

.part_05 ul li {
    width: 387px;
    height: 179px;
    position: relative;
    float: left;
    margin-right: 14px;
    padding: 20px 30px 10px 110px;
    background: url(../images/project/farm/bg05.png) no-repeat center;
    background-size: cover;
}

.part_05 ul li img {
    position: absolute;
    left: 10px;
    top: 26px;
}

.part_05 ul.nextUl li:nth-child(2) {
    margin-right: 0;
}

.part_05 ul li .keyword {
    font-size: 20px;
    color: black;
}

.part_05 ul li>div {
    line-height: 23px;
    font-size: 14px;
    color: #808080;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.keyword {
    font-size: 24px;
    color: black;
}

.mui-ellipsis-4{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}