@charset "utf-8";
.wrapper{
    background-color: #fff;
    overflow: hidden;
}
.firstScreen{
    background: url(/static/img/guquan/first_bg.jpg) no-repeat;
    background-size: 100%;
    height: 44.30rem;
    text-align: center;
    position: relative;
}

.firstScreen .interval1 {
  height: 5.97rem;
}
.firstScreen .heading_txt1 {
  width: 100%;
}
.firstScreen .interval2 {
  height: 2.63rem;
}
.firstScreen .heading_txt2 {
  width: 74.4%;
  border-radius: 2.99rem;
  box-shadow: 0 0.07rem 0.35rem rgba(10, 101, 137, 0.31);
}
.firstScreen .interval3 {
  height: 1.77rem;
}
.firstScreen .heading_txt3 {
  font-size: 1rem;
  color: #fff;
  line-height: 1.73;
  width: 74%;
  margin-left: 13%;
  text-align: justify;
}
.firstScreen .interval4 {
  height: 3.2rem;
}
.firstScreen .photo_box {
  position: relative;
}
.firstScreen .photo_box img {
  width: 100%;
}
.firstScreen .photo_box .bg {
  z-index: 1;
}
.firstScreen .photo_box .photo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.firstScreen .photo_box .timerShaft {
  position: absolute;
  z-index: 1;
  top: 38%;
  width: 100%;
}
.firstScreen .photo_box .timerShaft .timer_line {
  height: 1px;
  width: 100%;
  background-image: url(/static/img/guquan/time_line.png);
  background-size: 100% 100%;
}
.firstScreen .photo_box .timerShaft .point {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  padding: 0.25rem;
  background-color: rgba(1, 195, 220, 0.36);
  box-shadow: 0 0.01rem 0.4rem rgba(10, 101, 137, 0.13);
  position: absolute;
  top: -0.525rem;
}
.firstScreen .photo_box .timerShaft .point .pointSolid {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #01c3dc;
  box-shadow: 0 0.07rem 0.35rem rgba(10, 101, 137, 0.13);
}
.firstScreen .photo_box .timerShaft .point .year {
  position: absolute;
  left: 50%;
  top: 125%;
  color: rgba(1, 195, 220, 0.5);
  font-size: 0.5rem;
  transform: translatex(-50%) scale(0.99);
}
.firstScreen .photo_box .timerShaft .point.right {
  right: 4%;
}
.firstScreen .photo_box .timerShaft .point.left {
  left: 4%;
}
.firstScreen .photo_box .timerShaft .point.left .year {
  color: #03CCE6;
}
.firstScreen .arrow {
  width: 0.995rem;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  bottom: 4rem;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.floor {
  padding-bottom: 3.1rem;
}
.floor .floor_hd {
  padding: 2.8rem 0 0;
}
.floor .content {
  padding: 2rem 6% 0;
  width: 88%;
  text-align: justify;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.7;
  color: #333;
}
.milestone .content {
  border-radius: 0.355rem;
  background-color: #F7F7F7;
  padding: 2.133rem 5%;
  margin: 2rem 5.5% 0;
  width: 79%;
}
.milestone .content img {
  display: block;
  margin-bottom: 1.85rem;
}
.about {
  background: url(/static/img/guquan/about_bg.jpg?v=2020011001) no-repeat center top;
  background-size: cover;
  padding-bottom: 3.6rem;
}
.about .content {
  color: #fff;
}
.filiale {
  background: #fff url(/static/img/guquan/filiale_bg.png) no-repeat center 5.05rem;
  background-size: 100%;
}
.chronicle {
  background: #0bb7d6 url(/static/img/guquan/chronicle_bg.jpg?v=2020011001) bottom center no-repeat;
  background-size: 100%;
  height: 37.73rem;
  padding-bottom: 0;
}
.chronicle .year {
  padding-top: 2.13rem;
}
.chronicle .year .list {
  padding: 0 2%;
  position: relative;
}
.chronicle .year .list li {
  float: left;
  width: 19%;
  height: 100%;
  margin: 0 0.5%;
}
.chronicle .year .list .li-last {
	position: absolute;
	right: -18%;
	top: 0;
}
.chronicle .year .list li .item {
  border-radius: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.15);
  height: 2rem;
  line-height: 2rem;
  color: #fff;
}
.chronicle .year .list li .item .text {
  display: block;
  white-space: nowrap;
  font-size: 0.78rem;
}
.chronicle .year .list li .arrow {
  display: none;
  margin: 0.6rem auto 0;
  width: 0;
  height: 0;
  border: 0.325rem solid transparent;
  border-top-color: #fff;
}
.chronicle .year .list li.current .item {
  background-color: #fff;
  color: #00aad1;
}
.chronicle .year .list li.current .arrow {
  display: block;
}
.chronicle .event_wrap .event_list {
  float: left;
  width: 100%;
  color: #fff;
  margin-bottom: 1.2em;
  line-height: 1.2;
}
.chronicle .event_wrap .event_list dt {
  float: left;
}
.chronicle .event_wrap .event_list dd {
  margin-left: 3.5em;
  letter-spacing: 0;
}
.chronicle .swiper-container {
  height: 26.5rem;
}
.chronicle .swiper-pagination-bullet {
  width: 1.53rem;
  height: 0.18rem;
  min-height: 3px;
  border-radius: 50px;
  opacity: .4;
}
.chronicle .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.chronicle .content{
  width: 79%;
  padding-left: 9.5%;
  padding-right: 11.5%;
  padding-top: 3.5rem;
}
.intro{
  padding-bottom: 0;
}
.intro .content {
  padding-bottom: 1.9rem;
}


@media screen and (max-width: 386px) {
  .intro .advantage .item .txt {
    white-space: nowrap;
  }

}

@media screen and (max-width: 374px) {
  .chronicle .year .list li .item .text {
    font-size: 12px;
    transform: scale(0.83);
  }
}
.floor.CopyrightNew{
	padding-bottom: 0;
}