.bannerBox.list{height: 620px; background: url('/uploadfiles/img/zsgl_lfyy_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.list *{box-sizing: border-box;}
.warpBox.list .th1 {padding: 45px; box-sizing: border-box; background-color: #fff; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
.warpBox.list .th1 .titleBox{font-size: 45px; color: #333;}
.warpBox.list .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.list .th1 .titleBox .b1{line-height: 48px;}
.warpBox.list .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}

.warpBox.list .th1 .tBox{position: relative;padding-right: 630px;margin-bottom: 45px;}
.warpBox.list .th1 .tBox .tabBox{position: absolute;width: 630px;right: 0;top: 50%;transform: translateY(-50%); font-size: 0;text-align: right;}
.warpBox.list .th1 .tBox .tabBox .item{
    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(/uploadfiles/img/zhgl_index_th2_tab2.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}
.warpBox.list .th1 .tBox .tabBox .item.current,
.warpBox.list .th1 .tBox .tabBox .item:hover{color: #c79f62;background-image: url(/uploadfiles/img/zhgl_index_th2_tab1.png);}
.warpBox.list .th1 .tBox .tabBox .item:first-child{margin-left: 0;}


.warpBox.list .th1 .listBox {margin-bottom: 45px;}
.warpBox.list .th1 .listBox a.item{display: block;width: 100%;color: #333;font-size: 18px;padding: 25px 130px 25px 25px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-top: 1px solid #e5e5e5;}
.warpBox.list .th1 .listBox a.item:last-child{border-bottom: 1px solid #e5e5e5;}
.warpBox.list .th1 .listBox a.item::before{content: '';display: block;position: absolute;width: 6px;height: 6px;border-radius: 999px;background-color: #626262;transition: all .3s;top: 50%;left: 3px;transform: translateY(-50%);}
.warpBox.list .th1 .listBox a.item i {display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

@media screen and (max-width: 1655px) {
  .warpBox.list .th1{padding: 35px 30px;}
  .warpBox.list .th1 .listBox {margin-bottom: 15px;}
  .warpBox.list .th1 .tBox{margin-bottom: 20px;}
  .warpBox.list .th1 .tBox .tabBox .item{font-size: 22px;}
  .warpBox.list .th1 .listBox a.item{font-size: 16px;padding: 20px 100px 20px 20px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.list{height: 225px;}
  .bannerBox.list .bannerContent .bTitleBox img{height: 50px;}
  .warpBox.list{padding:15px;}
  .warpBox.list .th1 {padding: 25px;}
  .warpBox.list .th1 .titleBox {margin-bottom: 15px;}
  .warpBox.list .th1 .titleBox .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.list .th1 .titleBox .b2{font-size: 18px;}

  .warpBox.list .th1 .tBox { padding-right: 0;}
  .warpBox.list .th1 .tBox .tabBox{position: static;transform: none;width: 100%;text-align: left;}
  .warpBox.list .th1 .tBox .tabBox .item{width: 158px;height: 68px;line-height: 65px;font-size: 18px;}
  .warpBox.list .th1 .listBox a.item{font-size: 14px;padding: 15px 85px 15px 20px;}
}

@media screen and (max-width: 760px) {  
  .warpBox.list .th1{padding: 25px 15px;}
  .warpBox.list .th1 .tBox {margin-bottom: 12px;}
  .warpBox.list .th1 .listBox,.warpBox.list .th1 .titleBox{margin-bottom: 0;}
  .warpBox.list .th1 .tBox .tabBox .item{width: 110px;font-size: 16px;margin-left: 6px;}
}