html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #101017;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.footer {
  display: none !important;
}

.hide {
  display: none;
}

.show {
  display: block !important;
}

.pg-index {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pg-index .indicator {
  position: absolute;
  width: 140px;
  height: 56px;
  left: 50%;
  margin-left: -70px;
  bottom: 20px;
  background-image: url("../images/indicator.png?1591775998688");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  -webkit-animation: down 1.5s infinite ease;
  animation: down 1.5s infinite ease;
}

.swiper-pagination-big {
  position: absolute;
  width: 149px;
  height: 472px;
  right: 38px !important;
  z-index: 1;
}

.swiper-pagination-big .bullet {
  width: 149px;
  height: 32px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0 0 18px !important;
  border-radius: 0;
  opacity: 1;
  background: none;
}

.swiper-pagination-big .bullet-text {
  width: 116px;
  text-align: right;
  line-height: 32px;
  color: #7a6142;
  font-size: 14px;
}

.swiper-pagination-big .bullet-el {
  width: 6px;
  height: 6px;
  background: url("../images/left_icon_2.png?1591775998688") no-repeat;
  margin-top: 13px;
  margin-left: 16px;
}

.swiper-pagination-big .bullet-active .bullet-text {
  font-size: 16px;
  font-weight: bold;
  color: #c79562;
}

.swiper-pagination-big .bullet-active .bullet-el {
  width: 16px;
  height: 16px;
  background: url("../images/left_icon_1.png?1591775998688") no-repeat;
  margin-left: 10px;
  margin-top: 7px;
}

.dash-line {
  position: absolute;
  width: 1px;
  height: 260px;
  right: 51px;
  top: 50%;
  -webkit-transform: translateY(-225px);
  -ms-transform: translateY(-225px);
  transform: translateY(-225px);
  background: url("../images/dash-line.png?1591775998688") no-repeat;
  background-size: 4px 407px;
  z-index: 1;
}

.dash-line-zt {
  height: 304px;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide-big {
  text-align: left;
  font-size: 18px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-slide-big-home {
  background-image: url("../images/home_bg.jpg?1591775998688");
}

.swiper-slide-big-2 {
  background-image: url("../images/2_bg.jpg?1591775998688");
}

.swiper-slide-big-3 {
  background-image: url("../images/3_bg.jpg?1591775998688");
}

.swiper-slide-big-4 {
  background-image: url("../images/4_bg.jpg?1591775998688");
}

.swiper-slide-big-5 {
  display: none;
  background-image: url("../images/5_bg.jpg?1591775998688");
}

.swiper-slide-big-6 {
  background-image: url("../images/6_bg.jpg?1591775998688");
  background-position: top;
}

.swiper-slide-big-7 {
  background-image: url("../images/seven_bg.png?1591775998688");
}

.swiper-slide-big .title {
  position: absolute;
  height: 110px;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.swiper-slide-big .content {
  height: 100%;
  width: 1440px;
  color: black;
  position: relative;
}

.swiper-slide-big .content_home .slogan {
  position: absolute;
  width: 676px;
  height: 304px;
  left: 50%;
  margin-left: -334px;
  top: 580px;
  background: url("../images/home_slogan.png?1591775998688") no-repeat;
  background-size: contain;
  -webkit-animation: scaleAni 3s ease-in-out infinite;
  animation: scaleAni 3s ease-in-out infinite;
}

.swiper-slide-big .content_2 .left_person {
  width: 884px;
  height: 706px;
  position: absolute;
  top: 180px;
  left: -190px;
}

.swiper-slide-big .content_2 .zt {
  background: url("../images/zt/left_person.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_2 .zt2 {
  background: url("../images/zt2/left_person.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_2 .ls {
  background: url("../images/ls/left_person.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_2 .zthj {
  background: url("../images/zthj/left_person.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_2 .right_person {
  width: 804px;
  height: 503px;
  background: url("../images/right_person.png?1591775998688") no-repeat;
  position: absolute;
  top: 253px;
  left: 657px;
}

.swiper-slide-big .content_2 .detail {
  width: 313px;
  height: 87px;
  display: block;
  position: absolute;
  top: 780px;
  left: 50%;
  margin-left: -156px;
  background: url("../images/tips.png?1591775998688") no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.swiper-slide-big .content_2 .detail:hover {
  background-position: 0 -137px;
}

.swiper-slide-big .content_2 .detail_on {
  background: url("../images/2_btn.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_3 .person {
  width: 1116px;
  height: 623px;
  background: url("../images/person.png?1591775998688") no-repeat;
  margin: 0 auto;
  margin-top: 220px;
}

.swiper-slide-big .content_3 .bz {
  position: absolute;
  width: 355px;
  height: 164px;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 660px;
  background: url("../images/bz.gif?1591775998688") no-repeat;
  cursor: pointer;
}

.swiper-slide-big .content_4 .more {
  width: 120px;
  height: 32px;
  display: block;
  position: absolute;
  top: 205px;
  right: 282px;
  background: url("../images/more.png?1591775998688") no-repeat;
  background-position: 0 0;
  cursor: pointer;
  text-indent: -9999px;
}

.swiper-slide-big .content_4 .more:hover {
  background-position: 0 -44px;
}

.swiper-slide-big .content_4 .con_pic {
  width: 890px;
  height: 415px;
  margin: 0 auto;
  margin-top: 275px;
}

.swiper-slide-big .content_4 .zt {
  background: url("../images/zt/four_pic.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_4 .zt2 {
  background: url("../images/zt2/four_pic.png?1591775998688") no-repeat;
}

.swiper-slide-big .content_4 .ls {
  background: url("../images/ls/four_pic.png?1591775998689") no-repeat;
}

.swiper-slide-big .content_4 .zthj {
  background: url("../images/zthj/four_pic.png?1591775998689") no-repeat;
}

.swiper-slide-big .content_5 {
  margin: 0 auto;
}

.swiper-slide-big .content_5 .con_info {
  position: absolute;
  width: 1150px;
  height: 638px;
  top: 230px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: contain;
}

.swiper-slide-big .content_5 .con_info .gz_video {
  width: 153px;
  height: 150px;
  position: absolute;
  top: 220px;
  left: 220px;
  background: url("../images/play.gif?1591775998689") no-repeat;
  background-size: contain;
  cursor: pointer;
}

.swiper-slide-big .content_5 .zt {
  background: url("../images/zt/gz_info.png?1591775998689") no-repeat;
}

.swiper-slide-big .content_5 .zt2 {
  background: url("../images/zt2/gz_info.png?1591775998689") no-repeat;
}

.swiper-slide-big .content_6 .video {
  width: 153px;
  height: 150px;
  position: absolute;
  top: 520px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/play.gif?1591775998689") no-repeat;
  background-size: contain;
  cursor: pointer;
}

.swiper-slide-big .content_7 .remark_info {
  width: 1034px;
  height: 603px;
  background: url("../images/fl_bg.png?1591775998689") no-repeat;
  margin: 0 auto;
  margin-top: 270px;
}

.swiper-slide-big .content_7 .remark_info p {
  font-size: 15px;
  color: #ae906a;
  margin-left: 697px;
  line-height: 22px;
  width: 320px;
}

.swiper-slide-big .content_7 .remark_info .t1 {
  padding-top: 100px;
}

@media screen and (min-width: 2000px) {
  .swiper-slide-big .content_home .slogan {
    top: 840px;
  }

  .swiper-slide-big .content_2 .left_person {
    top: 280px;
  }

  .swiper-slide-big .content_2 .right_person {
    top: 353px;
  }

  .swiper-slide-big .content_2 .detail {
    top: 980px;
  }

  .swiper-slide-big .content_3 .bz {
    top: 880px;
  }

  .swiper-slide-big .content_5 .con_info {
    top: 360px;
  }

  .swiper-slide-big .content_6 .video {
    top: 730px;
  }

  .swiper-slide-big .content_7 .remark_info {
    margin-top: 370px;
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  display: none;
}

::-webkit-scrollbar:hover {
  background-color: #eee;
}

::-webkit-scrollbar-thumb {
  min-height: 5px;
  min-width: 5px;
  border-radius: 20px;
  border: 1px solid #AAA;
  background-color: #AAA;
}

::-webkit-scrollbar-thumb:hover {
  min-height: 5px;
  min-width: 5px;
  border-radius: 20px;
  border: 1px solid #444;
  background-color: #444;
}

::-webkit-scrollbar-thumb:active {
  border-radius: 20px;
  border: 1px solid #444;
  background-color: #444;
}

@-webkit-keyframes scaleAni {
  from {
    -webkit-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  to {
    -webkit-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
}

@keyframes scaleAni {
  from {
    -webkit-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
  }

  to {
    -webkit-transform: scale3d(0.95, 0.95, 1);
    transform: scale3d(0.95, 0.95, 1);
  }
}

@-webkit-keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-0.16rem);
    transform: translateY(-0.16rem);
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
}

@keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-0.16rem);
    transform: translateY(-0.16rem);
  }

  40% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
}

@-webkit-keyframes round {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes round {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes left_human {
  from {
    opacity: 0.8;
    -webkit-transform: scale3d(0.97, 0.97, 1);
    transform: scale3d(0.97, 0.97, 1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    opacity: 0.8;
    -webkit-transform: scale3d(0.97, 0.97, 1);
    transform: scale3d(0.97, 0.97, 1);
  }
}

@keyframes left_human {
  from {
    opacity: 0.8;
    -webkit-transform: scale3d(0.97, 0.97, 1);
    transform: scale3d(0.97, 0.97, 1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    opacity: 0.8;
    -webkit-transform: scale3d(0.97, 0.97, 1);
    transform: scale3d(0.97, 0.97, 1);
  }
}