.class0[data-v-29aecdcf] {
    background-image: url(../img/xtjc.a11f5288.png)
}

.class0 .center .right[data-v-29aecdcf] {
    width: 838px;
    height: 580px;
    background-image: url(../img/xtjc2.b6bf6425.png)
}

.class1[data-v-29aecdcf] {
    background-image: url(../img/zwy.6465a36b.png)
}

.class1 .center .right[data-v-29aecdcf] {
    margin-top: 250px;
    width: 706px;
    height: 679px;
    background-image: url(../img/zwy2.dd76f585.png)
}

.class2[data-v-29aecdcf] {
    background-image: url(../img/webb.a222f302.png)
}

.class2 .center .right[data-v-29aecdcf] {
    margin-top: 193px;
    width: 805px;
    height: 537px;
    background-image: url(../img/webb2.494114ee.png)
}

.class3[data-v-29aecdcf] {
    background-image: url(../img/mini1.8739c790.png)
}

.class3 .center .right[data-v-29aecdcf] {
    margin-right: 50px;
    width: 736px;
    height: 532px;
    background-image: url(../img/mini2.cc5ffeac.png)
}

.class4[data-v-29aecdcf] {
    background-image: url(../img/appback.dee3e080.png)
}

.class4 .center .right[data-v-29aecdcf] {
    width: 853px;
    height: 496px;
    background-image: url(../img/appback2.8c25e97a.png)
}

.class5[data-v-29aecdcf] {
    background-image: url(../img/wlw0.c27faec8.png)
}

.class5 .center[data-v-29aecdcf] {
    position: relative
}

.class5 .center .left[data-v-29aecdcf] {
    flex-shrink: 0
}

.class5 .center .right[data-v-29aecdcf] {
    width: 1131px;
    height: 756px
}

.class6[data-v-29aecdcf] {
    background-image: url(../img/khal0.bd93f944.png)
}

.class6 .center .right[data-v-29aecdcf] {
    width: 905px;
    height: 708px;
    background-image: url(../img/khal00.88a25d85.png);
    background-position: 60px !important
}

.class7[data-v-29aecdcf] {
    background-image: url(../img/ns.86e5e05f.png)
}

.class7 .center .right[data-v-29aecdcf] {
    width: 905px;
    height: 780px;
    background-image: url(../img/ns0.16c04fd5.png);
    background-position: 100px !important
}

.class8[data-v-29aecdcf] {
    background-image: url(../img/gyw.af8409da.png)
}

.class8 .center .right[data-v-29aecdcf] {
    width: 905px;
    height: 780px;
    background-image: url(../img/gyw0.aa174951.png);
    background-position: 100px !important
}

.class9[data-v-29aecdcf] {
    background-image: url(../img/lx.556debf9.png)
}

.class9 .center .right[data-v-29aecdcf] {
    width: 905px;
    height: 780px;
    background-image: url(../img/lx0.5d53574d.png);
    background-position: 100px !important
}

.class10[data-v-29aecdcf] {
    background-image: url(../img/ywly.cdd04e28.png)
}

.class10 .center .right[data-v-29aecdcf] {
    width: 1028px;
    height: 530px;
    background-image: url(../img/ywly0.fc918eed.png);
    position: relative;
    left: 100px
}

.background-page[data-v-29aecdcf] {
    width: 100%;
    min-width: 1300px;
    height: 780px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.background-page .center[data-v-29aecdcf] {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.background-page .center .left[data-v-29aecdcf] {
    display: flex;
    flex-direction: column
}

.background-page .center .left .text[data-v-29aecdcf] {
    font-size: 60px;
    font-weight: 800;
    color: #fff
}

.background-page .center .left .border[data-v-29aecdcf] {
    width: 126px;
    height: 14px;
    background: #fff;
    margin-top: 60px
}

.background-page .center .right[data-v-29aecdcf] {
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.background-page .center .scroller[data-v-29aecdcf] {
    z-index: 10;
    cursor: pointer;
    width: 46px;
    height: 46px;
    background: #004ce5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0QTIwQTE1RDg1RTExRUE5MzcxREEwOTM5MjBFMjg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0QTIwQTE2RDg1RTExRUE5MzcxREEwOTM5MjBFMjg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjRBMjBBMTNEODVFMTFFQTkzNzFEQTA5MzkyMEUyODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjRBMjBBMTREODVFMTFFQTkzNzFEQTA5MzkyMEUyODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dcQbUAAAA5UlEQVR42qxTDQuCMBR07s+GPyJIEYkKEZO+KCIioh/Za8MTXg+nW3lwqOPd3fbci4goMpwZbg0Vvqeggqf1juxCYvimFruJwhS8CN6JXdzTNw5/hil4cBxleofTj2EKWg57EMULGlFwNowDQmJoOJpuw3I3tSi8GGqPEI1ajpp3pe/olRBcR8I0ajgq2XpXn0shvDvC7NpN1JZ9/3eoHWth8BBhGhvg2Lj8xnq/FEZPBGi8c6yGvHxuUyEMXyBHMebje3VzciP38QgZxqwnJPPVh07+goWkIdp2asMwxzMNEX0EGAAaZqZu4avF4gAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 26px 15px;
    position: absolute;
    left: 0;
    bottom: -25px
}

.business-page[data-v-0d70045a] {
    width: 100%;
    min-width: 1300px;
    overflow: hidden
}

.business-page .ability[data-v-0d70045a] {
    width: 100%;
    min-width: 1300px;
    margin: 0 auto;
    height: 1380px;
    background: #f4f5f8
}

.business-page .ability .center[data-v-0d70045a] {
    width: 1300px;
    margin: 0 auto;
    margin-bottom: 50px
}

.business-page .ability .center .title[data-v-0d70045a] {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 68px 0 50px 0
}

.business-page .ability .center .items[data-v-0d70045a] {
    width: 100%;
    height: 630px;
    background-image: url(../img/ability.abdd4497.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.business-page .ability .center .items .column[data-v-0d70045a] {
    width: 375px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.business-page .ability .center .items .column .line[data-v-0d70045a] {
    transition: all .7s;
    cursor: pointer;
    width: 270px;
    height: 156px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(24, 94, 224, .15);
    padding: 30px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.business-page .ability .center .items .column .line .context[data-v-0d70045a] {
    display: flex;
    justify-content: flex-start;
    padding-left: 20px;
    align-items: center;
    width: 100%
}

.business-page .ability .center .items .column .line .context .left-logo[data-v-0d70045a] {
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 0 8px 30px 0 rgba(24, 94, 224, .25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.business-page .ability .center .items .column .line .context .right-text[data-v-0d70045a] {
    margin-left: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #333
}

.business-page .ability .center .items .column .line .more[data-v-0d70045a] {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.business-page .ability .center .items .column .line0[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line1[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line2[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line3[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line4[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line5[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line6[data-v-0d70045a]:hover, .business-page .ability .center .items .column .line7[data-v-0d70045a]:hover {
    background-color: #004ce5
}

.business-page .ability .center .items .column .line0:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line1:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line2:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line3:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line4:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line5:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line6:hover .right-text[data-v-0d70045a], .business-page .ability .center .items .column .line7:hover .right-text[data-v-0d70045a] {
    color: #fff
}

.business-page .ability .center .items .column .line1[data-v-0d70045a] {
    align-self: flex-start;
    margin: 40px 0
}

.business-page .ability .center .items .column .line4[data-v-0d70045a] {
    margin-top: 40px;
    align-self: flex-start
}

.business-page .ability .center .items .column .line5[data-v-0d70045a], .business-page .ability .center .items .column .line7[data-v-0d70045a] {
    align-self: flex-start
}

.business-page .ability .center .items .column .line6[data-v-0d70045a] {
    margin: 40px 0
}

.business-page .ability .center .items .column1[data-v-0d70045a] {
    width: 330px
}

.business-page .ability .center .items .column2[data-v-0d70045a], .business-page .ability .center .items .column3[data-v-0d70045a] {
    width: 300px
}

.business-page .ability .progress[data-v-0d70045a] {
    margin-top: 20px;
    height: 1070px;
    background-color: #101533;
    min-width: 1300px;
    position: absolute
}

.business-page .ability .progress .back[data-v-0d70045a] {
    width: 100%;
    height: 420px;
    background-image: url(../img/progress-back.ed1cae23.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.business-page .ability .progress .bottom[data-v-0d70045a] {
    width: 1300px;
    height: calc(100% - 420px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 80px 0 30px 97px;
    box-sizing: border-box;
    position: relative
}

.business-page .ability .progress .bottom .left[data-v-0d70045a] {
    display: flex;
    flex-direction: column
}

.business-page .ability .progress .bottom .left .left-title[data-v-0d70045a] {
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 60px
}

.business-page .ability .progress .bottom .left .left-item[data-v-0d70045a] {
    display: flex;
    flex-direction: column
}

.business-page .ability .progress .bottom .left .left-item .item-title[data-v-0d70045a] {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 28px;
    margin-top: 50px
}

.business-page .ability .progress .bottom .left .left-item .item-context[data-v-0d70045a] {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: .6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: pre-line;
    line-height: 22px
}

.business-page .ability .progress .bottom .left .left-item0 .item-title[data-v-0d70045a] {
    margin-top: 0 !important
}

.business-page .ability .progress .bottom .right[data-v-0d70045a] {
    width: 528px;
    height: 766px;
    background: rgba(24, 40, 100, .7);
    position: absolute;
    right: 0;
    top: -220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    box-sizing: border-box;
    justify-content: space-around
}

.business-page .ability .progress .bottom .right .right-item[data-v-0d70045a] {
    width: 240px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.business-page .ability .progress .bottom .right .right-item .text[data-v-0d70045a] {
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.business-page .ability .progress .bottom .right .right-item:last-child img[data-v-0d70045a] {
    margin-left: 7px;
    transform: scale(1.3)
}

.business-page .ability .progress .bottom .right .right-item:last-child .text[data-v-0d70045a] {
    margin-left: 70px;
    flex-shrink: 0
}

.business-page .ability .progress .bottom .right .connect[data-v-0d70045a] {
    margin: -10px 0 10px;
    margin-left: 25px;
    align-self: flex-start;
    width: 1px;
    height: 34px;
    border-left: 1px solid #3b469d
}

.business-page .bottom-box[data-v-0d70045a] {
    margin-top: 331px;
    width: 100%;
    height: 1973px;
    background-image: url(../img/back-bottom.3729a594.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px
}

.business-page .bottom-box .center[data-v-0d70045a] {
    width: 1300px;
    margin: 0 auto;
    padding-top: 173px
}

.business-page .bottom-box .center .delivery[data-v-0d70045a] {
    width: 100%
}

.business-page .bottom-box .center .delivery .title[data-v-0d70045a] {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 80px 0 40px 0;
    margin-bottom: 40px
}

.business-page .bottom-box .center .delivery .items[data-v-0d70045a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.business-page .bottom-box .center .delivery .items .item[data-v-0d70045a] {
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-self: center;
    box-shadow: 0 3px 30px 0 rgba(106, 122, 156, .3);
    width: 220px;
    height: 146px;
    position: relative
}

.business-page .bottom-box .center .delivery .items .item .item-text[data-v-0d70045a] {
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 24px;
    font-weight: 400;
    color: #333
}

.business-page .bottom-box .center .delivery .items .item .logo[data-v-0d70045a] {
    z-index: 9;
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(24, 94, 224, .15);
    border-radius: 50%;
    position: absolute;
    top: -28px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.business-page .bottom-box .center .delivery .items .item .hoverImg[data-v-0d70045a] {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.business-page .bottom-box .center .delivery .items .item[data-v-0d70045a]:hover {
    border-radius: 5px
}

.business-page .bottom-box .center .delivery .items .item:hover .hoverImg[data-v-0d70045a] {
    display: block !important
}

.business-page .bottom-box .center .security[data-v-0d70045a] {
    width: 100%
}

.business-page .bottom-box .center .security .security-title[data-v-0d70045a] {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 110px 0 50px 0;
    margin-bottom: 20px
}

.business-page .bottom-box .center .security .items[data-v-0d70045a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.business-page .bottom-box .center .security .items .item[data-v-0d70045a] {
    width: 279px;
    height: 432px;
    background: #fff;
    border: 1px solid hsla(0, 0%, 89.8%, .3);
    padding: 10px;
    box-sizing: border-box
}

.business-page .bottom-box .center .security .items .item .back[data-v-0d70045a] {
    width: 100%;
    height: 120px
}

.business-page .bottom-box .center .security .items .item .title[data-v-0d70045a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 10px;
    box-sizing: border-box
}

.business-page .bottom-box .center .security .items .item .title h2[data-v-0d70045a] {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin-left: 10px
}

.business-page .bottom-box .center .security .items .item .li[data-v-0d70045a] {
    margin: 15px 10px;
    line-height: 1.7
}

.business-page .bottom-box .center .security .items .item[data-v-0d70045a]:hover {
    box-shadow: 0 3px 50px 0 rgba(106, 122, 156, .3)
}

.business-page .bottom-box .center .support[data-v-0d70045a] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 120px
}

.business-page .bottom-box .center .support .left[data-v-0d70045a] {
    width: 405px;
    position: relative
}

.business-page .bottom-box .center .support .left .dots[data-v-0d70045a] {
    width: 600px;
    height: 535px;
    background: #004ce5;
    border-radius: 60px;
    position: absolute;
    left: -330px;
    display: flex;
    justify-content: flex-end;
    padding: 50px 160px;
    box-sizing: border-box
}

.business-page .bottom-box .center .support .left .dots img[data-v-0d70045a] {
    width: 99px;
    height: 174px
}

.business-page .bottom-box .center .support .left .left-img-box[data-v-0d70045a] {
    width: 263px;
    height: 492px;
    background: #fff;
    box-shadow: 0 3px 62px 0 rgba(105, 122, 156, .3);
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.business-page .bottom-box .center .support .right[data-v-0d70045a] {
    width: 730px
}

.business-page .bottom-box .center .support .right .support-title[data-v-0d70045a] {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    text-align: center
}

.business-page .bottom-box .center .support .right .support-items[data-v-0d70045a] {
    width: 100%;
    margin-top: 89px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.business-page .bottom-box .center .support .right .support-items .support-item[data-v-0d70045a]:nth-child(3), .business-page .bottom-box .center .support .right .support-items .support-item[data-v-0d70045a]:nth-child(4) {
    margin-top: 90px
}

.business-page .bottom-box .center .support .right .support-items .support-item[data-v-0d70045a] {
    cursor: pointer;
    width: 323px;
    height: 208px;
    background: #fff;
    border: 2px solid rgba(225, 229, 239, .7);
    padding: 30px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.business-page .bottom-box .center .support .right .support-items .support-item .support-item-title[data-v-0d70045a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    color: #333
}

.business-page .bottom-box .center .support .right .support-items .support-item .support-item-title .title-text[data-v-0d70045a] {
    margin-left: 15px
}

.business-page .bottom-box .center .support .right .support-items .support-item .support-item-context[data-v-0d70045a] {
    font-size: 16px;
    font-weight: 400;
    color: #9da9c3;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.business-page .bottom-box .center .support .right .support-items .support-item[data-v-0d70045a]:hover {
    box-shadow: 0 3px 50px 0 rgba(105, 122, 156, .25)
}