.bannerBox.qyry{height: 620px; background: url('/uploadfiles/img/zsgl_lsyg_head_bg_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.qyry .th1 {padding: 57px 50px 120px; box-sizing: border-box; background-color: #fff; box-shadow: 1px 0px 11px rgba(179, 179, 179, 0.4);}
.warpBox.qyry .th1 .titleBox{font-size: 45px; color: #333; margin-bottom: 20px;}
.warpBox.qyry .th1 .titleBox b{display: block; font-weight: initial;}
.warpBox.qyry .th1 .titleBox .b1{line-height: 48px;}
.warpBox.qyry .th1 .titleBox .b2{font-size: 29px; color: #b8b8b8;}
.warpBox.qyry .tabSwitchWarp .tabSwitchBtns{font-size: 0px; margin-bottom: 46px;}
.warpBox.qyry .tabSwitchWarp .tabSwitchBtns a{display: inline-block; vertical-align: middle; height: 85px; line-height: 85px; text-align: center; background-color: #dcdcdc; width: 25%; font-size: 22px; color: #333; }
.warpBox.qyry .tabSwitchWarp .tabSwitchBtns a.active{ background-color: #c5a775;}

.warpBox.qyry .tabSwitchWarp .historyList{ padding-left: 100px; position: relative;}
.warpBox.qyry .tabSwitchWarp .historyList .historyListBox{ max-height: 797px; transition: .3s; padding-left: 200px; overflow: hidden;}
.warpBox.qyry .tabSwitchWarp .historyList.on  .historyListBox{ max-height: 9999px;}
.warpBox.qyry .tabSwitchWarp .historyList .switchYear{ position: absolute; left: 65px; top: 19px; z-index: 2; line-height: 1; font-size: 41px; color: #c5a775; }
.warpBox.qyry .tabSwitchWarp .historyList .switchYear::after{content: ''; position: absolute; right: -29px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; border-radius: 100%; background-color: #c5a775;}
.warpBox.qyry .tabSwitchWarp .historyList ul{ height: 100%; padding: 103px 0 55px; position: relative; border-left: 1px solid #e4e4e4;}

.warpBox.qyry .tabSwitchWarp .historyList ul li a{display: block; font-size: 18px; color: #666;  position: relative; padding-left: 61px; padding-right: 293px; height: 82px; line-height: 82px; border-bottom: 1px dashed #e4e4e4;}
.warpBox.qyry .tabSwitchWarp .historyList ul li a::before{content: ''; position: absolute; left: 43px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; border-radius: 100%; background-color: #c5a775;}
.warpBox.qyry .tabSwitchWarp .historyList ul li a .txt{display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.qyry .tabSwitchWarp .historyList ul li a .source{position: absolute; right: 170px; top: 50%; transform: translateY(-50%); width: 120px; max-height: 48px; line-height: 24px; overflow: hidden;} 
.warpBox.qyry .tabSwitchWarp .historyList ul li a .aYaer{position: absolute; left: -85px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #c5a775;} 

.warpBox.qyry .tabSwitchWarp .historyList .moveBox{position: absolute; bottom: -68px; left: 256px; width: 90px; text-align: center;}
.warpBox.qyry .tabSwitchWarp .historyList .moveBox .icon{ display: inline-block; width: 40px; height: 40px; line-height: 38px; text-align: center; border-radius: 100%; border: 1px solid #cfb78d;}
.warpBox.qyry .tabSwitchWarp .historyList .moveBox .moveTxt{display: block; font-size: 14px; color: #c5a775; padding-top: 5px;}
.warpBox.qyry .tabSwitchWarp .historyList .moveBox .moveTxt.s2{display: none;}

.warpBox.qyry .tabSwitchWarp .historyList.on .moveBox .icon img{transform: rotate(180deg);}
.warpBox.qyry .tabSwitchWarp .historyList.on .moveBox .moveTxt.s1{display: none;}
.warpBox.qyry .tabSwitchWarp .historyList.on .moveBox .moveTxt.s2{display: block;}

@media screen and (max-width: 1655px) {
  .warpBox.qyry .tabSwitchWarp .historyList ul li a{padding-right: 210px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul li a .source{right: 80px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.qyry{height: 225px;}
  .bannerBox .bannerContent .bTitleBox img{height: 60px;}

  .warpBox.qyry {padding: 0 15px 30px;}
  .warpBox.qyry .th1{padding: 20px 15px 55px;}
  .warpBox.qyry .th1 .titleBox {margin-bottom: 15px;}
  .warpBox.qyry .th1 .titleBox .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.qyry .th1 .titleBox .b2{font-size: 18px;}

  .warpBox.qyry .tabSwitchWarp .tabSwitchBtns{margin-bottom: 20px;}
  .warpBox.qyry .tabSwitchWarp .tabSwitchBtns a{font-size: 16px; width: 50%; height: 50px; line-height: 50px;}
  .warpBox.qyry .tabSwitchWarp .historyList{padding-left: 0px;}
  .warpBox.qyry .tabSwitchWarp .historyList .historyListBox{padding-left: 55px;}
  .warpBox.qyry .tabSwitchWarp .historyList .switchYear{font-size: 20px; left: 72px;}
  .warpBox.qyry .tabSwitchWarp .historyList .switchYear::after{right: auto; left: -20px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul{padding: 56px 0 55px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul li a{height: 45px; line-height: 45px; padding-left: 20px; font-size: 13px; padding-right: 80px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul li a::before{left: 8px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul li a .source{right: 0px; width: 80px;}
  .warpBox.qyry .tabSwitchWarp .historyList ul li a .aYaer{left: -46px; font-size: 17px;}
  .warpBox.qyry .tabSwitchWarp .historyList .moveBox{bottom: -50px; left: 10px;}
  .warpBox.qyry .tabSwitchWarp .historyList .moveBox .icon{width: 25px; height: 25px; line-height: 23px;}
  .warpBox.qyry .tabSwitchWarp .historyList .moveBox .moveTxt{font-size: 12px;}
  
}