body{background-color: #f4f4f4;}
.bannerBox.gdjg{height: 620px; background: url('/uploadfiles/img/zsgl_gdjg_head_img_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.gdjg .th1 {padding: 57px 50px 36px; box-sizing: border-box; background-color: #fff;}
.warpBox.gdjg .th1 .titleBox{font-size: 45px; color: #333; margin-bottom: 20px;}
.warpBox.gdjg .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.gdjg .th1 .titleBox .b1{line-height: 48px;}
.warpBox.gdjg .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}
.warpBox.gdjg .th1 .themeBox {padding-bottom: 116px; background: url('/uploadfiles/img/zsgl_gdjg_bg_03.png') no-repeat bottom center; background-size: 100% auto; }
.warpBox.gdjg .th1 .themeBox .table-container{padding: 0 50px;}
/* 带列间隔的表格样式 */
.warpBox.gdjg .th1 .themeBox .table-container .table-column-gap {width: 100%;border-collapse: separate;  border-spacing: 16px 0;margin: 0 -8px;}
.table-column-gap th, .table-column-gap td { padding: 5px 20px; font-size: 18px; font-weight: bold; color: #bd9659; border-left: 1px solid #dbbb8a; border-right: 1px solid #dbbb8a; border-top: none; background-color: rgba(253, 247, 239, 0.7);  border-bottom: none; }
.table-column-gap th:first-child, .table-column-gap td:first-child { border-left: 1px solid #dbbb8a; }
.table-column-gap th{border-top: 1px solid #dbbb8a; padding-top: 14px; border-radius: 20px 20px 0px 0px;}
.table-column-gap tr:last-child td{border-bottom: 1px solid #dbbb8a; padding-bottom: 14px; border-radius: 0px 0px 20px 20px;}
.table-column-gap th:last-child, .table-column-gap td:last-child { border-right: 1px solid #dbbb8a; }
.table-column-gap thead th { font-weight: 600; color: #fff;}
.table-column-gap th > span, .table-column-gap td span{display: block; padding: 13px 0; text-align: center; border-radius: 40px;} 
.table-column-gap th > .thItem{background-color: #cba974; color: #fff;}
.table-column-gap tbody tr td .tdItem{background-color: #faeedd; border: 1px solid #fff; box-shadow: 0px 0px 11px rgba(203, 169, 116, 0.5);}
.table-column-gap tbody tr:nth-child(even) td .tdItem{background-color: #fff; } 
.table-column-gap .xh{width: 134px; box-sizing: border-box; } 
.table-column-gap .bl{width: 185px; box-sizing: border-box;} 
.table-column-gap .num1{width: 246px; box-sizing: border-box;}
.warpBox.gdjg .th1 .ps{font-size: 20px; color: #bd9659; text-align: center; padding-top: 30px;}

@media screen and (max-width: 1655px) {
  .warpBox.gdjg .th1{padding: 57px 35px 36px;}
  .warpBox.gdjg .th1 .themeBox .table-container{padding: 0px 50px;}
  .table-column-gap th, .table-column-gap td{padding: 5px 10px; font-size: 17px;}
  .table-column-gap th{padding-top: 10px;}
  .table-column-gap tr:last-child td{padding-bottom: 10px;}

  .table-column-gap .xh{width: 81px;}
  .table-column-gap .bl{width: 140px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.gdjg{height: 225px;}
  .warpBox.gdjg {padding: 0 15px 20px;}
  .warpBox.gdjg .th1{padding: 20px 15px;}
  .warpBox.gdjg .th1 .titleBox {margin-bottom: 15px;}
  .warpBox.gdjg .th1 .titleBox .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.gdjg .th1 .titleBox .b2{font-size: 18px;}
  .warpBox.gdjg .th1 .themeBox{padding-bottom: 21px;}
  .warpBox.gdjg .th1 .themeBox .table-container{padding: 0px;}
  .warpBox.gdjg .th1 .themeBox .table-container .table-column-gap{border-spacing:4px 0; margin: 0px -2px;}
  .table-column-gap .xh{width: 40px;} 
  .table-column-gap .bl{width: 69px; } 
  .table-column-gap .num1{width: 100px; }
  .table-column-gap th, .table-column-gap td{padding:5px 0px; font-size: 12px;}
  .table-column-gap th > span, .table-column-gap td span{padding: 7px 0; border-radius: 8px;}
  .table-column-gap th{border-radius: 8px 8px 0px 0px;}
  .table-column-gap tr:last-child td{border-radius: 0px 0px 8px 8px;}
  .warpBox.gdjg .th1 .ps{padding-top: 10px; font-size: 14px;}
}