body{background: url(/uploadfiles/img/zsjgl_whpp_bg_01.jpg) no-repeat top center; background-size: cover;}
.warpBox.whpp .th1{padding-top: 260px; text-align: center;}
.warpBox.whpp .th1 .titleBox{margin-bottom: 70px;} 
.warpBox.whpp .th1 .listsBox ul{text-align: center;}
.warpBox.whpp .th1 .listsBox ul li{display: inline-block; vertical-align: middle; margin: 0 130px;}
.warpBox.whpp .th1 .listsBox ul li .imgBox{display: block; margin-bottom: 10px;}

@media screen and (max-width: 1200px) {
  .warpBox.whpp .th1{padding-top: 100px; padding-bottom: 100px;}
  .warpBox.whpp .th1 .titleBox img{height: 60px;}
  .warpBox.whpp .th1 .listsBox ul li{margin: 0 20px; width: 30%;}
}