body{background-color: #f0f2f5;}


.gpsx-box{background: #FFF;overflow:hidden;}
.gpsx-box .pc_paging{padding: 10px 0 40px 0;}
.gpsx-cont{padding-bottom: 40px;overflow:hidden;}
.gpsx-cont ul{padding:10px;}
.gpsx-cont ul li{float: left;width: 21.25%;margin-right: 5%;margin-top: 60px;box-shadow: 0px 0px 20px 0px rgba(14,39,71,0.12);
    -webkit-box-shadow: 0px 0px 20px rgba(14,39,71,0.12);
    -moz-box-shadow: 0px 0px 20px rgba(14,39,71,0.12);
    -ms-box-shadow: 0px 0px 20px rgba(14,39,71,0.12);
    -o-box-shadow: 0px 0px 20px rgba(14,39,71,0.12);}
.gpsx-cont ul li:nth-child(4n+4){margin-right: 0;}
.gpsx-cont ul li a{display: block;}
.gpsx-cont ul li a:hover p{background: #3f85e0;color: #FFF;}
.gpsx-cont ul li a span{display: block;height: 125px;}
.gpsx-cont ul li a img{width: 100%;height: 100%;}
.gpsx-cont ul li a p{height: 100px;background: #FFF;font-size:18px;text-align: center;display: table-cell;padding: 0 8px;vertical-align: middle;width: 273px;font-weight: 600;}

@media screen and (max-width:1200px){
	.gpsx-cont{padding: 1rem;}
}
@media screen and (max-width:900px){
	.gpsx-cont ul li{width: 31.33%;margin-right: 3%;}
	.gpsx-cont ul li:nth-child(4n+4) {margin-right: 3%;}
	.gpsx-cont ul li:nth-child(3n+3) {margin-right: 0%;}
}
@media screen and (max-width:650px){
	.gpsx-cont ul li{width: 48.5%;}
	.gpsx-cont ul li:nth-child(4n+4) {margin-right: 3%;}
	.gpsx-cont ul li:nth-child(3n+3) {margin-right: 3%;}
	.gpsx-cont ul li:nth-child(2n+2) {margin-right: 0;}
}
@media screen and (max-width:450px){
	.gpsx-cont ul li{width: 100%;margin-right: 0%;}
	.gpsx-cont ul li:nth-child(4n+4) {margin-right: 0%;}
	.gpsx-cont ul li:nth-child(3n+3) {margin-right: 0%;}
	.gpsx-cont ul li:nth-child(2n+2) {margin-right: 0%;}
	.gpsx-cont ul li a span{height: auto;}
	.gpsx-cont ul li a p{width: 384px;}
	.gpsx-cont ul li{margin-top: 30px;}
        .gpsx-cont ul {padding: 0;}
}
@media screen and (max-width:320px){
	.gpsx-cont ul li a p{font-size: 1rem;}
}