.floor1_ul::after{
	content: "";
	display: block;
	clear: both;
}
.floor1_ul>li{
	float: left;
	width:23%;
	margin:0 1%;
}
.floor1_ul>li a{
	color:#444;
}

.floor1_ul>li div{
	border:1px solid #D2D2D2;
	overflow: hidden;
	width:100%;
    text-align: center;
    height: 269px;
    line-height: 269px;
}
.floor1_ul>li p{
	text-align: center;
	margin:10px 0;
}
#service {
	width: 170px;
	height: 250px;
	background-color: #0094D7;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 0;
	top: 300px;
}
#inside {
	width: 150px;
	height: 230px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around
}
.title {
	color: #88D8F6;
	font-size: 18px;
	font-weight: bold
}
.line {
	width: 90%;
	height: 1px;
	background-color: gainsboro
}
.qq_pic {
	width: 141px;
	height: 43px;
}
#phone {
	color: orange;
	font-weight: bold;
}
.floor1_ul>li img{
	width:100%;
	height:100%;
	transition: all .3s;
}
.floor1_ul>li:hover img{
	transform: scale(1.03);
}
.floor2{
	margin-bottom: 80px;
}
.floor2_ul::after{
	content: "";
	display: block;
	clear: both;
}
.floor2_ul>li{
	float: left;
	width:23%;
	margin:10px 1%;
}
.floor2_ul>li a{
	color:#444;
}
.floor2_ul>li div{
	border:1px solid #D2D2D2;
	overflow: hidden;
	width:100%;
	height:269px;
	text-align: center;
	line-height: 269px;
}
.floor2_ul>li p{
	text-align: center;
	margin:10px 0;
	height:40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.floor2_ul>li img{
	width:100%;
	height:100%;
	transition: all .3s;
}
.floor2_ul>li:hover img{
	transform: scale(1.03);
}
@media only screen and (min-width:992px) and (max-width:1200px ){
	.floor1_ul>li div{
		height:181px;
	}
	.floor2_ul>li div{
		height:181px;
	}
}

@media only screen and (min-width:769px) and (max-width:992px ){
	
}
@media only screen and (max-width:992px ) {
	.floor1_ul>li {
	    float: left;
	    width: 48%;
	    margin: 0 1%;
	}
	.floor2_ul>li {
	    float: left;
	    width: 48%;
	    height:319px;
	    margin: 0px 1%;
	}
	.floor1_ul>li div{
		height:261px;
	}
	.floor2_ul>li div{
		height:261px;
	}
}
@media only screen and (max-width:650px ){

	.floor2_ul>li {

	    height:269px;

	}
	.floor1_ul>li div{
		height:231px;
	}
	.floor2_ul>li div{
		height:231px;
	}

}

@media only screen and (max-width:550px ){

	.floor2_ul>li {

	    height:229px;

	}
	.floor1_ul>li div{
		height:191px;
	}
	.floor2_ul>li div{
		height:191px;
	}
	

}

@media only screen and (max-width:450px ){

	.floor2_ul>li {

	    height:189px;

	}
	.floor1_ul>li div{
		height:131px;
	}
	.floor2_ul>li div{
		height:131px;
	}

}
