body{
    background-color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    font-family: "Microsoft YaHei",Arial,sans-serif;
    color: rgba(255,255,255,.8);
    letter-spacing: 1px;
}
.wrapper{
    /* 在父容器上面使用 scroll-snap-type 属性 */
    scroll-snap-type: y mandatory;
}
section {
    /* 在需要滚动的容器上使用 scroll-snap-align 属性 */
    scroll-snap-align: start;
}
h1,h2,h3,h4,h5,h6,label{
    color: #fff;
    font-weight: bold;
}
.modal h4,.modal h5,.modal label,.modal p{
    color: #333;
}
.a1_div .row .col{
    /*padding: 0 5px;*/
}
.a1,.a2,.a3,.a4,.a5{
    /* margin: 100px 0; */
}
.text_h1{
    font-size: 80px;
    letter-spacing: 10px;
}
img{
    max-width: 100%;
}
.py-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.line_h2{
    line-height: 2;
}
.color_w{
    color: #fff;
}
td,th{
    /*min-width: 80px;*/
    text-align: center;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {

}
.color1{
    color: #ff9248;
}
.color2{
    color: #9f78fd;
}
.s1{
    /*visibility: hidden;*/
    /*opacity: 0;*/
    /*transition: visibility 0s linear 0.5s, opacity 0.5s linear;*/
    /*background: url("../img/bg1.webp")  rgba(0, 0, 0, .1) center center no-repeat;*/
    /*background-size: cover;*/
    /*background-blend-mode: multiply;*/
    /*height: 100vh;*/
    position: relative;
    overflow: hidden;
}
.s11{
    background: rgba(0, 0, 0, 1) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.s112 {
    background: url("../img/bg1.webp") rgba(0, 0, 0, .8) center center no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}
/*.s1:hover{*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    transition-delay: 15s;*/
/*}*/
.s2{
    background: url("../img/bg2.webp")  rgba(0, 0, 0, .8) center center no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    max-height: 100vh;
}
.s3{
    background-image: url("../img/b3.webp"),url("../img/b4.webp"),linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)),url("../img/bg3.webp") ;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position:
            top left 20%,
            bottom right 20%,
            center center,
            center center;
    background-size: auto,auto,cover,cover;
    /*background-blend-mode: multiply;*/
    max-height: 100vh;
}
.s4{
    background: url("../img/bg4.webp")  rgba(0, 0, 0, .8) center center no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    max-height: 100vh;
}
/*.s5{*/
/*    background:linear-gradient(to right,#F08742 0%,#F08742 50%,#262626 50.01%,#262626 100%)*/
/*}*/
.s6{
    background-image: url("../img/bg62.webp"),url("../img/bg61.webp"),linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)),url("../img/bg6.webp") ;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position:
            bottom right,
            bottom left,
            center center,
            center center;
    background-size: auto,auto,cover,cover;
    /*background-blend-mode: multiply;*/
    max-height: 100vh;
}
.s6::after{
    background: url("../img/bg61.webp") left bottom no-repeat;
    background-size: contain;
    /*background-blend-mode: multiply;*/
    /*max-height: 100vh;*/
}
.s7{
    /*background: url("../img/bg7.webp")  rgba(0, 0, 0, .6) center center no-repeat;*/
    /*background-size: cover;*/
    /*background-blend-mode: multiply;*/
    background-color: #F08742;
    background-image: url("../img/b1.png"),url("../img/b2.webp");
    background-repeat: no-repeat, no-repeat;
    background-position: top 15% right 25%, bottom right;
    max-height: 100vh;
    padding: 190px 0;
}
.s8{
    background: url("../img/bg8.webp")  rgba(0, 0, 0, .6) center center no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    max-height: 100vh;
}
.s9{
    /*background: url("../img/bg8.webp")  rgba(0, 0, 0, .6) center center no-repeat;*/
    /*background-size: cover;*/
    /*background-blend-mode: multiply;*/
    /*max-height: 100vh;*/
    /*padding: 150px 0;*/
    background-color: #111111;
}
.hv100{
    height: 100vh;
}
.s31{
    background: url("../img/s31.webp") center center no-repeat;
    background-size: contain;
}
.s41{
    background: url("../img/s41.webp") center center no-repeat;
    background-size: contain;
}
.s5{
    margin: 0;
    padding:0;
    background-color: #000000;
}
.s51{
    background-color: #EF8740;
    /*padding: 80px 0 100px 0;*/
}
.s52{
    background-color: #262626;
    /*padding: 80px 0;*/
}
.s61,.s63,.s65{
    background-color: #EF8740;
    padding: 20px;
    /*transition: transform 0.1s;*/
    transition: all 0.4s ease-in;
}
.s62,.s64{
    background-color: #5F4898;
    padding: 20px;
    transition: transform 0.4s;
}
.s61:hover,.s62:hover,.s63:hover,.s64:hover,.s65:hover{
    transform: translate(0,-20px);
    cursor: pointer;
}
.s81{
    background-color: #626262;
    padding: 40px 20px;
}
.s82{
    background-color: #5F4898;
    padding: 40px 20px;
}
.s81 img,.s82 img{
    transition: all 0.3s ease-in;
}
.s81 img:hover,.s82 img:hover{
    transform: scale(1.2);
    cursor: pointer;
}
.s10 .swiper img,.s2 img{
    transition: all 0.5s ease-in;
}
.s10 .swiper img:hover,.s2 img:hover{
    transform: scale(1.1);
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-slide {
    width: 60%;
}
.s71{
    position: fixed;
    width: 50%;
    display: none;
}

.s73 .mySwiper .swiper-slide:hover img{
    -webkit-filter: brightness(30%);
    -moz-filter: brightness(30%);
    -ms-filter: brightness(30%);
    -o-filter: brightness(30%);

    filter:brightness(30%);
}
.s73 .mySwiper:last-child .swiper-slide:hover img{
    -webkit-filter:none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;

    filter:none;
}
.mySwiper .swiper-slide:hover .s71{
    display: block;
}
.s72 span{
   display: inline-block;
    padding: 5px 30px;
    margin: 5px auto;
}
.s72 span.active{
    background-color: #ffffff;
    color: #EF8740!important;
}
.s92 span{
    min-width: 135px;
    margin: 5px auto;
}
.s93 .swiper-slide{
    align-content: center;
    flex-direction: column;
}
.s93 .swiper-slide p{
    font-size: 16px;
}
.s10{
    /*height: 100vh;*/
    /*padding: 150px 20px;*/
}
.s10 .swiper-slide{
    height: calc((100% - 30px) / 2) !important;
}
.color3{
    color: #A419E6;
}
.btn-warning1 {
    color: #ffffff;
    background-color: #A419E6;
    border-color: #AD0DF5
}

.btn-warning1:hover {
    color: #ffffff;
    background-color: #4D056F;
    border-color: #36034D;
}
#video{
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    object-fit: fill;
    /*position: absolute;*/
    /*z-index: 999;*/
    /*left: 50%; top: 50%;*/
    /*transform: translate(-50%, -50%);*/
}
.animate__animated.animate__delay-13s {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
    -webkit-animation-delay: calc(var(--animate-delay)*14);
    animation-delay: calc(var(--animate-delay)*14);
}
.animate__animated.animate__delay-14s {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-delay: calc(var(--animate-delay)*15);
    animation-delay: calc(var(--animate-delay)*15);
}
.rem1{
      font-size: 1rem;
  }
.rem2{
    font-size: 1.25rem;
}
.lh15 {
    line-height: 1.5;
}
@-webkit-keyframes slideInUp1 {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp1 {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp1 {
    -webkit-animation-name: slideInUp1;
    animation-name: slideInUp1
}
.swiper-button-next:after, .swiper-button-prev:after{
    color: #fff;
}
#section5 a,#section7 a,#s6 a,#s8 a{
   color: #fff;
    text-decoration: none;
}

.scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    /*border: 2px solid #bbb;*/
    /*border-radius: 50%;*/
    margin: 0 auto;
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    color: #fff;
    font-size: 24px;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
@-webkit-keyframes drop {
    0%   { top:0px;  opacity: 0;}
    30%  { top:10px; opacity: 1;}
    100% { top:25px; opacity: 0;}
}
@keyframes drop {
    0%   { top:0px;  opacity: 0;}
    30%  { top:10px; opacity: 1;}
    100% { top:25px; opacity: 0;}
}

#btn0{
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 999;
}
#btn0 .badge{
    padding: 0.5rem 1rem;
}
#btn0:hover{
    cursor: pointer;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 50px!important;
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 50px!important;
}