img {
  width: 100%;
}

.swiper {
  width: 100%;
  height: 100%;
}

.head-logo {
  top: 5.5%;
  right: 5%;
  width: 186px;
  z-index: 10;
  position: fixed;
  cursor: pointer;
}

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn_cont {
  position: fixed;
  width: 85%;
  left: 7.3%;
  top: 2%;
  z-index: 99;
}
.btn_cont .btn_cont_bg {
  width: 100%;
}
.btn_cont .btn_cont_yuan {
  position: absolute;
  left: 0%;
  width: 27%;
  top: -52%;
  transition: all 0.3s ease-in-out;
}
.btn_cont ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn_cont ul .btn_tu {
  position: absolute;
  width: 200%;
  margin-top: 68px;
  left: -50%;
  opacity: 0;
  transition: all 0.3s linear;
  pointer-events: none;
}
.btn_cont ul li {
  position: absolute;
}
.btn_cont ul li a {
  position: relative;
  display: inline-block;
}
.btn_cont ul li .btn_img {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.btn_cont ul li .btn_img_on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.btn_cont ul li:nth-child(1) {
  top: 6%;
  width: 16%;
  left: 7%;
}
.btn_cont ul li:nth-child(1) a {
  position: absolute;
  width: 55%;
  left: 20%;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.btn_cont ul li:nth-child(1) .btn_tu {
  margin-top: 50px;
}
.btn_cont ul li:nth-child(2) {
  top: 6%;
  width: 16%;
  left: 24%;
}
.btn_cont ul li:nth-child(2) a {
  position: relative;
  width: 80%;
  left: 10%;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.btn_cont ul li:nth-child(2) .btn_tu {
  margin-top: 50px;
}
.btn_cont ul li:nth-child(3) {
  top: 5%;
  width: 16%;
  left: 44%;
}
.btn_cont ul li:nth-child(3) a {
  position: absolute;
  width: 50%;
  left: 20%;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.btn_cont ul li:nth-child(3) .btn_tu {
  margin-top: 50px;
  width: 220%;
  left: -71%;
}
.btn_cont ul li:nth-child(4) {
  top: 18%;
  width: 16%;
  left: 62%;
}
.btn_cont ul li:nth-child(4) a {
  position: absolute;
  width: 70%;
  left: 15%;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.btn_cont ul li:nth-child(4) .btn_tu {
  margin-top: 46px;
}
.btn_cont ul li:nth-child(5) {
  top: 6%;
  width: 16%;
  left: 81%;
}
.btn_cont ul li:nth-child(5) a {
  position: absolute;
  width: 55%;
  left: 26%;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.btn_cont ul li:nth-child(5) .btn_tu {
  margin-top: 50px;
}
.btn_cont ul .arr .btn_tu {
  opacity: 1;
}
.btn_cont ul .arr .btn_img {
  opacity: 0;
}
.btn_cont ul .arr .btn_img_on {
  opacity: 1;
}

.yun1 {
  transition: zuoyou 4s 0s infinite linear alternate;
  -webkit-animation: zuoyou 4s 0s infinite linear alternate;
  -moz-animation: zuoyou 4s 0s infinite linear alternate;
}

.yun2 {
  transition: zuoyou 4s 0s infinite linear alternate-reverse;
  -webkit-animation: zuoyou 4s 0s infinite linear alternate-reverse;
  -moz-animation: zuoyou 4s 0s infinite linear alternate-reverse;
}

.back {
  position: fixed;
  left: -3%;
  width: 24%;
  bottom: 1.8%;
}

.page_cont {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_cont .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0%;
  top: 0%;
}
.page_cont .lunbo_cont {
  position: absolute;
  top: 18%;
  width: 88%;
  left: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.page_cont .lunbo_cont .kuang {
  position: relative;
  width: 100%;
  z-index: 9;
  pointer-events: none;
}
.page_cont .lunbo_cont .swiper {
  position: absolute;
  width: 83%;
  height: 59%;
  top: 25%;
  overflow: hidden;
}
.page_cont .lunbo_cont .right_btn {
  position: absolute;
  width: 10%;
  right: 3%;
  top: 49%;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.page_cont .lunbo_cont .left_btn {
  position: absolute;
  width: 10%;
  left: 3%;
  top: 49%;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.page_cont .lunbo_cont .swiper_btn {
  cursor: pointer;
}
.page_cont .lunbo_cont .swiper_btn:hover {
  transform: scale(1.1);
}
.page_cont .ren {
  position: absolute;
  width: 17.7%;
  right: 19%;
  top: 20%;
  transition: xiafu 4s 0s infinite linear alternate;
  -webkit-animation: xiafu 4s 0s infinite linear alternate;
  -moz-animation: xiafu 4s 0s infinite linear alternate;
}
.page_cont .cao {
  position: absolute;
  left: -13%;
  bottom: -3%;
  width: 80%;
}
.page_cont .cong1 {
  position: absolute;
  width: 3.39%;
  right: 19.5%;
  top: 40%;
}
.page_cont .cong2 {
  position: absolute;
  width: 3.83%;
  left: 7.66%;
  bottom: 12.9%;
}
.page_cont .yun1 {
  position: absolute;
  width: 50%;
  left: -12.5%;
  top: 20.85%;
}
.page_cont .yun2 {
  position: absolute;
  top: 51.9%;
  right: -19.12%;
  width: 41%;
}
.page_cont .goupiao {
  position: absolute;
  width: 40%;
  right: 0%;
  bottom: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.page_cont .goupiao:hover {
  transform: scale(0.85);
}
.page_cont .text {
  position: absolute;
  top: 95%;
  width: 80%;
  right: 10%;
  transition: fadeInRight 1.5s 0.5s ease both;
  -webkit-animation: fadeInRight 1s 0.5s ease both;
  -moz-animation: fadeInRight 1s 0.5s ease both;
}
.page_cont .pang {
  position: absolute;
  width: 24%;
  bottom: 6%;
  right: 6%;
  transition: fadeInRight 1.5s 1s ease both;
  -webkit-animation: fadeInRight 1.5s 1s ease both;
  -moz-animation: fadeInRight 1.5s 1s ease both;
}

.btn_cont1 .lunbo_cont {
  top: 18%;
  width: 88%;
  left: 6%;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}
.btn_cont1 .text {
  top: 95%;
  width: 90%;
  right: 5%;
}
.btn_cont1 .guidao {
  position: absolute;
  width: 100%;
  top: 10%;
  left: 0%;
}
.btn_cont1 .chengbao {
  position: absolute;
  width: 70%;
  left: -21%;
  bottom: -10%;
  transition: xiafu 4s 0s infinite linear alternate;
  -webkit-animation: xiafu 4s 0s infinite linear alternate;
  -moz-animation: xiafu 4s 0s infinite linear alternate;
}
.btn_cont1 .yun1 {
  position: absolute;
  width: 58%;
  left: -9.5%;
  top: 53.85%;
}
.btn_cont1 .yun2 {
  position: absolute;
  top: 72.9%;
  right: -26.12%;
  width: 59%;
}
.btn_cont1 .hua {
  position: absolute;
  right: -4%;
  width: 15%;
  top: 19%;
}

.page_cont4 .lunbo_cont {
  top: 18%;
  width: 88%;
  left: 6%;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}
.page_cont4 .ren {
  position: absolute;
  width: 25%;
  right: 1%;
  top: 14%;
}
.page_cont4 .yun1 {
  width: 45.31%;
  left: 62%;
  top: 18%;
}
.page_cont4 .yun2 {
  width: 45.5%;
  top: 55%;
  right: -16%;
}
.page_cont4 .yun3 {
  position: absolute;
  width: 21.6%;
  right: 10%;
  bottom: 8%;
  transition: zuoyou 4s 0s infinite linear alternate-reverse;
  -webkit-animation: zuoyou 4s 0s infinite linear alternate-reverse;
  -moz-animation: zuoyou 4s 0s infinite linear alternate-reverse;
}
.page_cont4 .pang {
  position: absolute;
  width: 50%;
  bottom: -1%;
  left: 14.3%;
}
.page_cont4 .text {
  top: 95%;
  width: 80%;
  right: 10%;
}

.page_cont5 .bg2 {
  position: absolute;
  top: 0;
  width: 70%;
  pointer-events: none;
}
.page_cont5 .lunbo_cont {
  top: 18%;
  width: 88%;
  left: 6%;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}
.page_cont5 .text {
  top: 95%;
  width: 90%;
  right: 5%;
}
.page_cont5 .yun1 {
  position: absolute;
  left: -16%;
  top: 27%;
  width: 50%;
}
.page_cont5 .yun2 {
  position: absolute;
  top: 41%;
  right: -10%;
  width: 22%;
}
.page_cont5 .r1 {
  position: absolute;
  width: 29%;
  left: 4%;
  bottom: -1.5%;
  transition: zuoyou2 2s 0s infinite ease-in-out alternate;
  -webkit-animation: zuoyou2 2s 0s infinite ease-in-out alternate;
  -moz-animation: zuoyou2 2s 0s infinite ease-in-out alternate;
}
.page_cont5 .r2 {
  position: absolute;
  width: 15%;
  left: 39%;
  top: 48%;
  transition: xiafu 1s 0s infinite ease-in-out alternate;
  -webkit-animation: xiafu 1s 0s infinite ease-in-out alternate;
  -moz-animation: xiafu 1s 0s infinite ease-in-out alternate;
}
.page_cont5 .tiantong {
  position: absolute;
  width: 9%;
  right: 3%;
  top: 12%;
  transition: xiafu 2s 0s infinite ease-in-out alternate;
  -webkit-animation: xiafu 2s 0s infinite ease-in-out alternate;
  -moz-animation: xiafu 2s 0s infinite ease-in-out alternate;
}

.page_cont3 .tishi {
  position: absolute;
  width: 39%;
  right: -76%;
  top: 0;
}
.page_cont3 .lunbo_cont {
  top: 18%;
  width: 88%;
  left: 6%;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}
.page_cont3 .text {
  top: 95%;
  width: 79%;
  left: 2%;
}
.page_cont3 .yun1 {
  top: 25%;
}
.page_cont3 .yun2 {
  position: absolute;
  top: auto;
  left: 52.5%;
  bottom: 11%;
  width: 34%;
}
.page_cont3 .tiantong {
  position: absolute;
  width: 9%;
  right: 3%;
  top: 12%;
}
.page_cont3 .z_cont {
  position: absolute;
  right: 10%;
  top: 95.5%;
  z-index: 9;
}
.page_cont3 .z_cont li {
  cursor: pointer;
}
.page_cont3 .z_cont li .z_btn {
  width: 21px;
  height: 21px;
  border: 3px solid rgb(255, 118, 166);
  background-color: rgb(127, 19, 43);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  margin-bottom: 10px;
  font-size: 12px;
}
.page_cont3 .z_cont li:hover .z_btn {
  background-color: rgb(255, 118, 166);
  border: 3px solid rgb(127, 19, 43);
}
.page_cont3 .z_cont .arr .z_btn {
  background-color: rgb(255, 118, 166);
  border: 3px solid rgb(127, 19, 43);
}
.page_cont3 .ztu_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.page_cont3 .ztu_box1 .r1 {
  position: absolute;
  width: 3.3%;
  left: 17%;
  top: 16.5%;
}
.page_cont3 .ztu_box1 .r2 {
  position: absolute;
  width: 12.88%;
  left: 14%;
  top: 21%;
  transition: xiafu 4s 0s infinite linear alternate-reverse;
  -webkit-animation: xiafu 4s 0s infinite linear alternate-reverse;
  -moz-animation: xiafu 4s 0s infinite linear alternate-reverse;
}
.page_cont3 .ztu_box1 .r3 {
  position: absolute;
  width: 22%;
  left: 3%;
  top: 18.3%;
  transition: xiafu 4s 0s infinite linear alternate;
  -webkit-animation: xiafu 4s 0s infinite linear alternate;
  -moz-animation: xiafu 4s 0s infinite linear alternate;
}
.page_cont3 .ztu_box1 .r4 {
  position: absolute;
  width: 60%;
  left: -8%;
  bottom: -5%;
}
.page_cont3 .ztu_box1 .r5 {
  position: absolute;
  width: 29.46%;
  left: 64%;
  top: 71%;
}
.page_cont3 .ztu_box2 .r1 {
  position: absolute;
  width: 23.3%;
  left: 8%;
  top: 15.5%;
}
.page_cont3 .ztu_box2 .r2 {
  position: absolute;
  width: 41%;
  left: 61%;
  top: 72%;
}
.page_cont3 .ztu_box2 .r3 {
  position: absolute;
  width: 45.2%;
  left: 0%;
  bottom: -1%;
}
.page_cont3 .ztu_box3 .r1 {
  position: absolute;
  width: 8%;
  left: 0%;
  top: 40%;
  transition: xiafu 3s 0s infinite linear alternate-reverse;
  -webkit-animation: xiafu 3s 0s infinite linear alternate-reverse;
  -moz-animation: xiafu 3s 0s infinite linear alternate-reverse;
}
.page_cont3 .ztu_box3 .r2 {
  position: absolute;
  width: 17.88%;
  left: 72%;
  top: 15%;
  transition: xiafu 3s 0s infinite linear alternate;
  -webkit-animation: xiafu 3s 0s infinite linear alternate;
  -moz-animation: xiafu 3s 0s infinite linear alternate;
}
.page_cont3 .ztu_box3 .r3 {
  position: absolute;
  width: 18.9%;
  left: 13%;
  top: 16.3%;
  transition: xiafu 2s 0s infinite linear alternate;
  -webkit-animation: xiafu 2s 0s infinite linear alternate;
  -moz-animation: xiafu 2s 0s infinite linear alternate;
}
.page_cont3 .ztu_box3 .r4 {
  position: absolute;
  width: 35.3%;
  left: 57%;
  top: 70%;
}
.page_cont3 .ztu_box3 .r5 {
  position: absolute;
  width: 60%;
  left: 0%;
  bottom: -1%;
}
.page_cont3 .ztu_box4 .r1 {
  position: absolute;
  width: 24.3%;
  left: 9%;
  top: 13.5%;
  transition: zuoyou 2s 0s infinite linear alternate;
  -webkit-animation: zuoyou 2s 0s infinite linear alternate;
  -moz-animation: zuoyou 2s 0s infinite linear alternate;
}
.page_cont3 .ztu_box4 .r2 {
  position: absolute;
  width: 26%;
  left: 67%;
  top: 72%;
}
.page_cont3 .ztu_box4 .r3 {
  position: absolute;
  width: 41%;
  left: 0%;
  bottom: -1%;
}
.page_cont3 .ztu_box_arr {
  display: block;
}

.run_fadeIn_02 {
  transition: fadeIn 1s 0.2s ease both;
  -webkit-animation: fadeIn 1s 0.2s ease both;
  -moz-animation: fadeIn 1s 0.2s ease both;
}

.tanchuang {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tanchuang .xiong {
  position: relative;
  width: 95%;
}
.tanchuang .off {
  position: absolute;
  right: 10%;
  top: 10%;
  cursor: pointer;
  width: 10%;
}

.active .run_fadeIn_05 {
  transition: fadeIn 1s 0.5s ease both;
  -webkit-animation: fadeIn 1s 0.5s ease both;
  -moz-animation: fadeIn 1s 0.5s ease both;
}
.active .run_fadeIn_10 {
  transition: fadeIn 1s 1s ease both;
  -webkit-animation: fadeIn 1s 1s ease both;
  -moz-animation: fadeIn 1s 1s ease both;
}
.active .run_fadeIn_12 {
  transition: fadeIn 1s 1.2s ease both;
  -webkit-animation: fadeIn 1s 1.2s ease both;
  -moz-animation: fadeIn 1s 1.2s ease both;
}
.active .run_fadeIn_14 {
  transition: fadeIn 1s 1.4s ease both;
  -webkit-animation: fadeIn 1s 1.4s ease both;
  -moz-animation: fadeIn 1s 1.4s ease both;
}
.active .run_bounceIn_16 {
  transition: bounceIn 1.5s 1.6s ease both;
  -webkit-animation: bounceIn 1.5s 1.6s ease both;
  -moz-animation: bounceIn 1.5s 1.6s ease both;
}
.active .run_bounceIn_12 {
  transition: bounceIn 1.5s 1.2s ease both;
  -webkit-animation: bounceIn 1.5s 1.2s ease both;
  -moz-animation: bounceIn 1.5s 1.2s ease both;
}
.active .run_bounceIn_14 {
  transition: bounceIn 1.5s 1.4s ease both;
  -webkit-animation: bounceIn 1.5s 1.4s ease both;
  -moz-animation: bounceIn 1.5s 1.4s ease both;
}
.active .run_fadeIn_16 {
  transition: fadeIn 1s 1.6s ease both;
  -webkit-animation: fadeIn 1s 1.6s ease both;
  -moz-animation: fadeIn 1s 1.6s ease both;
}
.active .run_fadeInUp_05 {
  transition: fadeInUp 1s 0.5s ease both;
  -webkit-animation: fadeInUp 1s 0.5s ease both;
  -moz-animation: fadeInUp 1s 0.5s ease both;
}
.active .run_fadeInUp_12 {
  transition: fadeInUp 1s 1.2s ease both;
  -webkit-animation: fadeInUp 1s 1.2s ease both;
  -moz-animation: fadeInUp 1s 1.2s ease both;
}
.active .run_fadeInUp_14 {
  transition: fadeInUp 1s 1.4s ease both;
  -webkit-animation: fadeInUp 1s 1.4s ease both;
  -moz-animation: fadeInUp 1s 1.4s ease both;
}
.active .run_fadeInUp_16 {
  transition: fadeInUp 1s 1.6s ease both;
  -webkit-animation: fadeInUp 1s 1.6s ease both;
  -moz-animation: fadeInUp 1s 1.6s ease both;
}
.active .run_fadeInDown_05 {
  transition: fadeInDown 1s 0.5s ease both;
  -webkit-animation: fadeInDown 1s 0.5s ease both;
  -moz-animation: fadeInDown 1s 0.5s ease both;
}
.active .run_fadeInLeft_05 {
  transition: fadeInLeft 1s 0.5s ease both;
  -webkit-animation: fadeInLeft 1s 0.5s ease both;
  -moz-animation: fadeInLeft 1s 0.5s ease both;
}
.active .run_fadeInLeft_10 {
  transition: fadeInLeft 1s 1s ease both;
  -webkit-animation: fadeInLeft 1s 1s ease both;
  -moz-animation: fadeInLeft 1s 1s ease both;
}
.active .run_fadeInRight_05 {
  transition: fadeInRight 1s 0.5s ease both;
  -webkit-animation: fadeInRight 1s 0.5s ease both;
  -moz-animation: fadeInRight 1s 0.5s ease both;
}
.active .run_fadeInRight_10 {
  transition: fadeInRight 1s 1s ease both;
  -webkit-animation: fadeInRight 1s 1s ease both;
  -moz-animation: fadeInRight 1s 1s ease both;
}
.active .run_fadeInRight_15_15 {
  transition: fadeInRight 1.5s 1.5s ease both;
  -webkit-animation: fadeInRight 1s 1.5s ease both;
  -moz-animation: fadeInRight 1s 1.5s ease both;
}
.active .run_fadeIn_12 {
  transition: fadeIn 1.5s 1.2s ease both;
  -webkit-animation: fadeIn 1.5s 1.2s ease both;
  -moz-animation: fadeIn 1.5s 1.2s ease both;
}
.active .run_fadeIn_14 {
  transition: fadeIn 1.5s 1.4s ease both;
  -webkit-animation: fadeIn 1.5s 1.4s ease both;
  -moz-animation: fadeIn 1.5s 1.4s ease both;
}
.active .run_fadeIn_16 {
  transition: fadeIn 1.5s 1.6s ease both;
  -webkit-animation: fadeIn 1.5s 1.6s ease both;
  -moz-animation: fadeIn 1.5s 1.6s ease both;
}
.active .run_fadeIn_18 {
  transition: fadeIn 1.5s 1.8s ease both;
  -webkit-animation: fadeIn 1.5s 1.8s ease both;
  -moz-animation: fadeIn 1.5s 1.8s ease both;
}
.active .run_fadeInRight_02 {
  transition: fadeInRight 1.2s 0.2s ease both;
  -webkit-animation: fadeInRight 1.2s 0.2s ease both;
  -moz-animation: fadeInRight 1.2s 0.2s ease both;
}
.active .run_fadeInRight_05 {
  transition: fadeInRight 1.2s 0.5s ease both;
  -webkit-animation: fadeInRight 1.2s 0.5s ease both;
  -moz-animation: fadeInRight 1.2s 0.5s ease both;
}
.active .run_fadeInRight_10 {
  transition: fadeInRight 1.2s 1s ease both;
  -webkit-animation: fadeInRight 1.2s 1s ease both;
  -moz-animation: fadeInRight 1.2s 1s ease both;
}
.active .run_fadeInRight_15_20 {
  transition: fadeInRight 2s 1.5s ease both;
  -webkit-animation: fadeInRight 2s 1.5s ease both;
  -moz-animation: fadeInRight 2s 1.5s ease both;
}
.active .run_fadeInLeft_02 {
  transition: fadeInLeft 1.2s 0.2s ease both;
  -webkit-animation: fadeInLeft 1.2s 0.2s ease both;
  -moz-animation: fadeInLeft 1.2s 0.2s ease both;
}
.active .run_fadeInLeft_10 {
  transition: fadeInLeft 1.2s 1s ease both;
  -webkit-animation: fadeInLeft 1.2s 1s ease both;
  -moz-animation: fadeInLeft 1.2s 1s ease both;
}
.active .run_fadeInDown_05 {
  transition: fadeInDown 1.2s 0.5s ease both;
  -webkit-animation: fadeInDown 1.2s 0.5s ease both;
  -moz-animation: fadeInDown 1.2s 0.5s ease both;
}
.active .run_fadeInDown_20 {
  transition: fadeInDown 1.2s 2s ease both;
  -webkit-animation: fadeInDown 1.2s 2s ease both;
  -moz-animation: fadeInDown 1.2s 2s ease both;
}
.active .run_fadeInUpBig_24 {
  transition: fadeInUpBig 1.2s 2.4s ease both;
  -webkit-animation: fadeInUpBig 1.2s 2.4s ease both;
  -moz-animation: fadeInUpBig 1.2s 2.4s ease both;
}/*# sourceMappingURL=index.css.map */