.border-ani[data-v-675421c2]:before,
.border-ani[data-v-675421c2]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-675421c2] {
    transition: color .3s
}

.border-ani[data-v-675421c2]:before,
.border-ani[data-v-675421c2]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-675421c2]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-675421c2]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-675421c2]:hover:before,
.border-ani[data-v-675421c2]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-675421c2]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-675421c2]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-675421c2],
.fade-leave-active[data-v-675421c2] {
    transition: opacity .28s
}

.fade-enter[data-v-675421c2],
.fade-leave-active[data-v-675421c2] {
    opacity: 0
}

.fade-transform-leave-active[data-v-675421c2],
.fade-transform-enter-active[data-v-675421c2] {
    transition: all .5s
}

.fade-transform-enter[data-v-675421c2] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-675421c2] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-675421c2],
.breadcrumb-leave-active[data-v-675421c2] {
    transition: all .5s
}

.breadcrumb-enter[data-v-675421c2],
.breadcrumb-leave-active[data-v-675421c2] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-675421c2] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-675421c2] {
    position: absolute
}

.scaleInUp .el-image[data-v-675421c2] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-675421c2]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-675421c2] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-675421c2 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-675421c2 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-675421c2] {
    transition: all .5s;
    animation: myfirst-675421c2 15s infinite linear
}

@keyframes myfirst-675421c2 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-675421c2] {
    transition: all .5s;
    animation: bounce-down-675421c2 1s infinite linear
}

@keyframes bounce-down-675421c2 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-675421c2] {
    transition: all .5s;
    animation: zoomout-675421c2 3s infinite linear
}

@keyframes zoomout-675421c2 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-675421c2] {
    animation: circle-675421c2 1s infinite linear
}

@keyframes circle-675421c2 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-675421c2] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-675421c2] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-675421c2] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-675421c2] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-675421c2] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-675421c2] {
    padding: 0
}

.tabsnav[data-v-675421c2] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-675421c2] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-675421c2] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-675421c2],
.swiper[data-v-675421c2] {
    z-index: 0
}

.table-title-bg[data-v-675421c2] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-675421c2] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-675421c2] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-675421c2] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-675421c2] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-675421c2] .el-dialog__body {
    padding: 50px 0
}

.ezhanfuweu[data-v-675421c2] {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0 26px
}

.ezhanfuweu ul[data-v-675421c2] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.ezhanfuweu ul li[data-v-675421c2] {
    width: 100%;
    height: 188px;
    background: #FFFFFF;
    box-shadow: 0 6px 26px #00000017;
    display: flex;
    align-items: center;
    padding: 0 30px;
    margin: 16px 0
}

.ezhanfuweu ul li .box-left[data-v-675421c2] {
    width: 140px;
    height: 140px;
    border-radius: 4px
}

.ezhanfuweu ul li .box-center[data-v-675421c2] {
    margin: 0 26px;
    width: calc(100% - 360px)
}

.ezhanfuweu ul li .box-center p[data-v-675421c2] {
    font-size: 21px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 700;
    color: #4a4a4a;
    padding-bottom: 4px
}

.ezhanfuweu ul li .box-center .cente-Text[data-v-675421c2] {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #4a4a4a
}

.ezhanfuweu ul li .box-center .spanText[data-v-675421c2] {
    letter-spacing: .2px;
    color: #4a4a4a;
    line-height: 18px
}

.ezhanfuweu ul li .box-right[data-v-675421c2] {
    width: 200px
}

.ezhanfuweu ul li .box-right .el-button[data-v-675421c2] span {
    display: flex;
    align-items: center
}

.border-ani[data-v-d6b151a0]:before,
.border-ani[data-v-d6b151a0]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-d6b151a0] {
    transition: color .3s
}

.border-ani[data-v-d6b151a0]:before,
.border-ani[data-v-d6b151a0]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-d6b151a0]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-d6b151a0]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-d6b151a0]:hover:before,
.border-ani[data-v-d6b151a0]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-d6b151a0]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-d6b151a0]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-d6b151a0],
.fade-leave-active[data-v-d6b151a0] {
    transition: opacity .28s
}

.fade-enter[data-v-d6b151a0],
.fade-leave-active[data-v-d6b151a0] {
    opacity: 0
}

.fade-transform-leave-active[data-v-d6b151a0],
.fade-transform-enter-active[data-v-d6b151a0] {
    transition: all .5s
}

.fade-transform-enter[data-v-d6b151a0] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-d6b151a0] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-d6b151a0],
.breadcrumb-leave-active[data-v-d6b151a0] {
    transition: all .5s
}

.breadcrumb-enter[data-v-d6b151a0],
.breadcrumb-leave-active[data-v-d6b151a0] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-d6b151a0] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-d6b151a0] {
    position: absolute
}

.scaleInUp .el-image[data-v-d6b151a0] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-d6b151a0]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-d6b151a0] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-d6b151a0 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-d6b151a0 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-d6b151a0] {
    transition: all .5s;
    animation: myfirst-d6b151a0 15s infinite linear
}

@keyframes myfirst-d6b151a0 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-d6b151a0] {
    transition: all .5s;
    animation: bounce-down-d6b151a0 1s infinite linear
}

@keyframes bounce-down-d6b151a0 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-d6b151a0] {
    transition: all .5s;
    animation: zoomout-d6b151a0 3s infinite linear
}

@keyframes zoomout-d6b151a0 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-d6b151a0] {
    animation: circle-d6b151a0 1s infinite linear
}

@keyframes circle-d6b151a0 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-d6b151a0] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-d6b151a0] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-d6b151a0] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-d6b151a0] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-d6b151a0] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-d6b151a0] {
    padding: 0
}

.tabsnav[data-v-d6b151a0] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-d6b151a0] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-d6b151a0] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-d6b151a0],
.swiper[data-v-d6b151a0] {
    z-index: 0
}

.table-title-bg[data-v-d6b151a0] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-d6b151a0] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-d6b151a0] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-d6b151a0] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-d6b151a0] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-d6b151a0] .el-dialog__body {
    padding: 50px 0
}

.numList[data-v-d6b151a0] {
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.numList ul[data-v-d6b151a0] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    flex-wrap: wrap
}

.numList ul li[data-v-d6b151a0] {
    width: calc(25% - 30px);
    height: 100px;
    background-size: 100% 100%;
    background-size: no-repeat;
    display: flex;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
    margin: 10px 0
}

.numList ul li .numRight[data-v-d6b151a0] {
    padding-left: 30px;
    line-height: 24px
}

.numList ul li .numRight .num-right-num[data-v-d6b151a0] {
    display: flex;
    align-items: flex-end
}

.numList ul li .numRight .num-right-num span[data-v-d6b151a0] {
    font-size: 24px;
    font-family: Impact
}

.numList ul li .numRight .num-right-num p[data-v-d6b151a0] {
    font-size: 14px;
    font-family: Impact;
    margin-left: 6px
}

.numList ul li .numRight span[data-v-d6b151a0] {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4a4a4a
}

.border-ani[data-v-1cdb19e8]:before,
.border-ani[data-v-1cdb19e8]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-1cdb19e8] {
    transition: color .3s
}

.border-ani[data-v-1cdb19e8]:before,
.border-ani[data-v-1cdb19e8]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-1cdb19e8]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-1cdb19e8]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-1cdb19e8]:hover:before,
.border-ani[data-v-1cdb19e8]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-1cdb19e8]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-1cdb19e8]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-1cdb19e8],
.fade-leave-active[data-v-1cdb19e8] {
    transition: opacity .28s
}

.fade-enter[data-v-1cdb19e8],
.fade-leave-active[data-v-1cdb19e8] {
    opacity: 0
}

.fade-transform-leave-active[data-v-1cdb19e8],
.fade-transform-enter-active[data-v-1cdb19e8] {
    transition: all .5s
}

.fade-transform-enter[data-v-1cdb19e8] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-1cdb19e8] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-1cdb19e8],
.breadcrumb-leave-active[data-v-1cdb19e8] {
    transition: all .5s
}

.breadcrumb-enter[data-v-1cdb19e8],
.breadcrumb-leave-active[data-v-1cdb19e8] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-1cdb19e8] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-1cdb19e8] {
    position: absolute
}

.scaleInUp .el-image[data-v-1cdb19e8] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-1cdb19e8]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-1cdb19e8] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-1cdb19e8 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-1cdb19e8 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-1cdb19e8] {
    transition: all .5s;
    animation: myfirst-1cdb19e8 15s infinite linear
}

@keyframes myfirst-1cdb19e8 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-1cdb19e8] {
    transition: all .5s;
    animation: bounce-down-1cdb19e8 1s infinite linear
}

@keyframes bounce-down-1cdb19e8 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-1cdb19e8] {
    transition: all .5s;
    animation: zoomout-1cdb19e8 3s infinite linear
}

@keyframes zoomout-1cdb19e8 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-1cdb19e8] {
    animation: circle-1cdb19e8 1s infinite linear
}

@keyframes circle-1cdb19e8 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-1cdb19e8] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-1cdb19e8] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-1cdb19e8] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-1cdb19e8] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-1cdb19e8] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-1cdb19e8] {
    padding: 0
}

.tabsnav[data-v-1cdb19e8] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-1cdb19e8] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-1cdb19e8] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-1cdb19e8],
.swiper[data-v-1cdb19e8] {
    z-index: 0
}

.table-title-bg[data-v-1cdb19e8] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-1cdb19e8] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-1cdb19e8] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-1cdb19e8] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-1cdb19e8] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-1cdb19e8] .el-dialog__body {
    padding: 50px 0
}

.pipeixuqiu[data-v-1cdb19e8] {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0
}

.pipeixuqiu .box-title[data-v-1cdb19e8] {
    padding-bottom: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000
}

.pipeixuqiu .carouse[data-v-1cdb19e8] {
    width: 100%;
    height: 186px;
    background: rgba(205, 36, 25, .02);
    box-shadow: 0 6px 26px #cd241914;
    border-radius: 4px;
    border: 1px solid rgba(205, 36, 25, .19);
    position: relative;
    box-sizing: content-box;
}

.pipeixuqiu .carouse:hover .nav-btn[data-v-1cdb19e8] {
    visibility: visible
}

.pipeixuqiu .carouse .mySwiper[data-v-1cdb19e8] {
    width: 100%;
    height: calc(100% - 10px)
}

.pipeixuqiu .carouse .mySwiper[data-v-1cdb19e8] .scaleInUp {
    height: auto
}

.pipeixuqiu .carouse .mySwiper ul[data-v-1cdb19e8] {
    display: flex;
    flex-direction: column;
    padding: 10px 38px
}

.pipeixuqiu .carouse .mySwiper ul li[data-v-1cdb19e8] {
    display: flex;
    align-items: center;
    margin: 6px 0
}

.pipeixuqiu .carouse .mySwiper ul li span[data-v-1cdb19e8] {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    margin-left: 24px
}

.pipeixuqiu .carouse .mySwiper ul li span[data-v-1cdb19e8]:hover {
    color: #cd2419
}

.pipeixuqiu .carouse .nav-btn[data-v-1cdb19e8] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 47%;
    transform: translateY(-10%);
    text-align: center;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.pipeixuqiu .carouse .nav-btn.swiper-button-prev-daoshi[data-v-1cdb19e8] {
    left: 94%;
    top: 18px
}

.pipeixuqiu .carouse .nav-btn.swiper-button-next-daoshi[data-v-1cdb19e8] {
    right: 8px;
    top: 76%
}

.border-ani[data-v-4adbb12e]:before,
.border-ani[data-v-4adbb12e]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-4adbb12e] {
    transition: color .3s
}

.border-ani[data-v-4adbb12e]:before,
.border-ani[data-v-4adbb12e]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-4adbb12e]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-4adbb12e]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-4adbb12e]:hover:before,
.border-ani[data-v-4adbb12e]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-4adbb12e]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-4adbb12e]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-4adbb12e],
.fade-leave-active[data-v-4adbb12e] {
    transition: opacity .28s
}

.fade-enter[data-v-4adbb12e],
.fade-leave-active[data-v-4adbb12e] {
    opacity: 0
}

.fade-transform-leave-active[data-v-4adbb12e],
.fade-transform-enter-active[data-v-4adbb12e] {
    transition: all .5s
}

.fade-transform-enter[data-v-4adbb12e] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-4adbb12e] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-4adbb12e],
.breadcrumb-leave-active[data-v-4adbb12e] {
    transition: all .5s
}

.breadcrumb-enter[data-v-4adbb12e],
.breadcrumb-leave-active[data-v-4adbb12e] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-4adbb12e] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-4adbb12e] {
    position: absolute
}

.scaleInUp .el-image[data-v-4adbb12e] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-4adbb12e]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-4adbb12e] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-4adbb12e {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-4adbb12e {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-4adbb12e] {
    transition: all .5s;
    animation: myfirst-4adbb12e 15s infinite linear
}

@keyframes myfirst-4adbb12e {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-4adbb12e] {
    transition: all .5s;
    animation: bounce-down-4adbb12e 1s infinite linear
}

@keyframes bounce-down-4adbb12e {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-4adbb12e] {
    transition: all .5s;
    animation: zoomout-4adbb12e 3s infinite linear
}

@keyframes zoomout-4adbb12e {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-4adbb12e] {
    animation: circle-4adbb12e 1s infinite linear
}

@keyframes circle-4adbb12e {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-4adbb12e] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-4adbb12e] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-4adbb12e] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-4adbb12e] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-4adbb12e] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-4adbb12e] {
    padding: 0
}

.tabsnav[data-v-4adbb12e] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-4adbb12e] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-4adbb12e] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-4adbb12e],
.swiper[data-v-4adbb12e] {
    z-index: 0
}

.table-title-bg[data-v-4adbb12e] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-4adbb12e] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-4adbb12e] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-4adbb12e] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-4adbb12e] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-4adbb12e] .el-dialog__body {
    padding: 50px 0
}

.pipeixuqiu[data-v-4adbb12e] {
    /* height: 100%; */
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 268px;
}

.pipeixuqiu .box-title[data-v-4adbb12e] {
    padding-bottom: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000
}

.pipeixuqiu .box-left[data-v-4adbb12e] {
    width: 48%
}

.pipeixuqiu .box-right[data-v-4adbb12e] {
    margin-left: 20px;
    width: calc(52% - 20px)
}

.pipeixuqiu .carouse[data-v-4adbb12e] {
    width: 100%;
    height: 186px;
    background: rgba(205, 36, 25, .02);
    box-shadow: 0 6px 26px #cd241914;
    border-radius: 4px;
    border: 1px solid rgba(205, 36, 25, .19);
    position: relative;
    box-sizing: content-box;
}

.pipeixuqiu .carouse:hover .nav-btn[data-v-4adbb12e] {
    visibility: visible
}

.pipeixuqiu .carouse .mySwiper[data-v-4adbb12e] {
    width: 100%;
    height: calc(100% - 10px)
}

.pipeixuqiu .carouse .mySwiper[data-v-4adbb12e] .scaleInUp {
    height: auto
}

.pipeixuqiu .carouse .mySwiper ul[data-v-4adbb12e] {
    display: flex;
    flex-direction: column;
    padding: 10px 38px
}

.pipeixuqiu .carouse .mySwiper ul li[data-v-4adbb12e] {
    display: flex;
    align-items: center;
    margin: 6px 0
}

.pipeixuqiu .carouse .mySwiper ul li span[data-v-4adbb12e] {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    margin-left: 24px
}

.pipeixuqiu .carouse .nav-btn[data-v-4adbb12e] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 47%;
    transform: translateY(-10%);
    text-align: center;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.pipeixuqiu .carouse .nav-btn.swiper-button-prev-pipeixuqiu[data-v-4adbb12e] {
    left: 94%;
    top: 18px
}

.pipeixuqiu .carouse .nav-btn.swiper-button-next-pipeixuqiu[data-v-4adbb12e] {
    right: 8px;
    top: 76%
}

.border-ani[data-v-69e0ec7b]:before,
.border-ani[data-v-69e0ec7b]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-69e0ec7b] {
    transition: color .3s
}

.border-ani[data-v-69e0ec7b]:before,
.border-ani[data-v-69e0ec7b]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-69e0ec7b]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-69e0ec7b]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-69e0ec7b]:hover:before,
.border-ani[data-v-69e0ec7b]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-69e0ec7b]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-69e0ec7b]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-69e0ec7b],
.fade-leave-active[data-v-69e0ec7b] {
    transition: opacity .28s
}

.fade-enter[data-v-69e0ec7b],
.fade-leave-active[data-v-69e0ec7b] {
    opacity: 0
}

.fade-transform-leave-active[data-v-69e0ec7b],
.fade-transform-enter-active[data-v-69e0ec7b] {
    transition: all .5s
}

.fade-transform-enter[data-v-69e0ec7b] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-69e0ec7b] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-69e0ec7b],
.breadcrumb-leave-active[data-v-69e0ec7b] {
    transition: all .5s
}

.breadcrumb-enter[data-v-69e0ec7b],
.breadcrumb-leave-active[data-v-69e0ec7b] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-69e0ec7b] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-69e0ec7b] {
    position: absolute
}

.scaleInUp .el-image[data-v-69e0ec7b] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-69e0ec7b]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-69e0ec7b] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-69e0ec7b {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-69e0ec7b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-69e0ec7b] {
    transition: all .5s;
    animation: myfirst-69e0ec7b 15s infinite linear
}

@keyframes myfirst-69e0ec7b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-69e0ec7b] {
    transition: all .5s;
    animation: bounce-down-69e0ec7b 1s infinite linear
}

@keyframes bounce-down-69e0ec7b {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-69e0ec7b] {
    transition: all .5s;
    animation: zoomout-69e0ec7b 3s infinite linear
}

@keyframes zoomout-69e0ec7b {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-69e0ec7b] {
    animation: circle-69e0ec7b 1s infinite linear
}

@keyframes circle-69e0ec7b {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-69e0ec7b] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-69e0ec7b] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-69e0ec7b] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-69e0ec7b] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-69e0ec7b] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-69e0ec7b] {
    padding: 0
}

.tabsnav[data-v-69e0ec7b] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-69e0ec7b] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-69e0ec7b] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-69e0ec7b],
.swiper[data-v-69e0ec7b] {
    z-index: 0
}

.table-title-bg[data-v-69e0ec7b] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-69e0ec7b] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-69e0ec7b] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-69e0ec7b] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-69e0ec7b] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-69e0ec7b] .el-dialog__body {
    padding: 50px 0
}

.kechuangfuwu[data-v-69e0ec7b] {
    width: 1200px;
    margin: auto;
    padding-top: 20px
}

.kechuangfuwu .kechuangfuwu_box[data-v-69e0ec7b] {
    display: flex;
    justify-content: space-between
}

.kechuangfuwu .kechuangfuwu_box li[data-v-69e0ec7b] {
    width: calc(20% - 20px);
    padding-bottom: 20px;
    overflow: hidden;
    margin: 20px
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item[data-v-69e0ec7b] {
    width: 100%;
    height: 252px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 8px 12px #0000000d;
    position: relative
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item:hover .kechuangfuwu_item_box[data-v-69e0ec7b] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 24px;
    background: rgba(205, 36, 25, .82);
    color: #fff;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 14px;
    box-sizing: border-box;
    text-indent: 24px
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item:hover .kechuangfuwu_item_box .kechuangfuwu_item_name[data-v-69e0ec7b] {
    margin-bottom: 10px
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item:hover .kechuangfuwu_item_box .kechuangfuwu_item_text[data-v-69e0ec7b] {
    opacity: .8;
    font-size: 15px;
    display: initial
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item .kechuangfuwu_item_image[data-v-69e0ec7b] {
    width: 100%;
    height: calc(100% - 58px);
    overflow: hidden
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item .kechuangfuwu_item_box[data-v-69e0ec7b] {
    height: 58px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 500;
    color: #4a4a4a;
    transition: all .5s
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item .kechuangfuwu_item_box .kechuangfuwu_item_name[data-v-69e0ec7b] {
    transition: all .1s
}

.kechuangfuwu .kechuangfuwu_box li .kechuangfuwu_item .kechuangfuwu_item_box .kechuangfuwu_item_text[data-v-69e0ec7b] {
    transition: all .1s;
    display: none
}

.border-ani[data-v-45f82166]:before,
.border-ani[data-v-45f82166]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-45f82166] {
    transition: color .3s
}

.border-ani[data-v-45f82166]:before,
.border-ani[data-v-45f82166]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-45f82166]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-45f82166]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-45f82166]:hover:before,
.border-ani[data-v-45f82166]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-45f82166]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-45f82166]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-45f82166],
.fade-leave-active[data-v-45f82166] {
    transition: opacity .28s
}

.fade-enter[data-v-45f82166],
.fade-leave-active[data-v-45f82166] {
    opacity: 0
}

.fade-transform-leave-active[data-v-45f82166],
.fade-transform-enter-active[data-v-45f82166] {
    transition: all .5s
}

.fade-transform-enter[data-v-45f82166] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-45f82166] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-45f82166],
.breadcrumb-leave-active[data-v-45f82166] {
    transition: all .5s
}

.breadcrumb-enter[data-v-45f82166],
.breadcrumb-leave-active[data-v-45f82166] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-45f82166] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-45f82166] {
    position: absolute
}

.scaleInUp .el-image[data-v-45f82166] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-45f82166]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-45f82166] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-45f82166 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-45f82166 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-45f82166] {
    transition: all .5s;
    animation: myfirst-45f82166 15s infinite linear
}

@keyframes myfirst-45f82166 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-45f82166] {
    transition: all .5s;
    animation: bounce-down-45f82166 1s infinite linear
}

@keyframes bounce-down-45f82166 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-45f82166] {
    transition: all .5s;
    animation: zoomout-45f82166 3s infinite linear
}

@keyframes zoomout-45f82166 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-45f82166] {
    animation: circle-45f82166 1s infinite linear
}

@keyframes circle-45f82166 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-45f82166] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-45f82166] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-45f82166] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-45f82166] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-45f82166] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-45f82166] {
    padding: 0
}

.tabsnav[data-v-45f82166] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-45f82166] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-45f82166] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-45f82166],
.swiper[data-v-45f82166] {
    z-index: 0
}

.table-title-bg[data-v-45f82166] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-45f82166] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-45f82166] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-45f82166] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-45f82166] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-45f82166] .el-dialog__body {
    padding: 50px 0
}

.venue-wrap[data-v-45f82166] {
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    padding: 0 50px;
    box-sizing: border-box
}

.venue-wrap .nav-wrap[data-v-45f82166] {
    position: relative;
    width: 100%;
    height: 100%
}

.venue-wrap .nav-wrap .prev[data-v-45f82166],
.venue-wrap .nav-wrap .next[data-v-45f82166] {
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 186, 255, .1);
    border-radius: 50%;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    border: 1px solid transparent;
    cursor: pointer
}

.venue-wrap .nav-wrap .prev[data-v-45f82166]:hover,
.venue-wrap .nav-wrap .next[data-v-45f82166]:hover {
    border-color: #00baff
}

.venue-wrap .nav-wrap .prev[data-v-45f82166] {
    left: 150px;
    z-index: 90
}

.venue-wrap .nav-wrap .next[data-v-45f82166] {
    right: 150px;
    z-index: 90
}

.venue-wrap .nav-wrap .nav-wrap-line[data-v-45f82166] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1
}

.venue-wrap .nav-wrap .nav-wrap-line[data-v-45f82166]:after {
    content: "";
    border: 1px solid #CD2419;
    width: 100%;
    height: 900px;
    position: absolute;
    left: 0;
    top: -700px;
    border-radius: 50%
}

.venue-wrap .nav-wrap .nav-list[data-v-45f82166] {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.venue-wrap .nav-wrap .item[data-v-45f82166] {
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
    left: 50%;
    top: 0;
    opacity: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #cd2419;
    color: #fff;
    /* box-shadow: 0 0 0 6px #cd24191a */
}

.venue-wrap .nav-wrap .item p[data-v-45f82166] {
    width: 140%;
    text-align: center;
    transform: scale(.5)
}

.venue-wrap .nav-wrap .item.item0[data-v-45f82166],
.venue-wrap .nav-wrap .item.item8[data-v-45f82166] {
    top: -20px;
    opacity: 1;
    width: 40px;
    height: 40px;
    font-size: 14px
}

.venue-wrap .nav-wrap .item.item1[data-v-45f82166],
.venue-wrap .nav-wrap .item.item7[data-v-45f82166] {
    top: calc(20% - 20px);
    opacity: 2;
    width: 60px;
    height: 60px;
    font-size: 20px
}

.venue-wrap .nav-wrap .item.item2[data-v-45f82166],
.venue-wrap .nav-wrap .item.item6[data-v-45f82166] {
    top: calc(40% - 20px);
    opacity: 3;
    width: 70px;
    height: 70px;
    font-size: 24px
}

.venue-wrap .nav-wrap .item.item3[data-v-45f82166],
.venue-wrap .nav-wrap .item.item5[data-v-45f82166] {
    top: calc(60% - 30px);
    opacity: 4;
    width: 80px;
    height: 80px;
    font-size: 26px
}

.venue-wrap .nav-wrap .item.item4[data-v-45f82166] {
    top: calc(60% - 10px);
    opacity: 5;
    width: 110px;
    height: 110px;
    font-size: 30px
}
.venue-wrap .nav-wrap .item::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 0 6px #cd24191a
}
.venue-wrap .nav-wrap .item.item0[data-v-45f82166] {
    left: 70px
}

.venue-wrap .nav-wrap .item.item1[data-v-45f82166] {
    left: calc(12.5% - 10px)
}

.venue-wrap .nav-wrap .item.item2[data-v-45f82166] {
    left: calc(25% - 50px)
}

.venue-wrap .nav-wrap .item.item3[data-v-45f82166] {
    left: calc(37.5% - 60px)
}

.venue-wrap .nav-wrap .item.item4[data-v-45f82166] {
    left: calc(50% - 55px)
}

.venue-wrap .nav-wrap .item.item5[data-v-45f82166] {
    left: calc(62.5% - 20px)
}

.venue-wrap .nav-wrap .item.item6[data-v-45f82166] {
    left: calc(75% - 25px)
}

.venue-wrap .nav-wrap .item.item7[data-v-45f82166] {
    left: calc(87.5% - 50px)
}

.venue-wrap .nav-wrap .item.item8[data-v-45f82166] {
    left: calc(100% - 110px)
}

.venue-wrap .nav-wrap .item0 {
    animation: item0Aniamtion 25s linear infinite;
}

.venue-wrap .nav-wrap .item1 {
    animation: item1Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item2 {
    animation: item2Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item3 {
    animation: item3Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item4 {
    animation: item4Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item5 {
    animation: item5Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item6 {
    animation: item6Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item7 {
    animation: item7Aniamtion 25s linear infinite;
}
.venue-wrap .nav-wrap .item8 {
    animation: item8Aniamtion 25s linear infinite;
}

@keyframes item0Aniamtion {
    0% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    3% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    11% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    14% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    22% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    25% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    33% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    36% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    44% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    47% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    55% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    58% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    66% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    69% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    77% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    80% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    88% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    91% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    100% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

@keyframes item1Aniamtion {
    0% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    3% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    11% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    14% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    22% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    25% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    33% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    36% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    44% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    47% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    55% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    58% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    66% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    69% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    77% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    80% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    88% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    91% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    100% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
} 
@keyframes item2Aniamtion {
    0% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    3% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    11% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    14% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    22% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    25% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    33% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    36% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    44% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    47% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    55% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    58% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    66% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    69% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    77% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    80% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    88% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    91% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    100% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
}
@keyframes item3Aniamtion {
    0% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    3% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    11% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    14% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    22% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    25% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    33% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    36% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    44% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    47% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    55% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    58% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    66% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    69% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    77% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    80% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    88% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    91% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    100% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
} 
@keyframes item4Aniamtion {
    0% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    3% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    11% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    14% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    22% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    25% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    33% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    36% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    44% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    47% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    55% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    58% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    66% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    69% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    77% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    80% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    88% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    91% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    100% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
} 
@keyframes item5Aniamtion {
    0% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    3% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    11% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    14% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    22% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    25% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    33% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    36% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    44% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    47% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    55% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    58% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    66% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    69% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    77% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    80% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    88% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    91% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    100% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
}
@keyframes item6Aniamtion {
    0% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    3% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    11% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    14% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    22% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    25% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    33% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    36% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    44% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    47% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    55% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    58% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    66% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    69% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    77% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    80% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    88% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    91% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    100% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
}
@keyframes item7Aniamtion {
    0% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    3% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    11% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    14% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    22% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    25% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    33% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    36% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    44% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    47% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    55% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    58% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    66% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    69% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    77% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    80% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    88% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    91% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    100% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
}
@keyframes item8Aniamtion {
    0% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    3% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    11% {
        left: 70px;
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    14% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    22% {
        left: calc(12.5% - 10px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    25% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    33% {
        left: calc(25% - 50px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    36% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    44% {
        left: calc(37.5% - 60px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    47% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    55% {
        left: calc(50% - 55px);
        top: calc(60% - 10px);
        opacity: 5;
        width: 110px;
        height: 110px;
        font-size: 30px
    }
    58% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    66% {
        left: calc(62.5% - 20px);
        top: calc(60% - 30px);
        opacity: 4;
        width: 80px;
        height: 80px;
        font-size: 26px
    }
    69% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    77% {
        left: calc(75% - 25px);
        top: calc(40% - 20px);
        opacity: 3;
        width: 70px;
        height: 70px;
        font-size: 24px
    }
    80% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    88% {
        left: calc(87.5% - 50px);
        top: calc(20% - 20px);
        opacity: 2;
        width: 60px;
        height: 60px;
        font-size: 20px
    }
    91% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    100% {
        left: calc(100% - 110px);
        top: -20px;
        opacity: 1;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}
.li-box-hover[data-v-45f82166]:hover {
    /* animation: circle-45f82166 1s infinite linear; */
}
.li-box-hover[data-v-45f82166]:hover::after {
    animation: circle-45f82166 1s infinite linear;
}
.li-box-hover[data-v-45f82166]:hover ::after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    animation: circle-45f82166 1s infinite linear;
}

@keyframes circle-45f82166 {
    0% {
        box-shadow: 0 0 #cd24191a
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.border-ani[data-v-357b0461]:before,
.border-ani[data-v-357b0461]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-357b0461] {
    transition: color .3s
}

.border-ani[data-v-357b0461]:before,
.border-ani[data-v-357b0461]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-357b0461]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-357b0461]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-357b0461]:hover:before,
.border-ani[data-v-357b0461]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-357b0461]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-357b0461]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-357b0461],
.fade-leave-active[data-v-357b0461] {
    transition: opacity .28s
}

.fade-enter[data-v-357b0461],
.fade-leave-active[data-v-357b0461] {
    opacity: 0
}

.fade-transform-leave-active[data-v-357b0461],
.fade-transform-enter-active[data-v-357b0461] {
    transition: all .5s
}

.fade-transform-enter[data-v-357b0461] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-357b0461] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-357b0461],
.breadcrumb-leave-active[data-v-357b0461] {
    transition: all .5s
}

.breadcrumb-enter[data-v-357b0461],
.breadcrumb-leave-active[data-v-357b0461] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-357b0461] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-357b0461] {
    position: absolute
}

.scaleInUp .el-image[data-v-357b0461] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-357b0461]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-357b0461] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-357b0461 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-357b0461 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-357b0461] {
    transition: all .5s;
    animation: myfirst-357b0461 15s infinite linear
}

@keyframes myfirst-357b0461 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-357b0461] {
    transition: all .5s;
    animation: bounce-down-357b0461 1s infinite linear
}

@keyframes bounce-down-357b0461 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-357b0461] {
    transition: all .5s;
    animation: zoomout-357b0461 3s infinite linear
}

@keyframes zoomout-357b0461 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-357b0461] {
    animation: circle-357b0461 1s infinite linear
}

@keyframes circle-357b0461 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-357b0461] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-357b0461] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-357b0461] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-357b0461] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-357b0461] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-357b0461] {
    padding: 0
}

.tabsnav[data-v-357b0461] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-357b0461] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-357b0461] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-357b0461],
.swiper[data-v-357b0461] {
    z-index: 0
}

.table-title-bg[data-v-357b0461] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-357b0461] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-357b0461] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-357b0461] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-357b0461] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-357b0461] .el-dialog__body {
    padding: 50px 0
}

.guozizhongdianqiye-container[data-v-357b0461] {
    width: 100%;
    height: 470px;
    position: relative
}

.guozizhongdianqiye-container .swiper_top[data-v-357b0461] {
    width: calc(100% - 150px);
    height: 182px;
    margin: auto
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] {
    width: 100%;
    height: 100%
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper {
    display: flex;
    align-items: center
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .swiper-slide {
    transition: all .5s;
    position: relative
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .swiper_top_box {
    width: 14.2857142857%;
    height: 70px;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .onswiper_top_box {
    width: 14.2857142857%;
    height: 100px;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .swiper_top_item {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transition: all .5s
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .swiper-slide-active .swiper_top_item {
    width: 240px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -10%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.guozizhongdianqiye-container .swiper_top .mySwiper[data-v-357b0461] .swiper-wrapper .swiper_top_item_lr {
    width: 100px;
    height: 100%;
    border-radius: 4px;
    position: relative;
    transition: all .5s
}

.guozizhongdianqiye-container .swiper_top .nav-btn[data-v-357b0461] {
    width: 16px;
    height: 30px;
    border-radius: 4px;
    position: absolute;
    top: 96px;
    transform: translateY(-50%);
    text-align: center;
    line-height: 30px;
    transition: all .5s
}

.guozizhongdianqiye-container .swiper_top .nav-btn[data-v-357b0461]:hover {
    animation: scale(1.1)
}

.guozizhongdianqiye-container .swiper_top .nav-btn.swiper-button-prev-daoshi[data-v-357b0461] {
    left: 0;
    display: initial
}

.guozizhongdianqiye-container .swiper_top .nav-btn.swiper-button-next-daoshi[data-v-357b0461] {
    right: 0;
    display: initial
}

.guozizhongdianqiye-container .swiper_center[data-v-357b0461] {
    width: 600px;
    height: 162px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 162px;
    left: 50%;
    transform: translate(-50%);
    z-index: 20
}

.guozizhongdianqiye-container .swiper_center .mySwiper_swiper_center[data-v-357b0461] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.guozizhongdianqiye-container .swiper_center .mySwiper_swiper_center .large-item[data-v-357b0461] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.guozizhongdianqiye-container .swiper_center .mySwiper_swiper_center .large-item .swiper_center_box[data-v-357b0461] {
    width: 100%;
    line-height: 28px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000;
    text-align: center
}

.guozizhongdianqiye-container .swiper_bottom[data-v-357b0461] {
    width: 100%;
    height: calc(100% - 182px);
    position: relative;
    z-index: 60
}

.guozizhongdianqiye-container .swiper_bottom ul[data-v-357b0461] {
    display: flex
}

.guozizhongdianqiye-container .swiper_bottom ul li[data-v-357b0461] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #cd2419;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    box-shadow: 0 0 0 6px #cd24191a
}

.guozizhongdianqiye-container[data-v-357b0461] .swiper-pagination {
    display: none
}

.border-ani[data-v-159ba758]:before,
.border-ani[data-v-159ba758]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-159ba758] {
    transition: color .3s
}

.border-ani[data-v-159ba758]:before,
.border-ani[data-v-159ba758]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-159ba758]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-159ba758]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-159ba758]:hover:before,
.border-ani[data-v-159ba758]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-159ba758]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-159ba758]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-159ba758],
.fade-leave-active[data-v-159ba758] {
    transition: opacity .28s
}

.fade-enter[data-v-159ba758],
.fade-leave-active[data-v-159ba758] {
    opacity: 0
}

.fade-transform-leave-active[data-v-159ba758],
.fade-transform-enter-active[data-v-159ba758] {
    transition: all .5s
}

.fade-transform-enter[data-v-159ba758] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-159ba758] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-159ba758],
.breadcrumb-leave-active[data-v-159ba758] {
    transition: all .5s
}

.breadcrumb-enter[data-v-159ba758],
.breadcrumb-leave-active[data-v-159ba758] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-159ba758] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-159ba758] {
    position: absolute
}

.scaleInUp .el-image[data-v-159ba758] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-159ba758]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-159ba758] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-159ba758 {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-159ba758 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-159ba758] {
    transition: all .5s;
    animation: myfirst-159ba758 15s infinite linear
}

@keyframes myfirst-159ba758 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-159ba758] {
    transition: all .5s;
    animation: bounce-down-159ba758 1s infinite linear
}

@keyframes bounce-down-159ba758 {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-159ba758] {
    transition: all .5s;
    animation: zoomout-159ba758 3s infinite linear
}

@keyframes zoomout-159ba758 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-159ba758] {
    animation: circle-159ba758 1s infinite linear
}

@keyframes circle-159ba758 {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-159ba758] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-159ba758] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-159ba758] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-159ba758] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-159ba758] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-159ba758] {
    padding: 0
}

.tabsnav[data-v-159ba758] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-159ba758] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-159ba758] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-159ba758],
.swiper[data-v-159ba758] {
    z-index: 0
}

.table-title-bg[data-v-159ba758] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-159ba758] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-159ba758] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-159ba758] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-159ba758] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-159ba758] .el-dialog__body {
    padding: 50px 0
}

.service-system-container[data-v-159ba758] {
    width: 100%;
    height: 638px;
    position: relative;
    overflow: hidden
}

.service-system-container #solar-system[data-v-159ba758] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.service-system-container #sun[data-v-159ba758] {
    position: absolute;
    z-index: 100;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--glossy-blue) 20%, transparent 100%);
    -webkit-background: linear-gradient(135deg, var(--glossy-blue) 20%, transparent 100%);
    -moz-background: linear-gradient(135deg, var(--glossy-blue) 20%, transparent 100%);
    -o-background: linear-gradient(135deg, var(--glossy-blue) 20%, transparent 100%);
    -ms-background: linear-gradient(135deg, var(--glossy-blue) 20%, transparent 100%);
    filter: drop-shadow(0 0 2rem var(--glossy-blue)) blur(1px)
}

.service-system-container .solar-system-list[data-v-159ba758] {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotateX(70deg)
}

.service-system-container .solar-system-list .solar-system-list-li[data-v-159ba758] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.service-system-container .solar-system-list .solar-system-list-li[data-v-159ba758]:nth-child(1) {
    z-index: 90
}

.service-system-container .solar-system-list .solar-system-list-li:nth-child(1) .line_item[data-v-159ba758] {
    animation: solar-revolution-159ba758 23.98s linear infinite
}

.service-system-container .solar-system-list .solar-system-list-li[data-v-159ba758]:nth-child(2) {
    z-index: 80
}

.service-system-container .solar-system-list .solar-system-list-li:nth-child(2) .line_item[data-v-159ba758] {
    animation: solar-revolution-159ba758 33.98s linear infinite
}

.service-system-container .solar-system-list .solar-system-list-li[data-v-159ba758]:nth-child(3) {
    z-index: 70
}

.service-system-container .solar-system-list .solar-system-list-li:nth-child(3) .line_item[data-v-159ba758] {
    animation: solar-revolution-159ba758 43.98s linear infinite
}

.service-system-container .solar-system-list .solar-system-list-li[data-v-159ba758]:nth-child(4) {
    z-index: 60
}

.service-system-container .solar-system-list .solar-system-list-li:nth-child(4) .line_item[data-v-159ba758] {
    animation: solar-revolution-159ba758 53.98s linear infinite
}

.service-system-container .solar-system-list .solar-system-list-li .line_item[data-v-159ba758] {
    display: flex;
    background: transparent;
    justify-content: center;
    align-items: center;
    border-width: 2px;
    border-style: solid;
    border-color: var(--paths-theme);
    border-radius: 50%
}

.service-system-container .solar-system-list .solar-system-list-li .line_item .line_item_text[data-v-159ba758] {
    position: absolute;
    z-index: 99;
    display: flex;
    width: 33.895px;
    height: 33.895px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--planets-theme);
    border-radius: 50%;
    background: transparent;
    justify-content: center;
    align-items: center
}

.service-system-container .solar-system-list .solar-system-list-li .line_item .line_item_text[data-v-159ba758]:after {
    position: absolute;
    width: 40%;
    height: 40%;
    content: "";
    border-radius: 50%;
    background: var(--glossy-blue);
    filter: drop-shadow(0 0 .3rem var(--light-blue)) blur(.5px)
}

.service-system-container .solar-system-list .solar-system-list-li .line_item .line_item_text .line_item_text_name[data-v-159ba758] {
    position: absolute;
    top: 0;
    left: 0
}

@keyframes solar-revolution-159ba758 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes planets-rotation-159ba758 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink-earth-159ba758 {
    0% {
        background-color: var(--glossy-blue);
        filter: drop-shadow(0 0 .3rem var(--light-blue)) blur(.5px)
    }

    to {
        background-color: var(--dark-color);
        filter: drop-shadow(0 0 0 var(--light-blue)) blur(0)
    }
}

.border-ani[data-v-740496ce]:before,
.border-ani[data-v-740496ce]:after {
    content: "";
    position: absolute;
    box-sizing: border-box
}

.border-ani[data-v-740496ce] {
    transition: color .3s
}

.border-ani[data-v-740496ce]:before,
.border-ani[data-v-740496ce]:after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    border-radius: 0
}

.border-ani[data-v-740496ce]:before {
    top: 0px;
    left: 0px
}

.border-ani[data-v-740496ce]:after {
    bottom: 0;
    right: 0px
}

.border-ani[data-v-740496ce]:hover:before,
.border-ani[data-v-740496ce]:hover:after {
    width: 100%;
    height: 100%
}

.border-ani[data-v-740496ce]:hover:before {
    border-top-color: #045690;
    border-right-color: #045690;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.border-ani[data-v-740496ce]:hover:after {
    border-bottom-color: #045690;
    border-left-color: #045690;
    transition: border-color 0s ease-out .5s, width .3s ease-out .5s, height .3s ease-out .75s
}

.fade-enter-active[data-v-740496ce],
.fade-leave-active[data-v-740496ce] {
    transition: opacity .28s
}

.fade-enter[data-v-740496ce],
.fade-leave-active[data-v-740496ce] {
    opacity: 0
}

.fade-transform-leave-active[data-v-740496ce],
.fade-transform-enter-active[data-v-740496ce] {
    transition: all .5s
}

.fade-transform-enter[data-v-740496ce] {
    opacity: 0;
    transform: translate(-30px)
}

.fade-transform-leave-to[data-v-740496ce] {
    opacity: 0;
    transform: translate(30px)
}

.breadcrumb-enter-active[data-v-740496ce],
.breadcrumb-leave-active[data-v-740496ce] {
    transition: all .5s
}

.breadcrumb-enter[data-v-740496ce],
.breadcrumb-leave-active[data-v-740496ce] {
    opacity: 0;
    transform: translate(20px)
}

.breadcrumb-move[data-v-740496ce] {
    transition: all .5s
}

.breadcrumb-leave-active[data-v-740496ce] {
    position: absolute
}

.scaleInUp .el-image[data-v-740496ce] {
    transition: all 1s ease;
    transform: scale(1)
}

.scaleInUp[data-v-740496ce]:hover {
    transition: all 3s ease
}

.scaleInUp:hover .el-image[data-v-740496ce] {
    transition: all 1s ease;
    transform: scale(1.1)
}

@keyframes turn-740496ce {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sploosh1-740496ce {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

.limyfirst[data-v-740496ce] {
    transition: all .5s;
    animation: myfirst-740496ce 15s infinite linear
}

@keyframes myfirst-740496ce {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.li-bounce-down[data-v-740496ce] {
    transition: all .5s;
    animation: bounce-down-740496ce 1s infinite linear
}

@keyframes bounce-down-740496ce {
    25% {
        -webkit-transform: translateY(-8px)
    }

    50%,
    to {
        -webkit-transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(8px)
    }
}

.lizoomout:hover .lizoomout_item[data-v-740496ce] {
    transition: all .5s;
    animation: zoomout-740496ce 3s infinite linear
}

@keyframes zoomout-740496ce {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.radiationstyle[data-v-740496ce] {
    animation: circle-740496ce 1s infinite linear
}

@keyframes circle-740496ce {
    0% {
        box-shadow: 0 0 0 0 var(--radiation-color)
    }

    to {
        box-shadow: 0 0 0 50px #d319d300
    }
}

.dialog-class1[data-v-740496ce] {
    z-index: 200
}

.dialog-class1 .el-dialog__header[data-v-740496ce] {
    display: none
}

.dialog-class1 .el-dialog__body[data-v-740496ce] {
    padding: 0
}

.dialog-class2 .el-dialog__body[data-v-740496ce] {
    padding-bottom: 0;
    padding-top: 0
}

.dialog-class3 .el-dialog__header[data-v-740496ce] {
    z-index: 200;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.dialog-class3 .el-dialog__body[data-v-740496ce] {
    padding: 0
}

.tabsnav[data-v-740496ce] .el-tabs__nav-wrap:after {
    background-color: initial
}

.icon-center[data-v-740496ce] .el-input__suffix-inner {
    display: block
}

.dialog-padding .el-dialog__body[data-v-740496ce] {
    padding: 10px 40px 0
}

.el-tabs__nav-wrap[data-v-740496ce],
.swiper[data-v-740496ce] {
    z-index: 0
}

.table-title-bg[data-v-740496ce] .el-table__header-wrapper .el-table__header .has-gutter tr .el-table__cell {
    background-color: #bcc4cf4d
}

.el-pagination[data-v-740496ce] {
    display: flex;
    align-items: center
}

.button-shenqing[data-v-740496ce] {
    background: linear-gradient(180deg, #ffe4bd 0%, #bf9c6a 100%);
    box-shadow: 8px 8px 15px #0000000d;
    border-image: linear-gradient(180deg, #ffe4bd, #bf9c6a) 1 1;
    color: #606266;
    border-radius: 4px;
    border: 0;
    overflow: hidden;
    font-size: 16px;
    padding: 10px 30px
}

.dialog_image .el-dialog__close[data-v-740496ce] {
    z-index: 100
}

.dialog_image .box-image .box-imag-but[data-v-740496ce] {
    width: 180px;
    height: 50px;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%);
    z-index: 50
}

.dialog_image[data-v-740496ce] .el-dialog__body {
    padding: 50px 0
}

.chuangxinziyuan[data-v-740496ce] {
    width: 100%;
    height: 100%;
    background: #f4f4f4
}

.chuangxinziyuan .carouseltiptext[data-v-740496ce] {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 58px 0 70px
}

.chuangxinziyuan .carouseltiptext .box-left[data-v-740496ce] {
    line-height: 48px;
    width: 38%
}

.chuangxinziyuan .carouseltiptext .box-left p[data-v-740496ce] {
    font-size: 36px;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #c00d22
}

.chuangxinziyuan .carouseltiptext .box-left span[data-v-740496ce] {
    margin-top: 20px;
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #4a4a4a
}

.chuangxinziyuan .carouseltiptext .box-center[data-v-740496ce] {
    width: 130px;
    height: 127px;
    margin-left: -24px
}

.chuangxinziyuan .carouseltiptext .box-right[data-v-740496ce] {
    font-size: 36px;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #4a4a4a;
    margin-right: -24px
}

.chuangxinziyuan .box-List[data-v-740496ce] {
    background: #f4f4f4;
    width: 100%;
    height: 100%;
    padding: 30px 0
}