.banner .banner_img {
    height: 35%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.floor1{
	margin-bottom: 50px;
}
.floor1 .title{
	font-size: 2rem;
	text-align: center;
	letter-spacing: 10px;
	margin: 50px 0;
}
.floor1 .title span{
	font-size: 2rem;
	letter-spacing: 10px;
}
.floor1 .item:first-child .row{
	background: url(../images/index/floor1_img1.png) center no-repeat;
	background-size: cover;
}
.floor1 .item:nth-child(2) .row{
	background: url(../images/index/floor1_img2.png) center no-repeat;
	background-size: cover;
}
.floor1 .item:last-child .row{
	background: url(../images/index/floor1_img3.png) center no-repeat;
	background-size: cover;
}
.floor1 li.item{
	float: left;
	width: 33.3%;
	height: 360px;
}
.floor1 li.item .row{
	height: 100%;
	box-sizing: border-box;
	padding: 9vh 20px;
	margin: 0 20px;
	color: #fff;
	text-align: center;
}
.floor1 .item p{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 2px;
}
.floor1 .item .item_title{
	font-size: 22px;
	letter-spacing: 5px;
	border-bottom: 1px solid #fff;
	display: inline-block;
	line-height: 50px;
	margin-bottom: 45px;
}
.floor2{
	background: url(../images/index/floor2_bg.png) center no-repeat;
	background-size: cover;
	height: 600px;
	margin-bottom: 50px;
}
.floor2 .title{
	text-align: center;
	padding: 85px 0 60px;
}
.floor2 .item {
	height: 100px;
	margin-bottom: 25px;
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 0 10px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.floor2 .item .row {
	background: #fff;
	height: 100%;
}
.floor2 .item .item_left {
    background: #9ac797;
	height: 100%;
	line-height: 100px;
	color: #fff;
	display: inline-block;
	font-size: 3em;
	width: 30%;
	max-width: 80px;
	min-width: 55px;
	text-align: center;
}
.floor2 .item .item_right {
	width: 70%;
	padding: 0 15px;
	box-sizing: border-box;
	text-align: center;
}
.floor2 .item .item_right p {
	color: #888;
	line-height: 24px;
	cursor: pointer;
}
.floor2 .item .item_right .item_title {
	color: #5f5f5f;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 4px;
	margin-top: 15px;
}
.floor2 .item_toggle {
	background: #fff;
    z-index: 999;
    position: relative;
    bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.64);
    padding: 15px;
    text-align: left;
}
.floor2 .item_toggle .t_title {
	font-size: 16px;
}
.floor2 .item_toggle li {
	line-height: 24px;
}
.floor3{
	background: linear-gradient(150deg, #97d06e 0%, #708067 100%);
	color: #fff;
}
.floor3 h1{
	font-size: 3em;
	margin: 2vh 0;
}
.floor3 p{
	font-size: 1.2em;
	line-height: 2em;
	letter-spacing: 5px;
}
.floor3 .contact {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    margin-top: 30px;
    border: 1px solid #fff;
    padding: 10px 25px;
}
.floor3 .contact:hover {
    background: #fff;
	color: #9ac797;
	text-decoration: none;
}

.home-title {
	padding-left: 10px;
}
.opacitySet {
    opacity: 0;
}

.floor_product .ui-piclist-image:hover img {
    transform: rotate3d(1, 1, 1, 360deg);
}


@media screen and (max-width: 1200px){
	.banner .ui-carousel-inner{
		height: 340px;
	}
	.ui-carousel-item.active, .ui-carousel-item-next, .ui-carousel-item-prev {
	    height: 100%;
	}
	.banner .ui-carousel-item a {
	    height: 100%;
	}
	.ui-carousel-item img {
	    height: 100%;
	}
	.floor2 .title {
	    padding: 50px 0 40px;
	}
	.floor2 .item {
	    height: 75px;
	    width: 33.3%;
	}
	.floor2 .item .item_left {
	    line-height: 75px;
	}
	.floor2 .item .item_right .item_title {
	    margin-top: 5px;
	}
	.home-title-more{
		display: none;
	}
	.ui-piclist-col-3 .ui-piclist-item {
	    width: 48%;
	}
}

@media screen and (max-width: 767px){
	.home_news .home_news_item{
		width:52%;
	}
	.banner .ui-carousel-inner{
		height: 230px;
	}
	.floor1 li.item {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.home-title .home-title-more{
		display: none;
	}
	.ui-piclist-item{
		width: 48%;
	}
	.floor2 .item {
	    height: 60px;
	    width: 50%;
		margin-bottom: 15px;
	}
	.floor2 .item .item_left {
	    line-height: 60px;
		font-size: 2rem;
		width: 20%;
		min-width: 40px;
	}
	.floor2 .item .item_right {
	    padding: 0 0;
	}
	.floor2 .item .item_right .item_title {
	    margin-top: 5px;
		font-size: 1.1rem;
		line-height: 26px;
	}
	.home_news .home_news_item {
	    width: 100%;
	}
	
	#about_media{
		text-align: center;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#about_media img{
		width: 80%;
	}
	.home_about .ui-col-8 {
	    width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.floor3 .ui-col-5 {
	    width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.floor3 .ui-col-7 {
	    width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0!important;
		text-align: center;
	}
}