.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-d4f3b840] {
    overflow: hidden;
    width: 100%;
    min-width: 1300px;
    background-color: #fff
}

.business-page .content[data-v-d4f3b840] {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

.business-page .content .center[data-v-d4f3b840] {
    z-index: 2;
    width: 1300px;
    display: flex;
    flex-direction: column
}

.business-page .content .center .left-item[data-v-d4f3b840] {
    margin: 100px 0;
    display: flex;
    justify-content: space-between
}

.business-page .content .center .left-item .left[data-v-d4f3b840], .business-page .content .center .left-item .left img[data-v-d4f3b840] {
    width: 478px;
    height: 405px
}

.business-page .content .center .left-item .right[data-v-d4f3b840] {
    max-width: 607px;
    justify-content: space-around;
    display: flex;
    flex-direction: column
}

.business-page .content .center .left-item .right .title[data-v-d4f3b840] {
    font-size: 34px;
    font-weight: 500;
    color: #343434
}

.business-page .content .center .left-item .right .border[data-v-d4f3b840] {
    width: 65px;
    height: 6px;
    background: #024ce5;
    margin-bottom: 32px;
    margin-top: 16px
}

.business-page .content .center .left-item .right .line1[data-v-d4f3b840] {
    font-size: 14px;
    font-weight: 400;
    color: #9eaac4
}

.business-page .content .center .left-item .right .line2[data-v-d4f3b840] {
    display: flex;
    flex-direction: column
}

.business-page .content .center .left-item .right .line2 .text[data-v-d4f3b840] {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 400;
    color: #343434
}

.business-page .content .center .left-item .right .more[data-v-d4f3b840] {
    margin-top: 53px;
    width: 164px;
    height: 56px;
    border: 2px solid #004ce5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-size: inherit;
    font-family: inherit;
    color: #fff;
    outline: none;
    overflow: hidden;
    transition: color .4s ease-in-out
}

.business-page .content .center .left-item .right .more .text[data-v-d4f3b840] {
    transition: all .5s;
    font-size: 16px;
    font-weight: 400;
    color: #004ce5
}

.business-page .content .center .left-item .right .more img[data-v-d4f3b840] {
    transition: all .5s;
    margin-left: 10px;
    width: 26px;
    height: 9px
}

.business-page .content .center .left-item .right .more .more1[data-v-d4f3b840] {
    display: block
}

.business-page .content .center .left-item .right .more .more0[data-v-d4f3b840] {
    display: none
}

.business-page .content .center .left-item .right .more[data-v-d4f3b840]:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #004ce5;
    transform-origin: center;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transition: transform .45s ease-in-out
}

.business-page .content .center .left-item .right .more[data-v-d4f3b840]:hover {
    cursor: pointer
}

.business-page .content .center .left-item .right .more:hover .text[data-v-d4f3b840] {
    color: #fff
}

.business-page .content .center .left-item .right .more:hover .more1[data-v-d4f3b840] {
    display: none
}

.business-page .content .center .left-item .right .more:hover .more0[data-v-d4f3b840] {
    display: block
}

.business-page .content .center .left-item .right .more[data-v-d4f3b840]:hover:before {
    transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15)
}

.business-page .content .center .right-item[data-v-d4f3b840] {
    margin: 100px 0;
    display: flex;
    justify-content: space-between
}

.business-page .content .center .right-item .left[data-v-d4f3b840], .business-page .content .center .right-item .left img[data-v-d4f3b840] {
    width: 478px;
    height: 405px
}

.business-page .content .center .right-item .right[data-v-d4f3b840] {
    max-width: 607px;
    justify-content: space-around;
    display: flex;
    flex-direction: column
}

.business-page .content .center .right-item .right .title[data-v-d4f3b840] {
    font-size: 34px;
    font-weight: 500;
    color: #343434
}

.business-page .content .center .right-item .right .border[data-v-d4f3b840] {
    width: 65px;
    height: 6px;
    background: #024ce5;
    margin-bottom: 32px;
    margin-top: 16px
}

.business-page .content .center .right-item .right .line1[data-v-d4f3b840] {
    font-size: 14px;
    font-weight: 400;
    color: #9eaac4
}

.business-page .content .center .right-item .right .line2[data-v-d4f3b840] {
    display: flex;
    flex-direction: column
}

.business-page .content .center .right-item .right .line2 .text[data-v-d4f3b840] {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 400;
    color: #343434
}

.business-page .content .center .right-item .right .more[data-v-d4f3b840] {
    margin-top: 53px;
    width: 164px;
    height: 56px;
    border: 2px solid #004ce5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    position: relative;
    font-size: inherit;
    font-family: inherit;
    color: #fff;
    outline: none;
    overflow: hidden;
    transition: color .4s ease-in-out
}

.business-page .content .center .right-item .right .more .text[data-v-d4f3b840] {
    transition: all .5s;
    font-size: 16px;
    font-weight: 400;
    color: #004ce5
}

.business-page .content .center .right-item .right .more img[data-v-d4f3b840] {
    transition: all .5s;
    margin-left: 10px;
    width: 26px;
    height: 9px
}

.business-page .content .center .right-item .right .more .more1[data-v-d4f3b840] {
    display: block
}

.business-page .content .center .right-item .right .more .more0[data-v-d4f3b840] {
    display: none
}

.business-page .content .center .right-item .right .more[data-v-d4f3b840]:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #004ce5;
    transform-origin: center;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
    transition: transform .45s ease-in-out
}

.business-page .content .center .right-item .right .more[data-v-d4f3b840]:hover {
    cursor: pointer
}

.business-page .content .center .right-item .right .more:hover .text[data-v-d4f3b840] {
    color: #fff
}

.business-page .content .center .right-item .right .more:hover .more1[data-v-d4f3b840] {
    display: none
}

.business-page .content .center .right-item .right .more:hover .more0[data-v-d4f3b840] {
    display: block
}

.business-page .content .center .right-item .right .more[data-v-d4f3b840]:hover:before {
    transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15)
}

.business-page .content .left-back[data-v-d4f3b840] {
    position: absolute;
    left: 0;
    bottom: 685px;
    width: 878px;
    height: 1245px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    z-index: 1
}

.business-page .content .right-back[data-v-d4f3b840] {
    width: 549px;
    height: 751px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
    position: absolute;
    right: 0;
    top: 503px;
    z-index: 1
}