body{background-color: #f4f4f4;}
.bannerBox.dsh{height: 620px; background: url('/uploadfiles/img/zsgl_lsyg_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.dsh *{box-sizing: border-box;}
.warpBox.dsh .th1 {padding: 30px 0; box-sizing: border-box;}
.warpBox.dsh .th1 .titleBox{font-size: 45px; color: #333;}
.warpBox.dsh .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.dsh .th1 .titleBox .b1{line-height: 48px;}
.warpBox.dsh .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}

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

.warpBox.dsh .th1 .ulBox li{background-color: #fff;padding: 50px 60px 50px 330px;position: relative;margin-bottom: 20px;}
.warpBox.dsh .th1 .ulBox li:last-child{margin-bottom: 0;}
.warpBox.dsh .th1 .ulBox li span{display: block;width: 275px;position: absolute;left: 45px;top: 50%;transform: translateY(-50%);text-align: center;}
.warpBox.dsh .th1 .ulBox li span .name{display: block;font-size: 24px;color: #333;margin-bottom: 5px;text-align: center;}
.warpBox.dsh .th1 .ulBox li span .iconBox{display: inline-block;max-width: 275px;text-align: left;font-size: 0;}
.warpBox.dsh .th1 .ulBox li span .icon{display: inline-block;text-align: center; width:auto; padding: 3px 10px; background-color: #c5a775;color: #fff;border-radius: 99px;font-size: 16px;margin-right: 5px;margin-bottom: 5px;}
.warpBox.dsh .th1 .ulBox li p {font-size: 15px;line-height: 2;}

@media screen and (max-width: 1655px) {
  .warpBox.dsh .th1 {padding: 0;}
  .warpBox.dsh .th1 .tBox{margin-bottom: 20px;}
  .warpBox.dsh .th1 .tBox .tabBox .item{font-size: 22px;}
  .warpBox.dsh .th1 .ulBox li {padding: 30px 45px 30px 310px;}
  .warpBox.dsh .th1 .ulBox li span{left: 30px;}
  .warpBox.dsh .th1 .ulBox li span .name{font-size: 20px;}
  .warpBox.dsh .th1 .ulBox li p{font-size: 14px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.dsh{height: 225px;}
  .bannerBox.dsh .bannerContent .bTitleBox img{height: 50px;}
  .warpBox.dsh {padding:15px;}

  .warpBox.dsh .th1 .tBox { padding-right: 0;margin-bottom: 5px;}
  .warpBox.dsh .th1 .tBox .tabBox{position: static;transform: none;width: 100%;text-align: left;}
  .warpBox.dsh .th1 .tBox .tabBox .item{width: 158px;height: 68px;line-height: 62px;font-size: 18px;}
  .warpBox.dsh .th1 .titleBox .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.dsh .th1 .titleBox .b2{font-size: 18px;}
  .warpBox.dsh .th1 .ulBox li {padding: 15px 30px 15px 290px;}
  .warpBox.dsh .th1 .ulBox li span {left: 30px;}
  .warpBox.dsh .th1 .ulBox li span .icon{font-size: 14px;}
}

@media screen and (max-width: 760px){
  .warpBox.dsh .th1 .ulBox li{padding:15px 20px;}
  .warpBox.dsh .th1 .ulBox li span{position: static;transform: none;text-align: left;width: 100%;}
  .warpBox.dsh .th1 .ulBox li span .name{font-weight: bold;text-align: left;}
  .warpBox.dsh .th1 .tBox .tabBox .item{width: 110px;font-size: 16px;margin-left: 6px;}
  .warpBox.dsh .th1 .ulBox li span .iconBox{max-width: none;}
  .warpBox.dsh .th1 .ulBox li span .icon{width: auto;padding: 0 8px;text-align: center;border-radius: 0;}
}