.fj_wh_cont{
  padding-top:40px; text-align:justify;
  height: calc(100vh - 220px); overflow: hidden; min-height: 500px;
}
.fj_wh_cont>div, .fj_wh_cont>div .history,.fj_wh_cont>div .history .right{ height: 100%; }
.fj_wh_cont .items{
  padding-bottom:60px;
  overflow: hidden;
}
.fj_wh_cont .items:last-child{
  padding-bottom:0px;
}

.history{
  position: relative;
  font-size:16px;
}
.history .left .topswBox{ margin:0 56px 0 80px; flex: 1; position: relative; }
.history .left .topswBox .txt_in{ position: absolute; top: 0; left: 0; transform: translateY(20px);
  opacity: 0; visibility: hidden; transition: all 0.6 ease-in-out;
}
.history .left .topswBox .txt_in.active{ transform: none; opacity: 1; visibility:visible}
.topswBox .bt{ padding:20px 0 10px; }
.history .left-mob{
  display:none;
}
.devHistoryCode{   background: url(../image/fz_bg.png) no-repeat center bottom / auto 100%; overflow: hidden;
  background-attachment: fixed;
 }
 .history .left{
  position: absolute;
  left:calc((100% - 1440px)/2 );
  top:0px;
  padding-bottom:40px;
  transition: all  ease .5s; width: 760px;
}
.history .left_mobBox{ display: none; }
.history .left.active{ top: 120px; }
.history .right{
  padding-left:760px;

}
.history .main{
  background: url(../image/timeLine.png) 5px 5px / 26px auto;
  background-repeat: repeat-y;
  padding-bottom:40px;
  padding-left: 100px; overflow: auto; height: 100%;
  padding-top: 2px;

}
.hisRightMain::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.history .right .item .imgs{ overflow: hidden;}
.history .right .item .imgs img{ max-width: 100%; }
.history .right .item .list{ padding-bottom: 56px; padding-top: 2px; }
.history .hisRightMain .item:last-child .list:last-child{ padding-bottom: 0; }
.history .right .item .list:after{ 
  content: ""; position: absolute; width: 14px; height: 14px; border-radius: 100%; 
  background: #C6972F; overflow: hidden; left: -91px; top: 8px;
}
.history .right .item .list::before{
  content: ""; position: absolute; width: 30px; height: 30px; border-radius: 100%; 
  border:1px solid #C6972F; overflow: hidden; left: -100px; top: -1px; background: #fff;
}
.history .right .item .list .hTitle { line-height: 1; transform: translateY(-6px); }
.history .right .item .list .hr_desc{ padding:10px 0 10px; }
.history .right .item .list .hr_desc .sTitle { padding-bottom: 4px; }
.history .swiper-slide{
  height:auto!important;
  position: relative;
}
.his-swiper{
  height:auto;
  width:160px;
  position: relative;
  right:-6px;
}



.his-swiper .age a{
  font-size:32px;
  display: inline-block;
  width:100%;
  transition: all ease.3s;
  border-top: 1px solid #d8d8d8; padding: 42px 0; 
  line-height: 1;
}
.his-swiper .age-sel a{
  color:#C6972F;

}
.his-swiper .num a{
  font-size:24px;
}

.swiper-his-prev,.swiper-his-next{
  top:auto;
  bottom:0px;
}
.swiper-his-prev{
  transform: rotate(90deg);
  left:0px;
}

.swiper-his-next{
  transform: rotate(90deg);
  right:0px;
}

.swiper-his-prev::after,.swiper-his-next::after{
  content:'';
}
.history .left i{
  font-size:24px;
  color:#666;
}
.history .left .his-dis i{
  color:#eee;
}
.mHisNavTxt{ display: none; }

@media screen and (max-width:750px){

}
	/* max-width:750px  end */