.bannerBox.kcxfzbg{height: 620px; background: url('/uploadfiles/img/zsgl_kcxfzzc_head_img_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.kcxfzbg .th1{padding: 56px 45px; box-sizing: border-box; background-color: #fff; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4); }
.warpBox.kcxfzbg .th1 .btnsBox{margin-bottom: 35px;}
.warpBox.kcxfzbg .th1 .btnsBox .txtLeft b{display: block;}
.warpBox.kcxfzbg .th1 .btnsBox .txtLeft .b1{font-size: 45px;line-height: 54px; color: #333;font-weight: initial;}
.warpBox.kcxfzbg .th1 .btnsBox .txtLeft .b2{font-size: 29px; color: #b8b8b8; font-weight: initial;} 

.warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns{font-size: 0px; padding-top: 6px;}
.warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns a{display: inline-block; font-weight: bold; font-size: 26px; color: #0063cc; margin-left: 12px; vertical-align: middle; width: 201px; height: 78px; line-height: 78px; text-align: center; background: url('../img/zhgl_index_th2_tab2.png') no-repeat center; background-size: 100% 100%; }
.warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns a.active{color: #c79f62;  background-image: url('../img/zhgl_index_th2_tab1.png') ;}
.warpBox.kcxfzbg .th1 .switchBox .lists{margin-left: -30px;}
.warpBox.kcxfzbg .th1 .switchBox .lists li{float: left; width: 25%; padding-left: 30px; box-sizing: border-box;}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox{ background-color: #fff;}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .imgBox{ display: block; height: 448px; margin-bottom: 14px; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .imgBox img{position: relative; top: 50%; transform: translateY(-50%);}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .txtBox{display: block; margin-bottom: 10px; font-size: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .li_btn{text-align: center; font-size: 0px;}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .li_btn a{display: inline-block; margin: 0 13px; font-size: 14px; border: 1px solid; border-radius: 6px; width: 60px; height: 26px; line-height: 24px;}
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .li_btn a.a1{border-color: #c5a775; color: #c5a775; }
.warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .li_btn a.a2{border-color: #074c8b; color: #074c8b; }
.warpBox.kcxfzbg .pages{font-size: 0px; text-align: center; padding-top: 90px;}
.warpBox.kcxfzbg .pages a{transition: .3s; display: inline-block; vertical-align: middle; padding: 0 14px; margin: 0 3px; font-size: 15px; height: 34px; line-height: 32px; color: #333; border: 1px solid #e6e7e9; border-radius: 6px;}
.warpBox.kcxfzbg .pages .pagesBox{display: inline-block; vertical-align: middle;}
.warpBox.kcxfzbg .pages a:hover{color: #0063cc;}
.warpBox.kcxfzbg .pages .pagesBox a {color: #0063cc;}
.warpBox.kcxfzbg .pages .pagesBox a:hover, .warpBox.kcxfzbg .pages .pagesBox a.active{background-color: #0063cc; border-color: #0063cc; color: #fff;}


@media screen and (max-width: 1655px) {
  .warpBox.kcxfzbg .th1{padding: 36px 33px;}
  .warpBox.kcxfzbg .pages{padding-top: 60px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .txtBox{font-size: 16px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .imgBox{height: 354px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.kcxfzbg{height: 225px;}
  .warpBox.kcxfzbg{padding: 0 15px 30px;}
  .warpBox.kcxfzbg .th1{padding: 20px 15px 25px;}
  .warpBox.kcxfzbg .th1 .btnsBox{margin-bottom: 15px;}
  .warpBox.kcxfzbg .th1 .btnsBox .txtLeft{ margin-bottom: 10px; }
  .warpBox.kcxfzbg .th1 .btnsBox .txtLeft .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.kcxfzbg .th1 .btnsBox .txtLeft .b2{font-size: 18px;}
  .warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns{margin-left: 0px; float: none; margin-bottom: 0px;}
  .warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns a{width: 46%; margin: 0 1%; height: 60px; line-height: 56px; font-size: 18px;}
  .warpBox.kcxfzbg .th1 .btnsBox .tabSwitchBtns a{margin:0 6px; font-size: 17px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists{margin-left: -15px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .imgBox{height: 203px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists li{width: 50%; padding-left: 15px; margin-bottom: 15px;}
  .warpBox.kcxfzbg .th1 .switchBox .lists li .liBox .li_btn a{margin: 0 4px; height: 24px; line-height: 22px; font-size: 12px;}
  .warpBox.kcxfzbg .pages{padding-top: 10px;}
  .warpBox.kcxfzbg .pages a{font-size: 13px; padding: 0 11px; height: 28px; line-height: 26px; }
}
