.banner-container .content[data-v-65827cf7] {
    position: relative;
    height: 600px;
    padding-top: 80px
}

.banner-container .content img[data-v-65827cf7] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-container .content .wrapper[data-v-65827cf7] {
    height: 100%;
    color: #fff;
    display: flex;
    text-align: center
}

.banner-container .content .wrapper div[data-v-65827cf7] {
    width: 100%
}

.banner-container .content .wrapper h2[data-v-65827cf7] {
    padding-bottom: 65px;
    padding-top: 275px
}

.banner-container .content .wrapper p[data-v-65827cf7] {
    padding-bottom: 50px;
    max-width: 900px;
    line-height: 36px;
    margin: auto
}

.banner-container .content .wrapper a[data-v-65827cf7] {
    margin: auto;
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #02acf3
}

@media (max-width:768px) {
    .f40[data-v-65827cf7] {
        font-size: 32px
    }

    .f18[data-v-65827cf7] {
        font-size: 14px
    }

    .banner-container .content[data-v-65827cf7] {
        height: 500px
    }

    .banner-container .wrapper>div[data-v-65827cf7] {
        padding: 0 10px
    }
}

.nav-container .el-tabs__nav-scroll {
    display: flex;
    justify-content: center
}

.nav-container .el-tabs__header {
    margin: 0
}

.nav-container .el-tabs__item {
    padding: 0 50px;
    height: 60px;
    line-height: 60px
}

.nav-container .el-tabs__nav-wrap:after {
    height: 0
}

.nav-container .el-tabs__nav-next,
.nav-container .el-tabs__nav-prev {
    line-height: 60px
}

.nav-container-flex {
    display: flex
}

@media (max-width:1200px) {
    .nav-container-flex {
        display: flex;
        height: 60px;
        justify-content: space-between
    }

    .nav-container-flex .bars {
        cursor: pointer;
        padding: 22px
    }
}

.box-container[data-v-630673a2] {
    transition: position .8s linear;
    background-color: #f5f7f9
}

.nav-logo[data-v-630673a2] {
    padding-right: 80px
}

.nav-logo img[data-v-630673a2] {
    vertical-align: -25px
}

.fixed[data-v-630673a2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 1px 10px #888
}

.box-container[data-v-3404ebd9] {
    padding-top: 100px
}

.box-container .wrapper[data-v-3404ebd9] {
    max-width: 1200px
}

.box-container .wrapper .box-item-left[data-v-3404ebd9] {
    padding: 40px
}

.box-container .wrapper .box-item-left h4[data-v-3404ebd9] {
    padding-bottom: 36px;
    color: #333
}

.box-container .wrapper .box-item-left p[data-v-3404ebd9] {
    line-height: 24px;
    max-width: 500px;
    color: grey
}

.box-container .wrapper .box-item-left a[data-v-3404ebd9] {
    display: inline-block;
    letter-spacing: 2px;
    font-size: 16px;
    margin-top: 50px;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #02acf3;
    border-radius: 4px;
    color: #fff
}

.box-container .wrapper .box-item-left a[data-v-3404ebd9]:hover {
    background: #019ee0
}

.box-container .wrapper .box-item-right[data-v-3404ebd9] {
    height: 400px;
    padding-left: 40px
}

.box-container .wrapper .box-item-right a[data-v-3404ebd9] {
    display: block
}

.box-container .wrapper .box-item-right img[data-v-3404ebd9] {
    width: 100%
}

@media (max-width:768px) {
    .box-container .wrapper .box-item-right[data-v-3404ebd9] {
        padding-left: 10px
    }
}

.nav-container_nts .el-tabs__nav-scroll {
    padding: 0 15px 10px
}

.nav-container_nts .el-tabs__header {
    margin: 0
}

.nav-container_nts .el-tabs__item {
    color: #737373;
    font-weight: 550;
    padding: 0 149px;
    height: 60px;
    line-height: 60px
}

.nav-container_nts .el-tabs__active-bar,
.nav-container_nts .el-tabs__nav-wrap:after {
    height: 0
}

.nav-container_nts .el-tabs__nav-next,
.nav-container_nts .el-tabs__nav-prev {
    line-height: 60px
}

.nav-container_nts .el-tabs__content {
    padding: 0
}

@media (min-width:1200px) {
    .nav-container_nts .el-tabs__nav-scroll {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width:768px) {
    .nav-container_nts .el-tabs__item {
        padding: 0 20px
    }
}

.box-container .content[data-v-5f8bff34] {
    background-color: #f5f7f9
}

.box-container .wrapper[data-v-5f8bff34] {
    max-width: 1200px
}

.box-container .wrapper h3[data-v-5f8bff34] {
    padding-top: 80px;
    padding-bottom: 40px
}

.box-container .wrapper .box-item-right[data-v-5f8bff34] {
    padding: 90px 30px 30px;
    height: 560px;
    background-color: #f1f3f6
}

.box-container .wrapper .box-item-right h4[data-v-5f8bff34] {
    font-weight: 700;
    padding-bottom: 26px;
    color: #333
}

.box-container .wrapper .box-item-right p[data-v-5f8bff34] {
    line-height: 24px;
    padding-bottom: 20px;
    color: #737373
}

.box-container .wrapper .box-item-left[data-v-5f8bff34] {
    height: 680px
}

.box-container .wrapper .box-item-left img[data-v-5f8bff34] {
    max-width: 100%
}

.box-container .wrapper .box-item-left a[data-v-5f8bff34] {
    display: block
}

@media (max-width:768px) {
    .box-container .wrapper .box-item-right[data-v-5f8bff34] {
        height: 300px
    }
}

.box-container[data-v-3d2102a8] {
    padding-top: 70px;
    padding-bottom: 100px
}

.box-container .wrapper .avatar[data-v-3d2102a8] {
    width: 600px;
    height: 450px
}

.box-container .wrapper .list[data-v-3d2102a8] {
    position: absolute;
    word-wrap: normal;
    white-space: nowrap;
    box-sizing: border-box;
    right: 0
}

.box-container .wrapper span[data-v-3d2102a8] {
    display: inline-block;
    font-size: 14px;
    padding: 11px 11px 11px 30px;
    width: 100%;
    background-color: #f1f5f9;
    color: #737373
}

.box-container .wrapper span b[data-v-3d2102a8] {
    font-size: 16px;
    font-weight: 550;
    color: #4d4d4d
}

.box-container .wrapper h3[data-v-3d2102a8] {
    padding: 30px 0 70px
}

.box-container .wrapper .el-col[data-v-3d2102a8] {
    padding: 20px
}

.box-container .wrapper .box-item[data-v-3d2102a8] {
    text-align: center;
    height: 172px;
    max-width: 270px;
    margin: auto
}

.box-container .wrapper .box-item h4[data-v-3d2102a8] {
    line-height: 50px;
    padding-top: 10px;
    color: #333
}

.box-container .wrapper .box-item p[data-v-3d2102a8] {
    line-height: 24px;
    color: grey
}

.box-container .wrapper .item .lists[data-v-3d2102a8] {
    padding: 5px;
    margin: 5px;
    line-height: 26px
}

@media (max-width:768px) {
    .box-container[data-v-3d2102a8] {
        padding-bottom: 20px
    }
}

.box-container[data-v-b47ea706] {
    padding: 40px 0
}

.box-container .container[data-v-b47ea706] {
    padding-top: 100px;
    padding-bottom: 40px;
    background-color: #f5f7f9
}

.box-container h3[data-v-b47ea706] {
    padding-bottom: 70px
}

.box-container .wrapper[data-v-b47ea706] {
    max-width: 1200px
}

.box-container .wrapper .box-item-left[data-v-b47ea706] {
    text-align: center
}

.box-container .wrapper .box-item-left h4[data-v-b47ea706] {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #333
}

.box-container .wrapper .box-item-left p[data-v-b47ea706] {
    line-height: 24px;
    padding-bottom: 15px;
    max-width: 503px;
    margin: auto;
    color: #666
}

.box-container .wrapper .box-item-left span[data-v-b47ea706] {
    padding-bottom: 16px;
    display: block;
    color: #666
}

.box-container .wrapper .box-item-left img[data-v-b47ea706] {
    padding: 25px
}

.box-container .wrapper .box-item-right[data-v-b47ea706] {
    padding-left: 30px;
    height: 400px
}

.box-container .wrapper .box-item-right a[data-v-b47ea706] {
    display: block
}

.box-container .wrapper .box-item-right img[data-v-b47ea706] {
    width: 100%;
    max-width: 460px
}

.box-container[data-v-3396de9b] {
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: #fff
}

.box-container .wrapper[data-v-3396de9b] {
    max-width: 1200px
}

.box-container .wrapper .box-item-left[data-v-3396de9b] {
    text-align: center;
    padding: 40px 75px 40px 40px
}

.box-container .wrapper .box-item-left h4[data-v-3396de9b] {
    padding-top: 170px;
    color: #333
}

.box-container .wrapper .box-item-left span[data-v-3396de9b] {
    display: block;
    padding: 35px 25px 25px;
    color: grey
}

.box-container .wrapper .box-item-left p[data-v-3396de9b] {
    line-height: 24px;
    max-width: 507px;
    padding-bottom: 40px;
    margin: auto;
    color: grey
}

.box-container .wrapper .box-item-left a[data-v-3396de9b] {
    display: inline-block;
    letter-spacing: 2px;
    font-size: 16px;
    margin-top: 20px;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #02acf3;
    border-radius: 4px;
    color: #fff
}

.box-container .wrapper .box-item-left a[data-v-3396de9b]:hover {
    background: #019ee0
}

.box-container .wrapper .box-item-right a[data-v-3396de9b] {
    display: block
}

.box-container .wrapper .box-item-right img[data-v-3396de9b] {
    width: 100%
}

@media (max-width:768px) {
    .box-container .wrapper .box-item-left h4[data-v-3396de9b] {
        padding-top: 0
    }

    .box-container .wrapper .box-item-left[data-v-3396de9b] {
        padding: 10px
    }
}

.cases-content .el-tabs__nav-wrap:after {
    background-color: #77838c
}

.cases-content .el-tabs__item {
    color: #fff;
    height: 52px
}

@media (min-width:1200px) {
    .cases-content .el-tabs__nav-scroll {
        padding: 0 72px
    }

    .cases-content .el-tabs__item {
        padding: 0
    }

    .cases-content .tab-label {
        padding: 0 21px
    }
}

.box-container[data-v-56e1a672] {
    padding-top: 10px
}

.box-container .case1[data-v-56e1a672] {
    transition: background .8s linear
}

.box-container .cases-content[data-v-56e1a672] {
    padding-top: 90px;
    padding-bottom: 100px
}

.box-container .wrapper>h3[data-v-56e1a672] {
    padding: 30px 0
}

.box-container .wrapper>p[data-v-56e1a672] {
    color: grey;
    padding-bottom: 40px
}

.logo-container[data-v-56e1a672] {
    position: relative;
    padding: 20px 20px 20px 40px
}

.logo-container h3[data-v-56e1a672] {
    position: relative;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-left: 13px;
    color: #fafafa
}

.logo-container h3 span[data-v-56e1a672] {
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    line-height: 20px;
    width: 3px;
    height: 20px;
    background-color: #02acf3
}

.logo-container>p[data-v-56e1a672] {
    font-size: 14px;
    line-height: 26px;
    color: #d9d9d9;
    margin-bottom: 50px
}

.logo-container>div>span[data-v-56e1a672] {
    cursor: pointer;
    display: inline-block;
    position: relative;
    line-height: 26px;
    width: 90px;
    height: 36px;
    margin-right: 30px;
    margin-top: 5px;
    padding-left: 43px;
    border: 1px solid #4a4a4a;
    background: hsla(0, 0%, 100%, .1);
    margin-bottom: 50px
}

.logo-container>div>span[data-v-56e1a672]:hover {
    background-color: #02acf3
}

.logo-container>div>span a[data-v-56e1a672] {
    height: 100%;
    height: 36px;
    color: #fff
}

.logo-container>div>span img[data-v-56e1a672] {
    position: absolute;
    top: 8px;
    left: 13px
}

.logo-container>div>span[data-v-56e1a672]:first-child {
    line-height: 36px
}

.logo-container .img-box[data-v-56e1a672] {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 5px;
    text-align: center
}

.logo-container .img-box p[data-v-56e1a672] {
    color: #fff;
    font-size: 12px
}

.logo-container .img-bg[data-v-56e1a672] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    padding: 5px;
    box-sizing: border-box;
    background-color: #fff
}

.logo-container .img-bg img[data-v-56e1a672] {
    max-width: 90%;
    max-height: 46px;
    width: 100%
}

.price-container-nvr .price-container .el-input__inner {
    text-align: center;
    border: 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    width: 120px
}

.price-container-nvr .price-container input::-webkit-input-placeholder {
    color: #b3b3b3
}

.price-container-nvr .price-container input:-moz-placeholder,
.price-container-nvr .price-container input::-moz-placeholder {
    color: #b3b3b3
}

.price-container-nvr .price-container input:-ms-input-placeholder {
    color: #b3b3b3
}

.box-container[data-v-6db39747] {
    padding-top: 70px;
    padding-bottom: 95px;
    background-color: #fff
}

.box-container .wrapper[data-v-6db39747] {
    max-width: 1000px
}

.box-container .wrapper h3[data-v-6db39747] {
    padding: 30px 0
}

.box-container .wrapper h4[data-v-6db39747] {
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    font-weight: 550;
    color: #12abf2;
    background-color: #e5eef7
}

.box-container .wrapper p[data-v-6db39747] {
    color: grey;
    padding-bottom: 40px
}

.box-container .wrapper .price-container[data-v-6db39747] {
    display: flex
}

.box-container .wrapper .price-container .price-item-left[data-v-6db39747] {
    width: 200px;
    box-sizing: border-box;
    border: 1px solid #cee0f3
}

.box-container .wrapper .price-container .price-item-left .df-c[data-v-6db39747] {
    height: 200px;
    font-size: 14px;
    color: #b3b3b3
}

.box-container .wrapper .price-container .price-item[data-v-6db39747] {
    flex-grow: 1;
    box-sizing: border-box;
    border: 1px solid #cee0f3;
    border-left: 0
}

.box-container .wrapper .price-container .price-item_b[data-v-6db39747] {
    display: flex
}

.box-container .wrapper .price-container .price-item_b a[data-v-6db39747] {
    flex-grow: 1;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #4d4d4d;
    background-color: #f2f6fa;
    border-top: 1px solid #cee0f3
}

.box-container .wrapper .price-container .price-item_b a[data-v-6db39747]:hover {
    color: #fff;
    background-color: #12abf2
}

.box-container .wrapper .price-container .price-item_b a[data-v-6db39747]:last-child {
    border-left: 1px solid #cee0f3
}

.box-container .wrapper .price-container .price-item-num[data-v-6db39747] {
    text-align: center
}

.box-container .wrapper .price-container .price-item-num span[data-v-6db39747] {
    color: #12abf2;
    font-size: 14px
}

.box-container .wrapper .price-container .price-item-num span b[data-v-6db39747] {
    font-size: 28px;
    font-weight: 700
}

.box-container .wrapper .price-container .price-item-num p[data-v-6db39747] {
    padding-top: 25px;
    font-size: 14px;
    color: #404040
}

.box-container .wrapper .df-c[data-v-6db39747] {
    height: 160px
}

.box-container .wrapper .df-c p[data-v-6db39747] {
    text-align: center;
    font-size: 14px;
    max-width: 290px;
    padding-bottom: 0;
    color: #b3b3b3
}

@media (max-width:768px) {
    .box-container .wrapper .price-container[data-v-6db39747] {
        display: block;
        padding: 0 15px
    }

    .box-container .wrapper .price-container .price-item-left[data-v-6db39747] {
        width: 100%
    }
}

.box-container[data-v-53de1893] {
    padding: 100px 0;
    background-color: #f5f7f9
}

.box-container .wrapper[data-v-53de1893] {
    padding-left: 40px
}

.box-container .wrapper .modular-title[data-v-53de1893] {
    text-align: left
}

.box-container .wrapper span[data-v-53de1893] {
    display: block;
    padding-bottom: 15px;
    color: #333
}

.box-container .wrapper a[data-v-53de1893] {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    padding-left: 20px;
    color: #888
}

.box-container .wrapper a[data-v-53de1893]:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #888;
    border-radius: 50%
}

.box-container .wrapper a[data-v-53de1893]:hover {
    color: #02acf3
}

@media (max-width:992px) {
    .item-box[data-v-53de1893] {
        padding-bottom: 50px
    }
}

@media (max-width:768px) {
    .item-box[data-v-53de1893] {
        padding-top: 50px;
        padding-bottom: 0;
        text-align: center
    }
}