@charset "UTF-8";
img {
  vertical-align: top;
}

.ratio-img,
.ratio-img img {
  width: 100%;
}

.history_cont .swiper-slide img {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.history_cont .swiper-slide.swiper-slide-active,
.history_cont .swiper-slide.swiper-slide-active img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.about_history {
  position: relative;
  padding: 0px 10%;
  background-image: url(../../img/about/riqi.png);
  background-size: cover;
  background-position: center center;
}

.history_year {
  position: relative;
  background: url(../../img/riqi/history_bg.png) no-repeat 0 bottom;
  width: 850px;
  height: 300px;
  margin: auto;
  padding-top: 70px;
  overflow: hidden;
}

.history_year .leftbox .swiper-container {
  height: 100%;
  width: 100%;
}

.history_year a {
  color: #c1c1c1;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  line-height: 110px;
  text-align: center;
  position: relative;
  opacity: 0;
  transform-origin: 50% 50%;
}

.history_year .leftbox .swiper-slide i {
  width: 23px;
  height: 23px;
  background: url(../../img/riqi/history_icon.png) no-repeat center center;
  display: block;
  display: none;
  position: absolute;
  top: 98px;
  left: 50%;
  margin-left: -8px;
}

.history_year .leftbox .swiper-slide em {
  display: none;
  position: absolute;
  top: -15px;
  left: 0;
  color: #e3254c;
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Arial";
  text-transform: uppercase;
  font-weight: bold;
}

.history_year .leftbox .swiper-slide-active i {
  display: block;
}

.history_cont .swiper-slide.swiper-slide-active .topnum {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.topnum {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  text-align: center;
  color: #2a2a2a;
  margin-bottom: 15px;
  visibility: hidden;
}
.topnum .title {
  font-size: var(--f45);
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #0769B2;
}
.topnum .en {
  font-size: var(--f20);
  font-family: DIN-Regular, DIN;
  font-weight: 400;
  color: #828A99;
}

.history_year li {
  float: left;
  width: 100%;
  padding: 35px 0;
  border-bottom: #bebebe solid 1px;
  overflow: hidden;
}

.history_cont dl {
  overflow: hidden;
  padding: 30px;
  background: #efefef;
}

.history_cont dt {
  float: left;
  width: 215px;
}

.history_cont dd {
  float: right;
  width: calc(100% - 230px);
}

.history_cont dd h3 {
  font-family: "Arial";
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.his_p {
  color: #666;
  line-height: 1.8;
  font-size: var(--f16);
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #828A99;
}

.his_p p {
  background: url(../../img/riqi/his_cicle.png) no-repeat 0 12px;
  padding-left: 18px;
  /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
}

.history_cont {
  position: relative;
  margin-bottom: 80px;
}

.history_cont .swiper-container {
  padding-bottom: 15px;
}

.history_cont .swiper-slide-prev {
  top: 30px;
}

.history_cont .swiper-slide-next {
  top: 30px;
}

.ie9 .history_cont .swiper-slide img {
  width: 100%;
}

.history_cont .swiper-slide-duplicate-prev,
.history_cont .swiper-slide-duplicate-next {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  top: 30px;
}

.history_cont .swiper-slide-duplicate-prev img,
.history_cont .swiper-slide-duplicate-next img {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.history_cont .swiper-container-3d .swiper-slide-shadow-right,
.history_cont .swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.history_cont .swiper-slide-next,
.history_cont .swiper-slide-prev {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}

.history_cont .swiper-pagination {
  display: none;
}

.history_cont .but > div {
  width: 25%;
  height: 87%;
  margin-top: 0;
  top: 30px;
  background: url(../../img/riqi/wite_bg.png) repeat;
}

.history_cont .but > div.swiper-button-prev {
  left: 0;
}

.history_cont .but > div.swiper-button-next {
  right: 0;
}

/*大事记改*/
.history_cont .swiper-slide {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  top: 30px;
}

.history_cont .swiper-slide img {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.history_cont .swiper-slide.swiper-slide-active,
.history_cont .swiper-slide.swiper-slide-active img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.history_cont .swiper-slide.swiper-slide-prev,
.history_cont .swiper-slide.swiper-slide-prev img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}

.history_cont .swiper-slide.swiper-slide-next,
.history_cont .swiper-slide.swiper-slide-next img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}

.history_cont .swiper-slide.swiper-slide-prev dl,
.history_cont .swiper-slide.swiper-slide-next dl {
  margin-top: 30px;
}

.history_year {
  position: relative;
  background: url(../../img/riqi/history_bg.png) no-repeat 0 bottom;
  width: 850px;
  height: 300px;
  margin: auto;
  padding-top: 70px;
  overflow: hidden;
}
.history_year .leftbox .swiper-slide i {
  width: 23px;
  height: 23px;
  background: url(../../img/riqi/history_icon.png) no-repeat center center;
  display: block;
  display: none;
  position: absolute;
  top: 98px;
  left: 50%;
  margin-left: -8px;
}
.history_year .swiper-button-next {
  width: 28px;
  height: 51px;
  background: url(../../img/riqi/his_next.png) no-repeat center center;
  position: absolute;
  right: 255px;
  top: 0px;
  margin-top: 15px;
}
.history_year .swiper-button-prev {
  width: 28px;
  height: 51px;
  background: url(../../img/riqi/his_prev.png) no-repeat center center;
  position: absolute;
  left: 255px;
  top: 0px;
  margin-top: 15px;
}
.history_year .leftbox {
  width: 300px;
  height: 850px;
  margin: auto;
}
.history_year .leftbox .swiper-container {
  height: 100%;
  width: 100%;
}
.history_year a {
  color: #c1c1c1;
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  line-height: 110px;
  text-align: center;
  position: relative;
  opacity: 0;
  transform-origin: 50% 50%;
}

@media only screen and (min-width: 1025px) {
  .history_year .leftbox .swiper-slide-active a {
    font-size: 72px;
    opacity: 1;
    color: #3e3e3e;
  }
  .history_year .leftbox a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }
  .history_year .leftbox .prev_nth2Mode a {
    transform: rotate(62deg) translateX(17px) translateY(-19px);
    opacity: 1;
  }
  .history_year .leftbox .next_nth2Mode a {
    transform: rotate(131deg) translateX(-22px) translateY(-7px);
    opacity: 1;
  }
  .history_year .leftbox .prev_nth3Mode a {
    transform: rotate(33deg) translateX(-48px) translateY(101px);
    opacity: 1;
  }
  .history_year .leftbox .next_nth3Mode a {
    transform: rotate(152deg) translateX(54px) translateY(98px);
    opacity: 1;
  }
  .history_year .leftbox .prev_nth4Mode a {
    transform: rotate(-80deg) translateX(-126px) translateY(-143px);
  }
  .history_year .leftbox .next_nth4Mode a {
    transform: rotate(80deg) translateX(-214px) translateY(162px);
  }
  .history_year .leftbox .prev_nth5Mode a {
    transform: rotate(-25deg) translateX(-65px);
    opacity: 1;
  }
  .history_year .leftbox .next_nth5Mode a {
    transform: rotate(25deg) translateX(-65px) translateY(20px);
    opacity: 1;
  }
  .history_year .leftbox .prev_nth6Mode a {
    transform: rotate(-30deg) translateX(-99px);
    opacity: 1;
  }
  .history_year .leftbox .next_nth6Mode a {
    transform: rotate(30deg) translateX(-99px) translateY(20px);
    opacity: 1;
  }
  .history_year .swiper-button-prev {
    width: 28px;
    height: 51px;
    background: url(../../img/riqi/his_prev.png) no-repeat center center;
    position: absolute;
    left: 255px;
    top: 0px;
    margin-top: 15px;
  }
  .history_year .swiper-button-next {
    width: 28px;
    height: 51px;
    background: url(../../img/riqi/his_next.png) no-repeat center center;
    position: absolute;
    right: 255px;
    top: 0px;
    margin-top: 15px;
  }
  .history_year .leftbox .swiper-container {
    padding-right: 150px;
  }
  .history_year .leftbox .swiper-slide-active a {
    transform: rotate(90deg) translateX(-3px) translateY(-150px);
  }
  .history_year .leftbox {
    transform: rotate(-90deg) translateX(275px);
  }
}
@media only screen and (max-width: 1279px) {
  .history_cont dl {
    padding: 20px;
  }
  .history_cont dd {
    width: calc(100% - 230px);
  }
}
@media only screen and (max-width: 1024px) {
  .history_cont .swiper-slide.swiper-slide-active .topnum {
    margin-top: 20px;
  }
  .history_cont .but > div {
    width: 27px;
    height: 44px;
    margin-top: -22px;
    top: 50%;
    display: none;
  }
  .history_cont .but > div.swiper-button-prev {
    left: 0;
    background: url(../../img/riqi/prev02.png) no-repeat center center;
  }
  .history_cont .but > div.swiper-button-next {
    right: 0;
    background: url(../../img/riqi/next02.png) no-repeat center center;
  }
  .history_year .leftbox .swiper-slide.on a {
    font-size: 32px;
    opacity: 1;
    color: #3e3e3e;
  }
  .history_cont .swiper-slide-prev {
    top: 0px;
  }
  .history_cont .swiper-slide-next {
    top: 0px;
  }
  .history_year .leftbox .prev_nth2Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .next_nth2Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .prev_nth3Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .next_nth3Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .prev_nth4Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .next_nth4Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .prev_nth5Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .next_nth5Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .prev_nth6Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .next_nth6Mode a {
    transform: rotate(0deg) translateX(0) translateY(0);
  }
  .history_year .leftbox .swiper-slide-active a {
    transform: rotate(0deg) translateX(0px) translateY(0px);
  }
  .history_year .leftbox {
    transform: rotate(0deg) translateX(0px);
  }
  .history_year .leftbox .swiper-slide-active a {
    color: #000;
  }
  .history_year,
  .history_year .leftbox {
    width: 100%;
    height: auto;
  }
  .history_year .leftbox .swiper-container {
    padding-right: 0px;
  }
  .history_year {
    padding-top: 0;
    background: none;
  }
  .history_year a {
    opacity: 1;
  }
  .history_year .swiper-button-next.swiper-button-disabled,
  .history_year .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: inherit;
  }
  .history_year .swiper-button-next.disabled,
  .history_year .swiper-button-prev.disabled {
    opacity: 0.35;
    cursor: default;
  }
  .history_year .leftbox .swiper-slide-active i {
    display: none;
  }
  .history_year a {
    line-height: 32px;
  }
  .history_year .swiper-button-prev {
    width: 28px;
    height: 28px;
    background: url(../../img/riqi/his_prev.png) no-repeat center center;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -14px;
    background-size: cover;
  }
  .history_year .swiper-button-next {
    width: 28px;
    height: 28px;
    background: url(../../img/riqi/his_next.png) no-repeat center center;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -14px;
    background-size: cover;
  }
  .history_cont {
    margin-bottom: 0;
  }
  .about_history {
    position: relative;
    padding: 0px 0 60px 0;
  }
  .about_history .head_title {
    margin: 50px 0 100px 0;
  }
  .history_year {
    padding: 0 0px;
    box-sizing: border-box;
    position: absolute;
    top: 125px;
    left: 2%;
    width: 96%;
  }
  .history_cont .swiper-pagination {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
  }
  .history_cont .swiper-pagination span {
    margin: 0 5px;
    width: 10px;
    height: 10px;
  }
  .topnum {
    background-size: 100%;
  }
  .history_cont .swiper-slide.swiper-slide-prev,
  .history_cont .swiper-slide.swiper-slide-prev img {
    opacity: 1;
    filter: alpha(opacity=10);
    -moz-opacity: 1;
    -khtml-opacity: 1;
  }
  .history_cont .swiper-slide.swiper-slide-next,
  .history_cont .swiper-slide.swiper-slide-next img {
    opacity: 1;
    filter: alpha(opacity=10);
    -moz-opacity: 1;
    -khtml-opacity: 1;
  }
  .history_cont .swiper-slide.swiper-slide-prev dl,
  .history_cont .swiper-slide.swiper-slide-next dl {
    margin-top: 0px;
  }
  .history_cont .swiper-slide {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .history_cont dl {
    padding: 10px;
  }
  .history_cont dd {
    width: 100%;
  }
  .history_cont dt {
    width: 100%;
    margin-bottom: 20px;
  }
  .history_year .leftbox .swiper-slide.on a {
    font-size: 24px;
  }
  .history_year .swiper-button-next,
  .history_year .swiper-button-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
}
.about_history div,
.about_history a,
.about_history input,
.about_history select,
.about_history textarea,
.about_history img,
.about_history ul,
.about_history li,
.about_history ol,
.about_history p,
.about_history label,
.about_history span,
.about_history i,
.about_history pre,
.about_history table,
.about_history tbody,
.about_history tr,
.about_history td,
.about_history dl,
.about_history dt,
.about_history th {
  box-sizing: content-box;
}/*# sourceMappingURL=riqi.css.map */