.banner[data-v-5c2a8a45] {
     position: relative;
     height: 51.0416666667vw;
     color: #fff;
     text-align: center;
     background: url(../../../assets/20220907/img/overview_banner.86efedb1.jpg) no-repeat 50%;
     background-size: cover
 }

 .banner h3[data-v-5c2a8a45] {
     font-weight: 600;
     padding-top: 21.875vw;
     font-size: 3rem
 }

 @-webkit-keyframes fade-in-down-data-v-00f2fcee {
     0% {
         transform: translateY(3.125vw);
         opacity: 0
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 @keyframes fade-in-down-data-v-00f2fcee {
     0% {
         transform: translateY(3.125vw);
         opacity: 0
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 .banner[data-v-00f2fcee] {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 660px;
     text-align: center;
     background: url(../../../assets/20220907/img/banner.7b7dae28.jpg) no-repeat 50%;
     background-size: cover
 }

 .banner h1[data-v-00f2fcee] {
     font-weight: 600;
     padding-bottom: 20px;
     color: #fff;
     font-size: 54px;
     opacity: 0;
     -webkit-animation: fade-in-down-data-v-00f2fcee 1s ease-out forwards;
     animation: fade-in-down-data-v-00f2fcee 1s ease-out forwards
 }

 .banner h3[data-v-00f2fcee] {
     font-weight: 300;
     width: 594px;
     margin: 0 auto;
     font-size: 24px;
     opacity: 0;
     -webkit-animation: fade-in-down-data-v-00f2fcee .6s ease-out .4s forwards;
     animation: fade-in-down-data-v-00f2fcee .6s ease-out .4s forwards
 }

 @-webkit-keyframes fade-in-down-data-v-00f2fce1{
    0% {
        transform: translateY(3.125vw);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-data-v-00f2fce1 {
    0% {
        transform: translateY(3.125vw);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

 .banner[data-v-00f2fce1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 660px;
    text-align: center;
    background: url(../../../assets/20220907/img/banner.7b7dae21.jpg) no-repeat 50%;
    background-size: cover
}
.banner h1[data-v-00f2fce1] {
    font-weight: 600;
    padding-bottom: 20px;
    color: #fff;
    font-size: 54px;
    opacity: 0;
    -webkit-animation: fade-in-down-data-v-00f2fce1 1s ease-out forwards;
    animation: fade-in-down-data-v-00f2fce1 1s ease-out forwards
}

.banner h3[data-v-00f2fce1] {
    font-weight: 300;
    width: 594px;
    margin: 0 auto;
    font-size: 24px;
    opacity: 0;
    -webkit-animation: fade-in-down-data-v-00f2fce1 .6s ease-out .4s forwards;
    animation: fade-in-down-data-v-00f2fce1 .6s ease-out .4s forwards
}
@-webkit-keyframes fade-in-down-data-v-00f2fce2{
    0% {
        transform: translateY(3.125vw);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-data-v-00f2fce2 {
    0% {
        transform: translateY(3.125vw);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

 .banner[data-v-00f2fce2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 660px;
    text-align: center;
    background: url(../../../assets/20220907/img/banner.7b7dae22.jpg) no-repeat 50%;
    background-size: cover
}
.banner h1[data-v-00f2fce2] {
    font-weight: 600;
    padding-bottom: 20px;
    color: #fff;
    font-size: 54px;
    opacity: 0;
    -webkit-animation: fade-in-down-data-v-00f2fce2 1s ease-out forwards;
    animation: fade-in-down-data-v-00f2fce2 1s ease-out forwards
}

.banner h3[data-v-00f2fce2] {
    font-weight: 300;
    width: 594px;
    margin: 0 auto;
    font-size: 24px;
    opacity: 0;
    -webkit-animation: fade-in-down-data-v-00f2fce2 .6s ease-out .4s forwards;
    animation: fade-in-down-data-v-00f2fce2 .6s ease-out .4s forwards
}
 @-webkit-keyframes fade-in-down-data-v-9f698d40 {
     0% {
         transform: translateY(2.0833333333vw);
         opacity: 0
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 @keyframes fade-in-down-data-v-9f698d40 {
     0% {
         transform: translateY(2.0833333333vw);
         opacity: 0
     }

     to {
         transform: translateY(0);
         opacity: 1
     }
 }

 .banner[data-v-9f698d40] {
     background: url(../../../assets/20220907/img/banner.1d67b005.jpg) no-repeat 100% 0;
     background-size: 100% auto
 }

 .banner .anim[data-v-9f698d40] {
     transform: translateY(1.0416666667vw);
     opacity: 0
 }

 .banner .content[data-v-9f698d40] {
     width: 1200px;
     max-width: 96%;
     margin-right: auto;
     margin-left: auto;

 }

 .banner .contact {
     height: 33rem;
 }


 .banner h1[data-v-9f698d40] {
     font-weight: 600;
     position: relative;
     padding: 10.0520833333vw 0 2.0833333333vw;
     color: #fff;
     font-size: 3.3333333333rem;
     line-height: 1;
     opacity: 0;
     -webkit-animation: fade-in-down-data-v-9f698d40 1s ease-out forwards;
     animation: fade-in-down-data-v-9f698d40 1s ease-out forwards
 }

 .banner h1[data-v-9f698d40]:after {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 3.6458333333vw;
     max-width: 70px;
     height: .2083333333vw;
     max-height: 4px;
     background: #fff;
     content: ""
 }

 .banner h1 span[data-v-9f698d40] {
     display: block;
     padding-bottom: 1.5625vw;
     font-size: 2.2222222222rem
 }

 .banner h3[data-v-9f698d40] {
     margin-top: 2.0833333333vw;
     font-size: 16px;
     opacity: 0;
     -webkit-animation: fade-in-down-data-v-9f698d40 1s ease-out .4s forwards;
     animation: fade-in-down-data-v-9f698d40 1s ease-out .4s forwards
 }

 .banner .feature[data-v-9f698d40] {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 5.8333333333vw
 }

 .banner .feature li[data-v-9f698d40] {
     width: 30.2083333333vw;
     width: calc(50% - 21px);
     height: 20.9375vw;
     margin-bottom: 2.0833333333vw;
     padding: 2.6041666667vw 3.125vw;
     background: rgba(29, 29, 29, .6) no-repeat bottom;
     background-size: 100% 15.625vw;
     opacity: 0
 }

 .banner .feature li i[data-v-9f698d40] {
     background: rgba(0, 0, 0, .3);
     -webkit-backdrop-filter: saturate(180%) blur(20px);
     backdrop-filter: saturate(180%) blur(20px);
     display: block;
     width: 5.8333333333vw;
     max-width: 112px;
     height: 5.8333333333vw;
     max-height: 112px;
     background: hsla(0, 0%, 100%, .12) no-repeat 50%;
     background-size: 50%;
     border-radius: 100%
 }

 .banner .feature li h5[data-v-9f698d40] {
     font-weight: 600;
     color: #fff;
     padding: 2.0833333333vw 0 .7291666667vw;
     font-size: 2.2222222222rem
 }

 .banner .feature li p[data-v-9f698d40] {
     font-weight: 300;
     font-size: .8888888889rem
 }



 
 .banner[data-v-2ce7ecfe] {
     height: 34.375vw;
     background: url(../../../assets/20220907/img/banner.84c19efc.jpg) no-repeat 50%;
     background-size: cover
 }

 .banner .content[data-v-2ce7ecfe] {
     width: 1200px;
     max-width: 96%;
     margin-right: auto;
     margin-left: auto
 }

 .banner h1[data-v-2ce7ecfe] {
     font-weight: 600;
     padding: 13.0208333333vw 0 24px;
     color: #fff;
     font-size: 3rem
 }

 .banner h1 span[data-v-2ce7ecfe] {
     font-weight: 300;
     display: block;
     padding-top: 10px;
     font-size: 1.7777777778rem
 }

 .banner h3[data-v-2ce7ecfe] {
     font-weight: 300;
     padding-bottom: 40px;
     color: hsla(0, 0%, 100%, .6);
     font-size: 1.1111111111rem
 }

 .banner[data-v-66bcdd6a] {
     height: 660px;
     text-align: center;
     background: url(../../../assets/20220907/img/banner.405b9d13.jpg) no-repeat 50%;
     background-size: cover
 }

 .banner h1[data-v-66bcdd6a] {
     padding: 250px 0 20px;
     color: #fff;
     font-size: 3rem
 }

 .banner h3[data-v-66bcdd6a] {
     padding-bottom: 40px;
     color: hsla(0, 0%, 100%, .6);
     font-size: 1.3333333333rem
 }