.block-title__info {
    position: absolute
}

.window-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.86);
    z-index: 100
}

.window-video__player {
    width: 1024px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 200
}

.window-video__player .close {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #1e1e1e;
    position: absolute;
    right: -48px;
    top: 0
}

.window-video__player .close:hover i {
    transform: rotate(90deg)
}

.affix-button {
    width: 68px;
    height: 68px;
    color: #fff
}

.affix-button,.affix-button__body {
    display: flex;
    justify-content: center;
    align-items: center
}

.affix-button__body {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    transition: all .3s ease
}

.affix-button__body:hover {
    border: 1px solid #fff
}

.affix-button__body .icon {
    font-size: 20px
}

.line-swiper__line {
    height: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJsAAAACCAYAAAD/0d2FAAADBklEQVRoge1Z2W6sMAyNQ/vUX+9b/7adwdVAQuyTkwRm0b2qsBQRvNtkNfL1+fkRCmjqaTgOAhJCnoiLwdPseyRPhpsMbUr4N6BNBvcOuCnhJtO3+HfgQd4WHXW/EbsT+BgTTUws0yAPweCCoQXgwXzjd8I+e2/henCU/4QTXgv3rG7PGOzKmWQOQRNORr4ZukAoUvF4ZTc7BO3dAVq8cvubzIx2tcSgJJ6EW/Daxsmsq15d/ZZgaVZGG/Llfe0rvBc9S5yz0WVlb+2a33WTs/aKPnX+Oj9n8HWu43Y6jHzFl/OuJddb7DbnWvJGv4mqyyvKbONDgcfiybipxyGXvY35lg6PwJHe1k04vU+D6Y/ztzsdmxNwp3Z41cFuqx0bTlZKbje8QCzmNOb1ipNxusXzagR9ibeWl8pWFSvornis/1ZvIPyEl/o/inPpN/LB4o2oXzxv9PLVc9EhRafRvcnGTEt8EfgEeKN4m9nH6L+FRu6rtbnRxec+03Qa53ntS9Gf5hDmFL8djoXQmQ9OPvm5e+7sgQ7/w0eL1kJ1nqJP+HugZhfNIxxPBGxKMRyebu3T6plTyzjbvwDu9rymZvsXw3uB9pN4vxPvdyj43BjuB3Csj7Zyu0JDv2eIG3NgY8ZcsnxaGp6CyIl//bYxvAZYoSl0cAHoI54WnxIZHMSj/QCXeyvXK9LYxDM/Wji03bKHfOaIQ21i/19sV+cWecL/CS+aEa3dcYGGzXxhGBaaiK0+4A3zOLBL4cijo4f3Eft2wRoo2EoTtNpgcvHod2eXZYQXFjQtKMR+XEGjjzCK92BOq0LTM5T27D2Zz7k4XEvGi82o0HQPPDRGB7KHL+h4d4ZCNJ2yo6rhHkOdq4qzL74g24PmkqhII8VcK8eO8tAf+jSQp328Htg4egViYteOg9bPDKoLct+De8ZaUf7khfjJe1sFeDU+4YS/C7378JEZoKSWIZ2ZhBsyuz/PQL+aPtpmLdNmItMqKVt/c6EIi1+tAtDehkUm1Nfrs9VpFP/6DEF/AZZnzofPfANKAAAAAElFTkSuQmCC) no-repeat 50%;
    width: 1400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.line-swiper__scroll {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.line-swiper__scroll .list {
    width: -moz-max-content;
    width: max-content
}

.line-swiper__scroll .list .item {
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    z-index: 200;
    padding: 0 20px
}

.index {
    min-width: 1200px
}

.index .animate__delay-500 {
    animation-delay: .5s
}

.index .one-swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* background-color:rgba(0,0,0,.26); */
}

.index .one-swiper .mousewheel {
    position: absolute;
    top: 76%;
    left: 49%
}

.index .one-swiper .mousewheel-body {
    height: 38px;
    width: 24px;
    border-radius: 14px;
    border: 2px solid #f29947
}

.index .one-swiper .mousewheel-body .middle-axis {
    width: 3px;
    height: 6px;
    background-color: #f29947;
    border-radius: 3px;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: slideMove 1s ease-in-out infinite
}

@keyframes slideMove {
    0% {
        top: 50%
    }

    to {
        top: 78%
    }
}

.index .two-swiper {
    background: url(/_nuxt/img/banner-bg.e083b2d.jpg) no-repeat;
    background-size: 100% 100%
}

.index .two-swiper .swiper-slide {
    opacity: 0
}

.index .two-swiper .swiper-slide-active,.index .two-swiper .swiper-slide-next,.index .two-swiper .swiper-slide-prev {
    opacity: 1
}

.index .two-swiper__container .swiper-slide .info-box::-webkit-scrollbar {
    width: 8px
}

.index .two-swiper__container .swiper-slide .info-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background-color: #999
}

.index .two-swiper__container .swiper-slide .info-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 0
}

.index .two-swiper__container .swiper-slide .shade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color .2s ease
}

.index .two-swiper__container .swiper-slide-next .shade,.index .two-swiper__container .swiper-slide-prev .shade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4)
}

.index .two-swiper__bottom .swiper-slide-active .circle {
    width: 70px;
    height: 70px
}

.index .two-swiper__line {
    height: 4px;
    background-color: #7e7777;
    width: 105%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
