.rq-history{padding:80px 0; position:relative;background:url(../../images/fortest/history.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}

.rq-history .divYear{height:161px; width:100%; overflow:hidden;}
.rq-history .divYear .linbg{height:1px; position:absolute; background:#ffffff; width:100%; top:50%;}
.rq-history .divYear .ggBox{width:100%; position:absolute; top:0; height:161px; -webkit-transition: .5s;    transition: .5s; }
.rq-history .divYear .ggBox .li{width:180px; height:80px;  opacity:1; -webkit-transition: .5s;    transition: .5s;  margin:32px 0px; padding:0 0px; text-align:center; float:left; color:#fff; position:relative;}
.rq-history .divYear .ggBox .li .year{line-height:20px;height:20px; -webkit-transition: .5s;    transition: .5s; }
.rq-history .divYear .ggBox .li .yd{width:60px; height:60px; margin:0 auto;}
.rq-history .divYear .ggBox .li .yd{background:url(small_circle.png) center center no-repeat; background-size:16px 16px; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; opacity:0.7 }
.rq-history .divYear .ggBox .li .month{height:18px; line-height:18px; font-size:14px; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.rq-history .divYear .ggBox .li:hover .month{font-size:16px; transform:translateY(-10px)}
.rq-history .divYear .ggBox .li:hover .yd{background:url(small_circle.png) center center no-repeat; background-size:28px 28px; opacity:1;}
.rq-history .divYear .ggBox .li.atc .yd{background:url(big_circle.png) center center no-repeat; opacity:1;}
.rq-history .divYear .ggBox .li.atc .month{opacity:0; height:20px;}
.rq-history .Html-year .old{top:0;}
.rq-history .Html-year .new{top:100%;}
.rq-history .Html-word{width:60%;color: #fff;overflow: hidden;position: relative;margin: 15px auto; text-align:center;}
.rq-history .Html-word .ol{padding:30px; background:rgba(0, 0, 0, 0.3); font-weight:300; color:#fff; font-size:18px; line-height:1.6;width: 100%;position: absolute;}
.rq-history .Html-word .word_nr{padding:30px; height:120px; font-weight:300; color:#fff; opacity:0; font-size:18px; line-height:30px;}

.rq-history .Html-month{color: #fff;text-align: center;font-weight: bold;font-size: 86px;overflow: hidden;position: relative;margin: 15px 0}
.rq-history .color_white {color: #ffffff;}
.rq-history .old_year,
.rq-history .new_year{position: absolute;width: 100%;color: #fff;}
.rq-history .cur{cursor:pointer;}
.rq-history .bgimg{}
.rq-history .f86{font-size:86px;}
.rq-history .f40{font-size:40px;}
.rq-history .f20{font-size:20px;}
.rq-history .pdt50px{padding-top:50px;}
 
.rq-history .linkIcon{ overflow:hidden; width:220px; height:40px; cursor:pointer; font-size:18px;}
.rq-history .linkIcon .s1{display:block; background: linear-gradient(45deg, #f2711c,#e03997);color:#ffffff;  text-align:center; line-height:40px; border-radius:20px;}
.rq-history .linkIcon .s2{display:block; background: linear-gradient(45deg, #53a706, #2185d0);color:#ffffff; text-align:center; line-height:40px; border-radius:20px;}

.rq-history .linkIcon:hover .s1{margin-top:-40px;}

 
.rq-history .qiehuanBtn{position:absolute;top:calc(50% - 25px);z-index:8; width:50px; height:50px;border-radius:50%;opacity:0.8;cursor:pointer; transform:scale(1) }
.rq-history .qiehuanBtn.lft{left:5%;background:rgba(255,255,255,0.5) url(prev.gif) center center  no-repeat; background-size:50%;}
.rq-history .qiehuanBtn.rit{right:5%;background:rgba(255,255,255,0.5) url(next.gif) center center  no-repeat; background-size:50%;}
.rq-history .qiehuanBtn:hover{background-color:var(--blue); transform:scale(1.2);
box-shadow:0px 0px 7px 0 rgba(0, 0, 0, .23);}


@media (max-width: 767px)  {
.rq-history{padding:30px 0;} 
.rq-history .Html-word{width:98%;color: #fff;overflow: hidden;position: relative;margin: 15px auto; text-align:center;}
.rq-history .Html-word .ol{padding:10px; background:rgba(0, 0, 0, 0.3); font-weight:300; color:#fff; font-size:16px; line-height:1.6;width: 100%;position: absolute;}
.rq-history .Html-word .word_nr{padding:10px; height:120px; font-weight:300; color:#fff; opacity:0; font-size:16px; line-height:30px;}

 
.rq-history .qiehuanBtn{position:absolute;top:calc(50% - 65px);z-index:8; width:30px; height:30px;border-radius:50%;opacity:0.8;cursor:pointer; transform:scale(1) }
.rq-history .qiehuanBtn.lft{left:5%;background:rgba(255,255,255,0.5) url(prev.gif) center center  no-repeat; background-size:50%;}
.rq-history .qiehuanBtn.rit{right:5%;background:rgba(255,255,255,0.5) url(next.gif) center center  no-repeat; background-size:50%;}
.rq-history .qiehuanBtn:hover{background-color:var(--blue); transform:scale(1.2);
box-shadow:0px 0px 7px 0 rgba(0, 0, 0, .23);}

}