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

.app-page[data-v-0fb9bfaa] {
    width: 100%;
    min-width: 1300px
}

.app-page .business[data-v-0fb9bfaa] {
    width: 100%;
    height: 1000px;
    background-color: #fff
}

.app-page .business .center[data-v-0fb9bfaa] {
    width: 1300px;
    margin: 0 auto
}

.app-page .business .center .title[data-v-0fb9bfaa] {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    padding-top: 80px;
    padding-bottom: 50px
}

.app-page .business .center .content[data-v-0fb9bfaa] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.app-page .business .center .content .left[data-v-0fb9bfaa] {
    width: 840px;
    height: 840px;
    background-image: url(../img/circle0.fd55b9eb.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.app-page .business .center .content .middle[data-v-0fb9bfaa] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 25px
}

.app-page .business .center .content .right[data-v-0fb9bfaa] {
    width: 320px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.app-page .business .center .content .right .item[data-v-0fb9bfaa]:nth-child(9), .app-page .business .center .content .right .item[data-v-0fb9bfaa]:nth-child(10) {
    margin-bottom: 0
}

.app-page .business .center .content .right .selected .text[data-v-0fb9bfaa] {
    font-size: 24px;
    font-weight: 400;
    color: #004ce5 !important;
    margin-left: 10px
}

.app-page .business .center .content .right .selected .hidden[data-v-0fb9bfaa] {
    display: block !important
}

.app-page .business .center .content .right .selected .visible[data-v-0fb9bfaa] {
    display: none !important
}

.app-page .business .center .content .right .item:hover .text[data-v-0fb9bfaa] {
    font-size: 24px;
    font-weight: 400;
    color: #004ce5;
    margin-left: 10px
}

.app-page .business .center .content .right .item:hover .hidden[data-v-0fb9bfaa] {
    display: block
}

.app-page .business .center .content .right .item:hover .visible[data-v-0fb9bfaa] {
    display: none
}

.app-page .business .center .content .right .item[data-v-0fb9bfaa]:nth-child(2n) {
    justify-content: flex-end
}

.app-page .business .center .content .right .item[data-v-0fb9bfaa] {
    width: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 68px
}

.app-page .business .center .content .right .item .text[data-v-0fb9bfaa] {
    font-size: 24px;
    font-weight: 400;
    color: #333;
    margin-left: 10px
}

.app-page .business .center .content .right .item .hidden[data-v-0fb9bfaa] {
    display: none
}

.app-page .progress[data-v-0fb9bfaa] {
    width: 100%;
    min-width: 1300px;
    background-color: #f4f5f8
}

.app-page .progress .center[data-v-0fb9bfaa] {
    margin: 0 auto;
    width: 1300px;
    height: 864px
}

.app-page .progress .center .title[data-v-0fb9bfaa] {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #333;
    padding-top: 80px;
    padding-bottom: 71px
}

.app-page .jfbz[data-v-0fb9bfaa] {
    width: 100%;
    min-width: 1300px;
    background-color: #f4f5f8;
    background-image: url(../img/jfbz2.ab35c0ef.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.app-page .jfbz .center[data-v-0fb9bfaa] {
    margin: 0 auto;
    width: 1300px;
    height: 778px
}

.app-page .jfbz .center .title[data-v-0fb9bfaa] {
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 71px
}

.app-page .jfbz .center .items[data-v-0fb9bfaa] {
    height: 295px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end
}

.app-page .jfbz .center .items .item[data-v-0fb9bfaa]:nth-child(2n) {
    align-self: flex-start
}

.app-page .jfbz .center .items .item:hover .top img[data-v-0fb9bfaa] {
    transform: scale(1.2)
}

.app-page .jfbz .center .items .item:hover .bottom[data-v-0fb9bfaa] {
    background-color: #004ce5;
    color: #fff
}

.app-page .jfbz .center .items .item[data-v-0fb9bfaa] {
    cursor: pointer;
    width: 220px;
    height: 265px;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: relative
}

.app-page .jfbz .center .items .item .top[data-v-0fb9bfaa] {
    height: 50%;
    width: 100%;
    overflow: hidden
}

.app-page .jfbz .center .items .item .top img[data-v-0fb9bfaa] {
    transition: all .5s;
    width: 100%
}

.app-page .jfbz .center .items .item .middle[data-v-0fb9bfaa] {
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(24, 94, 224, .15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.app-page .jfbz .center .items .item .bottom[data-v-0fb9bfaa] {
    transition: all .5s;
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
    padding-top: 10px;
    box-sizing: border-box
}

.app-page .bottom-box[data-v-0fb9bfaa] {
    width: 100%;
    min-width: 1300px;
    background-color: #fff;
    background-image: url(../img/btm2.75aa7589.png);
    background-repeat: no-repeat;
    background-position: 100%
}

.app-page .bottom-box .center[data-v-0fb9bfaa] {
    width: 1300px;
    height: 1123px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.app-page .bottom-box .center .system-security[data-v-0fb9bfaa] {
    height: 683px;
    background-image: url(../img/xtaq.09e280f6.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 1300px;
    box-shadow: 0 3px 62px 0 rgba(106, 122, 156, .3);
    position: relative;
    top: -132px;
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.app-page .bottom-box .center .system-security .center-title[data-v-0fb9bfaa] {
    width: 1230px;
    text-align: center;
    padding: 60px 0;
    font-size: 34px;
    font-weight: 500;
    color: #333
}

.app-page .bottom-box .center .system-security .center-center[data-v-0fb9bfaa] {
    width: 1230px;
    height: 441px;
    margin-right: 70px;
    border: 1px solid rgba(214, 220, 233, .7);
    display: flex;
    flex-direction: row
}

.app-page .bottom-box .center .system-security .center-center .left[data-v-0fb9bfaa] {
    width: 266px;
    display: flex;
    flex-direction: column;
    padding: 81px 0;
    justify-content: space-between;
    align-items: center
}

.app-page .bottom-box .center .system-security .center-center .left .left-item[data-v-0fb9bfaa] {
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    padding-left: 20px;
    border-left: 4px solid rgba(0, 76, 229, 0)
}

.app-page .bottom-box .center .system-security .center-center .left .selected[data-v-0fb9bfaa] {
    border-left: 4px solid #004ce5;
    color: #004ce5
}

.app-page .bottom-box .center .system-security .center-center .middle[data-v-0fb9bfaa] {
    margin: auto 0;
    width: 1px;
    height: 233px;
    background: #e5e5e5
}

.app-page .bottom-box .center .system-security .center-center .right[data-v-0fb9bfaa] {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

.app-page .bottom-box .center .system-security .center-center .right .right-item[data-v-0fb9bfaa] {
    cursor: pointer;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0
}

.app-page .bottom-box .center .system-security .center-center .right .right-item .text[data-v-0fb9bfaa] {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.app-page .bottom-box .center .system-security .center-center .right .right-item:hover img[data-v-0fb9bfaa] {
    transition: all 1.5s;
    transform: rotateY(540deg)
}

.app-page .bottom-box .center .technology-support[data-v-0fb9bfaa] {
    position: relative;
    top: -40px;
    width: 1300px
}

.app-page .bottom-box .center .technology-support .title[data-v-0fb9bfaa] {
    width: 100%;
    font-size: 34px;
    color: #333;
    text-align: center;
    margin-bottom: 60px
}

.app-page .bottom-box .center .technology-support .items[data-v-0fb9bfaa] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.app-page .bottom-box .center .technology-support .items .item[data-v-0fb9bfaa] {
    cursor: pointer;
    width: 287px;
    display: flex;
    flex-direction: column
}

.app-page .bottom-box .center .technology-support .items .item .img[data-v-0fb9bfaa] {
    width: 287px;
    height: 201px;
    overflow: hidden
}

.app-page .bottom-box .center .technology-support .items .item .img .item-img[data-v-0fb9bfaa] {
    transition: all 1s;
    width: 100%;
    height: 100%
}

.app-page .bottom-box .center .technology-support .items .item .item-title[data-v-0fb9bfaa] {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin: 30px 0
}

.app-page .bottom-box .center .technology-support .items .item:hover .item-img[data-v-0fb9bfaa] {
    transform: scale(1.2)
}