.client-logo-row[data-v-6fdecced] {
    padding: 24px 24px 0
}

.client-logo[data-v-6fdecced] {
    position: relative;
    height: 94px;
    margin: 22px;
    text-align: center
}

.black-white[data-v-6fdecced] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.fullscreen-center[data-v-6fdecced] {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:599px) {
    .client-logo[data-v-6fdecced] {
        height: 64px;
        margin: 22px 12px
    }
}

.client-feedback[data-v-5386ab79] {
    background-color: #f7f7f7;
    padding: 0 24px 56px
}

.feedback-card[data-v-5386ab79] {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.show-feedback-card[data-v-5386ab79] {
    opacity: 1
}

.max-card-height[data-v-5386ab79] {
    position: relative !important;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    padding-bottom: 70px !important
}

.center-text[data-v-5386ab79] {
    position: relative;
    margin: auto 0;
    height: 100%;
    width: 100%
}

.div-center[data-v-5386ab79] {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.client-feedback-text[data-v-5386ab79] {
    position: relative;
    color: #333;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center
}

.double-quotation[data-v-5386ab79] {
    color: #4689f3;
    font-family: Roboto;
    font-size: 120px;
    letter-spacing: 0;
    text-align: center
}

.first-quotation[data-v-5386ab79] {
    position: relative;
    top: 20px
}

.second-quotation[data-v-5386ab79] {
    position: absolute;
    bottom: -50px
}

.company-name[data-v-5386ab79] {
    color: #333;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
}

.location-name[data-v-5386ab79] {
    color: #888;
    font-weight: 300
}

@media screen and (min-width:960px) {
    .client-feedback[data-v-5386ab79] {
        font-size: 38px;
        line-height: 52px
    }

    .double-quotation[data-v-5386ab79] {
        font-size: 120px
    }
}

@media screen and (min-width:600px) and (max-width:959px) {
    .client-feedback[data-v-5386ab79] {
        font-size: 30px;
        line-height: 38px
    }

    .double-quotation[data-v-5386ab79] {
        font-size: 100px
    }
}

@media screen and (max-width:599px) {
    .client-feedback[data-v-5386ab79] {
        font-size: 24px;
        line-height: 30px
    }

    .double-quotation[data-v-5386ab79] {
        font-size: 80px
    }
}

.dots-div[data-v-5386ab79] {
    position: absolute;
    height: 56px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-left: 20px
}

.grey-dot[data-v-5386ab79] {
    height: 16px;
    width: 16px;
    background-color: #d8d8d8;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.current-dot[data-v-5386ab79] {
    background-color: #4689f3;
    -webkit-transition: .3s;
    transition: .3s
}

.demo-form[data-v-b6eb2598] {
    position: relative;
    width: 100%;
    background-color: #17181a;
    padding: 56px 24px 68px;
    color: #fff !important
}

.from-layout[data-v-b6eb2598] {
    position: relative;
    margin: 0 auto
}

.input-company-size[data-v-b6eb2598] {
    pointer-events: none
}

.dropdown-btn-menu[data-v-b6eb2598] {
    width: 100%;
    margin-bottom: 32px
}

.dropdown-btn[data-v-b6eb2598] {
    position: relative;
    width: 100%;
    left: 0;
    height: 46px
}

.dropdown-text[data-v-b6eb2598] {
    position: relative;
    top: -2px;
    padding: 0;
    font-size: 16px;
    line-height: 19px
}

.dropdown-arrow[data-v-b6eb2598] {
    position: absolute;
    right: 0;
    top: 20px
}

.v-list[data-v-b6eb2598] {
    background: #2c2d32 !important;
    color: #fff
}

.dropdown-list-item[data-v-b6eb2598]:hover {
    background-color: #52545d !important
}

.form-input[data-v-b6eb2598] {
    margin-bottom: 18px
}

.form-input[data-v-b6eb2598] .v-input__slot:after, .form-input[data-v-b6eb2598] .v-input__slot:before {
    border-color: hsla(0, 0%, 100%, .7) !important
}

.form-input[data-v-b6eb2598] .error--text {
    color: hsla(0, 0%, 100%, .7) !important
}

.form-input[data-v-b6eb2598] input {
    caret-color: #fff !important
}

.input-field[data-v-b6eb2598] input:-webkit-autofill, input[data-v-b6eb2598]:-webkit-autofill:active, input[data-v-b6eb2598]:-webkit-autofill:focus, input[data-v-b6eb2598]:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #17181a inset !important
}

.form-input[data-v-b6eb2598] input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

.btn-width[data-v-b6eb2598] {
    max-width: 400px;
    margin: 36px auto 24px
}

.thanks-msn-div[data-v-b6eb2598] {
    height: 64px;
    width: 100%;
    color: #05c68d;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

.progress-line[data-v-b6eb2598] {
    width: 200px;
    margin: 32px auto 0
}

.form-input[data-v-b6eb2598] .theme--light.v-list, .form-input[data-v-b6eb2598] .v-list__tile {
    background: #6b2e2e !important;
    color: rgba(0, 0, 0, .87)
}

.hubspot-div-outter[data-v-b6eb2598] {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 90px;
    background-color: #f7f7f7;
    padding: 28px;
    border-radius: 2px;
    margin-bottom: 90px
}

.hubspot-div-outter[data-v-b6eb2598], .hubspot-div[data-v-b6eb2598] {
    position: relative;
    width: 100% !important
}

.date-text[data-v-69d7f952] {
    color: #4689f3;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.title-text[data-v-69d7f952] {
    color: #333;
    font-family: Roboto;
    font-size: 40px;
    font-weight: 500;
    line-height: 46px
}

.content-text[data-v-69d7f952] {
    color: #52545d;
    font-family: Roboto;
    font-size: 28px;
    line-height: 33px;
    padding-bottom: 30px
}

.read-more[data-v-69d7f952] {
    position: absolute;
    bottom: 48px;
    left: 48px;
    color: #52545d;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
    text-decoration: underline
}

.read-more[data-v-69d7f952]:hover {
    color: #4689f3
}

.arrow-before[data-v-69d7f952] {
    position: absolute;
    top: calc(50% - 32px);
    left: -72px
}

.arrow-next[data-v-69d7f952] {
    position: absolute;
    top: calc(50% - 32px);
    right: -72px
}

@media screen and (max-width:599px) {
    .title-text[data-v-69d7f952] {
        font-size: 28px;
        line-height: 32px
    }

    .content-text[data-v-69d7f952], .date-text[data-v-69d7f952], .read-more[data-v-69d7f952] {
        font-size: 18px;
        line-height: 24px
    }

    .arrow-before[data-v-69d7f952] {
        left: -56px
    }

    .arrow-next[data-v-69d7f952] {
        right: -56px
    }
}

.feedback-card2[data-v-69d7f952] {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1
}

.feedback-card[data-v-69d7f952] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.show-feedback-card[data-v-69d7f952] {
    opacity: 1;
    z-index: 2
}

.show-feedback-card-placehold[data-v-69d7f952] {
    position: relative;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 0;
    pointer-events: none
}

.move-in-card[data-v-69d7f952] {
    animation: shake-data-v-69d7f952 1s;
    -webkit-animation: shake-data-v-69d7f952 1s
}

@keyframes shake-data-v-69d7f952 {
    50% {
        -webkit-transform: translate(-5%) rotate(0deg);
        transform: translate(-5%) rotate(0deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes shake-data-v-69d7f952 {
    50% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
        opacity: 1
    }
}

.move-out-card[data-v-69d7f952] {
    animation: shake2-data-v-69d7f952 1s;
    -webkit-animation: shake2-data-v-69d7f952 1s
}

@keyframes shake2-data-v-69d7f952 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
        opacity: 1
    }

    50% {
        -webkit-transform: translate(2%) rotate(0deg);
        transform: translate(2%) rotate(0deg);
        opacity: 0
    }
}

@-webkit-keyframes shake2-data-v-69d7f952 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg);
        opacity: 1
    }

    50% {
        -webkit-transform: translate(2%) rotate(0deg);
        transform: translate(2%) rotate(0deg);
        opacity: 0
    }
}

.challenges-row[data-v-2bb34c9d] {
    padding: 0 8%
}

.trans-hide[data-v-2bb34c9d] {
    /* opacity: 0; */
    position: relative;
    top: 30px
}

.trans-fadein[data-v-2bb34c9d] {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    transition: 1s;
    top: 0
}

.challenge-card[data-v-2bb34c9d] {
    position: relative;
    padding: 24px 0;
    min-width: 180px;
    max-width: 280px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
    margin: 0 auto
}

.title[data-v-2bb34c9d] {
    color: #0c0c0e;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

.blue-line[data-v-2bb34c9d] {
    width: 60px;
    margin: 0 auto;
    border-top: 3px solid #4689f4
}

.center-img[data-v-2bb34c9d] {
    margin: 0 auto
}

@media screen and (max-width:1263px) {
    .challenges-row[data-v-2bb34c9d] {
        padding: 0
    }
}

.main-page {
    position: fixed;
    top: 64px;
    height: calc(100% - 64px);
    width: 100%;
    overflow-y: scroll;
    background-color: #fff;
    scroll-behavior: smooth
}

.page-width {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%
}

.scroll-padding {
    display: block;
    visibility: hidden
}

.num-scroll {
    position: fixed;
    top: 70px;
    z-index: 2
}

.slogan-div {
    background-color: #4689f4;
    width: auto
}

.slogan-div, .slogan-div2 {
    position: relative;
    min-height: 586px
}

.slogan-div2 {
    overflow: hidden
}

.slogan-text {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 24px 24px 24px 16%;
    color: #fff
}

.fullscreen-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slogan-headline {
    font-size: 54px;
    font-weight: 700;
    line-height: 64px;
    max-width: 600px;
    letter-spacing: .7px
}

.slogan-subheadline {
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    max-width: 600px;
    margin-top: 24px
}

.headline-shadow {
    text-shadow: 1px 3px 4px rgba(0, 0, 0, .15)
}

.slogan-img {
    position: absolute;
    height: 100%;
    min-width: 100%;
    max-width: 1938px;
    top: 0;
    right: 0;
    z-index: 0
}

.img-gradient {
    background: linear-gradient(45deg, rgba(82, 82, 122, .4), rgba(31, 31, 31, .4));
    opacity: .6
}

.img-gradient, .img-text {
    position: absolute;
    height: 100%;
    width: 100%
}

.img-text {
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.solution-row {
    padding: 0 8%
}

.what-we-do-card {
    position: relative;
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

.what-we-do-div {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25)
}

.what-we-do-label {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    background-color: #4689f4;
    min-height: 48px;
    padding: 14px 10px 10px
}

.what-we-do-label, .what-we-do-text {
    font-family: Roboto;
    letter-spacing: 0;
    text-align: center
}

.what-we-do-text {
    color: #1b1b1b;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 22px
}

.text-bold {
    font-weight: 500
}

.head-line {
    font-size: calc(30px + 60*(100vw - 300px)/1300);
    line-height: 1.2em;
    font-weight: 900;
    margin-bottom: 30px;
    margin-top: -15%
}

.head-line, .subhead-line {
    text-align: center;
    color: #fff
}

.subhead-line {
    font-size: calc(14px + 26*(100vw - 300px)/1300);
    font-weight: 300;
    margin-top: 15px
}

.sm-head-line {
    color: #0c0c0e
}

.sm-head-line, .sm-head-line-dark {
    font-family: Roboto;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 44px;
    text-align: center
}

.sm-head-line-dark {
    color: #fff
}

.blue-line {
    border-top: 3px solid #4689f4
}

.blue-line, .white-line {
    width: 60px;
    margin: 0 auto
}

.white-line {
    border-top: 3px solid #fff
}

.body-text {
    color: #333
}

.body-text, .body-text-dark {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center
}

.body-text-dark {
    color: #fff
}

.name-tag {
    padding: 12px 16px
}

.name-tab-headline {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fafafa;
    font-family: Roboto;
    margin-bottom: 4px
}

.link-in {
    position: relative;
    display: inline-block;
    bottom: -4px;
    height: 24px
}

.name-tag-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    color: #fafafa;
    margin: 0
}

.icon-div {
    position: relative
}

.big-num {
    color: #4689f3;
    font-family: Roboto;
    font-size: 96px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 112px;
    text-align: center
}

.icon-text {
    font-size: 16px;
    font-weight: 900
}

.benefit-card {
    max-width: 374px;
    margin: 0 auto
}

.icon-text-benefits {
    color: #1b1b1b;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
}

.icon-text-benefits-b {
    font-weight: 500
}

.icon-text-contact {
    font-size: 22px;
    font-weight: 900;
    color: #fafafa;
    margin-top: 10px
}

.icon-width {
    width: 140px;
    max-width: 80%
}

.image-width {
    max-width: 100%
}

.back-by-img {
    position: relative;
    height: 130px;
    max-width: 240px;
    margin: 16px auto
}

.blue-div-team {
    position: relative;
    width: 100%;
    height: 94px;
    background-color: transparent;
    z-index: -1
}

.blog-logo-div {
    width: 100%;
    text-align: center
}

.blog-logo-btn, .blog-logo-div {
    display: inline-block;
    position: relative
}

.blog-logo-btn {
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    border-radius: 40px;
    padding: 6px 28px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25)
}

@media screen and (min-width:1264px) {
    .team-img {
        padding-top: 8px
    }

    .name-tag {
        text-align: center !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        min-width: 220px;
        margin-top: -6px;
        height: 100px
    }

    .blue-div-team {
        position: relative;
        width: 100%;
        height: 190px;
        background-color: #4689f4;
        margin-top: -100px
    }

    .slogan-img {
        right: -32px
    }

    .investors-row {
        padding: 0 16%
    }
}

@media screen and (min-width:960px) and (max-width:1263px) {
    .name-tag {
        margin-top: -6px;
        min-width: none
    }

    .team-img {
        padding: 20px 24px 0
    }

    .slogan-img {
        right: -140px
    }

    .solution-row {
        padding: 0 24px
    }
}

@media screen and (min-width:600px) and (max-width:959px) {
    .name-tag {
        position: relative;
        width: 100%;
        opacity: 1;
        margin-top: -6px
    }

    .team-img {
        padding: 20px 8px 0;
        max-width: 320px;
        margin: 0 auto
    }

    .slogan-img {
        right: -200px
    }

    .slogan-headline {
        font-size: 46px;
        line-height: 52px
    }

    .solution-row {
        padding: 0 24px
    }
}

@media screen and (max-width:599px) {
    .name-tag {
        position: relative;
        width: 100%;
        opacity: 1;
        margin-top: -6px
    }

    .slogan-img {
        right: -220px
    }

    .slogan-text {
        padding-left: 24px
    }

    .slogan-headline {
        font-size: 46px;
        line-height: 52px
    }

    .investors-row {
        padding: 0 24px
    }

    .solution-row {
        padding: 0
    }
}

.trans-hide {
    /* opacity: 0; */
    position: relative;
    top: 30px
}

.trans-fadein {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    transition: 1s;
    top: 0
}

.address-text {
    color: #8d909f;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px
}

.back-icon-div {
    position: fixed;
    height: 72px;
    width: 100px;
    bottom: 0;
    right: 0;
    background-color: #8d909f;
    pointer-events: none
}

.back-btn {
    right: -64px
}

.back-btn, .show-back-btn {
    position: fixed;
    bottom: 24px;
    -webkit-transition: .6s;
    transition: .6s
}

.show-back-btn {
    right: 24px
}

html {
    overflow-y: hidden !important
}

body {
    font-family: Roboto, Arial, Sans-serif
}

.toolbar-icons {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1980px;
    margin: 0 auto
}

.white-toolbar {
    color: #fff
}

.deephow-logo-white-svg {
    width: 155px;
    height: 50px;
    background-image: url(../img/deephow-logo-white.8609f252.png);
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTU1JyBoZWlnaHQ9JzM0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTEzLjY5IDIzLjA2YTUuNTk5IDUuNTk5IDAgMDAyLjE1Ni0yLjI1NmMuNTE2LS45NjguNzc0LTIuMDguNzc0LTMuMzMzIDAtMS4yNTMtLjI1OC0yLjM2NC0uNzc0LTMuMzMzYTUuNDkzIDUuNDkzIDAgMDAtMi4xNTUtMi4yNGMtLjkyLS41MjQtMS45NDItLjc4Ni0zLjA2NC0uNzg2LTEuMTQ1IDAtMi4xNzIuMjYyLTMuMDguNzg2LS45MS41MjUtMS42MjggMS4yNzEtMi4xNTUgMi4yNC0uNTI4Ljk2OS0uNzkyIDIuMDgtLjc5MiAzLjMzMyAwIDEuMjU0LjI2NCAyLjM2NS43OTIgMy4zMzMuNTI3Ljk2OSAxLjI0NSAxLjcyMSAyLjE1NCAyLjI1Ni45MS41MzYgMS45MzYuODA0IDMuMDgxLjgwNCAxLjEyMiAwIDIuMTQzLS4yNjggMy4wNjQtLjgwNHptNi4xMjgtMjEuODk2VjI2LjUzaC0zLjA5N3YtMi44NzJhNy4wMjEgNy4wMjEgMCAwMS0yLjcyNyAyLjI5MWMtMS4xLjUyNS0yLjMxMi43ODctMy42MzYuNzg3LTEuNzI5IDAtMy4yNzgtLjM4OC00LjY0Ni0xLjE2M2E4LjI2MiA4LjI2MiAwIDAxLTMuMjE2LTMuMjY1Yy0uNzc0LTEuNDAxLTEuMTYxLTMuMDE0LTEuMTYxLTQuODM3cy4zODctMy40MyAxLjE2MS00LjgyYTguMjk1IDguMjk1IDAgMDEzLjIxNi0zLjI0OEM3LjA4IDguNjI4IDguNjI5IDguMjQgMTAuMzU4IDguMjRjMS4yNzkgMCAyLjQ1Ny4yNDYgMy41MzUuNzM2YTYuODgzIDYuODgzIDAgMDEyLjY5MyAyLjE3VjEuMTY1aDMuMjMyem04LjA4OCAxMC43NDZjLTEuMDYxLjk2Ny0xLjY4MyAyLjIzMi0xLjg2NiAzLjc5NmgxMS42MzhjLS4xODMtMS41NC0uODA0LTIuOC0xLjg2NS0zLjc3OC0xLjA2MS0uOTc3LTIuMzgtMS40NjYtMy45NTQtMS40NjYtMS41NzQgMC0yLjg5Mi40ODMtMy45NTMgMS40NDltMTIuODUzIDYuMTc2SDI2LjA0Yy4yMDYgMS42MS45MDcgMi45MDQgMi4xMDUgMy44ODIgMS4xOTguOTc4IDIuNjg3IDEuNDY2IDQuNDY3IDEuNDY2IDIuMTY4IDAgMy45MTQtLjczNiA1LjIzNy0yLjIwOGwxLjgxNSAyLjEzOWE3Ljk0NiA3Ljk0NiAwIDAxLTMuMDY0IDIuMjA4Yy0xLjIyMS41MDYtMi41ODQuNzYtNC4wOS43Ni0xLjkxNyAwLTMuNjE3LS4zOTgtNS4xLTEuMTkxLTEuNDg0LS43OTMtMi42My0xLjkwMy0zLjQ0LTMuMzMtLjgxLTEuNDI2LTEuMjE2LTMuMDM2LTEuMjE2LTQuODMgMC0xLjc3MS4zOTQtMy4zNyAxLjE4Mi00Ljc5Ni43ODctMS40MjYgMS44Ny0yLjUzNiAzLjI1MS0zLjMzIDEuMzgtLjc5MyAyLjkzOC0xLjE5IDQuNjcyLTEuMTkgMS43MzQgMCAzLjI4LjM5NyA0LjYzOCAxLjE5IDEuMzU4Ljc5NCAyLjQxOSAxLjkwNCAzLjE4MyAzLjMzLjc2NSAxLjQyNiAxLjE0NyAzLjA2IDEuMTQ3IDQuOSAwIC4yNTMtLjAyMy41ODYtLjA2OCAxbTcuMjI4LTYuMTc3Yy0xLjA2MS45NjctMS42ODMgMi4yMzItMS44NjYgMy43OTZINTcuNzZjLS4xODMtMS41NC0uODA0LTIuOC0xLjg2NS0zLjc3OC0xLjA2MS0uOTc3LTIuMzgtMS40NjYtMy45NTQtMS40NjYtMS41NzQgMC0yLjg5Mi40ODMtMy45NTMgMS40NDltMTIuODUzIDYuMTc2SDQ2LjEyYy4yMDYgMS42MS45MDcgMi45MDQgMi4xMDUgMy44ODIgMS4xOTguOTc4IDIuNjg3IDEuNDY2IDQuNDY3IDEuNDY2IDIuMTY4IDAgMy45MTQtLjczNiA1LjIzNy0yLjIwOGwxLjgxNSAyLjEzOWE3Ljk0NiA3Ljk0NiAwIDAxLTMuMDY0IDIuMjA4Yy0xLjIyMS41MDYtMi41ODQuNzYtNC4wOS43Ni0xLjkxNyAwLTMuNjE3LS4zOTgtNS4xLTEuMTkxLTEuNDg0LS43OTMtMi42My0xLjkwMy0zLjQ0LTMuMzMtLjgxLTEuNDI2LTEuMjE2LTMuMDM2LTEuMjE2LTQuODMgMC0xLjc3MS4zOTQtMy4zNyAxLjE4MS00Ljc5Ni43ODgtMS40MjYgMS44NzEtMi41MzYgMy4yNTItMy4zMyAxLjM4LS43OTMgMi45MzgtMS4xOSA0LjY3Mi0xLjE5IDEuNzM0IDAgMy4yOC4zOTcgNC42MzggMS4xOSAxLjM1OC43OTQgMi40MTkgMS45MDQgMy4xODQgMy4zMy43NjQgMS40MjYgMS4xNDYgMy4wNiAxLjE0NiA0LjkgMCAuMjUzLS4wMjMuNTg2LS4wNjggMW0xNC41MjEgNC42NDRjLjkyMi0uNTQ0IDEuNjUtMS4zMDggMi4xODUtMi4yOTMuNTM1LS45ODUuODAyLTIuMTE0LjgwMi0zLjM4OSAwLTEuMjczLS4yNjctMi40MDMtLjgwMi0zLjM4OC0uNTM1LS45ODQtMS4yNjMtMS43NDMtMi4xODUtMi4yNzYtLjkyMi0uNTMzLTEuOTYzLS44LTMuMTI0LS44LTEuMTM4IDAtMi4xNjguMjczLTMuMDkuODE3YTUuODY4IDUuODY4IDAgMDAtMi4xODQgMi4yNzdjLS41MzUuOTczLS44MDIgMi4wOTctLjgwMiAzLjM3IDAgMS4yNzUuMjYgMi40MDQuNzg1IDMuMzg5YTUuNjczIDUuNjczIDAgMDAyLjE4NSAyLjI5M2MuOTMzLjU0NSAxLjk2OC44MTcgMy4xMDYuODE3IDEuMTYxIDAgMi4yMDItLjI3MiAzLjEyNC0uODE3bTEuODYtMTMuODgzYTguNDI3IDguNDI3IDAgMDEzLjI2IDMuMzAyYy43ODYgMS40MTMgMS4xNzkgMy4wNDYgMS4xNzkgNC45IDAgMS44NTMtLjM5MyAzLjQ5Mi0xLjE3OCA0LjkxN2E4LjM5IDguMzkgMCAwMS0zLjI2IDMuMzE5Yy0xLjM4OS43ODgtMi45NiAxLjE4MS00LjcxMiAxLjE4MS0xLjI5NyAwLTIuNDg2LS4yNTUtMy41NjctLjc2NWE3LjQ0MiA3LjQ0MiAwIDAxLTIuNzQ4LTIuMjI0VjMzaC0zLjI3OFY3Ljg0aDMuMTQxdjIuOTJhNi45ODYgNi45ODYgMCAwMTIuNzY1LTIuMzExYzEuMTE1LS41MjIgMi4zNDQtLjc4MiAzLjY4Ny0uNzgyIDEuNzUzIDAgMy4zMjMuMzk0IDQuNzEyIDEuMTgxJyBmaWxsPScjNDY4OUYzJy8+PHBhdGggZD0nTTEwOC4zMDYgMjUuMTI2YTguNjg5IDguNjg5IDAgMDEtMy4zNS0zLjMzYy0uODA2LTEuNDE1LTEuMjA4LTMuMDItMS4yMDgtNC44MTMgMC0xLjc5NC40MDItMy4zOTkgMS4yMDctNC44MTRhOC41NyA4LjU3IDAgMDEzLjM1LTMuMzEyYzEuNDMtLjc5MyAzLjAzOS0xLjE5IDQuODMxLTEuMTkgMS43OTEgMCAzLjM5Ni4zOTcgNC44MTMgMS4xOWE4LjYxMiA4LjYxMiAwIDAxMy4zMzQgMy4zMTJjLjgwNCAxLjQxNSAxLjIwNyAzLjAyIDEuMjA3IDQuODE0cy0uNDAzIDMuMzk4LTEuMjA3IDQuODEzYTguNzMyIDguNzMyIDAgMDEtMy4zMzQgMy4zM2MtMS40MTcuODA1LTMuMDIyIDEuMjA3LTQuODEzIDEuMjA3LTEuNzkyIDAtMy40MDItLjQwMi00LjgzLTEuMjA3em03Ljk0Mi0yLjUwMmMuOTE5LS41NCAxLjYzOC0xLjMgMi4xNi0yLjI3Ny41MjItLjk3Ny43ODMtMi4wOTkuNzgzLTMuMzY0IDAtMS4yNjUtLjI2MS0yLjM4Ni0uNzgzLTMuMzY0LS41MjItLjk3OC0xLjI0MS0xLjczMS0yLjE2LTIuMjYtLjkxOC0uNTMtMS45NTYtLjc5NC0zLjExMi0uNzk0LTEuMTU3IDAtMi4xOTQuMjY1LTMuMTEyLjc5NC0uOTE5LjUyOS0xLjY0NSAxLjI4Mi0yLjE3NyAyLjI2LS41MzQuOTc4LS44IDIuMDk5LS44IDMuMzY0IDAgMS4yNjUuMjY2IDIuMzg3LjggMy4zNjQuNTMyLjk3OCAxLjI1OCAxLjczNyAyLjE3NyAyLjI3Ny45MTguNTQgMS45NTUuODExIDMuMTEyLjgxMSAxLjE1NiAwIDIuMTk0LS4yNyAzLjExMi0uODF6TTk5Ljc2IDEwLjA2NGMxLjMyIDEuMzMyIDEuOTggMy4yODQgMS45OCA1Ljg1NnYxMC40MTNoLTMuMTk0VjE2LjI5NWMwLTEuNzUyLS40MS0zLjA3Mi0xLjIzMS0zLjk2LS44MjEtLjg4OC0xLjk5Ni0xLjMzMi0zLjUyNy0xLjMzMi0xLjczIDAtMy4wOTQuNTE4LTQuMDkyIDEuNTU0LS45OTggMS4wMzYtMS40OTcgMi41MjEtMS40OTcgNC40NTZ2OS4zMmgtMy4xOTRWMUg4OC4ydjkuNzk5Yy42NjUtLjg2NSAxLjUzNi0xLjUzNyAyLjYxMi0yLjAxNSAxLjA3NS0uNDc4IDIuMjc5LS43MTcgMy42MS0uNzE3IDIuMjQgMCA0LjAyLjY2NiA1LjMzOSAxLjk5OG01My41Mi0xLjczMmwtNi43MjMgMThoLTMuMTI0bC01LjE5Ni0xMy42NTMtNS4yNjQgMTMuNjUzaC0zLjEyNGwtNi42OS0xOGgzLjA5bDUuMjMgMTQuMzMzIDUuNDM0LTE0LjMzM2gyLjc1bDUuMzMyIDE0LjQgNS4zNjUtMTQuNGgyLjkyeicgZmlsbD0nIzQ1NDU0NScvPjwvZz48L3N2Zz4=) no-repeat 50%;
    background-size: 100%
}

.deephow-logo-black-svg {
    width: 155px;
    height: 50px;
    background-image: url(../img/deephow-logo-black.e5dd5438.png);
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTU1JyBoZWlnaHQ9JzM0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PHBhdGggZD0nTTEzLjY5IDIzLjA2YTUuNTk5IDUuNTk5IDAgMDAyLjE1Ni0yLjI1NmMuNTE2LS45NjguNzc0LTIuMDguNzc0LTMuMzMzIDAtMS4yNTMtLjI1OC0yLjM2NC0uNzc0LTMuMzMzYTUuNDkzIDUuNDkzIDAgMDAtMi4xNTUtMi4yNGMtLjkyLS41MjQtMS45NDItLjc4Ni0zLjA2NC0uNzg2LTEuMTQ1IDAtMi4xNzIuMjYyLTMuMDguNzg2LS45MS41MjUtMS42MjggMS4yNzEtMi4xNTUgMi4yNC0uNTI4Ljk2OS0uNzkyIDIuMDgtLjc5MiAzLjMzMyAwIDEuMjU0LjI2NCAyLjM2NS43OTIgMy4zMzMuNTI3Ljk2OSAxLjI0NSAxLjcyMSAyLjE1NCAyLjI1Ni45MS41MzYgMS45MzYuODA0IDMuMDgxLjgwNCAxLjEyMiAwIDIuMTQzLS4yNjggMy4wNjQtLjgwNHptNi4xMjgtMjEuODk2VjI2LjUzaC0zLjA5N3YtMi44NzJhNy4wMjEgNy4wMjEgMCAwMS0yLjcyNyAyLjI5MWMtMS4xLjUyNS0yLjMxMi43ODctMy42MzYuNzg3LTEuNzI5IDAtMy4yNzgtLjM4OC00LjY0Ni0xLjE2M2E4LjI2MiA4LjI2MiAwIDAxLTMuMjE2LTMuMjY1Yy0uNzc0LTEuNDAxLTEuMTYxLTMuMDE0LTEuMTYxLTQuODM3cy4zODctMy40MyAxLjE2MS00LjgyYTguMjk1IDguMjk1IDAgMDEzLjIxNi0zLjI0OEM3LjA4IDguNjI4IDguNjI5IDguMjQgMTAuMzU4IDguMjRjMS4yNzkgMCAyLjQ1Ny4yNDYgMy41MzUuNzM2YTYuODgzIDYuODgzIDAgMDEyLjY5MyAyLjE3VjEuMTY1aDMuMjMyem04LjA4OCAxMC43NDZjLTEuMDYxLjk2Ny0xLjY4MyAyLjIzMi0xLjg2NiAzLjc5NmgxMS42MzhjLS4xODMtMS41NC0uODA0LTIuOC0xLjg2NS0zLjc3OC0xLjA2MS0uOTc3LTIuMzgtMS40NjYtMy45NTQtMS40NjYtMS41NzQgMC0yLjg5Mi40ODMtMy45NTMgMS40NDltMTIuODUzIDYuMTc2SDI2LjA0Yy4yMDYgMS42MS45MDcgMi45MDQgMi4xMDUgMy44ODIgMS4xOTguOTc4IDIuNjg3IDEuNDY2IDQuNDY3IDEuNDY2IDIuMTY4IDAgMy45MTQtLjczNiA1LjIzNy0yLjIwOGwxLjgxNSAyLjEzOWE3Ljk0NiA3Ljk0NiAwIDAxLTMuMDY0IDIuMjA4Yy0xLjIyMS41MDYtMi41ODQuNzYtNC4wOS43Ni0xLjkxNyAwLTMuNjE3LS4zOTgtNS4xLTEuMTkxLTEuNDg0LS43OTMtMi42My0xLjkwMy0zLjQ0LTMuMzMtLjgxLTEuNDI2LTEuMjE2LTMuMDM2LTEuMjE2LTQuODMgMC0xLjc3MS4zOTQtMy4zNyAxLjE4Mi00Ljc5Ni43ODctMS40MjYgMS44Ny0yLjUzNiAzLjI1MS0zLjMzIDEuMzgtLjc5MyAyLjkzOC0xLjE5IDQuNjcyLTEuMTkgMS43MzQgMCAzLjI4LjM5NyA0LjYzOCAxLjE5IDEuMzU4Ljc5NCAyLjQxOSAxLjkwNCAzLjE4MyAzLjMzLjc2NSAxLjQyNiAxLjE0NyAzLjA2IDEuMTQ3IDQuOSAwIC4yNTMtLjAyMy41ODYtLjA2OCAxbTcuMjI4LTYuMTc3Yy0xLjA2MS45NjctMS42ODMgMi4yMzItMS44NjYgMy43OTZINTcuNzZjLS4xODMtMS41NC0uODA0LTIuOC0xLjg2NS0zLjc3OC0xLjA2MS0uOTc3LTIuMzgtMS40NjYtMy45NTQtMS40NjYtMS41NzQgMC0yLjg5Mi40ODMtMy45NTMgMS40NDltMTIuODUzIDYuMTc2SDQ2LjEyYy4yMDYgMS42MS45MDcgMi45MDQgMi4xMDUgMy44ODIgMS4xOTguOTc4IDIuNjg3IDEuNDY2IDQuNDY3IDEuNDY2IDIuMTY4IDAgMy45MTQtLjczNiA1LjIzNy0yLjIwOGwxLjgxNSAyLjEzOWE3Ljk0NiA3Ljk0NiAwIDAxLTMuMDY0IDIuMjA4Yy0xLjIyMS41MDYtMi41ODQuNzYtNC4wOS43Ni0xLjkxNyAwLTMuNjE3LS4zOTgtNS4xLTEuMTkxLTEuNDg0LS43OTMtMi42My0xLjkwMy0zLjQ0LTMuMzMtLjgxLTEuNDI2LTEuMjE2LTMuMDM2LTEuMjE2LTQuODMgMC0xLjc3MS4zOTQtMy4zNyAxLjE4MS00Ljc5Ni43ODgtMS40MjYgMS44NzEtMi41MzYgMy4yNTItMy4zMyAxLjM4LS43OTMgMi45MzgtMS4xOSA0LjY3Mi0xLjE5IDEuNzM0IDAgMy4yOC4zOTcgNC42MzggMS4xOSAxLjM1OC43OTQgMi40MTkgMS45MDQgMy4xODQgMy4zMy43NjQgMS40MjYgMS4xNDYgMy4wNiAxLjE0NiA0LjkgMCAuMjUzLS4wMjMuNTg2LS4wNjggMW0xNC41MjEgNC42NDRjLjkyMi0uNTQ0IDEuNjUtMS4zMDggMi4xODUtMi4yOTMuNTM1LS45ODUuODAyLTIuMTE0LjgwMi0zLjM4OSAwLTEuMjczLS4yNjctMi40MDMtLjgwMi0zLjM4OC0uNTM1LS45ODQtMS4yNjMtMS43NDMtMi4xODUtMi4yNzYtLjkyMi0uNTMzLTEuOTYzLS44LTMuMTI0LS44LTEuMTM4IDAtMi4xNjguMjczLTMuMDkuODE3YTUuODY4IDUuODY4IDAgMDAtMi4xODQgMi4yNzdjLS41MzUuOTczLS44MDIgMi4wOTctLjgwMiAzLjM3IDAgMS4yNzUuMjYgMi40MDQuNzg1IDMuMzg5YTUuNjczIDUuNjczIDAgMDAyLjE4NSAyLjI5M2MuOTMzLjU0NSAxLjk2OC44MTcgMy4xMDYuODE3IDEuMTYxIDAgMi4yMDItLjI3MiAzLjEyNC0uODE3bTEuODYtMTMuODgzYTguNDI3IDguNDI3IDAgMDEzLjI2IDMuMzAyYy43ODYgMS40MTMgMS4xNzkgMy4wNDYgMS4xNzkgNC45IDAgMS44NTMtLjM5MyAzLjQ5Mi0xLjE3OCA0LjkxN2E4LjM5IDguMzkgMCAwMS0zLjI2IDMuMzE5Yy0xLjM4OS43ODgtMi45NiAxLjE4MS00LjcxMiAxLjE4MS0xLjI5NyAwLTIuNDg2LS4yNTUtMy41NjctLjc2NWE3LjQ0MiA3LjQ0MiAwIDAxLTIuNzQ4LTIuMjI0VjMzaC0zLjI3OFY3Ljg0aDMuMTQxdjIuOTJhNi45ODYgNi45ODYgMCAwMTIuNzY1LTIuMzExYzEuMTE1LS41MjIgMi4zNDQtLjc4MiAzLjY4Ny0uNzgyIDEuNzUzIDAgMy4zMjMuMzk0IDQuNzEyIDEuMTgxJyBmaWxsPScjNDY4OUYzJy8+PHBhdGggZD0nTTEwOC4zMDYgMjUuMTI2YTguNjg5IDguNjg5IDAgMDEtMy4zNS0zLjMzYy0uODA2LTEuNDE1LTEuMjA4LTMuMDItMS4yMDgtNC44MTMgMC0xLjc5NC40MDItMy4zOTkgMS4yMDctNC44MTRhOC41NyA4LjU3IDAgMDEzLjM1LTMuMzEyYzEuNDMtLjc5MyAzLjAzOS0xLjE5IDQuODMxLTEuMTkgMS43OTEgMCAzLjM5Ni4zOTcgNC44MTMgMS4xOWE4LjYxMiA4LjYxMiAwIDAxMy4zMzQgMy4zMTJjLjgwNCAxLjQxNSAxLjIwNyAzLjAyIDEuMjA3IDQuODE0cy0uNDAzIDMuMzk4LTEuMjA3IDQuODEzYTguNzMyIDguNzMyIDAgMDEtMy4zMzQgMy4zM2MtMS40MTcuODA1LTMuMDIyIDEuMjA3LTQuODEzIDEuMjA3LTEuNzkyIDAtMy40MDItLjQwMi00LjgzLTEuMjA3em03Ljk0Mi0yLjUwMmMuOTE5LS41NCAxLjYzOC0xLjMgMi4xNi0yLjI3Ny41MjItLjk3Ny43ODMtMi4wOTkuNzgzLTMuMzY0IDAtMS4yNjUtLjI2MS0yLjM4Ni0uNzgzLTMuMzY0LS41MjItLjk3OC0xLjI0MS0xLjczMS0yLjE2LTIuMjYtLjkxOC0uNTMtMS45NTYtLjc5NC0zLjExMi0uNzk0LTEuMTU3IDAtMi4xOTQuMjY1LTMuMTEyLjc5NC0uOTE5LjUyOS0xLjY0NSAxLjI4Mi0yLjE3NyAyLjI2LS41MzQuOTc4LS44IDIuMDk5LS44IDMuMzY0IDAgMS4yNjUuMjY2IDIuMzg3LjggMy4zNjQuNTMyLjk3OCAxLjI1OCAxLjczNyAyLjE3NyAyLjI3Ny45MTguNTQgMS45NTUuODExIDMuMTEyLjgxMSAxLjE1NiAwIDIuMTk0LS4yNyAzLjExMi0uODF6TTk5Ljc2IDEwLjA2NGMxLjMyIDEuMzMyIDEuOTggMy4yODQgMS45OCA1Ljg1NnYxMC40MTNoLTMuMTk0VjE2LjI5NWMwLTEuNzUyLS40MS0zLjA3Mi0xLjIzMS0zLjk2LS44MjEtLjg4OC0xLjk5Ni0xLjMzMi0zLjUyNy0xLjMzMi0xLjczIDAtMy4wOTQuNTE4LTQuMDkyIDEuNTU0LS45OTggMS4wMzYtMS40OTcgMi41MjEtMS40OTcgNC40NTZ2OS4zMmgtMy4xOTRWMUg4OC4ydjkuNzk5Yy42NjUtLjg2NSAxLjUzNi0xLjUzNyAyLjYxMi0yLjAxNSAxLjA3NS0uNDc4IDIuMjc5LS43MTcgMy42MS0uNzE3IDIuMjQgMCA0LjAyLjY2NiA1LjMzOSAxLjk5OG01My41Mi0xLjczMmwtNi43MjMgMThoLTMuMTI0bC01LjE5Ni0xMy42NTMtNS4yNjQgMTMuNjUzaC0zLjEyNGwtNi42OS0xOGgzLjA5bDUuMjMgMTQuMzMzIDUuNDM0LTE0LjMzM2gyLjc1bDUuMzMyIDE0LjQgNS4zNjUtMTQuNGgyLjkyeicgZmlsbD0nI0ZGRicvPjwvZz48L3N2Zz4=) no-repeat 50%;
    background-size: 100%
}

.btn-text {
    text-transform: none !important;
    font-size: 12px
}

.list-request {
    background-color: #05c68d;
    color: #fff;
    border-radius: 18px;
    padding: 6px 24px;
    height: 36px
}



.index_video_pop{
    z-index: 999;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 0px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.index_video_box{
    max-height: calc(100% - 30px);
    width: 70%;
}
.index_play_video_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
	max-width: 30%;
	
	transform:translateX(-50%) translateY(-50%);
}
.index_video_close_btn,.index_form_close_btn{
    cursor: pointer;
    position: absolute;
    top: 4%;
    right: 6%;
    height: 64px;
    width: 64px;
}

/* fanjing 20230710 */
.new_top_tip{
    background-color: #181818;
    color: #fefefe;
    font-size:calc(100vw * 30/1920);
}
.new_top_tip h4{
    font-size:calc(100vw * 40/1920);
}
/* fanjing 20230710 */
@media screen and (min-width:960px) and (max-width:1320px) {
    .index_video_box{
        width: 80%;
    }
    .index_video_close_btn{
        top: 6%;
        right: 6%;
    }

    .new_top_tip{
        font-size:calc(100vw * 30/1320);
    }
    .new_top_tip h4{
        font-size:calc(100vw * 40/1320);
    }
}
@media screen and (max-width:960px){
    .index_video_box{
        width: 90%;
    }
    .index_video_close_btn{
        position: absolute;
        top: 10%;
        right: 6%;
        height: 40px;
        width: 40px;
    }
    .index_play_video_btn{
        height: 80px;
        width: 80px;
    }

    .new_top_tip{
        font-size:calc(100vw * 30/960);
    }
    .new_top_tip h4{
        font-size:calc(100vw * 40/960);
    }
}


/* fanjing 20230710 */

.swiper_index_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    height: calc(100vw * 12/1920);
    margin: 0 calc(100vw * 6/1920);
    width: calc(100vw * 12/1920);
}
.swiper_index_banner .swiper-pagination-bullet{
    opacity: 0.8;
    background: #b2aeae;
}
.swiper_index_banner .swiper-pagination-bullet-active{
    background:#4885f2;
}
.swiper_index_banner .swiper-pagination-bullet-active{
    background:#4885f2;
}
.swiper_video .swiper-slide{
    background-color: #ffffff;
    box-shadow: 0 0 12px 1px rgba(0, 0, 0, .15);
    overflow: hidden;
}
.swiper_video .swiper-horizontal>.swiper-pagination-bullets, 
.swiper_video .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper_video .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0px;
}
.swiper_video .video_image{
    display: block;
    width: 100%;
}
.font_bold{
    font-weight: bold;
}

.swiper_index_banner.swiper-wrapper{
    width: 100%;
}

.index_video_title{
    padding-left: calc(100vw * 48/1920);
}

/* 表单样式 */
.index_form_pop{
    z-index: 999;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 0px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.index_form_pop_box{
    background-color: #ffffff;
    color: #333333;
}
.form_head{
    background-color: #4588F4;
    color: #ffffff;
    text-align: center;
    font-size: calc(100vw * (37/1920));
    width: 100%;
}
.form_lable_icon{
    display: inline-block;
    height: 27px;
    width: 24px;
}
.form_lable{
    font-size: calc(100vw * (22/1920));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.form_input{
    background: #F6F6F6;
    border: 1px solid #979797;
    display: block;
    font-size: calc(100vw * (20/1920));
    padding:11px 23px;
    margin-bottom: calc(100vw * (30/1920));
}
.form_body{
    flex-direction: column;
}
.form_btn{
    background-color: #4588F4;
    color: #ffffff;
    font-size: calc(100vw * (20/1920));
    border-radius: 8px;
    width: 100%;
}

@media screen and (min-width:1200px) {
    .swiper_video{
        width: 100%;
        height: calc((1200px - 30px) * 0.5 * 368 / 656 + 90px);
    }

}
@media screen and (min-width:762px) and (max-width:1200px) {
    .swiper_video{
        width: 100%;
        height: calc((100vw - 30px) * 0.5 * 368 / 656 + 90px);
    }
    .swiper_index_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        height: calc(100vw * 12/1200);
        margin: 0 calc(100vw * 6/1200);
        width: calc(100vw * 12/1200);
    }
}

@media screen and (max-width:762px) {
    /* .swiper_video{
        height: calc(100vw * 368 / 656 + 70px);
    } */
    .form_head{
        font-size: calc(100vw * (37/762));
    }
    .form_lable{
        font-size: calc(100vw * (22/762));
    }
    .form_input{
        font-size: calc(100vw * (20/762));
        margin-bottom: calc(100vw * (30/762));
    }
    .form_btn{
        font-size: calc(100vw * (20/762));
    }
    .swiper_index_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        height: calc(100vw * 12/762);
        margin: 0 calc(100vw * 6/762);
        width: calc(100vw * 12/762);
    }
}