.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
}

.web-page[data-v-680d2269] {
    width: 100%;
    min-width: 1300px;
    overflow: hidden;
    z-index: 0
}

.web-page .ability[data-v-680d2269] {
    width: 100%;
    min-width: 1300px;
    margin: 0 auto;
    height: 800px;
    background-color: #fff
}

.web-page .ability .center[data-v-680d2269] {
    width: 1300px;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative
}

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

.web-page .ability .center .items[data-v-680d2269] {
    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
}

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

.web-page .ability .center .items .column .line[data-v-680d2269] {
    transition: all .5s;
    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
}

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

.web-page .ability .center .items .column .line .context .left-logo[data-v-680d2269] {
    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
}

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

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

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

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

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

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

.web-page .ability .center .items .column .line5[data-v-680d2269], .web-page .ability .center .items .column .line7[data-v-680d2269] {
    align-self: flex-start
}

.web-page .ability .center .items .column .line6[data-v-680d2269] {
    margin: 40px 0
}

.web-page .ability .center .items .column1[data-v-680d2269] {
    width: 330px
}

.web-page .ability .center .items .column2[data-v-680d2269], .web-page .ability .center .items .column3[data-v-680d2269] {
    width: 300px
}

.web-page .ability .center .other-img[data-v-680d2269] {
    position: absolute;
    right: 450px;
    bottom: 50px
}

.web-page .progress-box[data-v-680d2269] {
    width: 100%;
    min-width: 1300px;
    height: 630px;
    position: relative;
    overflow: visible
}

.web-page .progress-box .progress[data-v-680d2269] {
    width: 100%;
    min-width: 1300px;
    height: 1122px;
    background-image: url(../img/pro0.4a1d8138.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

.web-page .progress-box .progress .center[data-v-680d2269] {
    width: 1300px;
    margin: 0 auto;
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.web-page .progress-box .progress .center .title[data-v-680d2269] {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 68px 0 50px 0
}

.web-page .progress-box .progress .center .items[data-v-680d2269] {
    width: 850px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.web-page .progress-box .progress .center .items .item[data-v-680d2269] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 35px 10px
}

.web-page .progress-box .progress .center .items .item .text[data-v-680d2269] {
    margin-left: 27px;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.web-page .progress-box .progress .center .imgs[data-v-680d2269] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 80px;
    position: relative
}

.web-page .progress-box .progress .center .imgs .left[data-v-680d2269] {
    width: 10px;
    height: 150px
}

.web-page .progress-box .progress .center .imgs .right[data-v-680d2269] {
    width: 766px;
    height: 723px;
    position: absolute;
    top: -362px;
    right: 0
}

.web-page .delivery-standard[data-v-680d2269] {
    width: 100%;
    min-width: 1300px;
    height: 2242px;
    background-color: #f4f5f8;
    z-index: -1;
    background-image: url(../img/left-back.f004dd53.png);
    background-repeat: no-repeat;
    background-position: 0 -200px
}

.web-page .delivery-standard .left-back[data-v-680d2269] {
    width: 475px;
    height: 1758px;
    position: absolute;
    left: -70px;
    top: -150px;
    z-index: 1
}

.web-page .delivery-standard .center[data-v-680d2269] {
    margin: 0 auto;
    padding-top: 280px;
    width: 1300px
}

.web-page .delivery-standard .center .title[data-v-680d2269] {
    z-index: 99;
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    text-align: left;
    padding: 68px 0 50px 0;
    margin-bottom: 55px
}

.web-page .delivery-standard .center .items[data-v-680d2269] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 9
}

.web-page .delivery-standard .center .items .item[data-v-680d2269] {
    z-index: 9;
    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
}

.web-page .delivery-standard .center .items .item .item-text[data-v-680d2269] {
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 22px;
    font-weight: 400;
    color: #333
}

.web-page .delivery-standard .center .items .item .logo[data-v-680d2269] {
    z-index: 99;
    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
}

.web-page .delivery-standard .center .items .item .hoverImg[data-v-680d2269] {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.web-page .delivery-standard .center .items .item[data-v-680d2269]:hover {
    border-radius: 5px
}

.web-page .delivery-standard .center .items .item:hover .hoverImg[data-v-680d2269] {
    display: block !important
}

.web-page .system-security[data-v-680d2269] {
    width: 1300px;
    margin: 0 auto;
    margin-top: 132px;
    display: flex;
    flex-direction: column
}

.web-page .system-security .title[data-v-680d2269] {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    margin-bottom: 70px
}

.web-page .system-security .items[data-v-680d2269] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.web-page .system-security .items .item[data-v-680d2269]:hover {
    box-shadow: 0 3px 50px 0 rgba(105, 122, 156, .25)
}

.web-page .system-security .items .item[data-v-680d2269] {
    background-color: #fff;
    width: 269px;
    height: 392px
}

.web-page .system-security .items .item .top[data-v-680d2269] {
    width: 100%;
    height: 100px;
    background-color: #004be5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.web-page .system-security .items .item .bottom[data-v-680d2269] {
    padding: 30px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.web-page .system-security .items .item .bottom .li[data-v-680d2269] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    line-height: 1.5
}

.web-page .system-security .items .item .bottom .li .text[data-v-680d2269] {
    margin-left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    text-align: left
}

.web-page .support-box[data-v-680d2269] {
    width: 1300px;
    margin: 0 auto
}

.web-page .support-box .support[data-v-680d2269] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 120px
}

.web-page .support-box .support .left[data-v-680d2269] {
    width: 405px;
    position: relative
}

.web-page .support-box .support .left .dots[data-v-680d2269] {
    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
}

.web-page .support-box .support .left .dots img[data-v-680d2269] {
    width: 99px;
    height: 174px
}

.web-page .support-box .support .left .left-img-box[data-v-680d2269] {
    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
}

.web-page .support-box .support .right[data-v-680d2269] {
    width: 730px
}

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

.web-page .support-box .support .right .support-items[data-v-680d2269] {
    width: 100%;
    margin-top: 89px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.web-page .support-box .support .right .support-items .support-item[data-v-680d2269]:nth-child(3), .web-page .support-box .support .right .support-items .support-item[data-v-680d2269]:nth-child(4) {
    margin-top: 90px
}

.web-page .support-box .support .right .support-items .support-item[data-v-680d2269] {
    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
}

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

.web-page .support-box .support .right .support-items .support-item .support-item-title .title-text[data-v-680d2269] {
    margin-left: 15px
}

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

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