@charset "utf-8";

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 5.208333vw;
 -webkit-text-size-adjust: 100%; /* 禁止iOS自动调整 */
  text-size-adjust: 100%; /* 标准属性 */
}

 
body {
    margin: 0;
    font-size: .16rem;

 -webkit-text-size-adjust: 100%; /* 禁止iOS自动调整 */
  text-size-adjust: 100%; /* 标准属性 */
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}





.load_pro {
    position: relative;
    z-index: 9;
    margin-top: .6rem;
    overflow: hidden;
    transition: all 2s;
}

.load_pro::before {
    content: "";
    position: absolute;
    left: 0;
    right: .05rem;
    bottom: .05rem;
    top: 0;
    /* border-top: .05rem solid #2ca2fe; */
    /* border-left: .05rem solid #2ca2fe; */
}

.load_pro::after {
    content: "";
    position: absolute;
    right: 0;
    left: .05rem;
    top: .05rem;
    bottom: 0;
    /* border-bottom: .05rem solid #2ca2fe; */
    /* border-right: .05rem solid #2ca2fe; */
}

.load_pro ul {
    padding: .05rem .1rem;
    display: flex;
    justify-content: space-between;
}

.load_pro ul::before {
    content: "";
    position: absolute;
    left: .05rem;
    bottom: 0;
    width: .04rem;
    height: .08rem;
    /* background: #2ca2fe; */
    transform: rotateZ(-48deg);
    transform-origin: left bottom;
}

.load_pro ul::after {
    content: "";
    position: absolute;
    right: .05rem;
    top: 0;
    width: .04rem;
    height: .08rem;
    /* background: #2ca2fe; */
    transform: rotateZ(-49deg);
    transform-origin: right top;
}

.load_pro ul li {
    width: .1rem;
    height: .03rem;
    background: #2ca2fe;
    margin: .05rem 0;
    opacity: 0.2;
    /*transition: all .3s;*/
}

.load_pro ul li.show {
    opacity: 1;
}



























abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.page-html-1 .bg-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../png/bg-b371d0c0.png);
    background-size: cover;
    background-position: center
}

.page-html-1 .bg-wrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #124695, transparent)
}

.page-html-1 .bg-wrap .bg .title-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    padding-top: .9rem
}

.page-html-1 .bg-wrap .bg .title-wrap .logo {
    display: block;
    width: 1rem;
    height: 1rem
}

.page-html-1 .bg-wrap .bg .title-wrap .title {
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.page-html-1 .bg-wrap .bg .title-wrap .title .zh {
    font-size: .38rem;
    margin: 0
}

.page-html-1 .bg-wrap .bg .title-wrap .title .en {
    font-size: .13rem
}

.page-html-1 .line-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.page-html-1 .line-wrap .svg {
    width: 19.2rem;
    height: 10.28rem;
    stroke: none
}

.page-html-1 .line-wrap .svg:hover .lattice, .page-html-1 .line-wrap .svg:hover .corner {
    opacity: 1
}

.page-html-1 .line-wrap .svg:hover .animated-top {
    stroke-dasharray: 1800;
    stroke-dashoffset: 1800;
    animation: draw-top 4s linear infinite
}

.page-html-1 .line-wrap .svg:hover .animated-right {
    stroke-dasharray: 820;
    stroke-dashoffset: 820;
    animation: draw-right 4s linear infinite
}

.page-html-1 .line-wrap .svg:hover .animated-bottom {
    stroke-dasharray: 1740;
    stroke-dashoffset: 1740;
    animation: draw-bottom 4s linear infinite
}

.page-html-1 .line-wrap .svg:hover .animated-left {
    stroke-dasharray: 820;
    stroke-dashoffset: 820;
    animation: draw-left 4s linear infinite
}

.page-html-1 .line-wrap .svg:hover .text {
    transform: scaleY(1)
}

.page-html-1 .line-wrap .svg .lattice, .page-html-1 .line-wrap .svg .corner {
    opacity: .1;
    transition: all 1s
}

.page-html-1 .line-wrap .svg .edge {
    stroke-dashoffset: 0
}

.page-html-1 .line-wrap .svg .text {
    transform-origin: center;
    transform: scaleY(0);
    transition: all 1s
}

@keyframes draw-top {
    0% {
        stroke-dashoffset: 1800
    }

    25% {
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: 0
    }

    75% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw-right {
    0% {
        stroke-dashoffset: 820
    }

    25% {
        stroke-dashoffset: 820
    }

    50% {
        stroke-dashoffset: 0
    }

    75% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw-bottom {
    0% {
        stroke-dashoffset: 1740
    }

    25% {
        stroke-dashoffset: 1740
    }

    50% {
        stroke-dashoffset: 1740
    }

    75% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw-left {
    0% {
        stroke-dashoffset: 820
    }

    25% {
        stroke-dashoffset: 820
    }

    50% {
        stroke-dashoffset: 820
    }

    75% {
        stroke-dashoffset: 820
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes text-flicker-in-glow {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0;
        text-shadow: none
    }

    10.1% {
        opacity: 1;
        text-shadow: none
    }

    10.2% {
        opacity: 0;
        text-shadow: none
    }

    20% {
        opacity: 0;
        text-shadow: none
    }

    20.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .25)
    }

    20.6% {
        opacity: 0;
        text-shadow: none
    }

    30% {
        opacity: 0;
        text-shadow: none
    }

    30.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .45), 0 0 .6rem rgba(255, 255, 255, .25)
    }

    30.5% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .45), 0 0 .6rem rgba(255, 255, 255, .25)
    }

    30.6% {
        opacity: 0;
        text-shadow: none
    }

    45% {
        opacity: 0;
        text-shadow: none
    }

    45.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .45), 0 0 .6rem rgba(255, 255, 255, .25)
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .45), 0 0 .6rem rgba(255, 255, 255, .25)
    }

    55% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .45), 0 0 .6rem rgba(255, 255, 255, .25)
    }

    55.1% {
        opacity: 0;
        text-shadow: none
    }

    57% {
        opacity: 0;
        text-shadow: none
    }

    57.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .35)
    }

    60% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .35)
    }

    60.1% {
        opacity: 0;
        text-shadow: none
    }

    65% {
        opacity: 0;
        text-shadow: none
    }

    65.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .35), 0 0 1rem rgba(255, 255, 255, .1)
    }

    75% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .35), 0 0 1rem rgba(255, 255, 255, .1)
    }

    75.1% {
        opacity: 0;
        text-shadow: none
    }

    77% {
        opacity: 0;
        text-shadow: none
    }

    77.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .4), 0 0 1.1rem rgba(255, 255, 255, .2), 0 0 1rem rgba(255, 255, 255, .1)
    }

    85% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .55), 0 0 .6rem rgba(255, 255, 255, .4), 0 0 1.1rem rgba(255, 255, 255, .2), 0 0 1rem rgba(255, 255, 255, .1)
    }

    85.1% {
        opacity: 0;
        text-shadow: none
    }

    86% {
        opacity: 0;
        text-shadow: none
    }

    86.1% {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .6), 0 0 .6rem rgba(255, 255, 255, .45), 0 0 1.1rem rgba(255, 255, 255, .25), 0 0 1rem rgba(255, 255, 255, .1)
    }

    to {
        opacity: 1;
        text-shadow: 0 0 .3rem rgba(255, 255, 255, .6), 0 0 .6rem rgba(255, 255, 255, .45), 0 0 1.1rem rgba(255, 255, 255, .25), 0 0 1rem rgba(255, 255, 255, .1)
    }
}

.page-html-1 .circle-wrap {
    position: absolute;
    width: 7.56rem;
    height: 7.56rem;
    left: 50%;
    top: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #0000001a
}

.page-html-1 .circle-wrap .circle-wrap1 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 6.32rem;
    height: 6.32rem;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, .3);
    background-color: #0000001a
}

.page-html-1 .circle-wrap .circle-wrap2 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 5.22rem;
    height: 5.22rem;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, .3)
}

.page-html-1 .circle-wrap .circle-wrap3 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 4.16rem;
    height: 4.16rem;
    border-radius: 50%;
    border: .16rem solid #044c98;
    box-sizing: border-box
}

.page-html-1 .circle-wrap .circle-wrap4 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 3.68rem;
    height: 3.68rem;
    border-radius: 50%;
    border: .04rem solid #044c98;
    box-sizing: border-box
}

.page-html-1 .circle-wrap .circle-items {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 6.32rem;
    height: 6.32rem;
    border-radius: 50%;
    overflow: hidden
}

.page-html-1 .circle-wrap .circle-items .circle-item {
    position: absolute;
    width: 50%;
    height: 50%;
    transform-origin: bottom right;
    border-right: 1px dashed rgba(255, 255, 255, .3)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item {
    z-index: 5;
    transform: rotate(0);
    animation: rotateScan 2s linear infinite;
    background-image: conic-gradient(from -90deg at 100% 100%, #103978 0deg, #08538d 90deg)
}

@keyframes rotateScan {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.page-html-1 .circle-wrap .circle-items .circle-item.item1 {
    transform: rotate(0)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item2 {
    transform: rotate(45deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item3 {
    transform: rotate(90deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item4 {
    transform: rotate(135deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item5 {
    transform: rotate(180deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item6 {
    transform: rotate(225deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item7 {
    transform: rotate(270deg)
}

.page-html-1 .circle-wrap .circle-items .circle-item.item8 {
    transform: rotate(315deg)
}

.page-html-2 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-2 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-2 .line-wrap .svg.I {
    width: .52rem
}

.page-html-2 .title-wrap {
    margin-left: .66rem;
    margin-top: .3rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAYAAABu3ppsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGiGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjYywgMjAyNC8wNy8xNi0wNzo1OTo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0wNi0yM1QyMDo0NjowMSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDYtMjNUMjI6MDc6NTIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMDYtMjNUMjI6MDc6NTIrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NWE5YTRlLTEwMmMtZmQ0MC05YmQ0LWZhN2ZmZjJhYjFiMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5YmE3OGMzYS0yM2ZjLWZiNDQtYTg5My0wMWE5NDVjOTAyY2QiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YmE3OGMzYS0yM2ZjLWZiNDQtYTg5My0wMWE5NDVjOTAyY2QiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjliYTc4YzNhLTIzZmMtZmI0NC1hODkzLTAxYTk0NWM5MDJjZCIgc3RFdnQ6d2hlbj0iMjAyNS0wNi0yM1QyMDo0NjowMSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OTc3ZjkxZi04ZTBkLTZhNDQtOTRjYi05MWM2ZmVhM2MzYzEiIHN0RXZ0OndoZW49IjIwMjUtMDYtMjNUMjI6MDU6MzUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNi4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTU1YTlhNGUtMTAyYy1mZDQwLTliZDQtZmE3ZmZmMmFiMWIxIiBzdEV2dDp3aGVuPSIyMDI1LTA2LTIzVDIyOjA3OjUyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mV4h4QAAAP5JREFUaIHtmbEKhDAMhv9Ewa3i+7+gm1gnB80telir3HnDpYF84GAp8n80cUhJRLAzDIN0XYfCoeRlFxjHUdq2VUn0kESAASDGaCV8Bk/TJCEE7Rw/Q3Jsgo11XTWyfISZs7X6vCAiYGbKdhaAiAhRGi1XMoYLaOMC2riANi6gjQto4wLauIA2LqCNC2jjAtq4gDYuoI15gRrneTsVOVW8xfwJmBeoAWTj9TsuJvF/5aq8s/H60w8oQ5ZLiAC7PfAuBYsC+S3lmb7v940lPqnN+ZIvxogQQnHdekciMM8zmqYxEx44CCzLgqqqTIUHNgERARX4k/8GBmA2PAC8AM7ZRztVL6IJAAAAAElFTkSuQmCC);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom
}

.page-html-2 .content-wrap {
    position: absolute;
    top: 3.2rem;
    right: .6rem
}

.page-html-2 .content-wrap .svg {
    width: 8rem;
    height: 7.5rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-2 .content-wrap .border, .page-html-2 .content-wrap .line, .page-html-2 .content-wrap .btn {
    opacity: .5
}

.page-html-2 .content-wrap .plus, .page-html-2 .content-wrap .rule, .page-html-2 .content-wrap .arrow {
    opacity: 1
}

.page-html-2 .content-wrap .mosaic {
    position: absolute;
    left: .8rem;
    top: .8rem;
    display: flex
}

.page-html-2 .content-wrap .mosaic .mosaic-item {
    width: .1rem;
    height: .1rem
}

.page-html-2 .content-wrap .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #fff
}

.page-html-2 .content-wrap .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #ffffffb3
}

.page-html-2 .content-wrap .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #ffffff4d
}

.page-html-2 .content-wrap .since {
    position: absolute;
    left: .8rem;
    top: 1.2rem;
    font-size: .32rem;
    font-weight: 700;
    color: #20d8d6
}

.page-html-2 .content-wrap .year {
    position: absolute;
    left: .8rem;
    top: 1.2rem;
    width: 5.8rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    font-weight: 700;
    transform: scaleY(.7);
    line-height: 1
}

.page-html-2 .content-wrap .line-text {
    position: absolute;
    left: .8rem;
    top: 3.2rem;
    width: 5.8rem;
    font-size: .32rem;
    display: flex;
    justify-content: space-around
}

.page-html-2 .content-wrap .content {
    position: absolute;
    left: .8rem;
    top: 4.2rem;
    width: 5.8rem;
    font-size: .16rem;
    line-height: 2
}

.page-html-2 .content-wrap .btn-text {
    position: absolute;
    left: .8rem;
    top: 6.4rem;
    width: 1rem;
    height: .3rem;
    font-size: .16rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-html-2 .runner-wrap {
    position: absolute;
    left: 0;
    bottom: 1.8rem;
    width: 19.2rem;
    height: 4.8rem;
    opacity: .5
}

.page-html-2 .runner-wrap canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid
}

.page-html-2 .runner-wrap .circle {
    width: 4.8rem;
    height: 4.8rem
}

.page-html-2 .runner-wrap .circle .svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.8rem;
    height: 4.8rem;
    fill: none;
    stroke: inherit
}

.page-html-2 .runner-wrap .circle .svg.big {
    z-index: 0;
    stroke-width: .18rem;
    animation: rotateA 30s linear infinite
}

@keyframes rotateA {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.page-html-2 .runner-wrap .circle .svg.small {
    z-index: 1;
    stroke-width: 1px;
    animation: rotateB 30s linear infinite
}

@keyframes rotateB {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.page-html-2 .runner-wrap .axis {
    position: absolute;
    left: 0;
    top: 50%;
    display: flex
}

.page-html-2 .runner-wrap .axis .year {
    position: relative;
    width: 3.4rem;
    text-align: center;
    padding-top: .05rem;
    font-size: .24rem;
    font-weight: 700
}

.page-html-2 .runner-wrap .axis .year:before {
    position: absolute;
    left: 50%;
    top: -0.05rem;
    transform: translate(-50%);
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #fff
}

.page-html-3 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-3 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-3 .title-wrap {
    margin-left: .66rem;
    margin-top: .3rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAC4jAAAuIwF4pT92AAACyklEQVRYhdWZO4oVQRSGv+ppRRMDF6DbMDa4YCAMgoGRYjCgGLgMTQwEGRXEQNRENHIBswO34BJMTMtgbk/XrTqn6pzqvoPzw4V+nMdfj/7rVN1wffMGB54DH4E/wG/ghse5hggEo+0gOSt4BrzqYmTI0SKc+hSkg2AEHAGvgVBpVIWSnMPjmfoUpAWjx8Db6VF7CGeLNn2dWC3R2IjzEHivhHgBXDOT2MI8d+cW3wIO01c10g+AD8CB8v54h52xW1PCeQOUBj0hI61Nj/vAJ+BA4hJzjlG8bCIn2K0ewD3gM9sezgNNvaElsCbWYGl0Tvou8BW4pAVR1KUzfQnLTEtJ3wG+AZfzIFrwdvpTrK0iE+kN8J2M8FrQVMQEwXAAbgM/gCu9pM7gmNC5alC5zzECV4FHrSSJHP3Ng4f8Ab5awqsiI/CzJ3CL1BoqosUYgXfZsy8RTlpJp6+8VkeE3FghlN5HIAS5yJnsRuAoC/IrwIlKICPeJDw9qPil9yFAjHKnTNeDljzN4x3qRVMjzv5aHEuVZ5anM7ulE1rIK9bT1lq2hlRF4nzZDW0GDDWD1LDnXSuuB+mUUaeHNbFrmV/p4xiKMnPRgOqI3tBbFRGiMJRl5loDWnAoUG1DlHxOnww9/Vr4VNq55APXfAdpeW6hZyx6OkdVD63IdyWO56siRU/3Jt7X9kvCzuKymop0znGrz87ispqKVJj17GJyH9MyrsFTa6ypIqZlvJrMeFDTv0+Mek93wzlE1pJ3LrhKq+WknfBWjJK9eD79v6vIkIe4CCoy5CEugoqo/wR4cN4qMtidmjG7zb0qku3G++l7t2S9KrKzR0xflQpSx75Pm/JY0t8XhwFuWsjsg5SCl9NFBEaB2Gb76ydj/CglCHyOgadpaFc9rSXZuV5AeHJv5ROXcc95cXHWttJmvhZGLE2958WehFaL2k7oHxpurR8mbUywAAAAAElFTkSuQmCC);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: flex;
    align-items: flex-end;
    gap: .36rem
}

.page-html-3 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: center
}

.page-html-3 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-3 .content-wrap {
    margin-top: .4rem;
    height: 7.6rem;
    border-top: 1px solid #cbcbcb;
    display: flex
}

.page-html-3 .content-wrap .left-wrap {
    width: .64rem;
    flex-shrink: 0;
    border-right: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.page-html-3 .content-wrap .left-wrap:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    content: "";
    transform: translate(2px);
    height: .42rem;
    border-right: 3px solid #124695
}

.page-html-3 .content-wrap .left-wrap .svg {
    width: .6rem;
    height: .3rem;
    fill: none;
    stroke: inherit;
    stroke-width: 2px
}

.page-html-3 .content-wrap .left-wrap .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .24rem
}

.page-html-3 .content-wrap .right-wrap {
    flex-grow: 1;
    position: relative
}

.page-html-3 .content-wrap .right-wrap .img-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 6.15rem;
    height: 4.2rem;
    border-right: 1px dashed #cbcbcb;
    border-bottom: 1px dashed #cbcbcb;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-html-3 .content-wrap .right-wrap .img-wrap .img {
    width: 5.3rem;
    height: 3.3rem;
    display: block
}

.page-html-3 .content-wrap .right-wrap .news-item {
    height: 1.9rem;
    border-bottom: 1px solid #cbcbcb;
    padding-left: 7rem;
    box-sizing: border-box;
    font-size: .24rem;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.page-html-3 .content-wrap .right-wrap .news-item.active {
    background-image: linear-gradient(to bottom, #ffffff, #8fffff);
    color: #124695
}

.page-html-3 .content-wrap .right-wrap .news-item.active .time {
    color: #124695
}

.page-html-3 .content-wrap .right-wrap .news-item.active .time .svg {
    stroke: #124695
}

.page-html-3 .content-wrap .right-wrap .news-item.active .code {
    color: #124695
}

.page-html-3 .content-wrap .right-wrap .news-item .time {
    width: 1.26rem;
    height: .36rem;
    position: relative;
    font-size: .18rem;
    color: #cbcbcb
}

.page-html-3 .content-wrap .right-wrap .news-item .time .svg {
    width: 1.26rem;
    height: .36rem;
    fill: none;
    stroke: #cbcbcb;
    stroke-width: 1px
}

.page-html-3 .content-wrap .right-wrap .news-item .time .time-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.26rem;
    transform: translateY(-50%);
    word-break: break-all;
    text-align: center
}

.page-html-3 .content-wrap .right-wrap .news-item .code {
    position: absolute;
    top: 50%;
    right: .6rem;
    transform: translateY(-50%);
    font-weight: 700;
    color: #cbcbcb
}

.page-html-4 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-4 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-4 .title-wrap {
    margin-left: .8rem;
    margin-top: .2rem;
    font-size: .48rem;
    position: relative
}

.page-html-4 .title-wrap .btn-wrap {
    position: absolute;
    right: .7rem;
    bottom: -0.2rem;
    display: flex;
    gap: 0
}

.page-html-4 .title-wrap .btn-wrap .btn {
    width: .54rem;
    height: .54rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-4 .title-wrap .btn-wrap .btn.prev {
    opacity: .5
}

.page-html-4 .title-wrap .btn-wrap .btn.next {
    opacity: 1
}

.page-html-4 .content-wrap {
    margin-top: .6rem;
    width: 19.2rem;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

.page-html-4 .content-wrap::-webkit-scrollbar {
    display: none
}

.page-html-4 .content-wrap.cursor-grabbing {
    cursor: grabbing
}

.page-html-4 .content-wrap .content-items {
    display: flex;
    flex-wrap: nowrap
}

.page-html-4 .content-wrap .content-item {
    flex-shrink: 0;
    width: 7.5rem;
    height: 5.1rem;
    position: relative
}

.page-html-4 .content-wrap .svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.6rem;
    height: 5.1rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-4 .content-wrap .svg .border {
    opacity: .5
}

.page-html-4 .content-wrap .svg .corner {
    opacity: 1;
    stroke-width: 2px
}

.page-html-4 .content-wrap .svg .line-A {
    opacity: .5
}

.page-html-4 .content-wrap .svg .line-B {
    opacity: 1;
    stroke-dasharray: 363;
    stroke-dashoffset: 200
}

.page-html-4 .content-wrap .svg .circle-A {
    opacity: .5
}

.page-html-4 .content-wrap .svg .circle-B {
    opacity: 1
}

.page-html-4 .content-wrap .mosaic {
    padding-left: .8rem;
    padding-top: .8rem;
    display: flex
}

.page-html-4 .content-wrap .mosaic .mosaic-item {
    width: .1rem;
    height: .1rem
}

.page-html-4 .content-wrap .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #fff
}

.page-html-4 .content-wrap .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #ffffffb3
}

.page-html-4 .content-wrap .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #ffffff4d
}

.page-html-4 .content-wrap .name {
    margin-left: .8rem;
    margin-top: .2rem;
    font-size: .32rem
}

.page-html-4 .content-wrap .content {
    margin-left: .8rem;
    margin-top: .8rem;
    font-size: .24rem;
    width: 5.3rem;
    line-height: 2
}

.page-html-4 .content-wrap .time {
    margin-left: .8rem;
    margin-top: .6rem;
    width: 1.26rem;
    height: .36rem;
    position: relative;
    font-size: .18rem;
    color: #cbcbcb
}

.page-html-4 .content-wrap .time .svg {
    width: 1.26rem;
    height: .36rem;
    fill: none;
    stroke: #cbcbcb;
    stroke-width: 1px
}

.page-html-4 .content-wrap .time .time-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.26rem;
    transform: translateY(-50%);
    word-break: break-all;
    text-align: center
}

.page-html-5 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-5 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-5 .line-wrap .svg.I {
    width: .52rem
}

.page-html-5 .title-wrap {
    margin-left: .66rem;
    margin-top: .3rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAAACXBIWXMAAC4jAAAuIwF4pT92AAAD6ElEQVRogcWZy49NSRzHf9d7JDYeK/6CMYl3mPboINPaM9p7xsQzSEekSQeZiJDJrKw8FhaCiCDtERHRWFnbGNZjM4tZeOsX3Vz9sah74kypX9061XWppDb3VP2+n2+dOlX1q1sCJHGZIyLjRaQt91tJRE6KyFMROZFUDUhZ5wBdQBlYV/mtBJzElH5gT0rNlPCzgU6+lDKwFjjO/0s/sDuV7qBEL7JORNpFZFTut8Ei0iQi/1ptSyJySkSakygnGIWfgbd8Xa4BQyptWh3P+4FdA9UfKPxMBf46MNRqu18xseN7GZihwN8Ahil9Diomtn9rA9MV+Jse+Kz+oZjY9q0MTAPeOCBuBcD7THwCttbawFTgtUP8dgH4rB5yxCkDW2plYArwyiF6JwI+q4cVE5tTG5gMvHSItVeB3wGMqxL7iGJiUyoDk4AXDpG7wHBPv2x0HwNjq2gcVUxsTGHAtfTdA0Z4+tjz+29gTBWdP60+fcDiFAbs4PeBHzxtXSsMwCNgdBWdv3LwS0LYQg1kwe8DIz1tlivwWWkPHKwgeCh2mOsSkV4RKXvatIvIZeXZMxFpDdTpC6YKdHogN4o38a88g4Er1sg/A34M0Mm+tx5gfghbCHyLYyr4zjuZibZK2+fAxIKDlJmoT2FAO7S5Tpy2idPATwEa2km16iEvdAppx+b8mT+2DihXKCKkJS5XMaMdA79PgW8OjVFUsA7ocIi2RZjYq8AXypdjRs1O3rNypYCJlgqsDV/4xiJ23mbXJ3a5FGBijwLfEsMi+FcSX50LdDtMXPSY2O2ABzOdYhgmCHAMk2XFBJiHWa/tcsFholmB3xepvQ24JJhN6Q1mvY8JVK+YOJ8zsUuBb43U3IpJQe8J8KAS7C0wKzLgfMXEmRrAb8HkCgAPBXiSC9qBWWViAi+0TGRJ+hkH/P5IjU05eIB/BPjPCt6J+UBjBH6pmMhfk5SAs7n4ByNj/27BA7wU3CtJNwEHKaU28PUdzyDgHCbZiYn5mwMe4LXvYQ+wIFLQVUuR/TYofB1AXdZoPfBRMdGQ0ETRuk6B76TyreYbrwE+OBq/Axq/A/xaBb4LcxIQ24AATZiE2i69FMhTawjfjbXAuDqvUEz0YZL2WsOvQZ/O8+z2WpClmFF3mWiqIfxq3NNYTS99wRqB94qJ1TWAX4X7zXsT/GpBG3AfET5i5mkq+JUe+IW+viHBFygmysCvCeC1b64Hs7N7+4eK1OPescuYLT4WfpkHPmj/KSI2F3cqWeg+P1eXKPDvQuGLGhDM7udK6j9R7D+uxQr8e2BREaaY1z4L9/VKP7AzoH8j7iW6l4gd/zOT8KtZ9ma4egAAAABJRU5ErkJggg==);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom
}

.page-html-5 .content-wrap {
    margin-left: .66rem;
    margin-top: .4rem;
    position: relative;
    height: 7.32rem
}

.page-html-5 .content-wrap .btn-wrap {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(1rem);
    display: flex;
    gap: 0
}

.page-html-5 .content-wrap .btn-wrap .btn {
    width: .54rem;
    height: .54rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-5 .content-wrap .btn-wrap .btn.prev {
    opacity: .5
}

.page-html-5 .content-wrap .btn-wrap .btn.next {
    opacity: 1
}

.page-html-5 .content-wrap .content-items {
    position: relative;
    height: 7.32rem
}

.page-html-5 .content-wrap .content-item {
    flex-shrink: 0;
    width: 8.52rem;
    height: 7.32rem;
    background-color: #124695;
    position: absolute;
    left: 0;
    top: 0
}

.page-html-5 .content-wrap .content-item:nth-of-type(1) {
    transform: translate(0);
    z-index: 3
}

.page-html-5 .content-wrap .content-item:nth-of-type(2) {
    transform: translate(.3rem, .3rem);
    z-index: 2
}

.page-html-5 .content-wrap .content-item:nth-of-type(3) {
    transform: translate(.6rem, .6rem);
    z-index: 1
}

.page-html-5 .content-wrap .svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.52rem;
    height: 7.32rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-5 .content-wrap .svg .border {
    opacity: .5
}

.page-html-5 .content-wrap .svg .plus {
    opacity: 1
}

.page-html-5 .content-wrap .svg .corner {
    opacity: .5
}

.page-html-5 .content-wrap .svg .line-A {
    stroke: #8fffff;
    opacity: .5
}

.page-html-5 .content-wrap .svg .line-B {
    stroke: #8fffff;
    stroke-width: 2px;
    opacity: 1;
    stroke-dasharray: 748;
    stroke-dashoffset: 500
}

.page-html-5 .content-wrap .svg .bracket {
    stroke: #8fffff;
    opacity: .5
}

.page-html-5 .content-wrap .name-wrap {
    padding-left: .6rem;
    padding-top: .6rem;
    width: 7rem;
    display: flex;
    justify-content: space-between
}

.page-html-5 .content-wrap .name-wrap .left .mosaic {
    display: flex
}

.page-html-5 .content-wrap .name-wrap .left .mosaic .mosaic-item {
    width: .1rem;
    height: .1rem
}

.page-html-5 .content-wrap .name-wrap .left .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #fff
}

.page-html-5 .content-wrap .name-wrap .left .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #ffffffb3
}

.page-html-5 .content-wrap .name-wrap .left .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #ffffff4d
}

.page-html-5 .content-wrap .name-wrap .left .name {
    margin-top: .1rem;
    font-size: .24rem
}

.page-html-5 .content-wrap .name-wrap .right {
    display: flex;
    font-size: .48rem;
    font-weight: 700
}

.page-html-5 .content-wrap .name-wrap .right .month {
    position: relative;
    padding-right: .4rem
}

.page-html-5 .content-wrap .name-wrap .right .month:after {
    position: absolute;
    top: .1rem;
    right: .2rem;
    content: "";
    display: block;
    height: .4rem;
    width: .4rem;
    border-right: 1px solid;
    transform: skew(-30deg);
    opacity: .5
}

.page-html-5 .content-wrap .img-wrap {
    margin-left: .6rem;
    margin-top: .75rem
}

.page-html-5 .content-wrap .img-wrap .img {
    width: 5.2rem;
    height: 3.4rem;
    display: block
}

.page-html-5 .content-wrap .content {
    margin-left: .9rem;
    margin-top: .4rem;
    width: 6.6rem;
    font-size: .2rem;
    line-height: 2
}

.page-html-6 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-6 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-6 .title-wrap {
    margin-left: .66rem;
    margin-top: .2rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAtCAYAAADydghMAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC2klEQVRoge3aO4zcVBTG8d94zWoRBCluKUCICokIiQqJbCISLCoKKBE9wlRUhGazSJCOhhjRpqBMCkonQSQgkWYllALaUKR1iuWxymOWwl4xmfHOesb2MIz8L+953Pvp+Npz75yBEaI4HWATCV7GffV4Gr/gvTxL9mrG1CKK0w18i1fwR82wddzGRfyUZ8n+gSEcc3wN53CmwnYU9xHMGFOHAC/hhRnjXsQz+Aw/jyYDUZxuYhtnzS4WhnPEdJk7xJvYjuL05MFgAFGcnsJ5RWXXFriornOvKQq4VRZUGMXpW/gEpxou6hgGDXNUMShzN4k/g7UoTi+E+BQnx5xu43v192SAu3jQYGGH8QDf4Fn1Kz3EGzgxMnYawSCK07/w5FjA13mWJFGcBupVbYBhniWdPNblOgLsH+WL/TxLhlGcpvhwzPZ3iD2TgofQlYBZKdcx61qq/PcOe2S72IuLplJDF9/NpaYXvOr0gledXvCq0wtedUIcrxh/qu2Jojh9Hq9PcdnJs+S3Fqes0nA8xBWTx6+dFic+YBOXptjPoU3BO4oT1ii7YZ4l77Y4yTQeNrTPRJ4lFxV3Wo+xTHu4ztGvMcskeCH0gv9DFnIGD6M4vWzyLf1duelbnauhfSaiOP0Ib48N74Z4p8L/bpuTl9zE+1PsbX8KX1XcSz9GiHsmf3z82fLk8iy5gztt551ClYZ7y7SHF0IveNXpBa86veBVpxe86hwmeCFn046p1BBio2L8oBXif/v/sOpibgyiOL2huG8aZd4OgC/zLKnb6lSLKE7X8bHmHQBwI8TnpcPpEcOJCuej+B1fqd/bVZcn8AGea5jnB3wR5FmSYQvXNdu7uw3jD2O/zN0k/jq28iy5GkCeJTcVPVrX8GjOxF2+8efN/UihabvU+G+iPEt+VFT6qvmuTJdN8EOFlq1SGyavVW7hguIRmrXX8lfdNKcNy9zr5uu1vDVq+AdKDLwfOLO7JAAAAABJRU5ErkJggg==);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: flex;
    align-items: flex-end;
    gap: .36rem;
    position: relative;
}

.page-html-6 .title-wrap .btn-tit-pub {
    /* position:absolute; */
    /* right: .66rem; */
    /* bottom: 0; */
}

.page-html-6 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: center
}

.page-html-6 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-6 .content-wrap {
    margin-top: .4rem;
    border-top: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
   /* height: 7.5rem; */
    width: 19.2rem;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    perspective: 10rem
}

.page-html-6 .content-wrap::-webkit-scrollbar {
    display: none
}

.page-html-6 .content-wrap.cursor-grabbing {
    cursor: grabbing
}

.page-html-6 .content-wrap .content-items {
    display: flex;
    gap: .85rem;
    width: 100%;
    transform-style: preserve-3d
}

.page-html-6 .content-wrap .content-item {
    flex-shrink: 0;
    width: 3.16rem;
    height: 5.72rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.page-html-6 .content-wrap .svg {
    width: 3.16rem;
    height: 5.72rem;
    fill: none;
    stroke: #cbcbcb;
    stroke-width: 2px
}

.page-html-6 .content-wrap .svg .border {
    stroke: #cbcbcb
}

.page-html-6 .tab-wrap {
    display: flex;
    justify-content: center;
    gap: .1rem;
    margin-top: 1rem;
}

.page-html-6 .tab-wrap .tab {
    width: 1.8rem;
    height: .5rem;
    position: relative;
    font-size: .2rem;
    color: #cbcbcb
}

.page-html-6 .tab-wrap .tab.active {
    color: #124695
}

.page-html-6 .tab-wrap .tab.active .svg {
    stroke: #124695
}

.page-html-6 .tab-wrap .tab .svg {
    width: 1.8rem;
    height: .5rem;
    fill: none;
    stroke: #cbcbcb;
    stroke-width: 1px
}

.page-html-6 .tab-wrap .tab .tab-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.8rem;
    transform: translateY(-50%);
    word-break: break-all;
    text-align: center
}

.page-html-7 {
    display: flex;
    flex-direction: column
}

.page-html-7 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-7 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-7 .title-wrap {
    margin-left: .66rem;
    margin-top: .3rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC50lEQVRYhe3ZzUtUYRTH8d+M45hTMmS16O+IFq36H1q1ilYSGW1atQyigiIj0l58qcxUfCnTSs2MNGoVtWobRBQRVIukNuW3xZ2Ll+tz7tw7L84VOvAwDPOccz5cvOPc8whQgpUBenDHU6Bg5DUBo0beUOnz2I4k4Cagz2g8C7TGyB828oeTwJOA7xgNHwD5BHUs+GhceJxGOWDEaDSeAByED1UDL9cgD0waDUbiXhkDPmjUHcO7UBWhW4AZo/DtKsBx4ONAc1J0AZgzCt4AslWCg/BbSeEW+JlR6Are114twEH4gNFvAsc9Ey7QBiwbBS7UAeyvbAT8XhgeTCwCr4zEs3XChuH9ceB+Qjvw2kg4tQFgf2WAXsMx5cMF7ALeGhtPbiA4DnwayAt45/hwFTjRAHAQft2Azwj46QB3NhAchF91oFcEvA+BO1IAjoJ/EGs34B/gcAqgLnh3AP0mJ+mHpL+SDkkaVvoCScckrZZev+ckfZF0UNJEA2HlAknHS6+7M8AOSd8aa4odGUn7MkCjIYkj22hAJfEfvVGxadH75d2VmyG2S+rMAJOSvko6Ku97MK1RlLQo6WNOUrukA/Ku+hGlE16UtCBpj6SVrDy0JHVI6lP6/s6LkuYl7S293yngU+hX1E2qHw/UahVZ/wj4WcAv1sdgCuBtwEuH7bfwHhpdkXiaWcO1DXhhuE4L72FxwtgQeyhYw7UVe4xxBtaexpvxZmiuGCNiRFXjVQCWDMc5f18wIWrw7Zz01AH83Oh/Prg3nNgE3DUS79cRXsA7SXDFxfB+V4GoaeZ0HeAF4InRr8uVYxWKmmY+xBsD1wLcCswbfS5hzA6jCkbN1maBLVWCW7DHyZHT2XKFo0ZUc9inWeVWHnhs1O2JAsdB+3DXpAdgoQJ4Hnhk1LtWDhwX7cO7ccdiAnge+0ikNw44CdqHXzYaLuH9JysHnjLy++OCk6J9eJfReBnvR44Ftk7JBkh4hvMPTCnh6/+VMSAAAAAASUVORK5CYII=);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom
}

.page-html-7 .content-wrap {
    position: relative;
    flex-grow: 1
}

.page-html-7 .content-wrap .rectangle {
    width: 17.2rem;
    height: 2.8rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-7 .content-wrap .rectangle .border, .page-html-7 .content-wrap .rectangle .line {
    opacity: .5
}

.page-html-7 .content-wrap .rectangle .plus {
    opacity: 1
}

.page-html-7 .content-wrap .rectangle .triangle {
    fill: #fff;
    stroke: #8fffff;
    stroke-width: 1px
}

.page-html-7 .content-wrap .broken-line {
    width: 2.2rem;
    height: .2rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-7 .content-wrap .broken-line .line-A {
    opacity: .5
}

.page-html-7 .content-wrap .broken-line .line-B {
    opacity: 1;
    stroke-width: 2px;
    stroke-dasharray: 227;
    stroke-dashoffset: 100
}

.page-html-7 .content-wrap .right-items {
    position: absolute;
    right: 1.2rem;
    top: .8rem;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.page-html-7 .content-wrap .right-items .right-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.page-html-7 .content-wrap .right-items .right-item .count {
    font-size: .48rem;
    font-weight: 700;
    padding-right: .1rem
}

.page-html-7 .content-wrap .right-items .right-item .name {
    font-size: .16rem;
    margin-top: .12rem;
    padding-right: .1rem
}

.page-html-7 .content-wrap .bottom-wrap {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translate(-50%)
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.2rem
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap {
    height: 100%;
    display: flex;
    justify-content: space-around
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item {
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-html-8 .line-wrap {
    margin-left: .66rem;
    margin-top: .66rem
}

.page-html-8 .line-wrap .svg {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-8 .title-wrap {
    margin-left: .66rem;
    margin-top: .3rem;
    font-size: .48rem;
    padding-left: .6rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAyCAYAAADiKqN7AAAACXBIWXMAAC4jAAAuIwF4pT92AAAEAElEQVRogb1avaoVMRD+svdeQbwg/iC+gJWNoK2NoIWdguAr2PoGlvZebURbO19AO8tbWoqPILaCEIuzuzc7mcl8k5PrBwd2M8n8JJNkZvakq49OMAgvALwtGzKAJDppbQ6+AbjPdPR4TzG5MWiCtbYctD4ir8QE7GZkFaw8e/QoJI+Ux/FrYQK2M6I9e/QorHHqqu/BT6Jw45ptVt601WakW/09RX1DMr2yhy22SXmb2+4k4L3o/mMlK9KTfClc1zHoGMCp0n5vYcau7KFFWJUoFBMK3BVtF1qCNkbls3dC0QNFVhfM07hUbASkUZ6RUbGZGNN39RDL4Qn26KxrLnwYL1mNDc0k0VkLJlr0XnERPus9G53JKFKqx7O8LN2iulT3bK9gDzlvx2fx3CMoukDNPTvobAKwVYzypKw+el2bspvGDgpZVb5ZvPfokR26hG6sGO2ucMes9IaG+4jdGmtsIu9kPa+7OApNjbJtyhalgVQ97A9LND+P2U0pp6i+m6tj4AlmuTWvn98zHEFFUjxuLrbZVNnGGBqZ7/9eqdB61Stoj+yOxNI5G6tBW4loUNNaTZOWhbE2kx6K7MO7psetFXnRBTebCa+irUCfmZouWjDBTLrqxvvEyqOC9hY/tk2CSvEqWqRiFlDGCwqiYyVWY0sXrkqdDudstEeUs+5U1suaGdSMyo1lxu+GigGFWmO8U7aX74IMUXBjIpaZ/h3AQ0F6DOAXo5DMZbX6dIFTRVYYCcJY09B52gvFfgP4InrdAnClJVCrKBJecVGRJThuWyy+ZlChJQiaSzNVvQUhd6c667Vua+hkKcruVbeq113HoZpCt4iZ9bAxqJua5bHlHYlWEUDSzC8C0SMfwAcAn7Tx9a4KLfffXp2kJNPYDvyZfwXqOdZOYsv88LQIyLHV99kROPvSV+/oNBeQiStn1z6wGhKuGzNoGmGc7EoX5aXZ0+0VzmdjyV5MmQV88Xu7PTwZzj1rJ3tcGsjWKnxon03kIdi6RhPcT5a2Gr0K9oI1rIVxnz9SHU2VStF7lJTP+FEVVDT4bQcnR4E8u4uQuBjc2tG14mNKONXVQ8+qcoqqY3P9KC8gf7XjZjJh42QdOEy8y6SDo/JfDy2eC62qVJSQhWt54DB7mkko+hHjJvfsAYCvM5dcnDkZSGfveUfb0rlfzxj7l7w+T8opkca+BvCAnan+MKKXexhvAVyr3BjAMwAvI6r0hhGcGUN29k0Ab9aVnR9uA/gIrP+ZdOX7qth/s9MORb3vkNV9noCnwO40vgzgM4BLpSKquGCUUU2IcgcbpGarRLlJDbwDcP0QwCvsDqafnjjhuscAjpT2tlYdEPyPABwzKWKBGwBO/gEg4THL5PFytAAAAABJRU5ErkJggg==);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom
}

.page-html-8 .content-wrap {
    margin-top: .7rem;
    height: 7.25rem;
    width: 19.2rem;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none
}

.page-html-8 .content-wrap::-webkit-scrollbar {
    display: none
}

.page-html-8 .content-wrap.cursor-grabbing {
    cursor: grabbing
}

.page-html-8 .content-wrap .content-items {
    display: flex;
    gap: .5rem;
    padding: 0 .7rem;
    width: 100%
}

.page-html-8 .content-wrap .content-item {
    position: relative;
    flex-shrink: 0;
    width: 4.6rem;
    height: 5.8rem
}

.page-html-8 .content-wrap .content-item.active .img-wrap .img {
    display: block
}

.page-html-8 .content-wrap .content-item.active .svg .plus {
    display: none
}

.page-html-8 .content-wrap .svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 4.6rem;
    height: 5.8rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px
}

.page-html-8 .content-wrap .svg .border {
    stroke: #cbcbcb
}

.page-html-8 .content-wrap .svg .plus {
    stroke: inherit
}

.page-html-8 .content-wrap .name-wrap {
    margin-left: .5rem;
    margin-top: .5rem
}

.page-html-8 .content-wrap .name-wrap .mosaic {
    display: flex
}

.page-html-8 .content-wrap .name-wrap .mosaic .mosaic-item {
    width: .1rem;
    height: .1rem
}

.page-html-8 .content-wrap .name-wrap .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #124695
}

.page-html-8 .content-wrap .name-wrap .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #124695b3
}

.page-html-8 .content-wrap .name-wrap .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #1246954d
}

.page-html-8 .content-wrap .name-wrap .name {
    margin-top: .1rem;
    font-size: .36rem
}

.page-html-8 .content-wrap .img-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 4.6rem;
    height: 5.8rem
}

.page-html-8 .content-wrap .img-wrap .img {
    display: none;
    width: 4.6rem;
    height: 5.8rem;
    object-fit: cover;
    object-position: center center
}

.page-html-8 .content-wrap .img-wrap .icon {
    position: absolute;
    left: .2rem;
    bottom: .2rem;
    z-index: 3;
    width: 2rem
}

.page-html-9 .content-wrap {
    position: absolute;
    left: 0;
    bottom: .8rem;
    width: 19.2rem;
    height: 5.6rem
}

.page-html-9 .content-wrap .svg {
    width: 19.2rem;
    height: 5.6rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.page-html-9 .content-wrap .svg .edge, .page-html-9 .content-wrap .svg .mini {
    opacity: .5
}

.page-html-9 .content-wrap .svg .corner {
    stroke-width: 2px
}

.page-html-9 .content-wrap .letter-wrap {
    position: absolute;
    left: .6rem;
    bottom: .4rem
}

.page-html-9 .content-wrap .letter-wrap .letter {
    width: 1.8rem;
    height: 1.52rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px;
    opacity: .5
}

.page-html-9 .content-wrap .letter-wrap .letter.I {
    width: .52rem
}

.page-html-9 .content-wrap .title-wrap {
    position: absolute;
    left: .6rem;
    top: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .1rem
}

.page-html-9 .content-wrap .title-wrap .logo {
    display: block;
    /*width: .6rem;*/
    /* height: .65rem; */
}

.page-html-9 .content-wrap .title-wrap .title {
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.page-html-9 .content-wrap .title-wrap .title .zh {
    font-size: .32rem;
    margin: 0
}

.page-html-9 .content-wrap .title-wrap .title .en {
    font-size: .12rem
}

.page-html-9 .content-wrap .content {
    position: absolute;
    right: .6rem;
    bottom: .6rem;
    font-size: .16rem;
    opacity: .5;
    display: flex;
    gap: 1.2rem;
    height: 1.2rem
}

.page-html-9 .content-wrap .content a {
    text-decoration: none;
    color: inherit;
    outline: none;
    padding-left: .24rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAACzCAMAAAA0TZdtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmI3YzY0Y2NmOSwgMjAyNC8wNy8xNi0xMjozOTowNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5OTExOEJGNTNGNzExRjBBNDEzOTBBRTZCOTM5MjI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5OTExOEMwNTNGNzExRjBBNDEzOTBBRTZCOTM5MjI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njk5MTE4QkQ1M0Y3MTFGMEE0MTM5MEFFNkI5MzkyMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njk5MTE4QkU1M0Y3MTFGMEE0MTM5MEFFNkI5MzkyMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5R1uxOAAAACVBMVEUujf8vjf/////yb4npAAAAA3RSTlP//wDXyg1BAAADEklEQVR42uycWZIDMQhDg+9/6PnPpNuAkUBV9gHQq1kSg4U+n3vuueeee+655557vs6aeUwC0yR+mibxSzeJv02T+Bcyif90k/hAMonPTZP4eDeJbyGT+LI0ie90k7h6mMQNySQuciZx3zSJa7FJ3N5NoskwiV7IJFo2k+gsTaIBNok+3STGCSYx9TCJ4YxJzJBMYtT1fr+cgrm5BQ/B3N3VZ2BuO4oRmPu+ZwKmozsbgOnpIfsxXZ1uO6avH+/GdE4NmjG9s41eTPcEphXTPyfqxAxMsxoxIzO3PszQZLANMza/7MIMTlmbMKOz4B7M8MS6BTM+V+/ATEz/GzAzbxR8zNRLCh0z997Dxky+SpExs29nXMz0Cx8VM/8OycQ8eC0lYp686fIwj16eaZhn7+MszMNXfBLmqdeAg3nsiKBgnvs2GJgF7hICZoUHBo9Z4tSBY9b4idCYRa4nMGaVNwuLWeYgg2LW+dyQmIVuPCBmpWcQh1nqbIRh1vovUZjFLlEQZrWXFYNZ7riFYNb7ghGYAPcyABPhsa7HhDjByzExfvVqTJCrvhgT5f2vxYRtKJRi4vYoKmsBtz0KiyF3UuqqQTdnysph93uq6oG3kIoKonelairCN7pKSuL3zipqErbjCooydvjOq1I2DY/LcvYhT+uStjYPC7N2S88q0zZgj0rz9nRPahO3iQ+KM3ee89Wpm9np8tz98Wx98pZ7UoC9i59ToCcGpCT4uQYZjYb0hYRIR0ZEXKUlySIs05O3EdVpSgUJCnVll8SU2hJWQlJ9OTARrca0moBYZ6aOX601+cct15tP5NVrTlFyCnZnPfkU2xOpXJL9uVkezQHpXg7RCRlke9URSWlb2Rl5bjvdIalzG+Ep2XjvymMS/F6l5+QMvmkPSkN8EZ+U2fisPipZ8lF+Vv7lk/6wlM4HgGlZor8JxiWe/kSYl8v6i2FgeuwPiIkZt/8pRibx/sOYmRf8zTE01fgLRCN7+SNBuTQolwbl0qBcGpRLg3JpUC4NyqVBuTQolwbl0qBcGpTrT4ABADcMpJEuXRUJAAAAAElFTkSuQmCC);
    background-size: .16rem .16rem;
    background-position: left bottom;
    background-repeat: no-repeat
}

.page-html-9 .content-wrap .content .left, .page-html-9 .content-wrap .content .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.page-html-9 .copyright {
    position: absolute;
    left: 50%;
    bottom: .3rem;
    transform: translate(-50%);
    display: flex;
    opacity: .5;
    font-weight: lighter
}

.page-html-9 .copyright span {
    font-size: .16rem;
    color: #fff;
}

.page-html-9 .copyright span a {
    font-size: .16rem;
    color: #fff;
}

.page-html-9 .copyright .icp {
    margin-left: .05rem
}

html, body {
    overflow-y: scroll;
    scrollbar-width: none
}

html.hidden, body.hidden{
    overflow-y: hidden;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none
}

.page-items {
    width: 19.2rem;
    height: auto
}

.page-items .page-item {
    width: 19.2rem;
    height: 100%;
    position: relative;
    color: #124695;
    stroke: #124695;
    background-color: #fff;
    transition: background-color 1s ease-in-out
}

.page-items .page-item.active {
    color: #fff;
    stroke: #fff;
    background-color: #124695
}

.page-items .page-item.page-item-1 {
    height: 100vh;
    color: #fff;
    stroke: #fff;
    background-color: #124695
}

.page-items .page-item.page-item-2 {
    height: 15rem;
    color: #fff;
    stroke: #fff;
    background-color: #124695
}

.page-items .page-item.page-item-3 {
    height: 11rem
}

.page-items .page-item.page-item-4 {
    height: 10.1rem;
    color: #fff;
    stroke: #fff;
    background-color: #124695
}

.page-items .page-item.page-item-5 {
    height: 13rem
}

.page-items .page-item.page-item-6 {
    height: 11.86rem
}

.page-items .page-item.page-item-7 {
    height: 12.78rem
}

.page-items .page-item.page-item-8 {
    height: 10.28rem
}

.page-items .page-item.page-item-9 {
    height: 11.86rem
}

.page-items .page-item .page-html {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid transparent
}

@font-face {
    font-family: JamMono;
    src: url(../TTF/JamMono.ttf)
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: color .3s;
    list-style: none;
    text-decoration: none;
    border: 0;
    outline: none
}

.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s
}

a:hover .pic img {
    transform: scale(1.05)
}

a:hover .pic:before {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

@-webkit-keyframes shine {
    to {
        left: 125%
    }
}

@keyframes shine {
    to {
        left: 125%
    }
}

.pic div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

a:hover .pic div {
    width: 110%;
    height: 110%
}

.tnav_open {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    width: 2rem;
    height: 1rem;
    z-index: 999;
    cursor: pointer
}

.tnav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background: url(../../images/tnav-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 9;
    font-size: .16rem;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all .6s
}

.tnav.show {
    opacity: 1;
    pointer-events: auto;
    z-index: 999
}

.tnav.ani .tnav_menu ul li {
    animation: _shans2 .35s 1 forwards
}

.tnav.ani .tnav_menu ul li:nth-child(1) {
    animation-delay: .5s
}

.tnav.ani .tnav_menu ul li:nth-child(2) {
    animation-delay: .7s
}

.tnav.ani .tnav_menu ul li:nth-child(3) {
    animation-delay: .9s
}

.tnav.ani .tnav_menu ul li:nth-child(4) {
    animation-delay: .6s
}

.tnav.ani .tnav_menu ul li:nth-child(5) {
    animation-delay: .8s
}

.tnav.ani .tnav_menu ul li:nth-child(6) {
    animation-delay: .4s
}

.tnav.ani .tnav_menu_mid {
    transform: translate(-50%) translateY(-50%) scale(1);
    opacity: 1
}

.tnav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../../images/tnav-bg2.png) no-repeat;
    background-position: center center;
    background-size: 19.06rem;
    z-index: -1;
    pointer-events: none
}

.tnav_close {
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    cursor: pointer
}

.tnav_close:hover {
    transform: rotate(180deg)
}

.tnav_close img {
    display: block;
    width: .25rem
}

.tnav_menu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 8.02rem;
    height: 8.02rem;
    border-radius: 50%;
    background: #1545ac url(../../images/tnav_menu_bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 9
}

.tnav_menu ul {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 9
}

.tnav_menu ul li {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    animation: _shans .35s 1
}

.tnav_menu ul li a {
    position: absolute;
    left: 50%;
    top: 50%
}

.tnav_menu ul li a .tnav_menu_xz {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4rem;
    height: 4rem
}

.tnav_menu ul li a .tnav_menu_con {
    position: absolute
}

.tnav_menu ul li a .tnav_menu_con .icons {
    height: .77rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.tnav_menu ul li a .tnav_menu_con .icons img {
    display: block;
    max-height: 80%
}

.tnav_menu ul li a .tnav_menu_con h2 {
    font-family: AlimamaShuHeiTi-Bold;
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .26rem;
    color: #fff;
    text-align: center
}

.tnav_menu ul li:nth-child(1) a .tnav_menu_xz {
    transform: rotate(-90deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(2) a .tnav_menu_xz {
    transform: rotate(-30deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(3) a .tnav_menu_xz {
    transform: rotate(30deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(4) a .tnav_menu_xz {
    transform: rotate(90deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(5) a .tnav_menu_xz {
    transform: rotate(150deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(6) a .tnav_menu_xz {
    transform: rotate(-150deg) skew(-30deg);
    transform-origin: left bottom
}

.tnav_menu ul li:nth-child(1) a .tnav_menu_con {
    width: 2.5rem;
    right: 0;
    bottom: 1.7rem
}

.tnav_menu ul li:nth-child(2) a .tnav_menu_con {
    width: 2.5rem;
    left: 0;
    bottom: 1.7rem
}

.tnav_menu ul li:nth-child(3) a .tnav_menu_con {
    width: 3rem;
    left: 1rem;
    bottom: 0;
    transform: translateY(50%)
}

.tnav_menu ul li:nth-child(4) a .tnav_menu_con {
    width: 2.5rem;
    left: 0;
    top: 1.7rem
}

.tnav_menu ul li:nth-child(5) a .tnav_menu_con {
    width: 2.5rem;
    right: 0;
    top: 1.7rem
}

.tnav_menu ul li:nth-child(6) a .tnav_menu_con {
    width: 3rem;
    right: 1rem;
    bottom: 0;
    transform: translateY(50%)
}

.tnav_menu ul .tnav-hov {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 0;
    bottom: 50%;
    z-index: 9;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    transform: rotate(var(--rotate));
    transform-origin: right bottom
}

.tnav_menu ul .tnav-hov.show {
    opacity: 1;
    animation: _shans2 .25s 1 forwards
}

.tnav_menu ul .tnav-hov.show:before {
    transform: scale(1);
    opacity: 1
}

.tnav_menu ul .tnav-hov:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform: scale(.5);
    opacity: 0;
    transform-origin: right bottom;
    background-image: linear-gradient(55deg, #0dffe5 0%, #0f1e39 100%);
    opacity: .8;
    background: url(../../images/tnav-hov-bg.png) no-repeat;
    background-position: right center;
    background-size: auto 100%
}

.tnav_menu ul .tnav_menu_mid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%) scale(1.2);
    opacity: 0;
    border-radius: 50%;
    width: 2.1rem;
    height: 2.1rem;
    background-color: #eaeff6;
    border: .05rem solid #0c2d5f;
    cursor: pointer;
    transition: all .5s .3s
}

.tnav_menu ul .tnav_menu_mid:hover i {
    animation: _shans .35s 1
}

.page-html-1 .line-wrap .svg:hover .lattice {
    opacity: .1
}

.page-html-1 .line-wrap .mouseqy:hover+.svg:hover .lattice {
    opacity: .1
}

@keyframes _shans {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page-html-1 .line-wrap .mouseqy {
    position: absolute;
    left: 50%;
    top: 3.68rem;
    transform: translate(-50%);
    width: 11.6rem;
    height: 3.95rem;
    z-index: 9
}

.page-html-1 .line-wrap .svg {
    display: block
}

.page-html-1 .line-wrap .svg .text {
    transform: scaleY(1)
}

.page-html-1 .line-wrap .svg .text path {
    transition: all .5s;
    transform-origin: center
}

.page-html-1 .line-wrap .mouseqy:hover+.svg .text path {
    animation: _shans3 .4s .35s 1 forwards
}

.tnav_menu ul .tnav_menu_mid i {
    position: absolute;
    width: .06rem;
    height: .06rem;
    border-top: 1px solid #152a51;
    border-left: 1px solid #152a51;
    display: none;
}

.tnav_menu ul .tnav_menu_mid i:nth-child(1) {
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    top: .25rem
}

.tnav_menu ul .tnav_menu_mid i:nth-child(2) {
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    right: .25rem
}

.tnav_menu ul .tnav_menu_mid i:nth-child(3) {
    left: 50%;
    transform: translate(-50%) rotate(-135deg);
    bottom: .25rem
}

.tnav_menu ul .tnav_menu_mid i:nth-child(4) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    left: .25rem
}

.tnav_menu ul .tnav_menu_mid img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: .73rem
}

.tnav_menu ul .tnav_menu_mid a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 55%;
    height: 55%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d7e4f5;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.tnav_menu ul .tnav_menu_mid a p {
    font-size: .2rem;
    line-height: .3rem;
    font-weight: 600;
}

.tnav_menu .tnav_ks {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: -1
}

.tnav_menu .tnav_ks div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .2);
    animation: _circlescale infinite 6s linear
}

.tnav_menu .tnav_ks div:nth-child(2) {
    animation-delay: -2s
}

.tnav_menu .tnav_ks div:nth-child(3) {
    animation-delay: -4s
}

@keyframes _circlescale {
    0%, to {
        transform: scale(1);
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        transform: scale(1.8);
        opacity: 0
    }
}

.runner-wrap {
    pointer-events: none
}

.page-tit svg {
    height: 1.2rem;
    display: block
}

.page-html-1 .line-wrap .svg .lattice {
    transform-origin: center
}

.page-html-1 .line-wrap .mouseqy:hover+.svg .lattice {
    animation: _shans3 .4s 1 forwards
}

.page-html-1 .circle-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #0000001a;
    animation: _circlescale infinite 6s linear;
    z-index: -2
}

.page-html-1 .circle-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #0000001a;
    z-index: -1;
    animation: _circlescale infinite 6s -3s linear
}

.page-html-1 .circle-wrap .circle-items .circle-item.item {
    background-image: conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, 0) 0deg, rgb(16, 57, 120) 360deg);
    height: 100%;
    transform-origin: center center;
    border: none;
    width: 100%;
    animation: rotateScan 5s linear infinite
}

.page-html-1 .circle-wrap .circle-items .circle-item.item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 50%;
    background: linear-gradient(to top, rgba(94, 200, 255, 0), #5ec8ff);
    right: 50%;
    animation: none
}

.page-html-1 .circle-wrap .circle-items .circle-item:nth-child(1)~.circle-item:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 .2rem #fffc;
    border-radius: 50%;
    filter: blur(3px);
    opacity: 0
}

.page-html-1 .circle-wrap .circle-items .circle-item:nth-child(1)~.circle-item:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 .2rem #ffffff4d;
    border-radius: 50%;
    filter: blur(1px);
    opacity: 0
}

.circle-item:nth-child(2):before {
    width: .0691rem;
    height: .0691rem;
    top: 62.8056063494%;
    left: 39.9926967143%;
    animation: _shanscircle 1s infinite alternate;
    animation-delay: 2.5228978609s;
    background: rgba(255, 255, 255, .8146373093)
}

.circle-item:nth-child(2):after {
    width: .0691rem;
    height: .0691rem;
    top: 22.6383559604%;
    left: 26.2039898237%;
    animation: _shanscircle 5.2183536304s infinite alternate;
    animation-delay: 10.398318927s;
    background: rgba(255, 255, 255, .5733124175)
}

.circle-item:nth-child(3):before {
    width: .0944rem;
    height: .0944rem;
    top: 65.0196470697%;
    left: 48.1026002676%;
    animation: _shanscircle 1.5s infinite alternate;
    animation-delay: 4.3930825814s;
    background: rgba(255, 255, 255, .4105661386)
}

.circle-item:nth-child(3):after {
    width: .0944rem;
    height: .0944rem;
    top: 36.3082643932%;
    left: 63.8559970948%;
    animation: _shanscircle 6.3280173875s infinite alternate;
    animation-delay: 11.2644893019s;
    background: rgba(255, 255, 255, .9996276753)
}

.circle-item:nth-child(4):before {
    width: .0551rem;
    height: .0551rem;
    top: 66.1019437108%;
    left: 50.5167818095%;
    animation: _shanscircle 2s infinite alternate;
    animation-delay: 2.7021568884s;
    background: rgba(255, 255, 255, .5143035819)
}

.circle-item:nth-child(4):after {
    width: .0551rem;
    height: .0551rem;
    top: 26.0913718082%;
    left: 37.2105678531%;
    animation: _shanscircle 5.3734451583s infinite alternate;
    animation-delay: 12.3850064027s;
    background: rgba(255, 255, 255, .8982332735)
}

.circle-item:nth-child(5):before {
    width: .0839rem;
    height: .0839rem;
    top: 63.8691664267%;
    left: 21.0536967263%;
    animation: _shanscircle 2.5s infinite alternate;
    animation-delay: 1.5760974337s;
    background: rgba(255, 255, 255, .5488348056)
}

.circle-item:nth-child(5):after {
    width: .0839rem;
    height: .0839rem;
    top: 51.4139447907%;
    left: 57.1002160694%;
    animation: _shanscircle 6.7721571467s infinite alternate;
    animation-delay: 9.2196678406s;
    background: rgba(255, 255, 255, .8948664556)
}

.circle-item:nth-child(6):before {
    width: .0589rem;
    height: .0589rem;
    top: 33.0403107031%;
    left: 33.2345083339%;
    animation: _shanscircle 3s infinite alternate;
    animation-delay: .2443021851s;
    background: rgba(255, 255, 255, .8005298113)
}

.circle-item:nth-child(6):after {
    width: .0589rem;
    height: .0589rem;
    top: 58.3582172686%;
    left: 57.3763905275%;
    animation: _shanscircle 6.346283688s infinite alternate;
    animation-delay: 11.1809612722s;
    background: rgba(255, 255, 255, .4127185322)
}

.circle-item:nth-child(7):before {
    width: .0647rem;
    height: .0647rem;
    top: 38.2490150386%;
    left: 68.1984961089%;
    animation: _shanscircle 3.5s infinite alternate;
    animation-delay: 2.4811672155s;
    background: rgba(255, 255, 255, .7285447787)
}

.circle-item:nth-child(7):after {
    width: .0647rem;
    height: .0647rem;
    top: 27.5127542143%;
    left: 48.7339778284%;
    animation: _shanscircle 6.2748174131s infinite alternate;
    animation-delay: 8.887175693s;
    background: rgba(255, 255, 255, .724278557)
}

.circle-item:nth-child(8):before {
    width: .0988rem;
    height: .0988rem;
    top: 47.6762040975%;
    left: 68.8235986106%;
    animation: _shanscircle 4s infinite alternate;
    animation-delay: .7215865346s;
    background: rgba(255, 255, 255, .6682316721)
}

.circle-item:nth-child(8):after {
    width: .0988rem;
    height: .0988rem;
    top: 58.6740838943%;
    left: 36.3208744818%;
    animation: _shanscircle 5.1738223815s infinite alternate;
    animation-delay: 11.4642529024s;
    background: rgba(255, 255, 255, .9281344827)
}

.circle-item:nth-child(9):before {
    width: .0865rem;
    height: .0865rem;
    top: 58.4220123381%;
    left: 50.8314494365%;
    animation: _shanscircle 4.5s infinite alternate;
    animation-delay: 4.1892931217s;
    background: rgba(255, 255, 255, .4398377854)
}

.circle-item:nth-child(9):after {
    width: .0865rem;
    height: .0865rem;
    top: 46.5719855795%;
    left: 22.0811209244%;
    animation: _shanscircle 6.7346028406s infinite alternate;
    animation-delay: 9.860309694s;
    background: rgba(255, 255, 255, .8694025605)
}

@keyframes _shanscircle {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes _shans2 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes _shans3 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    10% {
        opacity: 0;
        transform: scale(1.1)
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.page-search {
    position: fixed;
    left: 50%;
    bottom: .892rem;
    transform: translate(-50%) translateY(50%);
    z-index: 9999;
    background: url(../../images/page-h1-search-border-b.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 7.64rem;
    height: .84rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem 0 .35rem;
    cursor: pointer;
    transition: all .5s
}

.page-search:before {
    content: "";
    position: absolute;
    left: .14rem;
    right: .14rem;
    top: .1rem;
    bottom: .12rem;
    z-index: -1;
    background: url(../../images/page-h1-search-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.page-search:hover::after {
    /* animation:searbor 1.3s linear infinite; */
    animation: _shans4 2s infinite;
}

@keyframes searbor {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    30% {
        opacity: 1;
        transform: scale(1.05);
    }

    60% {
        opacity: 0;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.page-search::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/page-h1-search-border-b.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    opacity: 0;
    pointer-events: none;
}

.page-search.on {
    transform: translate(-50%) translateY(3rem);
    opacity: 0
}

.page-search .left {
    filter: drop-shadow(0 0 4px rgba(119, 244, 255, .8))
}

.page-search .left img {
    display: block;
    width: .21rem;
    filter: drop-shadow(0 0 4px rgba(119, 244, 255, .8))
}

.page-search .right {
    filter: drop-shadow(0 0 4px rgba(119, 244, 255, .8))
}

.page-search .right img {
    display: block;
    width: .19rem;
    height: .24rem;
    filter: drop-shadow(0 0 4px rgba(119, 244, 255, .8))
}

.page-search svg {
    width: 14.36rem
}

.page-search .page-search-ipt {
    flex: 1;
    min-width: 0;
    padding: 0 .25rem
}

.page-search .page-search-ipt input {
    display: block;
    width: 100%;
    background: none;
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .5rem;
    color: #fff
}

.page-search .page-search-ipt input::placeholder {
    color: #fff
}

.aiznss {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background-color: #08328fcc;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .4rem .55rem .7rem;
    pointer-events: none;
    transition: all .5s .5s;
    opacity: 0
}

.aiznss.on {
    transition: all .5s;
    opacity: 1;
    pointer-events: auto
}

.aiznss.on .aiznss-content {
    transition: all .5s .5s;
    transform: scale(1);
    pointer-events: auto;
    animation: _shans3 .35s .5s 1 forwards
}

.aiznss-svg svg {
    height: 100%
}

.aiznss-content {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 9;
    background: url(../../images/aizzss-head-border.png) no-repeat;
    background-position: left top;
    background-size: 13.19rem auto;
    transform-origin: center bottom;
    transition: all .5s;
    opacity: 0;
    animation: _shans2 .25s 1 forwards
}

.aiznss-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #08328f00;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: -1;
    pointer-events: none
}

.aiznss-border1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-border1:before {
    content: "";
    position: absolute;
    top: .5rem;
    bottom: .5rem;
    left: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.aiznss-border1:after {
    content: "";
    position: absolute;
    left: .5rem;
    right: .5rem;
    top: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.aiznss-border2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-border2:before {
    content: "";
    position: absolute;
    right: .5rem;
    top: 0;
    height: .7rem;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none
}

.aiznss-border2:after {
    content: "";
    position: absolute;
    right: .5rem;
    bottom: 1px;
    height: .7rem;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(45deg);
    transform-origin: left bottom;
    z-index: -1;
    pointer-events: none
}

.aiznss-border3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-border3:before {
    content: "";
    position: absolute;
    left: .5rem;
    bottom: 0;
    height: .7rem;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left bottom;
    z-index: -1;
    pointer-events: none
}

.aiznss-border4 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-border4:before {
    content: "";
    position: absolute;
    left: .5rem;
    width: 4.65rem;
    height: 1px;
    background: rgba(255, 255, 255, .3)
}

.aiznss-border4:after {
    content: "";
    position: absolute;
    right: .5rem;
    width: 4.65rem;
    height: 1px;
    background: rgba(255, 255, 255, .3)
}

.aiznss-jiao1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-jiao1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: left top;
    background-size: 18.16rem auto
}

.aiznss-jiao1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: right top;
    background-size: 18.16rem auto
}

.aiznss-jiao2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.aiznss-jiao2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: left bottom;
    background-size: 18.16rem auto
}

.aiznss-jiao2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: right bottom;
    background-size: 18.16rem auto
}

.aiznss-content .aiznss-left {
    width: 13.19rem;
    height: 100%;
    padding: 0 1.1rem 0 .45rem;
    display: flex;
    flex-direction: column
}

.aiznss-content .aiznss-left .aiznss-head {
    height: 1.42rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.aiznss-content .aiznss-left .aiznss-head:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: -01px;
    width: 2rem;
    border-bottom: solid 3px #24d8d5;
    animation: ani_width 4s infinite linear;
    opacity: 0
}

@keyframes ani_width {
    0% {
        right: 100%;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        right: -2rem;
        opacity: 0
    }
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo {
    position: relative;
    margin-right: .3rem
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: url(../../images/aizzss-ai-border2.png) no-repeat;
    background-position: left top;
    background-size: .58rem;
    animation: _anirotate 5s linear infinite
}

@keyframes _anirotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes _anirotate2 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo:after {
    content: "";
    position: absolute;
    left: -01px;
    top: -01px;
    right: -01px;
    bottom: -01px;
    border-radius: 50%;
    background: url(../../images/aizzss-ai-border1.png) no-repeat;
    background-position: left bottom;
    background-size: .34rem;
    animation: _anirotate2 5s linear infinite
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo a {
    width: .67rem;
    height: .67rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 1px solid rgba(36, 216, 213, .1)
}

.aiznss-content .aiznss-left .aiznss-head .aiznss-logo a img {
    display: block;
    width: .51rem
}

.aiznss-content .aiznss-left .aiznss-head p {
    font-size: .36rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .44rem;
    letter-spacing: -.7px;
    color: #f3f3f3
}

.aiznss-content .aiznss-left .aiznss-know {
    margin-top: .3rem
}

.aiznss-content .aiznss-left .aiznss-know h3 {
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .44rem;
    letter-spacing: -0.004rem;
    color: #f3f3f3;
    position: relative
}

.aiznss-content .aiznss-left .aiznss-know h3:after {
    content: "";
    position: absolute;
    left: .03rem;
    right: 0;
    bottom: 0;
    border-bottom: solid 1px rgba(36, 216, 213, .2)
}

.aiznss-content .aiznss-left .aiznss-know h3 svg {
    display: block;
    position: absolute;
    left: -0.03rem;
    bottom: -0.03rem;
    height: .12rem
}

.aiznss-content .aiznss-left .aiznss-know ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.04rem;
    padding-top: .1rem
}

.aiznss-content .aiznss-left .aiznss-know ul li {
    width: 25%;
    margin-top: .1rem
}

.aiznss-content .aiznss-left .aiznss-know ul li a {
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .2rem;
    margin: 0 .04rem;
    font-size: .14rem;
    line-height: .4rem;
    color: #f3f3f3e0;
    background-image: url(../../images/aiznss-know-itembg.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.aiznss-content .aiznss-left .aiznss-know ul li a:hover {
    color: #fff
}

.aiznss-content .aiznss-left .aiznss-body {
    flex: 1;
    min-width: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 .5rem;
    margin-top: .36rem;
    scrollbar-width: 0
}

.aiznss-content .aiznss-left .aiznss-body::-webkit-scrollbar {
    display: none
}

.aiznss-content .aiznss-left .aiznss-body>div {
    width: 100%;
    height: 100%
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qbef img {
    display: block;
    width: .44rem;
    margin-right: .1rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit {
    position: relative
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .15rem;
    height: .15rem;
    background: url(../../images/aiznss-question-border.png) no-repeat;
    background-position: left top;
    background-size: 1.03rem auto
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit:after {
    content: "";
    position: absolute;
    right: -0.0521vw;
    bottom: 0;
    width: 45px;
    height: 15px;
    background: url(../../images/aiznss-question-border.png) no-repeat;
    background-position: right bottom;
    background-size: 1.03rem auto
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit div {
    position: relative
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit div:before {
    content: "";
    position: absolute;
    left: .15rem;
    right: 0;
    top: 0;
    bottom: .15rem;
    border-top: 1px solid rgba(36, 216, 213, .87);
    border-right: 1px solid rgba(36, 216, 213, .87)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit div:after {
    content: "";
    position: absolute;
    right: .44rem;
    left: 0;
    bottom: .06rem;
    top: .15rem;
    border-bottom: 1px solid rgba(36, 216, 213, .87);
    border-left: 1px solid rgba(36, 216, 213, .87)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit div p {
    line-height: .3rem;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    color: #f3f3f3;
    padding: .05rem .45rem calc(.05rem + .05rem) .45rem;
    min-width: 1.03rem;
    position: relative;
    z-index: 9
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-question .aiznss-qtit div p:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: .07rem;
    background-image: linear-gradient(0deg, #103489 0%, #2b60de 100%);
    clip-path: polygon(.11rem 0, 100% 0, 100% calc(100% - .5208vw), calc(100% - .5208vw) 100%, 0 100%, 0 .11rem);
    z-index: -1;
    pointer-events: none
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer {
    margin-top: .25rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aniznss-pubp {
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: -0.004rem;
    color: #24d8d5;
    position: relative;
    font-size: .14rem;
    line-height: .44rem;
    padding: 0 .17rem;
    margin-top: .5rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aniznss-pubp svg {
    display: block;
    position: absolute;
    left: -0.03rem;
    bottom: -0.03rem;
    height: .12rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aniznss-pubp:after {
    content: "";
    position: absolute;
    left: .03rem;
    right: 0;
    bottom: 0;
    border-bottom: solid 1px rgba(36, 216, 213, .2)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box {
    position: relative;
    padding: .25rem .2rem .5rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box:before {
    content: "";
    position: absolute;
    left: -01px;
    bottom: -01px;
    width: 1.17rem;
    height: .21rem;
    background: url(../../images/aiznss-answer-border.png) no-repeat;
    background-position: left bottom;
    background-size: 9.59rem auto;
    z-index: 9
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .16rem;
    height: .16rem;
    background: url(../../images/aiznss-answer-border.png) no-repeat;
    background-position: right top;
    background-size: 9.59rem auto
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aiznss-abd {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aiznss-abd:before {
    content: "";
    position: absolute;
    left: 0;
    right: .16rem;
    top: 0;
    bottom: .2rem;
    border-top: 1px solid rgba(36, 216, 213, .87);
    border-left: 1px solid rgba(36, 216, 213, .87)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aiznss-abd:after {
    content: "";
    position: absolute;
    right: 0;
    left: 1.16rem;
    bottom: .06rem;
    top: .16rem;
    border-bottom: 1px solid rgba(36, 216, 213, .87);
    border-right: 1px solid rgba(36, 216, 213, .87)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aiznss-abg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: .3646vw;
    background: rgba(223, 228, 240, .1);
    clip-path: polygon(0 0, calc(100% - .7292vw) 0, 100% .7292vw, 100% 100%, .7292vw 100%, 0 calc(100% - .7292vw));
    z-index: -1;
    pointer-events: none
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-atit {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .27rem;
    color: #f3f3f3;
    padding-left: .23rem;
    position: relative
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-atit:before {
    content: "";
    position: absolute;
    left: 0;
    top: .06rem;
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background: url(../../images/aniznss-atit-bef.png) no-repeat;
    background-position: center center;
    background-size: .15rem auto
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-aly {
    position: relative;
    padding-left: .2rem;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .34rem;
    letter-spacing: -0.0156vw;
    color: #24d8d5
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-aly:before {
    content: "";
    position: absolute;
    left: 0;
    top: .08rem;
    width: 1px;
    height: .18rem;
    background: #24d8d5;
    transform: rotate(15deg)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-aly:after {
    content: "";
    position: absolute;
    top: .08rem;
    left: .06rem;
    width: 1px;
    height: .18rem;
    background: rgba(36, 216, 213, .3);
    transform: rotate(15deg)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist {
    margin-top: .15rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist>p {
    margin-bottom: .16rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist li {
    display: flex;
    margin-top: .06rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist li a {
    display: block;
    color: #fff;
    font-size: .14rem;
    line-height: .2rem;
    padding-left: .3rem;
    padding-right: .3rem;
    background: rgba(36, 216, 213, .1);
    min-width: 50%;
    position: relative
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist li a:before {
    content: "";
    position: absolute;
    left: .1rem;
    top: .1rem;
    height: 1px;
    width: .1rem;
    background: #03fcff;
    transform: translateY(-02px) rotate(-35deg)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-box .aniznss-alist li a:after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .1rem;
    height: 1px;
    width: .1rem;
    background: #03fcff;
    transform: translateY(2px) rotate(-35deg)
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-ability ul {
    padding-left: .23rem;
    margin-top: .1rem;
    display: flex;
    align-items: center
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-ability ul li {
    margin-right: .1rem
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-ability ul li a {
    display: block
}

.aiznss-content .aiznss-left .aiznss-body>div .aiznss-answer .aiznss-answer-ability ul li a svg {
    display: block;
    height: .155rem
}

.aiznss-content .aiznss-left .aiznss-clear {
    margin-bottom: .4rem;
    margin-top: .2rem
}

.aiznss-content .aiznss-left .aiznss-clear a {
    display: flex;
    align-items: center
}

.aiznss-content .aiznss-left .aiznss-clear a:hover p {
    color: #fff;
    opacity: 1
}

.aiznss-content .aiznss-left .aiznss-clear a .icon {
    margin-right: .08rem
}

.aiznss-content .aiznss-left .aiznss-clear a .icon svg {
    display: block;
    height: .14rem
}

.aiznss-content .aiznss-left .aiznss-clear a p {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .34rem;
    letter-spacing: -0.0156vw;
    color: #f3f3f3;
    opacity: .45;
    transition: all .5s
}

.aiznss-content .aiznss-right {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%
}

.aiznss-content .aiznss-right .aiznss-jx {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 1.42rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.42rem;
    padding: 0 1.1rem 0 .25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit h2 {
    font-size: .24rem;
    font-weight: 400;
    line-height: .44rem;
    letter-spacing: -0.026vw;
    color: #f3f3f3;
    display: flex;
    align-items: center
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit h2 b {
    font-weight: 600;
    margin-right: .1rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay {
    position: relative;
    cursor: pointer
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay:hover svg path {
    opacity: 1 !important
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay:hover p {
    opacity: 1
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay svg {
    display: block;
    width: 1.245rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay svg path {
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .autoplay p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .3rem;
    text-align: center;
    font-size: .14rem;
    color: #f3f3f3;
    opacity: .5;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .colse-aiznss {
    position: absolute;
    right: .55rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .colse-aiznss svg {
    display: block;
    width: .285rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxtit .colse-aiznss:hover {
    transition: all .5s;
    transform: translateY(-50%) rotate(360deg)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist {
    height: 100%;
    padding: .3rem .2rem .25rem;
    border-left: 1px dashed rgba(255, 255, 255, .2)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container {
    height: 100%;
    padding-bottom: 1px;
    mask: linear-gradient(to bottom, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%);
    -webkit-mask: linear-gradient(to bottom, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 90%)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li {
    position: relative;
    z-index: 1
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:hover:before {
    border-color: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:hover:after {
    border-color: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:hover a:before {
    background: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:hover a:after {
    background: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: .15rem;
    bottom: .15rem;
    border-top: solid 1px rgba(36, 216, 213, .6);
    border-left: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: .15rem;
    top: .15rem;
    border-bottom: solid 1px rgba(36, 216, 213, .6);
    border-right: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .15rem .2rem;
    position: relative;
    background: rgba(255, 255, 255, .11);
    clip-path: polygon(0 0, calc(100% - .7292vw) 0, 100% .7292vw, 100% 100%, .7292vw 100%, 0 calc(100% - .7292vw));
    z-index: 9
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a:before {
    content: "";
    position: absolute;
    left: .15rem;
    bottom: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: right bottom;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a:after {
    content: "";
    position: absolute;
    right: .15rem;
    top: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a h3 {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: .0417vw;
    color: #f3f3f3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: .6rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a div span {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    color: #24d8d5;
    padding-right: .22rem;
    background: url(../../images/icon-right.svg) no-repeat;
    background-position: center center;
    background-size: .07rem auto
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .swiper-container ul li a div b {
    width: .17rem;
    height: .17rem;
    background: url(../../images/icon-more.svg) no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor {
    position: relative;
    z-index: 1
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: .15rem;
    bottom: .15rem;
    border-top: solid 1px rgba(36, 216, 213, .6);
    border-left: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: .15rem;
    top: .15rem;
    border-bottom: solid 1px rgba(36, 216, 213, .6);
    border-right: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor .aiznss-jx-pubbor-son {
    justify-content: space-between;
    position: relative;
    background: rgba(255, 255, 255, .11);
    clip-path: polygon(0 0, calc(100% - .7292vw) 0, 100% .7292vw, 100% 100%, .7292vw 100%, 0 calc(100% - .7292vw));
    z-index: 9
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor .aiznss-jx-pubbor-son:before {
    content: "";
    position: absolute;
    left: .15rem;
    bottom: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: right bottom;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor .aiznss-jx-pubbor-son:after {
    content: "";
    position: absolute;
    right: .15rem;
    top: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:hover:before {
    border-color: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:hover:after {
    border-color: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:hover .aiznss-jx-pubbor-son:before {
    background: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-pubbor:hover .aiznss-jx-pubbor-son:after {
    background: #fff
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main {
    height: calc(100% - .3rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: .3rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main::-webkit-scrollbar {
    display: none
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-tit {
    margin: 0 .04rem;
    padding: .13rem .15rem .1rem;
    border-bottom: solid 1px rgba(36, 216, 213, .4)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-tit h3 {
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con dl {
    padding: .08rem .2rem .2rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con dl dd {
    display: flex;
    align-items: flex-start
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con dl dd:before {
    content: "";
    display: block;
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background-color: #24d8d5;
    margin-top: .13rem;
    margin-right: .09rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con dl dd p {
    flex: 1;
    min-width: 0;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-more {
    display: flex;
    justify-content: flex-end
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-more a {
    display: block
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-more a img {
    display: block;
    width: .17rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic {
    display: flex;
    align-items: center;
    padding: .17rem .2rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic .pics {
    width: .87rem;
    margin-right: .13rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic .pics .pic {
    padding-top: 132%;
    clip-path: polygon(0 0, calc(100% - .14rem) 0, 100% .7292vw, 100% 100%, .14rem 100%, 0 calc(100% - .14rem))
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic .aiznss-jx-xyldinfo {
    flex: 1;
    min-width: 0
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic .aiznss-jx-xyldinfo h4 {
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-con .aiznss-jx-xyldpic .aiznss-jx-xyldinfo p {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .22rem;
    letter-spacing: 1px;
    color: #f3f3f3;
    margin-top: .07rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-main .aiznss-jx-xyleader {
    margin-top: .12rem
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-btm {
    position: absolute;
    left: .2rem;
    right: .2rem;
    bottom: .17rem;
    mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%)
}

.aiznss-content .aiznss-right .aiznss-jx .aiznss-jxlist .aiznss-jx-btm svg {
    display: block;
    width: 100%
}

.details {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #08328fcc;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .4rem .55rem 0;
    pointer-events: none;
    transition: all .5s .5s;
    opacity: 0;
    transform: translateY(100%);
    background: none;
    padding: 0;
}

.details.on {
    transition: all .5s;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.details.on .details-content {
    transition: all .5s .7s;
    transform: scale(1);
    height: 100%;
    pointer-events: auto;
    animation: _shans3 .35s .5s 1 forwards;
    /* padding-bottom: .85rem */
}

.details-content {
    position: relative;
    z-index: 9;
    transition: all .5s;
    transform-origin: center bottom;
    opacity: 0;
    animation: _shans2 .25s 1 forwards;
    display: flex;
    padding: .4rem 0 0;
    height: 100%;
}

.details-content .colse-details {
    position: absolute;
    right: .28rem;
    top: .28rem;
    z-index: 9;
    cursor: pointer
}

.details-content .colse-details svg {
    display: block;
    width: .285rem
}

.details-content .colse-details:hover {
    transition: all .5s;
    transform: rotate(360deg)
}

.details-content .details-border1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-border1:before {
    content: "";
    position: absolute;
    top: .3rem;
    bottom: 0;
    left: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.details-content .details-border1:after {
    content: "";
    position: absolute;
    left: .3rem;
    right: .3rem;
    top: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.details-content .details-border2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-border2:before {
    content: "";
    position: absolute;
    right: .3rem;
    top: 0;
    height: .42rem;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none
}

.details-content .details-border2:after {
    content: "";
    position: absolute;
    right: auto;
    bottom: auto;
    height: .42rem;
    left: .3rem;
    top: 0;
    transform-origin: right top;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(45deg);
    z-index: -1;
    pointer-events: none
}

.details-content .details-jiao1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1
}

.details-content .details-jiao1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: left top;
    background-size: 16rem auto
}

.details-content .details-jiao1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .6rem;
    height: .6rem;
    background: url(../../images/aiznss-border.svg) no-repeat;
    background-position: right top;
    background-size: 16rem auto
}

.details-content .details-l {
    width: 69.8%;
    height: 100%;
    padding: 0 .8rem 0 .7rem;
    display: flex;
    flex-direction: column
}

.details-content .details-l .details-tit {
    width: 100%;
    border-bottom: solid 1px #24d8d5;
    padding-bottom: .2rem;
    margin-bottom: .4rem
}

.details-content .details-l .details-tit h3 {
    font-size: .3rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .5rem;
    letter-spacing: -01px;
    color: #f3f3f3;
    text-align: center
}

.details-content .details-l .details-tit p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .04rem
}

.details-content .details-l .details-tit p span {
    font-size: .12rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .27rem;
    color: #f3f3f3;
    margin: 0 .1rem
}

.details-content .details-l .details-body {
    width: 100%;
    flex: 1;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .3rem
}

.details-content .details-l .details-body::-webkit-scrollbar {
    display: none
}

.details-content .details-l .details-body p {
    background: none !important;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .28rem;
    letter-spacing: -01px;
    color: #f3f3f3;
    text-align: justify
}

.details-content .details-r {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%;
    padding-right: .17rem;
    padding-top: .3rem;
    padding-left: .65rem
}

.details-content .details-r:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    bottom: 0;
    border-left: 1px dashed rgba(255, 255, 255, .1)
}

.details-content .details-r .details-rscroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.details-content .details-r .details-rscroll::-webkit-scrollbar {
    display: none
}

.details-content .details-r .details-rscroll .details-rbox {
    margin-top: .25rem
}

.details-content .details-r .details-rscroll .details-rbox .details-rname h3 {
    font-size: .2rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor {
    margin-top: .13rem;
    position: relative;
    z-index: 1
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: .15rem;
    bottom: .15rem;
    border-top: solid 1px rgba(36, 216, 213, .6);
    border-left: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: .15rem;
    top: .15rem;
    border-bottom: solid 1px rgba(36, 216, 213, .6);
    border-right: solid 1px rgba(36, 216, 213, .6);
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son {
    position: relative;
    background: rgba(255, 255, 255, .11);
    clip-path: polygon(0 0, calc(100% - .7292vw) 0, 100% .7292vw, 100% 100%, .7292vw 100%, 0 calc(100% - .7292vw));
    z-index: 9
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son:before {
    content: "";
    position: absolute;
    left: .15rem;
    bottom: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: right bottom;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son:after {
    content: "";
    position: absolute;
    right: .15rem;
    top: 0;
    height: 1.0938vw;
    width: 1px;
    background: rgba(36, 216, 213, .6);
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: -1;
    pointer-events: none;
    transition: all .5s
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-tit {
    margin: 0 .04rem;
    padding: .13rem .15rem .1rem;
    border-bottom: solid 1px rgba(36, 216, 213, .4)
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-tit h3 {
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more {
    display: flex;
    justify-content: flex-end
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more a {
    display: block
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-more a img {
    display: block;
    width: .16rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-text {
    padding: .3rem .3rem .35rem .25rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-text p {
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .24rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con {
    padding: .15rem .2rem .2rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd {
    display: flex;
    align-items: flex-start
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd:before {
    content: "";
    display: block;
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background-color: #24d8d5;
    margin-top: .13rem;
    margin-right: .09rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con dl dd p {
    flex: 1;
    min-width: 0;
    font-size: .14rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex {
    display: flex;
    align-items: center
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex .icons {
    margin-right: .2rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex .icons img {
    display: block;
    width: .33rem
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor .details-pubbor-son .details-con a.flex p {
    flex: 1;
    min-width: 0;
    font-size: .12rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    letter-spacing: 1px;
    color: #f3f3f3
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover:before {
    border-color: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover:after {
    border-color: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover .details-pubbor-son:before {
    background: #fff
}

.details-content .details-r .details-rscroll .details-rbox .details-pubbor:hover .details-pubbor-son:after {
    background: #fff
}

@keyframes jianren {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    50% {
        transform: translateY(-0.5rem);
        opacity: 1
    }

    to {
        transform: translateY(-1rem);
        opacity: 0
    }
}

.page-html-2 {
    overflow: hidden
}

.page-html-2 .title-wrap {
    display: flex;
    align-items: flex-end;
    gap: .36rem
}

.page-html-2 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: center
}

.page-html-2 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-2 .title-wrap span a {
    display: block;
    color: #fff9
}

.page-html-2 .title-wrap span a:hover {
    color: #fff
}

.page-html-2 .bjianr {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    padding-bottom: .97rem
}

.page-html-2 .bjianr:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 1.5rem;
    height: 2.5rem;
    background: url(../../images/jianrenbg.png) no-repeat;
    background-position: center 0%;
    background-size: 100% 100%;
    animation: jianren linear 5s infinite;
    z-index: 9
}

.page-html-2 .bjianr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 1.5rem;
    height: 2.5rem;
    background: url(../../images/jianrenbg.png) no-repeat;
    background-position: center 0%;
    background-size: 100% 100%;
    animation: jianren linear 5s -2.5s infinite;
    z-index: 9
}

.page-html-2 .bjianr .bjianr-box {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    left: auto !important;
    width: 8.1rem;
    margin-top: 0 !important;
    margin-left: 0 !important
}

.page-html-2 .bjianr .bjianr-box ul {
    font-size: 0
}

.page-html-2 .bjianr .bjianr-box ul li {
    display: block;
    background-repeat: no-repeat;
    float: left;
    position: relative
}

.page-html-2 .bjianr img {
    display: block;
    width: 8.1rem;
    position: relative;
    z-index: 8;
    opacity: 0
}

.page-html-2 .content-wrap2 {
    position: absolute;
    top: 2.816rem;
    right: 1.368rem;
    width: 6.8506rem;
    height: 7.2822rem;
    z-index: 10
}

.page-html-2 .content-wrap2 .play_vid {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 2.74rem
}

.page-html-2 .content-wrap2 .play_vid a {
    display: block
}

.page-html-2 .content-wrap2 .play_vid a div {
    width: 1.12rem;
    height: 1.12rem;
    position: relative
}

.page-html-2 .content-wrap2 .play_vid a div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/play_vid_border.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.page-html-2 .content-wrap2 .play_vid a div:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    border-width: .13rem 0 .13rem .23rem;
    border-color: transparent transparent transparent #fff;
    border-style: solid
}

.page-html-2 .content-wrap2 .play_vid a p {
    text-align: center;
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .44rem;
    letter-spacing: 0vw;
    color: #fff;
    margin-top: .1rem
}

.page-html-2 .content-wrap2 .play_vid a:hover div {
    animation: _shans3 .4s 1 forwards
}

.page-html-2 .content-wrap2 .slick>svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    fill: none;
    pointer-events: none
}

.page-html-2 .content-wrap2 .slick>svg path {
    fill: #13469580;
    stroke: #ffffff80;
    transition: all .5s
}

.page-html-2 .content-wrap2:hover .slick>svg path {
    fill: #134695cc
}

.page-html-2 .content-wrap2 .slick>svg path:nth-child(2) {
    opacity: 1
}

.page-html-2 .content-wrap2 .slick>svg path:nth-child(3) {
    opacity: 1
}

.page-html-2 .content-wrap2 .slick {
    position: relative
}

.page-html-2 .content-wrap2 .slick:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-image: linear-gradient(0deg, rgba(0, 228, 220, .2) 0%, rgba(7, 147, 192, .2) 25%, rgba(13, 66, 164, .2) 100%);
    background: url(../../images/page2_slickbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.page-html-2 .content-wrap2 .slick ul {
    position: relative;
    padding: .384rem .576rem .384rem .384rem
}

.page-html-2 .content-wrap2 .slick ul li a {
    display: block;
    color: #134695;
    stroke: #134695
}

.page-html-2 .content-wrap2 .slick ul li a .mosaic {
    display: flex
}

.page-html-2 .content-wrap2 .slick ul li a .mosaic span {
    width: .0691rem;
    height: .0691rem
}

.page-html-2 .content-wrap2 .slick ul li a .mosaic span:nth-child(1) {
    background-color: #fff
}

.page-html-2 .content-wrap2 .slick ul li a .mosaic span:nth-child(2) {
    background-color: #ffffffb3
}

.page-html-2 .content-wrap2 .slick ul li a .mosaic span:nth-child(3) {
    background-color: #ffffff4d
}

.page-html-2 .content-wrap2 .slick ul li a .since span {
    display: block;
    font-size: .3008rem;
    font-weight: 700;
    color: #20d8d6;
    font-family: JamMono;
    line-height: .2304rem;
    margin-top: .1344rem
}

.page-html-2 .content-wrap2 .slick ul li a .year span {
    display: block;
    justify-content: center;
    font-weight: 700;
    line-height: 1;
    font-family: JamMono;
    font-size: 1.1194rem;
    line-height: .9274rem;
    margin-top: .3264rem
}

.page-html-2 .content-wrap2 .slick ul li a .line-text {
    display: flex;
    justify-content: space-between;
    font-size: .32rem;
    position: relative;
    padding-bottom: .3264rem;
    margin-top: .2688rem
}

.page-html-2 .content-wrap2 .slick ul li a .line-text span {
    white-space: nowrap
}

.page-html-2 .content-wrap2 .slick ul li a .line-text .svg-vivus {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.page-html-2 .content-wrap2 .slick ul li a .line-text .svg-vivus svg {
    width: 100%
}

.page-html-2 .content-wrap2 .slick ul li a .btn-text {
    position: relative;
    margin-top: .8352rem;
    width: 1.3709rem
}

.page-html-2 .content-wrap2 .slick ul li a .btn-text svg {
    width: 100%;
    display: block;
    height: auto !important;
}

.page-html-2 .content-wrap2 .slick ul li a .btn-text span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-left: .2304rem;
    font-size: .16rem;
    line-height: .4rem;
}

.page-html-2 .content-wrap2 .slick ul li a .content {
    margin-top: .3994rem
}

.page-html-2 .content-wrap2 .slick ul li a .content p {
    font-size: .1594rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    letter-spacing: -0.0038rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    height: 1.319rem
}

.page-item-2.active .content-wrap2 .slick ul li a {
    color: #fff;
    stroke: #fff
}

.page-html-2 .scene-images {
    pointer-events: none
}

.runner-wrap2 {
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 19.2rem;
    height: 4.8rem;
    z-index: 9
}

.runner-wrap2 .axis-bg {
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%) translate(-50%);
    width: 4.7rem;
    height: 4.7rem;
    transition: all .8s cubic-bezier(.68, -.55, .27, 1.55);
    pointer-events: none;
    z-index: -1;
    margin-top: 0.05rem;
}

.runner-wrap2 .axis-bg .runner-wrap2-act-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    height: .82rem;
    background: url(../../images/runner-wrap2-act-line.png) no-repeat;
    background-position: center top;
    background-size: auto .82rem;
    transition: all .5s
}

.runner-wrap2 .axis-bg .circle {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    width: 100%;
    height: 100%
}

.runner-wrap2 .axis-bg .circle svg {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: inherit
}

.runner-wrap2 .axis-bg .circle svg.big {
    opacity: 1;
    z-index: 0;
    stroke-width: .18rem;
    animation: rotateA 30s linear infinite;
    width: 100%;
    height: 100%
}

.runner-wrap2 .axis-bg .circle svg.small {
    z-index: 1;
    stroke-width: 1px;
    animation: rotateB 30s linear infinite
}

.runner-wrap2 .axis-box {
    position: relative
}

.runner-wrap2 .axis-box .runner-wrap2-act-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 0;
    background: url(../../images/runner-wrap2-act-line.png) no-repeat;
    background-position: center top;
    background-size: auto .82rem;
    transition: all .5s;
    opacity: 0
}

.runner-wrap2 .axis-box .year {
    position: relative;
    text-align: center;
    padding-top: .1152rem;
    font-size: .1594rem;
    line-height: .24rem;
    font-weight: 700;
    font-family: JamMono;
    cursor: pointer;
    color: #f3f3f3;
    transition: all .5s
}

.runner-wrap2 .axis-box .year:before {
    position: absolute;
    left: 50%;
    top: -0.05rem;
    transform: translate(-50%);
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #fff
}

.runner-wrap2 .axis-box .circle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%) translateY(-50%) scale(.5);
    opacity: 0;
    transition: all .5s;
    pointer-events: none;
    width: 4.7rem;
    height: 4.7rem;
    opacity: 0 !important
}

.runner-wrap2 .axis-box .circle svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: inherit
}

.runner-wrap2 .axis-box .circle svg.big {
    z-index: 0;
    stroke-width: .18rem;
    animation: rotateA 30s linear infinite;
    width: 100%;
    height: 100%
}

.runner-wrap2 .axis-box .circle svg.small {
    z-index: 1;
    stroke-width: 1px;
    animation: rotateB 30s linear infinite
}

.runner-wrap2 .axis {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: auto;
    padding: 0 3rem 0 1rem;
}

.runner-wrap2 .axis:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: .05rem;
    height: 1px;
    background: rgba(255, 255, 255, .3);
    z-index: -1;
    pointer-events: none;
}

.runner-wrap2 .axis .slick-list {
    /* overflow: visible*/
    padding-top: 0.05rem;
}

.runner-wrap2 .axis .slick-prev {
    background: #124695 url(../../images/runner-wrap2-prev.png) no-repeat;
    width: .59rem;
    height: .59rem;
    background-size: 100% 100%;
    left: auto;
    right: 2rem;
    top: 0;
    margin-top: 0.05rem;
    transition: all .5s;
    opacity: .7;
}

.runner-wrap2 .axis .slick-next {
    background: #124695 url(../../images/runner-wrap2-next.png) no-repeat;
    width: .59rem;
    height: .59rem;
    background-size: 100% 100%;
    left: auto;
    right: 1rem;
    top: 0;
    margin-top: 0.05rem;
    border-radius: 50%;
    transition: all .5s;
    opacity: .7;
}

.runner-wrap2 .axis .slick-prev:hover {
    transform: translate(0, -50%) scale(1.2);
    opacity: 1;
}

.runner-wrap2 .axis .slick-next:hover {
    transform: translate(0, -50%) scale(1.2);
    opacity: 1;
}

.runner-wrap2 .axis-box.slick-current .circle {
    opacity: 1;
    transform: translate(-50%) translateY(-50%) scale(1)
}

.runner-wrap2 .axis-box.slick-current .runner-wrap2-act-line {
    height: .82rem
}

/* 
.runner-wrap2 .axis-box.slick-current .year {
    font-size: .24rem
} */


.runner-wrap2 .axis-box a {
    display: block;
    color: #fff;
    opacity: .7;
    transition: all .5s;
    transform: scale(.9);
    transform-origin: center top;
}

.runner-wrap2 .axis-box.hover a {
    opacity: 1;
    transform: scale(1)
}

.runner-wrap2 .axis-box.hover .year {
    font-size: .24rem
}

.tb-main {
    position: relative;
    overflow: hidden
}

.tb-main>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: -9;
    transition: all .5s;
    transform: translateY(2rem)
}

.tb-main>div.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateY(0)
}

.page-html-3 .content-wrap {
    height: auto
}

.page-html-3 .title-wrap {
    height: .55rem
}

.page-html-3 .title-wrap span {
    position: relative;
    display: flex;
    align-items: flex-end !important;
    cursor: pointer;
    transition: font-size .5s
}

.page-html-3 .title-wrap span:nth-child(1):before {
    content: none
}

.page-html-3 .title-wrap span:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-3 .content-wrap .right-wrap {
    position: relative
}

.page-html-3 .content-wrap .right-wrap .news-item {
    padding-left: 0;
    height: auto;
    display: block;
    z-index: 1
}

.page-html-3 .content-wrap .right-wrap .news-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, #ffffff, #b7fbfe);
    z-index: -1;
    opacity: 0;
    transition: all .5s
}

.page-html-3 .content-wrap .right-wrap .news-item a {
    display: block;
    position: relative;
    padding-left: 7rem;
    height: 1.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 1.344rem
}

.page-html-3 .content-wrap .right-wrap .news-item a .img-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9;
    pointer-events: none;
    transition: all .8s cubic-bezier(.8, 0, .2, 1);
    transform-origin: center top;
    height: 0;
    padding: 0rem .3rem;
    overflow: hidden;
    display: block;
    border: none
}

.page-html-3 .content-wrap .right-wrap .news-item a .img-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px dashed #cbcbcb;
    border-bottom: 1px dashed #cbcbcb;
    pointer-events: none
}

.page-html-3 .content-wrap .right-wrap .news-item a .img-wrap .pic {
    padding-top: 3.3rem
}

.page-html-3 .content-wrap .right-wrap .news-item a:hover .img-wrap .pic div {
    width: 100%;
    height: 100%
}

.page-html-3 .content-wrap .right-wrap .news-item a .name {
    font-size: .1997rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    letter-spacing: 0rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .2016rem;
    transition: all .5s
}

.page-html-3 .content-wrap .right-wrap .news-item a .time {
    font-size: .1805rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    letter-spacing: 0rem;
    color: #3333334d
}

.page-html-3 .content-wrap .right-wrap .news-item a .time svg {
    stroke: #858585 !important
}

.page-html-3 .content-wrap .right-wrap .news-item .code {
    font-family: JamMono;
    font-size: .2995rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    letter-spacing: .0173rem;
    color: #c1c1c1;
    opacity: .71
}

.page-html-3 .content-wrap .left-wrap .btn {
    cursor: pointer
}

.page-html-3 .content-wrap .right-wrap .news-item.active {
    background: none;
    z-index: 9
}

.page-html-3 .content-wrap .right-wrap .news-item.active .time {
    color: #134695
}

.page-html-3 .content-wrap .right-wrap .news-item.active .time .svg {
    stroke: #134695 !important
}

.page-html-3 .content-wrap .right-wrap .news-item.active a .name {
    color: #134695;
    font-size: .24rem
}

.page-html-3 .content-wrap .right-wrap .news-item.active .code {
    color: #24d8d5;
    opacity: .71
}

.page-html-3 .content-wrap .right-wrap .news-item.active:before {
    opacity: 1
}

.page-html-3 .content-wrap .right-wrap .news-item.active a .img-wrap {
    pointer-events: auto;
    z-index: 9;
    height: 4.2rem;
    padding: .45rem .3rem
}

.page-html-3 .content-wrap .right-wrap .news-item.slick-active+.slick-active+.slick-active a .img-wrap {
    top: auto;
    bottom: 0;
    transform-origin: center bottom
}

.page-html-3 .content-wrap .right-wrap .news-item.slick-active+.slick-active+.slick-active a .img-wrap:before {
    content: "";
    border-top: 1px dashed #cbcbcb;
    border-bottom: none
}

.page-html-3 .content-wrap .right-wrap .news-item.slick-active+.slick-active+.slick-active+.slick-active a .img-wrap {
    top: auto;
    bottom: 0;
    transform-origin: center bottom;
    border-top: 1px dashed #cbcbcb;
    border-bottom: none
}

.page-html-4 .title-wrap {
    display: flex;
    align-items: flex-end;
    gap: .36rem;
    padding-left: .6rem;
    background-image: url(../../images/djgz-icon.png);
    background-size: .48rem .48rem;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.page-html-4 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: flex-end
}

.page-html-4 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-4 .title-wrap span a {
    display: block;
    color: #fff9
}

.page-html-4 .title-wrap span a:hover {
    color: #fff
}

.page-html-4 .title-wrap .btn-wrap .btn.next {
    opacity: .5;
    transition: all .5s
}

.page-html-4 .title-wrap .btn-wrap .btn.prev {
    transition: all .5s
}

.page-html-4 .title-wrap .btn-wrap .btn.next:hover, .page-html-4 .title-wrap .btn-wrap .btn.prev:hover {
    opacity: 1;
    cursor: pointer
}

.page-item-4 .content-wrap2 {
    margin-top: .6048rem
}

.page-item-4 .content-wrap2 li {
    position: relative;
    z-index: 1
}

.page-item-4 .content-wrap2 li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, rgba(0, 228, 220, .2) 0%, rgba(7, 147, 192, .2) 25%, rgba(13, 66, 164, .2) 100%);
    z-index: -1;
    pointer-events: none;
    transition: all .5s;
    opacity: 0
}

.page-item-4 .content-wrap2 li>.before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    top: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    border-left: 1px solid transparent;
    pointer-events: none;
    z-index: -1;
    transition: border-color .5s
}

.page-item-4 .content-wrap2 li>.before:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -01px;
    height: 0;
    width: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    transition: all .8s
}

.page-item-4 .content-wrap2 li>.after:after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    top: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    opacity: 0;
    transition: all .8s
}

.page-item-4 .content-wrap2 li>.after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    top: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid transparent;
    pointer-events: none;
    z-index: -1;
    transition: border-color .5s
}

.page-item-4 .content-wrap2 li>.before2 {
    position: absolute;
    width: 1px;
    height: 50%;
    top: 0;
    background: rgba(255, 255, 255, .3);
    right: 0;
    transition: background .5s;
    pointer-events: none;
    z-index: -1
}

.page-item-4 .content-wrap2 li>.after2 {
    position: absolute;
    width: 1px;
    height: 50%;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .3);
    transition: background .5s;
    pointer-events: none;
    z-index: -1
}

.page-item-4-jiaot {
    position: absolute;
    right: 0;
    transform: translate(3px);
    top: -04px;
    width: .4427vw
}

.page-item-4-jiaot svg {
    width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.page-item-4-jiaob {
    position: absolute;
    right: 0;
    transform: translate(3px);
    bottom: -04px;
    width: .4427vw
}

.page-item-4-jiaob svg {
    width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.page-item-4 .content-wrap2 li a {
    display: block;
    position: relative;
    padding: .8rem 2.0736rem 1.104rem .8rem
}

.page-item-4 .content-wrap2 li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -01px;
    width: 100%;
    height: .04rem;
    background: url(../../images/x-g-line.png) no-repeat;
    background-position: right center;
    background-size: auto 100%;
    transition: all 1s;
    opacity: 0
}

.page-item-4 .content-wrap2 li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -01px;
    width: 100%;
    height: .04rem;
    background: url(../../images/x-g-line.png) no-repeat;
    background-position: left center;
    background-size: auto 100%;
    transition: all 1s;
    opacity: 0
}

.page-item-4 .content-wrap2 li a .mosaic {
    display: flex
}

.page-item-4 .content-wrap2 li a .mosaic span {
    width: .0499rem;
    height: .0499rem
}

.page-item-4 .content-wrap2 li a .mosaic span:nth-child(1) {
    background-color: #fff
}

.page-item-4 .content-wrap2 li a .mosaic span:nth-child(2) {
    background-color: #ffffffb3
}

.page-item-4 .content-wrap2 li a .mosaic span:nth-child(3) {
    background-color: #ffffff4d
}

.page-item-4 .content-wrap2 li a .name span {
    display: block;
    font-size: .2995rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    letter-spacing: 0rem;
    color: #fff;
    margin-top: .192rem;
    margin-bottom: .1306rem
}

.page-item-4 .content-wrap2 li a .name div {
    width: 3.5098rem
}

.page-item-4 .content-wrap2 li a .name div svg {
    display: block;
    width: 100%
}

.page-item-4 .content-wrap2 li a .content p {
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4992rem;
    letter-spacing: 0rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    height: .9984rem;
    margin-top: .311rem
}

.page-item-4 .content-wrap2 li a .time {
    width: 1.2403rem;
    position: relative;
    margin-top: .6317rem
}

.page-item-4 .content-wrap2 li a .time span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: .1805rem;
    font-weight: 400;
    color: #fff;
    opacity: .4;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s
}

.page-item-4 .content-wrap2 li a .time svg {
    display: block;
    width: 100%;
    transition: all .5s
}

.page-item-4 .content-wrap2 li a .dots {
    position: absolute;
    right: .48rem;
    top: 50%;
    transform: translateY(-50%);
    width: .135rem
}

.page-item-4 .content-wrap2 li a .dots svg {
    width: 100%
}

.page-item-4 .content-wrap2 li:hover:before {
    opacity: 1
}

.page-item-4 .content-wrap2 li:hover a.complate:before {
    opacity: 1;
    background-position: left center
}

.page-item-4 .content-wrap2 li:hover a.complate:after {
    opacity: 1;
    background-position: right center
}

.page-item-4 .content-wrap2 li:hover a .time span {
    opacity: 1
}

.page-item-4 .content-wrap2 li:hover a .time svg {
    transform: scale(1.1);
    stroke: #fff
}

.page-item-5 .content-wrap2 {
    width: 9.12rem;
    margin-left: .7599rem;
    margin-top: .45rem;
    position: relative
}

.page-item-5 .content-wrap2 .swiper-container {
    padding-bottom: .59rem;
    padding-right: .565rem;
    overflow: visible
}

.page-item-5 .content-wrap2 li {
    width: 8.448rem;
    opacity: 0 !important;
    transition: all .5s;
    pointer-events: none
}

.page-item-5 .content-wrap2 li a {
    transition: all .5s cubic-bezier(.18, .5, .7, 1.44)
}

.page-item-5 .content-wrap2 li.swiper-slide-active {
    opacity: 1 !important;
    pointer-events: auto
}

.page-item-5 .content-wrap2 li.swiper-slide-active .svg-border svg {
    opacity: 0
}

.page-item-5 .content-wrap2 li.swiper-slide-active .svg-border:before {
    opacity: 1;
    box-shadow: 0 .1rem .2rem #00000080
}

.page-item-5 .content-wrap2 li.swiper-slide-active .svg-border:after {
    opacity: 1
}

.page-item-5 .content-wrap2 li.swiper-slide-active a {
    transform: translate(calc(-100% - 1.5rem)) translateY(.36rem)
}

.page-item-5 .content-wrap2 li.swiper-slide-active+.swiper-slide {
    opacity: 1 !important;
    pointer-events: auto
}

.page-item-5 .content-wrap2 li.swiper-slide-active+.swiper-slide a {
    transform: translate(calc(-100% - 1.5rem)) translateY(.36rem)
}

.page-item-5 .content-wrap2 li.swiper-slide-active+.swiper-slide+.swiper-slide {
    opacity: 1 !important;
    pointer-events: auto
}

.page-item-5 .content-wrap2 li.swiper-slide-active+.swiper-slide+.swiper-slide a {
    transform: translate(calc(-100% - 1.5rem)) translateY(.36rem)
}

.page-item-5 .content-wrap2 .complate li.swiper-slide-active a {
    transform: translate(0) translateY(.36rem);
    transition-delay: .6s
}

.page-item-5 .content-wrap2 .complate li.swiper-slide-active+.swiper-slide a {
    transform: translate(0) translateY(.36rem);
    transition-delay: .3s
}

.page-item-5 .content-wrap2 .complate li.swiper-slide-active+.swiper-slide+.swiper-slide a {
    transform: translate(0) translateY(.36rem)
}

.page-item-5 .content-wrap2 li a {
    position: relative;
    display: block;
    z-index: 1;
    height: 7.33rem;
    padding: .6rem .3898rem .7507rem .5894rem
}

.page-item-5 .content-wrap2 li a .svg-border {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.page-item-5 .content-wrap2 li a .svg-border:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    clip-path: polygon(.4rem 0, 100% 0, 100% calc(100% - .4rem), calc(100% - .4rem) 100%, 0 100%, 0 .4rem);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: -1;
    background: #124695;
    transition: all .5s;
    opacity: 0
}

.page-item-5 .content-wrap2 li a .svg-border:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/p5-swiperbg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 1;
    opacity: .6;
    transition: all .5s;
    pointer-events: none;
}

.page-item-5 .content-wrap2 li a .svg-border path {
    stroke: transparent;
}

.page-item-5 .content-wrap2 li a .svg-border path:nth-child(1) {
    fill: #124695;
    opacity: 1;
    /* stroke: transparent; */
}

.page-item-5 .content-wrap2 li a .svg-border svg {
    width: 100%;
    height: 100%
}

.page-item-5 .content-wrap2 li a .name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

.page-item-5 .content-wrap2 li a .name-wrap .left .mosaic {
    display: flex
}

.page-item-5 .content-wrap2 li a .name-wrap .left .mosaic span {
    width: .0806rem;
    height: .0806rem
}

.page-item-5 .content-wrap2 li a .name-wrap .left .mosaic span:nth-child(1) {
    background-color: #fff
}

.page-item-5 .content-wrap2 li a .name-wrap .left .mosaic span:nth-child(2) {
    background-color: #ffffffb3
}

.page-item-5 .content-wrap2 li a .name-wrap .left .mosaic span:nth-child(3) {
    background-color: #ffffff4d
}

.page-item-5 .content-wrap2 li a .name-wrap .left .name {
    margin-top: .1rem
}

.page-item-5 .content-wrap2 li a .name-wrap .left .name span {
    display: block;
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4397rem;
    color: #fff
}

.page-item-5 .content-wrap2 li a .name-wrap .right {
    display: flex
}

.page-item-5 .content-wrap2 li a .name-wrap .right span {
    font-family: JamMono;
    font-size: .601rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .576rem;
    letter-spacing: .0365rem;
    color: #fff
}

.page-item-5 .content-wrap2 li a .name-wrap .right span.month {
    position: relative;
    padding-right: .4rem
}

.page-item-5 .content-wrap2 li a .name-wrap .right span.month:after {
    position: absolute;
    top: .1rem;
    right: .2rem;
    content: "";
    display: block;
    height: .4rem;
    width: .4rem;
    border-right: 1px solid;
    transform: skew(-30deg);
    opacity: .5
}

.page-item-5 .content-wrap2 li a .name-wrap .svg-vivus {
    width: 100%;
    margin-top: .096rem
}

.page-item-5 .content-wrap2 li a .name-wrap .svg-vivus svg {
    display: block;
    width: 100%
}

.page-item-5 .content-wrap2 li a .img-wrap {
    width: 5.3414rem;
    padding-right: .1306rem;
    padding-top: .1306rem;
    position: relative;
    margin-top: .3398rem
}

.page-item-5 .content-wrap2 li a .img-wrap .svg-vivus {
    position: absolute;
    top: 0;
    right: 0;
    width: .3091rem
}

.page-item-5 .content-wrap2 li a .img-wrap .svg-vivus svg {
    display: block;
    width: 100%
}

.page-item-5 .content-wrap2 li a .img-wrap .pic {
    padding-top: 65%
}

.page-item-5 .content-wrap2 li a .content {
    display: flex;
    align-items: center;
    min-height: .841rem;
    margin-top: .5299rem
}

.page-item-5 .content-wrap2 li a .content .svg-vivus {
    width: .0403rem
}

.page-item-5 .content-wrap2 li a .content .svg-vivus svg {
    display: block;
    width: 100%
}

.page-item-5 .content-wrap2 li a .content .svg-vivus-rev svg {
    transform: rotate(180deg)
}

.page-item-5 .content-wrap2 li a .content p {
    flex: 1;
    min-width: 0;
    padding: 0 .2496rem;
    font-size: .1997rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4205rem;
    letter-spacing: .0115rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: .841rem
}

.page-item-5 .content-wrap2 .btn-wrap {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(.19rem) translateY(-50%);
    display: flex
}

.page-item-5 .content-wrap2 .btn-wrap svg {
    cursor: pointer;
    width: .54rem;
    height: .54rem;
    fill: none;
    stroke: inherit;
    stroke-width: 1px;
    opacity: .5;
    transition: all .5s
}

.page-item-5 .content-wrap2 .btn-wrap svg:hover {
    opacity: 1
}

.page-html-6 .tb-main {
    border-top: 1px solid #cbcbcb;
    margin-top: .4rem
}

.page-html-6 .content-wrap {
    border-top: none;
    margin-top: 0
}

.page-html-6 .title-wrap .crumb a {
    display: block;
    color: #124695;
    opacity: .7;
    transition: all .5s
}

.page-html-6 .title-wrap .crumb a:hover {
    opacity: 1
}

.page-html-6 .tab-wrap .tab {
    cursor: pointer
}

.page-html-6 .content-wrap .content-item {
    transform-style: preserve-3d;
    perspective: 156.25vw;
    overflow: visible
}

.page-html-6 .content-wrap .content-item .content-item-box {
    transform-style: preserve-3d;
    perspective: 156.25vw;
    position: relative;
    transition: all .8s ease-out
}

.page-html-6 .content-wrap .content-item .content-item-box.on {
    transform: rotateY(180deg) scale(1.1)
}

.page-html-6 .content-wrap .content-item .content-item-box.on .infobox {
    opacity: 1;
    transition-delay: 0s
}
.page-html-6 .content-wrap .content-item .content-item-box.on .infobox::before{
    content: "";
    position: absolute;
    left: -01px;
    top: -01px;
    right: -01px;
    bottom: -01px;
    background: url(../../images/people-zzc.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 9;
    pointer-events: none;
}

.page-html-6 .content-wrap .content-item .content-item-box>a {
    display: block;
    position: relative;
    background: #fff
}

.page-html-6 .content-wrap .content-item .content-item-box>a:before {
    content: "";
    position: absolute;
    left: -01px;
    top: -01px;
    right: -01px;
    bottom: -01px;
    background: url(../../images/people-zzc.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 9;
    pointer-events: none;
}

.page-html-6 .content-wrap .content-item .infobox {
    transform: translateZ(-1px) rotateY(180deg);
    opacity: 0;
    transition: all .01s .8s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-html-6 .content-wrap .content-item .infobox .info2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: .38rem .38rem .47rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}

.page-html-6 .content-wrap .content-item .infobox .info2 a  {
    position: absolute;
    left: .38rem;
    top: .38rem;
}
.page-html-6 .content-wrap .content-item .infobox .info2 a b {
    display: block;
    background: url(../../images/icon-more2.svg) no-repeat;
    background-position: center center;
    background-size: 100%;
    width: .32rem;
    height: .32rem
}

.page-html-6 .content-wrap .content-item .infobox .info2 h3 {
    font-size: .24rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .44rem;
    letter-spacing: 0vw;
    color: #fff
}

.page-html-6 .content-wrap .content-item .infobox .info2 i {
    display: block;
    width: .6rem;
    border-top: 2px solid #fff;
    position: relative;
    padding-bottom: 10px
}

.page-html-6 .content-wrap .content-item .infobox .info2 i:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    height: 2px;
    width: .2rem;
    background: rgba(255, 255, 255, .4)
}

.page-html-6 .content-wrap .content-item .infobox .info2 i:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: .3rem;
    background: rgba(255, 255, 255, .4)
}

.page-html-6 .content-wrap .content-item .infobox .info2 h4 {
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    color: #fff;
    margin-top: .1rem
}

.page-html-6 .content-wrap .content-item .infobox .info2 dl {
    margin-top: .3rem
}

.page-html-6 .content-wrap .content-item .infobox .info2 dl dd {
    display: flex;
    align-items: center
}

.page-html-6 .content-wrap .content-item .infobox .info2 dl dd div {
    margin-right: .13rem
}

.page-html-6 .content-wrap .content-item .infobox .info2 dl dd div img {
    width: .15rem
}

.page-html-6 .content-wrap .content-item .infobox .info2 dl dd span {
    font-size: .16rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .3rem;
    color: #fff
}

.page-html-6 .content-wrap .content-item  .pic {
    padding-top: 181%
}

.page-html-6 .content-wrap .content-item  .pic div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 200%;
    background: url(../../images/dlline.png) repeat;
    animation: dlline 1s infinite linear forwards;
    z-index: 2
}

.page-html-6 .content-wrap .content-item  .pic div:before {
    animation-delay: var(--delay)
}

@keyframes dlline {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(-50%);
        opacity: .7
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.page-html-6 .content-wrap .content-item a:hover .pic div {
    width: 100%;
    height: 100%
}

.page-html-6 .content-wrap .content-item  .pic div:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background: url(../png/page6-item-zzc-a129cf11.png) repeat-x;
    background-position: center bottom;
    background-size: auto 2.42rem
}

.page-html-6 .content-wrap .content-item  .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .3rem;
    text-align: center;
    z-index: 9
}

.page-html-6 .content-wrap .content-item  .info h3 {
    font-size: .1969rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .4rem;
    letter-spacing: 0vw;
    color: #fff
}

.page-html-6 .content-wrap .content-item  .info p {
    font-size: .1477rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .24rem;
    color: #fff
}

.page-html-6 .content-wrap .content-item .infobox .pic div:after {
    background: rgba(0, 77, 150, .68);
    z-index: 1;
    box-shadow: inset 0 0 .5rem #00000080
}

.qydsbox {
    width: 17.55rem;
    margin: 0 auto
}

.qydsnum {
    display: flex
}

.qydsnum b {
    font-size: 2rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 2rem;
    letter-spacing: 0vw;
    color: #124695;
    font-family: JamMono
}

.qydsfb p {
    display: flex;
    align-items: center;
    font-size: .36rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .44rem;
    color: #124695
}

.qydsfb p b {
    font-weight: 600
}

.qydsbox .svg-vivus {
    width: 100%;
    margin-top: .2rem
}

.qydsbox .svg-vivus svg {
    display: block;
    width: 100%
}

.qydsbox .svg-vivus svg path {
    stroke: #124695
}

.qydsbox .svg-vivus path:nth-child(1) {
    opacity: .3
}

.qydsbox ul {
    padding-top: .65rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.17rem
}

.qydsbox ul li {
    width: 16.666%;
    margin-top: .14rem
}

.qydsbox ul li a {
    display: block;
    margin: 0 .17rem;
    position: relative
}

.qydsbox ul li a svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.qydsbox ul li a svg path {
    stroke: #b7c7dfc2;
    fill: transparent;
    transition: all .5s
}

.qydsbox ul li a p {
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .26rem;
    letter-spacing: 0vw;
    color: #333;
    text-align: center;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    padding: 0 .15rem;
    position: relative;
    z-index: 9;
    height: .66rem;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 0 .2rem;
}

.qydsbox ul li a:hover svg path {
    stroke: #24d8d5
}

.qydsbox ul li a:hover svg path:nth-child(1) {
    fill: #eefbff
}

.page-items .page-item.page-item-7 {
    height: auto;
    min-height: 12.78rem
}

.page-items .page-item-7 .page-html {
    position: relative;
    height: auto
}

.page-html-7 .content-wrap {
    padding-bottom: 1.152rem
}

.page-html-7 .content-wrap .right-items {
    margin-top: .8rem;
    margin-right: .97rem;
    position: static
}

.page-html-7 .content-wrap .bottom-wrap {
    position: relative;
    margin-top: 1.2004rem;
    margin-left: 1.0598rem;
    margin-right: 1.0598rem;
    transform: none;
    left: 0;
    bottom: auto
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz {
    position: absolute;
    width: .13rem;
    height: .13rem
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%) translateY(-50%);
    background: #fff
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 1px;
    transform: translate(-50%) translateY(-50%);
    background: #fff
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz1 {
    left: 0;
    top: 0;
    transform: translate(-50%) translateY(-50%)
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz2 {
    right: 0;
    top: 0;
    transform: translate(50%) translateY(-50%)
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz3 {
    left: 0;
    bottom: 0;
    transform: translate(-50%) translateY(50%)
}

.page-html-7 .content-wrap .bottom-wrap .rectangle-sz4 {
    right: 0;
    bottom: 0;
    transform: translate(50%) translateY(50%)
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .4);
    height: 2.15rem;
    overflow: hidden;
    height: auto
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap.on {
    height: auto
}

.page-html-7 .content-wrap .page-h7-down {
    position: relative;
    margin-left: 1.0598rem;
    margin-right: 1.0598rem;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-bottom: .22rem
}

.page-html-7 .content-wrap .rectangle {
    display: block;
    width: .255rem;
    height: auto;
    margin: 0 auto;
    margin-top: .25rem;
    transform-origin: center center;
    transition: all .5s
}

.page-html-7 .content-wrap .rectangle.on {
    transform: rotate(180deg)
}

.page-html-7 .content-wrap .rectangle-sz {
    position: absolute;
    width: .13rem;
    height: .13rem
}

.page-html-7 .content-wrap .rectangle-sz:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 1px;
    transform: translate(-50%) translateY(-50%);
    background: #fff
}

.page-html-7 .content-wrap .rectangle-sz:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 1px;
    transform: translate(-50%) translateY(-50%);
    background: #fff
}

.page-html-7 .content-wrap .rectangle-sz1 {
    left: 0;
    bottom: 0;
    transform: translate(-50%) translateY(60%)
}

.page-html-7 .content-wrap .rectangle-sz2 {
    right: 0;
    bottom: 0;
    transform: translate(50%) translateY(60%)
}

.page-items .page-item.page-item-7>canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    max-width: 70%;
    max-height: 70%;
    opacity: 0
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a img:nth-child(1) {
    opacity: 1
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a:hover img {
    animation: _shans2 .35s 1;
    opacity: 1
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item a:hover img:nth-child(1) {
    opacity: 0
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item {
    width: 11.111%;
    flex: none;
    height: 1.9rem;
    display: none
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item:nth-child(-n+9) {
    display: block
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .img-item:nth-child(8)~.img-item.show a img {
    animation: _shans .35s 1
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap {
    position: relative;
    flex-wrap: wrap;
    z-index: 9;
    height: auto;
    justify-content: flex-start
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .wall-img-bg {
    position: absolute;
    top: 0;
    height: 1.9rem;
    width: 11.111%;
    background: #000;
    transition: all .5s;
    background: url(../../images/wall-img-bg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    animation: _shans .35s 1
}

.page-html-7 .content-wrap .bottom-wrap .wall-wrap .img-wrap .wall-img-bg.on {
    opacity: 1;
    animation: _shans3 .35s 1 forwards
}

.page-html-8 .content-wrap .img-wrap .img {
    display: block;
    opacity: 0;
    transition: all .5s
}

.page-html-7 .content-wrap .right-items .right-item .count {
    font-family: JamMono
}

.page-html-8 .content-wrap .svg path:nth-child(1) {
    stroke: #cbcbcb;
    fill: #f3f6fa
}

.page-html-8 .content-wrap .svg path:nth-child(2) {
    stroke: inherit
}

.page-html-8 .content-wrap .content-items .content-item a {
    display: block
}

.page-html-8 .content-wrap .content-items .content-item a .pic {
    z-index: 1;
    padding-top: 126.1%;
    opacity: 0;
    transition: all .5s;
    animation: _shans .08s 1
}

.page-html-8 .content-wrap .content-items .content-item a .pic div:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../png/page6-item-zzc-a129cf11.png) repeat-x;
    background-position: center bottom;
    background-size: auto 2.42rem
}

.page-html-8 .content-wrap .content-items .content-item a .pic div h6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
}

.page-html-8 .content-wrap .content-items .content-item a .pic div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 200%;
    background: url(../../images/dlline.png);
    background-size: cover;
    animation: dlline 1s infinite forwards;
    animation-delay: var(--delay)
}

.page-html-8 .content-wrap .content-items .content-item a:hover .pic {
    animation: _shans2 .08s 1 forwards
}

.page-html-8 .content-wrap .content-items .content-item a:hover .pic div {
    width: 100%;
    height: 100%
}

.page-html-8 .content-wrap .content-items .content-item a .name-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.page-html-8 .content-wrap .name-wrap .mosaic .mosaic-item {
    width: .05rem;
    height: .05rem
}

.page-html-8 .content-wrap .name-wrap .name span {
    display: block;
    transition: all .5s;
    color: #333
}

.page-html-8 .content-wrap .svg {
    pointer-events: none;
    z-index: 0
}

.page-html-8 .content-wrap .content-items .content-item a .img-wrap .icon {
    opacity: 0;
    transition: all .5s;
    transform-origin: left bottom
}

.page-html-8 .content-wrap .content-items .content-item a .img-wrap .icon:nth-child(2) {
    opacity: 1
}

/*.page-html-8 .content-wrap .content-items .content-item a:hover .pic,.page-html-8 .content-wrap .content-items .content-item a:hover .img-wrap .icon {
    opacity: 1
} */
.page-html-8 .content-wrap .content-items .content-item a .pic, .page-html-8 .content-wrap .content-items .content-item a .img-wrap .icon {
    opacity: 1
}

/*.page-html-8 .content-wrap .content-items .content-item a:hover .img-wrap .icon:nth-child(2) {
    opacity: 0
} */
.page-html-8 .content-wrap .content-items .content-item a .img-wrap .icon:nth-child(2) {
    opacity: 0
}

/*.page-html-8 .content-wrap .content-items .content-item a:hover .name-wrap .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #fff
}

.page-html-8 .content-wrap .content-items .content-item a:hover .name-wrap .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #fff;
    opacity: .5
}

.page-html-8 .content-wrap .content-items .content-item a:hover .name-wrap .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #fff;
    opacity: .2
}

.page-html-8 .content-wrap .content-items .content-item a:hover .name-wrap .name span {
    color: #fff
}*/

.page-html-8 .content-wrap .content-items .content-item a .name-wrap .mosaic .mosaic-item:nth-of-type(1) {
    background-color: #fff
}

.page-html-8 .content-wrap .content-items .content-item a .name-wrap .mosaic .mosaic-item:nth-of-type(2) {
    background-color: #fff;
    opacity: .5
}

.page-html-8 .content-wrap .content-items .content-item a .name-wrap .mosaic .mosaic-item:nth-of-type(3) {
    background-color: #fff;
    opacity: .2
}

.page-html-8 .content-wrap .content-items .content-item a .name-wrap .name span {
    color: #fff
}

#gotop {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    width: 3rem;
    height: .5rem;
    z-index: 9;
    cursor: pointer
}

.page-html-9 .content-wrap .svg {
    pointer-events: none;
    display: block
}

.fmeida {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.fmeida li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0rem;
    transform-style: preserve-3d;
    perspective: 156.25vw
}

.fmeida li:nth-child(1) {
    margin-left: 0
}

.fmeida li a {
    display: block;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    transform-style: preserve-3d;
    perspective: 156.25vw;
    transition: all .8s ease-out;
    padding: .3rem
}

.fmeida li a svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.fmeida li a div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    background: url(../../images/foot-ewm-svg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    animation: _shans .35s 1
}

.fmeida li a div img {
    max-width: 60%;
    max-height: 60%
}

.fmeida li a>div.foot-ewm>img {
    display: block;
    width: 100%
}

.fmeida li a .foot-ewm {
    position: absolute;
    left: .3rem;
    top: .3rem;
    right: .3rem;
    bottom: .3rem;
    padding: .1rem;
    width: auto;
    height: auto;
    background: none;
    transform: translateZ(-01px) rotateY(180deg);
    opacity: 0
}

.fmeida li a .foot-ewm img {
    display: block;
    width: 100%;
    max-width: none;
    max-height: none;
    position: relative;
    z-index: 9
}

.fmeida li a .foot-ewm:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/foot-ewm-border.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 1
}

.fmeida li:hover a div {
    opacity: 0;
    transition: none
}

.fmeida li:hover a .foot-ewm {
    opacity: 1;
    animation: _shans2 .35s 1
}

.page-html-9-c {
    position: absolute;
    top: 1.12rem;
    left: .67rem;
    right: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-html-9 .content-wrap .title-wrap {
    position: static
}

@media screen and (min-width: 53.3854vw) {
    .page-html-1 .circle-wrap .circle-wrap1, .page-html-1 .circle-wrap .circle-wrap2, .page-html-1 .circle-wrap .circle-wrap3, .page-html-1 .circle-wrap .circle-wrap4 {
        transform: translate(-50%, -50%) scale(0);
        transition: all .6s
    }

    .page-html-1 .circle-wrap .circle-items {
        opacity: 0
    }

    .page-html-1 .circle-wrap {
        transition: all .6s;
        transform: translate(-50%, -50%) scale(0)
    }

    .page-html-1 .circle-wrap:before {
        visibility: hidden
    }

    .page-html-1 .circle-wrap:after {
        visibility: hidden
    }

    .page-html-1 .circle-wrap * {
        visibility: hidden
    }

    .page-item-1.start .circle-wrap {
        transform: translate(-50%, -50%) scale(1)
    }

    .page-item-1.start .circle-wrap * {
        transition-delay: .1s;
        visibility: visible
    }

    .page-html-1 .line-wrap .svg .lattice g {
        opacity: 0
    }

    .page-item-1.start .line-wrap .svg .text {
        opacity: 0;
        transition: all 0s
    }

    .page-item-1.start .circle-wrap .circle-wrap1 {
        transition-delay: .15s;
        transform: translate(-50%, -50%) scale(1)
    }

    .page-item-1.start .circle-wrap .circle-wrap2 {
        transition-delay: .3;
        transform: translate(-50%, -50%) scale(1)
    }

    .page-item-1.start .circle-wrap .circle-wrap3 {
        transition-delay: .45s;
        transform: translate(-50%, -50%) scale(1)
    }

    .page-item-1.start .circle-wrap .circle-wrap4 {
        transition-delay: .6s;
        transform: translate(-50%, -50%) scale(1)
    }

    .page-item-1.start .circle-wrap .circle-items {
        transition: all 1s .95s;
        opacity: 1
    }

    .page-html-1 .circle-wrap:before {
        visibility: visible
    }

    .page-html-1 .circle-wrap:after {
        visibility: visible
    }

    .page-item-1.start .line-wrap .svg .lattice g {
        opacity: 1;
        transition: all .5s 1.5s
    }

    .page-item-1.start .line-wrap .svg .text {
        animation: _shans3 .4s 2s 1 forwards
    }
}

.hide {
    display: none;
}

.down-page {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    margin-left:-0.01rem;
    cursor: pointer;
    bottom: .384rem;
    z-index: 999;
    transition: all .5s;
    /*   mix-blend-mode: difference; */
    width: .384rem;
    height: .192rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.down-page>p{
    font-size: .16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .42rem;
    color: #ffffff;
    opacity: 0.6;
    white-space: nowrap;
    margin-top: .5rem;
}
.down-page>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.down-page>div:nth-child(2) {
    opacity: 0;
}

.down-page.changeBg>div {
    opacity: 0;
}

.down-page.changeBg>div:nth-child(2) {
    opacity: 1;
}

.down-page.on {
    transform: translate(-50%) translateY(.384rem);
    opacity: 0;
}

.down-page img {
    display: block;
    width: .2496rem;
    animation: bb 2s linear 0s infinite;
    filter: drop-shadow(0 0 4px rgba(119, 244, 255, 1));
}

@keyframes bb {
  0% {
        transform: translate(0,-0.05rem);
        opacity: 0;
    }


    80% {
        transform: translate(0, 0.05rem);
        opacity: 1;
    }

    90% {
        transform: translate(0, 0.05rem);
        opacity: 0;
    }

    100% {
        transform: translate(0, -0.05rem);
        opacity: 0;
    }
}

.page-items .page-item.page-item-9 .bjianr {
    height: 2.88rem;
    /* top: 3.84rem;*/
    top: 3.6rem;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
}

.page-items .page-item.page-item-9 .bjianr::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../../images/jianrenbg.png) no-repeat;
    background-position: center 0%;
    background-size: 100% 100%;
    animation: jianren linear 5s infinite;
    z-index: 9;
    height: 3.652rem;
}

.page-items .page-item.page-item-9 .bjianr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: url(../../images/jianrenbg.png) no-repeat;
    background-position: center 0%;
    background-size: 100% 100%;
    animation: jianren linear 5s -2.5s infinite;
    z-index: 9;
    height: 3.652rem;
}

.page-html-9 .content-wrap {
    z-index: 3;
}

.page-items .page-item.page-item-9>canvas {
    position: relative;
    z-index: 2;
}

.page-items .page-item.page-item-9>.active {
    z-index: 1;
    width: 6rem !important;
    height: 6rem !important;
    right: 1rem !important;
}

.page-items .page-item.page-item-9>.active canvas {
    display: block;
    width: 6rem !important;
    height: 6rem !important;
}

@keyframes _shans4 {
    0% {
        opacity: 1;
    }

    5% {
        opacity: 0;
    }

    10% {
        opacity: 1
    }

    15% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    30% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.ani_menu {
    animation: _shans4 2s infinite;
}

/* loading 加载样式*/
.loading {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    width: 19.2rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loading::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    border: 19.2rem solid #124695;
    box-sizing: content-box;
    width: 1px;
    height: 1px;
    backdrop-filter: blur(20);
}

.fcbox {
    position: relative;
    transform-origin: center bottom;
    animation: fc 3s infinite linear;
}

@keyframes rocketShake {
    0% {
        transform: translateX(0) rotate(0deg);
    }

    10% {
        transform: translateX(-02px) rotate(-1deg);
    }

    20% {
        transform: translateX(2px) rotate(1deg);
    }

    30% {
        transform: translateX(-02px) rotate(0deg);
    }

    40% {
        transform: translateX(2px) rotate(1deg);
    }

    50% {
        transform: translateX(-02px) rotate(-1deg);
    }

    60% {
        transform: translateX(2px) rotate(0deg);
    }

    70% {
        transform: translateX(-01px) rotate(1deg);
    }

    80% {
        transform: translateX(1px) rotate(-1deg);
    }

    90% {
        transform: translateX(-01px) rotate(0deg);
    }

    100% {
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes rocketPreLaunch {

    /* 初始状态 */
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    /* 开始蓄力，轻微压缩 */
    10% {
        transform: translate(0, 2px) rotate(0deg) scaleY(0.98);
    }

    /* 蓄力增强，左右晃动开始 */
    20% {
        transform: translate(-03px, 1px) rotate(-1deg) scaleY(0.98);
    }

    /* 蓄力继续，晃动加剧 */
    30% {
        transform: translate(3px, -01px) rotate(1deg) scaleY(0.98);
    }

    /* 蓄力达到高峰，压缩更明显 */
    40% {
        transform: translate(-04px, 3px) rotate(-1.5deg) scaleY(0.96);
    }

    /* 开始释放能量，晃动更剧烈 */
    50% {
        transform: translate(4px, -03px) rotate(1.5deg) scaleY(0.96);
    }

    /* 能量释放中，上下左右剧烈晃动 */
    60% {
        transform: translate(-0.2604vw, 4px) rotate(-2deg) scaleY(0.98);
    }

    /* 继续释放能量 */
    70% {
        transform: translate(.2604vw, -04px) rotate(2deg) scaleY(0.98);
    }

    /* 能量即将完全释放，晃动开始减弱 */
    80% {
        transform: translate(-03px, 2px) rotate(-1deg) scaleY(0.99);
    }

    /* 能量释放完毕，恢复稳定 */
    90% {
        transform: translate(3px, -01px) rotate(1deg) scaleY(0.99);
    }

    /* 完全恢复，准备下一轮蓄力 */
    100% {
        transform: translate(0, 0) rotate(0deg) scaleY(1);
    }
}

@keyframes rocketLaunchPrep {

    /* 初始状态 */
    0% {
        transform: translate(0, 0) rotate(0deg);
        filter: brightness(1);
    }

    /* 轻微晃动，开始蓄力 */
    15% {
        transform: translate(-01px, 0) rotate(-0.5deg);
        filter: brightness(1.05);
    }

    /* 继续晃动，蓄力增强 */
    30% {
        transform: translate(1px, 1px) rotate(0.5deg);
        filter: brightness(1.1);
    }

    /* 晃动加剧，蓄力明显 */
    45% {
        transform: translate(-02px, 0) rotate(-1deg);
        filter: brightness(1.15);
    }

    /* 强烈晃动，蓄力高峰 */
    60% {
        transform: translate(2px, -01px) rotate(1deg);
        filter: brightness(1.2);
    }

    /* 最大蓄力，即将发射 */
    75% {
        transform: translate(-03px, 0) rotate(-1.5deg);
        filter: brightness(1.25);
    }

    /* 发射前瞬间，压缩蓄力 */
    90% {
        transform: translate(0, 3px) rotate(0deg) scaleY(0.95);
        filter: brightness(1.3);
    }

    /* 恢复初始状态，准备下一轮蓄力 */
    100% {
        transform: translate(0, 0) rotate(0deg) scaleY(1);
        filter: brightness(1);
    }
}

.fcbox .fc img {
    display: block;
    width: .405rem;
}

.fcbox .fc_zw {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .1rem;
    bottom: 0;
}

.fcbox .fc_zw img {
    width: .75rem;
    animation: fc_zw 3s infinite ease-in-out;
}

.fcbox .fc_zw::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../../images/fc_zw.svg) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transform: rotateY(180deg);
    animation: fc_zw2 3s -2s infinite linear;
}

.fcbox .fc_rl {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: flex;
    justify-content: space-around;
    width: .15rem;
    margin: 0 auto;
}

.fcbox .fc_rl div {
    width: 1px;
    height: 0;
    background: #5cb8ff;
    opacity: 1;
    animation: fc_rl 3s -0.3s infinite linear;
}

.fcbox .fc_rl div:nth-child(1) {
    animation-delay: -0.3s;
}

.fcbox .fc_rl div:nth-child(2) {
    animation-delay: -2s;
}

.fcbox .fc_rl div:nth-child(3) {
    animation-delay: -1s;
}

.fcbox .fc_rl div:nth-child(4) {
    animation-delay: -0.5s;
}

.fcbox .fc_rl div:nth-child(5) {
    animation-delay: -1.5s;
}

.fcbox .fc_rl div:nth-child(6) {
    animation-delay: -2.5s;
}

.load_text {
    display: flex;
    align-items: center;
    margin-top: .8rem;
    transition: all 2s;
}

.load_text span {
    font-family: JamMono;
    font-size: .45rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .45rem;
    letter-spacing: .03rem;
    color: #2ca2fe;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.load_text span b {
    display: block;
    width: .09rem;
    height: .09rem;
    background: #2ca2fe;
    margin: 0 .03rem;
}

/* 为每个span设置不同的动画延迟，实现逐字显示效果 */
.load_text span {
    opacity: 0;
    animation: loading 2s infinite;
}

.load_text span:nth-child(1) {
    animation-delay: 0.1s;
}

.load_text span:nth-child(2) {
    animation-delay: 0.2s;
}

.load_text span:nth-child(3) {
    animation-delay: 0.3s;
}

.load_text span:nth-child(4) {
    animation-delay: 0.4s;
}

.load_text span:nth-child(5) {
    animation-delay: 0.5s;
}

.load_text span:nth-child(6) {
    animation-delay: 0.6s;
}

.load_text span:nth-child(7) {
    animation-delay: 0.7s;
}

.load_text span:nth-child(8) {
    animation-delay: 0.8s;
}

.load_text span:nth-child(9) {
    animation-delay: 0.9s;
}

.load_text span:nth-child(10) {
    animation-delay: 1s;
}

@keyframes loading {
    0% {
        opacity: 0;
        transform: translateY(-010px);
    }

    10% {
        opacity: 1;
        transform: translateY(0);
    }

    90% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-010px);
    }
}

@keyframes fc {
    0% {
        transform: translateX(0rem) translateY(0rem);
    }

    20% {
        transform: translateX(0rem) translateY(.05rem);
    }

    40% {
        transform: translateX(0rem) translateY(0rem);
    }

    60% {
        transform: translateX(0rem) translateY(-0.05rem);
    }

    80% {
        transform: translateX(0rem) translateY(0rem);
    }

    100% {
        transform: translateX(0rem) translateY(0rem);
    }
}

@keyframes fc_rl {
    0% {
        height: 0;
        opacity: 1;
        transform: translateY(0rem);
    }

    35% {
        height: .2rem;
        transform: translateY(.1rem);
    }

    70% {
        transform: translateY(.3rem);
        height: 0rem;
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        height: 0rem;
        opacity: 0;
    }
}

@keyframes fc_rl2 {
    0% {
        height: 0;
        opacity: 1;
        transform: translateY(0rem);
    }

    35% {
        height: 1rem;
        transform: translateY(.3rem);
    }

    70% {
        transform: translateY(1rem);
        height: 0rem;
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        height: 0rem;
        opacity: 0;
    }
}

@keyframes fc_zw {
    0% {
        opacity: 0;
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(.15rem);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(.3rem);
    }
}

@keyframes fc_zw2 {
    0% {
        opacity: 0;
        transform: translateY(0rem) rotateY(180deg);
    }

    50% {
        transform: translateY(.15rem) rotateY(180deg);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(.3rem) rotateY(180deg);
    }
}

.fcbox-par {
    transition: all 3s;
}

.loading.hide .fcbox-par {
    transform: translateY(-100vh);
}

.loading.hide .fcbox-par .fcbox .fc_rl div {
    animation: fc_rl2 3s infinite linear;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(1) {
    animation-delay: -0.3s;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(2) {
    animation-delay: -2s;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(3) {
    animation-delay: -1s;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(4) {
    animation-delay: -0.5s;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(5) {
    animation-delay: -1.5s;
}

.loading.hide .fcbox-par .fcbox .fc_rl div:nth-child(6) {
    animation-delay: -2.5s;
}

.loading.hide .load_text {
    transform: translateY(100vh);
}

.loading.hide .load_pro {
    transform: translateY(100vh);
}

.loading.hide {
    animation: circleCutout 2s 2s forwards;
}

.loading.hide::before {
    width: 38.4rem;
    height: 38.4rem;
    transition: all 2s ease-in-out;
    backdrop-filter: blur(0);
}

.page-html-1 .line-wrap .svg .text {
    opacity: 0;
}

.runner-wrap2 .axis-box .text-tit {
    text-align: center;
    font-size: .144rem;
    line-height: .2112rem;
    margin-top: .0384rem;
    padding: 0 .192rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .4224rem;
    transition: all .5s;
}

.details-content .details-l .details-body p * {
    color: #f3f3f3 !important;
    background: none !important;
}

.details-content .details-l .details-body img {
    width: 600px;
    max-width: 600px;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

.btn-tit-pub {
    position: relative;
    width: 1.3709rem;
    margin-left: .2rem;
}

.btn-tit-pub svg {
    width: 100%;
    height: auto;
    display: block;
}

.btn-tit-pub svg path {
    stroke: #124695;
    fill: none;
}

.btn-tit-pub a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding-left: .2304rem;
    color: #124695;
    font-size: .1632rem;
}

.btn-texts a {
    opacity: 0;
    transition: all 0.5s;
    pointer-events: none;
}

.btn-texts a.on {
    opacity: 1;
    pointer-events: auto;
}

.page-item.page-item-3 .btn-tit-pub {
    /* position: absolute; */
    /* right: .66rem; */
}

.page-item.page-item-5 .btn-tit-pub {
    position: absolute;
    right: .66rem;
    top: 0;
    position: relative;
    right: -.15rem;
}

.page-html-5 .title-wrap span {
    display: block;
}

.page-html-5 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: flex-end;
    margin-left: .3rem;
}

.page-html-5 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-5 .title-wrap span a {
    display: block;
    color: #fff9
}

.page-html-5 .title-wrap span a:hover {
    color: #fff
}
.page-html-5 .title-wrap {
    position: relative;
    /* width: 9.12rem; */
    display: flex;
    align-items: flex-end;
    /* justify-content: space-between; */
}

.page-item.page-item-5 .btn-tit-pub a {
    color: #fff;
}

.page-item.page-item-5 .btn-tit-pub svg path {
    stroke: #fff;
    fill: none;
}


.page-item.page-item-4 .btn-tit-pub a {
    color: #fff;
}

.page-item.page-item-4 .btn-tit-pub svg path {
    stroke: #fff;
    fill: none;
}


.page-item.page-item-2 .btn-tit-pub a {
    color: #fff;
}

.page-item.page-item-2 .btn-tit-pub svg path {
    stroke: #fff;
    fill: none;
}



.page-html-7 .title-wrap {
    position: relative;
    /* width: 9.12rem; */
    display: flex;
    align-items: flex-end;
    /* justify-content: space-between; */
}


.page-html-7 .title-wrap .crumb {
    font-size: .36rem;
    display: flex;
    align-items: flex-end;
    margin-left: .3rem;
}

.page-html-7 .title-wrap .crumb:before {
    content: "";
    display: block;
    height: .32rem;
    width: .36rem;
    border-left: 1px solid;
    transform: skew(-30deg)
}

.page-html-7 .title-wrap span a {
    display: block;
    color: #fff9
}

.page-html-7 .title-wrap span a:hover {
    color: #fff
}

.page-item.page-item-7 .btn-tit-pub a {
    color: #fff;
}

.page-item.page-item-7 .btn-tit-pub svg path {
    stroke: #fff;
    fill: none;
}






.details iframe {
    width: 100%;
    height: 100%;
}

.details .colse-details {
    position: absolute;
    right: 0.8rem;
    top: .65rem;
    z-index: 9;
    cursor: pointer;
    z-index: 99999;
}

.details .colse-details svg {
    display: block;
    width: .285rem;
}

.details .colse-details:hover {
    transition: all .5s;
    transform: rotate(360deg);
}

.details-content {
    padding: 0;
}








.wapai {
    visibility: hidden;
    position: fixed;
    right: .4rem;
    bottom: 15%;
   
    backdrop-filter: blur(0.1rem);
    background:#124695 url(../../images/wapai-border.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -999;
    animation: _huxi 4s infinite alternate;
    opacity: .3;
       border-radius: 50%;
}

.wapai a{
     display: flex;
    justify-content: center;
    align-items: center;
    width: 1.62rem;
    height: 1.62rem;
    border-radius:50%;
}

@keyframes rotateScan2 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes _huxi {
    0% {
        opacity: .3;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: .3;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}

.wapai::before {
    content: "";
    position: absolute;
    left: 0.16rem;
    top: 0.16rem;
    right: 0.16rem;
    bottom: 0.16rem;
    z-index: -4;
    border: solid 1px #24d8d5;
    opacity: 0.1;
    border-radius: 50%;
}

.wapai img {
    width: 1rem;
}

.wapai .wapai-border1 {
    content: "";
    position: absolute;
    left: 0.16rem;
    top: 0.16rem;
    right: 0.16rem;
    bottom: 0.16rem;
    z-index: -3;
    border-radius: 50%;
    background: url(../../images/wapai-cir1.png) no-repeat;
    background-position: left top;
    background-size: 1.18rem auto;
    animation: rotateScan2 5s linear infinite;
}

.wapai .wapai-border2 {
    content: "";
    position: absolute;
    left: 0.16rem;
    top: 0.16rem;
    right: 0.16rem;
    bottom: 0.16rem;
    z-index: -3;
    border-radius: 50%;
    background: url(../../images/wapai-cir2.png) no-repeat;
    background-position: left bottom;
    background-size: auto 1.2rem;
    animation: rotateScan 3.5s linear infinite;
}

@media screen and (max-width:1024px) {
.page-search{
   display:none;
}
    .wapai {
        visibility: visible;
        z-index: 9999;
    }

}