/**Ê×Ò³banner**/
.index-banner {
  position: relative;
}
.index-banner .box {
  display: block;
  position: relative;
}
.index-banner .box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
}
.index-banner .box img {
  display: block;
  object-fit: cover;
}
.index-banner .box .pc {
  display: block;
}
.index-banner .box .phone {
  display: none;
}
.index-banner .swiper-slide {
  position: relative;
  overflow: hidden;
  height: auto;
}
.index-banner .swiper-slide.swiper-slide-active .cont {
  transform: translate(0, 0);
  opacity: 1;
}
.index-banner .cont {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.9s 1.2s;
}
.index-banner .cont .title {
  font-size: 70px;
  font-weight: bold;
  line-height: 1.4em;
}
.index-banner .cont .des {
  margin-top: 12px;
  font-size: 28px;
  line-height: 1.4em;
}
.index-banner .cont .des .p + .p {
  margin-top: 0.8em;
}
.index-banner .video-slide {
  position: relative;
}
.index-banner .video-slide img {
  opacity: 1;
}
.index-banner .video-slide::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.0);
}
.index-banner .video-slide .video-box video {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.index-banner .swiper-other {
  position: absolute;
  left: 0;
  bottom: 5.4%;
  width: 100%;
  z-index: 2;
}
.index-banner .swiper-other .mouse-box {
  text-align: center;
  font-size: 14px;
  line-height: 1.4em;
  color: #ffffff;
}
.index-banner .swiper-other .mouse-box .self-svg {
  --size: 1.6em;
  --fill: #ffffff;
  animation: run1 0.7s infinite ease-in-out alternate;
}
.index-banner .swiper-other .mouse-box .word {
  margin-top: 5px;
  opacity: 0.7;
}
.index-banner .swiper-other .number {
  margin-left: 15px;
  font-size: 12px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 0.3);
}
.index-banner .swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.index-banner .swiper-other .number .all {
  margin-left: 3px;
}
.index-banner .swiper-other .swiper-pagination-bullet {
  --cw: 16px;
  margin: 0 6px;
  position: relative;
  width: var(--cw);
  height: var(--cw);
  background: transparent;
  cursor: pointer;
  opacity: 1;
}
.index-banner .swiper-other .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: var(--cw);
  height: var(--cw);
  opacity: 1;
  transition: opacity 0.3s;
}
.index-banner .swiper-other .cycle-box {
  --size: var(--cw);
  display: block;
}
.index-banner .swiper-other .cycle-box .cycle-son::before {
  --b-c: var(--main-color);
  --b-w: 1px;
}
@media (max-width: 1600px) {
  .index-banner .cont .title {
    font-size: 50px;
  }
  .index-banner .cont .des {
    margin-top: 12px;
    font-size: 22px;
  }
  .index-banner .cont .des .p + .p {
    margin-top: 0.4em;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 12px;
    margin: 0 8px;
  }
}
@media (max-width: 1441px) {
  .index-banner .cont .title {
    font-size: 36px;
  }
  .index-banner .cont .des {
    margin-top: 10px;
    font-size: 18px;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 10px;
    margin: 0 6px;
  }
}
@media (max-width: 1200px) {
  .index-banner .box .pc {
    display: none;
  }
  .index-banner .box .phone {
    display: block;
  }
  .index-banner .cont {
    text-align: center;
  }
  .index-banner .cont .title {
    font-size: 0.4rem;
  }
  .index-banner .cont .des {
    margin-top: 0.1rem;
    font-size: 0.26rem;
  }
  .index-banner .cont .des .p + .p {
    margin-top: 0.4em;
  }
  .index-banner .swiper-other {
    bottom: 0.35rem;
  }
  .index-banner .swiper-other .wrap-1480 {
    justify-content: center;
  }
  .index-banner .swiper-other .mouse-box {
    display: none;
  }
  .index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 0.26rem;
    margin: 0 0.08rem;
  }
  .index-banner .swiper-other .swiper-pagination-bullet::before {
    border-width: 2px;
  }
  .index-banner .swiper-other .cycle-box {
    --b-w: 2px;
  }
  .index-banner .swiper-other .swiper-number .number {
    display: none;
  }
}

[flex] {
  display: flex;
}
[flex][flex~="i"] {
  display: inline-flex;
}
[flex][flex~="wrap"] {
  flex-wrap: wrap;
}
[flex][flex~="no-wrap"] {
  flex-wrap: nowrap;
}
[flex][flex~="ja"] {
  justify-content: space-around;
}
[flex][flex~="jb"] {
  justify-content: space-between;
}
[flex][flex~="js"] {
  justify-content: start;
}
[flex][flex~="jfs"] {
  justify-content: flex-start;
}
[flex][flex~="jc"] {
  justify-content: center;
}
[flex][flex~="je"] {
  justify-content: end;
}
[flex][flex~="jfe"] {
  justify-content: flex-end;
}
[flex][flex~="ais"] {
  align-items: flex-start;
}
[flex][flex~="aic"] {
  align-items: center;
}
[flex][flex~="acc"] {
  align-content: center;
}
[flex][flex~="aie"] {
  align-items: flex-end;
}
.wrap-1480{ width:100%;     padding:0 90px; margin:0 auto;}