@charset "utf-8";
/* CSS Document */

.banner-item{background:url(../../images/2016/banner/floor.jpg) center 0 no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.floor{margin:0 auto;}
.floor img{width:100%;}

.floor dl{float: left; width: 100%; border:2px solid #436aaf; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.floor dl dt{float: left; width: 100%; text-align: center; font-size:28px; color:#436aaf; padding: 51px 0 57px 0; line-height: 40px; background: url("../../images/2016/floor/floor-tit-bg.jpg") repeat-y center; }
.floor dl dt span{display: block;color:#b2b2b2; font-size: 24px; line-height: 30px;}
.floor dl dd{float: left; width: 100%; background: #436aaf; border-top:2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6; position: relative;}
.floor dl dd b{position: absolute; width: 25%; font-size: 42px; color:#fff; text-align: center; font-family: SimSun; left: 0; top:50%;transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.floor dl dd ul{float: right; width: 75%; display: flex; justify-content: space-around; align-content:center; flex-wrap: wrap; text-align: center; padding:46px 30px; background: #fff; font-size: 20px; color:#646464; line-height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.floor dl dd:last-child{border-bottom: 0;}
.floor dl dd ul li{ display: inline-block;flex: 0 0 25%; margin-top: 20px;white-space: nowrap;}
.floor dl dd ul li:first-child,.floor dl dd ul li:nth-child(2),.floor dl dd ul li:nth-child(3),.floor dl dd ul li:nth-child(4){margin-top: 0;}
.floor dl dd ul li em{color:#b5b5b5; font-size: 12px; line-height: 22px;}

/*-----@media-----*/
@media only screen and (min-width: 1220px){

}

@media only screen and (max-width: 1220px){
	.floor dl dd ul li{  margin-top: 0.2rem; flex: 0 0 33.333%;}
	.floor dl dd ul li:nth-child(4){margin-top: 0.2rem!important;}
}
@media screen and (max-width:991px) {
	.banner-item{background:url(../../images/2016/banner/floor-1200.jpg) center 0 no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
	.floor dl dt{font-size:0.28rem;  padding: 0.5rem 0; line-height: 0.4rem;  }
	.floor dl dt span{ font-size: 0.24rem; line-height: 0.3rem;}
	.floor dl dd b{ font-size: 0.42rem;}
	.floor dl dd ul{padding:0.46rem 0.3rem; font-size: 0.2rem;  line-height: 0.3rem;}
	.floor dl dd ul li{  margin-top: 0.2rem; flex: 0 0 33.333%;}
	.floor dl dd ul li:nth-child(4){margin-top: 0.2rem!important;}
	.floor dl dd ul li em{ font-size: 0.14rem; line-height: 0.24rem;}
	.floor dl dd:nth-child(5) ul li:nth-child(3){margin-top: 0.2rem!important;}
}
@media screen and (max-width:767px) {
	.blank84{height: 0.7rem;}
	.floor dl dd ul{padding:0.3rem 0.1rem; }
}