html,body{
	overflow: auto;
}
*{
	margin: 0;
	padding: 0;
}
.pages {
	width: 100%;
	height: auto;
	background: #2c2c2c;
	padding: 25px 0;
}
header, footer{
	width: 100%;
	height: 20%;
	max-height: 180px;
	min-height: 100px;
}
.headimag {
	margin-left: 5%;
	width: 450px;
	height: auto;
}
.cont {
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.bgcont {
	width: 100%;
	height: 100%;
}
.imgbox {
	position: absolute;
	width: 85%;
	height: initial;
	display: flex;
	justify-content: space-evenly;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -56%);
    flex-flow:row wrap;
}
.imgbox .imgbox_item {
	width: calc(20% - 10px);
	margin: 10px 5px;
	height: 50%;
}
.imgbox .imgbox_item img{
	width: 100%;
	height: 100%;
}
/* <=1399px and >=1200px的设备:PC端*/
@media (min-width: 1200px) and (max-width:1399px) {
	.imgbox{
	}
}
/* <=1199px and >=960px的设备:PC端*/
@media (min-width: 960px) and (max-width:1199px) {
}
/* <=1199px and >=960px的设备:PC端*/
@media (min-width: 768px) and (max-width:959px) {
    .headimag {
    	margin-left: 3%;
    	width: 300px;
	    height: auto;
    }
}
/* <=767px and >=640px的设备：平板端或者手机横屏*/
@media (max-width:767px) {
    html,body{
    	overflow-x: hidden;
    	width: 100%;
    }
    header{
    	width: 100%;
    	height: 8%;
    	min-height: unset;
    	position: relative;
    }
    .headimag {
    	margin-left: 3%;
    	width: 200px;
	    height: auto;
    }
    footer{
    	width: 100%;
    	height: 15%;
    	min-height: 30px;
    	position: relative;
    }
}