
.page-start-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    overflow: visible;
    z-index: 50
}

.page-start-wrap .hover-drop {
    position: relative
}

.page-start-wrap .hover-drop:hover .drop-list {
    transform: translateX(-50%) scaleY(1)
}

.page-start-wrap .lang.drop-list {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 100%;
    background-color: #fff;
    transform-origin: center top;
    transform: translateX(-50%) scaleY(0);
    box-shadow: .02rem .02rem .05rem 0 rgba(0, 0, 0, .1333333333);
    z-index: 10;
    transition: .3s
}

.page-start-wrap .lang.drop-list .drop-item {
    position: relative
}

.page-start-wrap .lang.drop-list .drop-item:hover .drop-entry {
    color: #fff;
    background-color: #0000fe
}

.page-start-wrap .drop-entry {
    display: flex;
    align-items: center;
    min-height: .54rem;
    padding: .1rem .3rem;
    line-height: 1.5;
    color: #222;
    white-space: nowrap;
    transition: .3s
}

.page-start-wrap .page-start {
    display: flex;
    height: .9rem;
    justify-content: space-between
}

.page-start-wrap .logo-box {
    display: flex;
    align-items: center
}

.page-start-wrap .logo {
    display: flex;
    height: 1em
}

.page-start-wrap .tag-list {
    display: flex;
    align-items: center;
    height: 100%
}

.page-start-wrap .tag-item {
    position: relative;
    padding: 0 .32rem;
    height: 100%
}

.page-start-wrap .tag-item:hover {
    color: #0000fe
}

.page-start-wrap .tag-item:hover .drop-list {
    transform: translateX(-50%) scaleY(1)
}

.page-start-wrap .tag-item.active .tag {
    color: #0000fe;
    box-shadow: 0 -0.02rem 0 #0000fe inset
}

.page-start-wrap .tag {
    display: flex;
    align-items: center;
    line-height: 1.5;
    height: 100%;
    padding: .1rem 0;
    white-space: nowrap;
    transition: .3s
}

.page-start-wrap .drop-list,
.page-start-wrap .No3-list {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 100%;
    background-color: #fff;
    transform-origin: center top;
    transform: translateX(-50%) scaleY(0);
    box-shadow: .02rem .02rem .05rem 0 rgba(0, 0, 0, .1333333333);
    z-index: 10;
    transition: .3s
}

.page-start-wrap .drop-item {
    position: relative
}

.page-start-wrap .drop-item:hover .No3-list {
    transform: scaleX(1);
    opacity: 1
}

.page-start-wrap .drop-item:hover .drop-entry {
    color: #fff;
    background-color: #0000fe
}

.page-start-wrap .No3-item:hover .No3-entry {
    color: #fff;
    background-color: #0000fe
}

.page-start-wrap .drop-entry,
.page-start-wrap .No3-entry {
    display: flex;
    align-items: center;
    min-height: .54rem;
    padding: .1rem .35rem;
    line-height: 1.5;
    color: #222;
    white-space: nowrap;
    transition: .3s
}

.page-start-wrap .No3-list {
    position: absolute;
    left: 100%;
    top: 0;
    width: auto;
    min-width: 1.4rem;
    box-shadow: .1rem 0 .2rem 0 rgba(136, 136, 136, .0666666667) inset;
    transform: scaleX(0);
    transform-origin: left top;
    opacity: 0
}

.page-start-wrap .page-opt {
    display: flex
}

.page-start-wrap .opt-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-start-wrap .opt-btn:nth-child(n+2)::before {
    content: "|";
    display: block;
    font-size: 1.5em;
    margin: 0 .2rem;
    color: rgba(34, 34, 34, .3)
}

.page-start-wrap .menu-btn {
    display: none
}

.page-start-wrap .lang-btn span {
    display: block;
    padding: 0 .1rem
}

.page-start-placeholder {
    height: .9rem
}

.dialog-search .dialog-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 0;
    min-height: 0;
    background-color: rgba(0, 0, 0, 0)
}

.dialog-search .search-ipt {
    max-width: 80vw;
    height: 3em;
    width: 40em;
    padding: .15rem 0;
    padding-left: .2rem;
    padding-right: 3.2em;
    outline: none;
    border: none;
    border-radius: .05rem;
    background-color: #fff
}

.dialog-search .search-btn {
    background-size: 40%;
    position: absolute;
    top: .02rem;
    right: .02rem;
    width: 3em;
    height: calc(100% - .04rem);
    border-radius: .05rem;
    padding: .1rem;
    background-color: #000;
    outline: none;
    border: none;
    cursor: pointer
}

.dialog-search img {
    filter: grayscale(1) brightness(10)
}

.dialog-search .search-btn {
    background-color: #0000fe
}

.expand-box .expand-bar {
    height: 100vh;
    min-width: 40%;
    transition: .3s;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    overflow-y: auto;
    z-index: 52;
    transform: translateX(100%)
}

.expand-box .expand-bar .cross {
    position: relative;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    aspect-ratio: 1;
    cursor: pointer
}

.expand-box .expand-bar .cross::before,
.expand-box .expand-bar .cross::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    transform: translate(-50%, -50%);
    background-color: #000;
    transition: .5s
}

.expand-box .expand-bar .cross::before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.expand-box .expand-bar .cross::after {
    transform: translate(-50%, -50%) rotate(180deg)
}

.expand-box .expand-bar .cross {
    display: none
}

.expand-box .expand-bar .exp1-list {
    width: 100%;
    flex-direction: column
}

.expand-box .expand-bar .exp2-list {
    display: none
}

.expand-box .expand-bar .exp1-item {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding-top: .01rem;
    transition: .3s;
    border-bottom: .01rem solid #eee
}

.expand-box .expand-bar .exp1-item:has(.exp2-list) .exp1-entry .cross {
    display: flex
}

.expand-box .expand-bar .exp1-item.active .exp1-entry {
    background-color: rgba(0, 0, 254, .85);
    color: #fff
}

.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before,
.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after {
    background-color: #fff
}

.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::before {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp1-item.active .exp1-entry .cross::after {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp1-item.active .exp2-list {
    display: flex
}

.expand-box .expand-bar .exp1-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .1rem .5rem .1rem 1em;
    width: 100%;
    height: 100%;
    color: #333;
    line-height: 2;
    transition: .3s
}

.expand-box .expand-bar .exp1-label {
    position: relative;
    flex: 1;
    line-height: 2
}

.expand-box .expand-bar .exp2-list {
    width: 100%;
    flex-direction: column
}

.expand-box .expand-bar .exp3-list {
    display: none
}

.expand-box .expand-bar .exp2-item {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding-top: .01rem;
    transition: .3s;
    border-bottom: .01rem solid #eee
}

.expand-box .expand-bar .exp2-item:has(.exp3-list) .exp2-entry .cross {
    display: flex
}

.expand-box .expand-bar .exp2-item.active .exp2-entry {
    background-color: rgba(0, 0, 254, .7);
    color: #fff
}

.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before,
.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after {
    background-color: #fff
}

.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::before {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp2-item.active .exp2-entry .cross::after {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp2-item.active .exp3-list {
    display: flex
}

.expand-box .expand-bar .exp2-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .1rem .5rem .1rem 2em;
    width: 100%;
    height: 100%;
    color: #333;
    line-height: 2;
    transition: .3s
}

.expand-box .expand-bar .exp2-label {
    position: relative;
    flex: 1;
    line-height: 2
}

.expand-box .expand-bar .exp3-list {
    width: 100%;
    flex-direction: column
}

.expand-box .expand-bar .exp4-list {
    display: none
}

.expand-box .expand-bar .exp3-item {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding-top: .01rem;
    transition: .3s;
    border-bottom: .01rem solid #eee
}

.expand-box .expand-bar .exp3-item:has(.exp4-list) .exp3-entry .cross {
    display: flex
}

.expand-box .expand-bar .exp3-item.active .exp3-entry {
    background-color: rgba(0, 0, 254, .55);
    color: #fff
}

.expand-box .expand-bar .exp3-item.active .exp3-entry .cross::before,
.expand-box .expand-bar .exp3-item.active .exp3-entry .cross::after {
    background-color: #fff
}

.expand-box .expand-bar .exp3-item.active .exp3-entry .cross::before {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp3-item.active .exp3-entry .cross::after {
    transform: translate(-50%, -50%) rotate(360deg)
}

.expand-box .expand-bar .exp3-item.active .exp4-list {
    display: flex
}

.expand-box .expand-bar .exp3-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .1rem .5rem .1rem 3em;
    width: 100%;
    height: 100%;
    color: #333;
    line-height: 2;
    transition: .3s
}

.expand-box .expand-bar .exp3-label {
    position: relative;
    flex: 1;
    line-height: 2
}

.expand-box .expand-bar .exp1-entry {
    padding-left: .5rem
}

.expand-box .expand-bar.expand-show {
    opacity: 1;
    transform: translateX(0)
}

.expand-box .cross {
    margin-left: .15rem
}

@media(max-width:1200px) {
    .page-start-wrap .page-start {
        max-width: 16rem
    }
}

@media(max-width:1000px) {
    .page-start-wrap .tag-list {
        display: none
    }

    .page-start-wrap .menu-btn {
        display: flex
    }

    .page-start-wrap .lang-btn span {
        display: none
    }
}

@media(min-width:1920px) {
    .cn {
        font-size: .8333333333vw !important
    }

    .en {
        font-size: .46875vw !important
    }
}

@media(max-width:750px) {
    .cn {
        font-size: .16rem
    }

    .en {
        font-size: .09rem
    }

    .logo-txt {
        display: none
    }
}

.mod-bn-wrap{position:relative}.mod-bn-wrap .mbn-pic{height:6.8rem}.mod-bn-wrap .mbn-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:.8rem}.mod-bn-wrap .mbn-title{font-weight:bold;color:#fff;line-height:1.1388888889}.mod-nav-box{position:absolute;bottom:0;left:0;width:100%;border-top:.01rem solid hsla(0,0%,100%,.2);background-color:#fff;box-shadow:0 .1rem .1rem 0 rgba(0,0,254,.03)}.mod-nav-box .mod-nav{display:flex;flex-direction:row-reverse;align-items:stretch;justify-content:flex-end;height:.8rem}.mod-nav-box .mod-nav:has(.module-nav-list){justify-content:space-between}.mod-nav-box .module-nav-list,.mod-nav-box .breadcrumbs,.mod-nav-box .module-nav-item,.mod-nav-box .breadcrumb-node{display:flex;align-items:center;height:100%;white-space:nowrap}.mod-nav-box .module-nav-list{overflow-x:auto}.mod-nav-box .module-nav-item{display:flex;align-items:center;justify-content:center;line-height:1.5;height:100%;transition:.3s}.mod-nav-box .module-nav-item:hover{color:#0000fe}.mod-nav-box .module-nav-item.active{font-weight:bold;color:#0000fe;box-shadow:0 -0.03rem 0 0 inset #0000fe}.mod-nav-box .module-nav-item:nth-child(n+2){margin-left:.72rem}.mod-nav-box .breadcrumb-home{margin-right:.15rem}.mod-nav-box .breadcrumb-node{display:flex;align-items:center;height:100%;line-height:2;color:#999;transition:.3s}.mod-nav-box .breadcrumb-node a{transition:.3s}.mod-nav-box .breadcrumb-node a:hover{text-shadow:.01rem .01rem .01rem rgba(0,0,0,.5333333333)}.mod-nav-box .breadcrumb-node:nth-child(n+3)::before{content:"/";display:block;margin:0 .1rem}@media(max-width:750px){.mod-bn-wrap .mod-nav:has(.module-nav-list) .breadcrumbs{display:none}}

.page-end-wrap{position:relative;padding-top:.38rem;color:#fff;background-color:#000083;overflow:visible}.page-end-wrap .popup{position:absolute;left:50%;transform:translate(-50%,0) scale(0);transform-origin:center;display:flex;align-items:center;justify-content:center;padding:.04rem;background-color:#fff;border-radius:.1rem;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 0 .05rem 0 rgba(0,0,0,.1333333333);z-index:51}.page-end-wrap .popup::before{content:"";position:absolute;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:0;height:0;border:.05rem solid rgba(0,0,0,0);border-color:#fff #fff rgba(0,0,0,0) rgba(0,0,0,0)}.page-end-wrap .popup .popup-pic{width:1.5rem;height:1.5rem;aspect-ratio:1}.page-end-wrap .popup .popup-txt{color:#333;white-space:nowrap;padding:.15rem .2rem}.page-end-wrap .hover-popup{position:relative}.page-end-wrap .hover-popup:hover .popup{opacity:1;transform:translate(-50%,0) scale(1)}.page-end-wrap .popup{bottom:calc(100% + .15rem);top:auto;transform:translate(-50%,0) scale(0);transform-origin:center bottom}.page-end-wrap .popup::before{top:auto;bottom:0;transform:translate(-50%,50%) rotate(315deg);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff}.page-end-wrap .hover-popup:hover .popup{transform:translate(-50%,0) scale(1)}.page-end-wrap .page-end{display:flex;flex-direction:column;min-height:2.9rem}.page-end-wrap .pd-head{display:flex}.page-end-wrap .logo{filter:grayscale(1) brightness(20)}.page-end-wrap .logo-txt .cn,.page-end-wrap .logo-txt .en{color:#fff}.page-end-wrap .nav-item{display:flex;color:hsla(0,0%,100%,.8);transition:.3s}.page-end-wrap .nav-item:nth-child(n+2)::before{content:"|";display:flex;color:#fff;padding:0 .3rem}.page-end-wrap .nav-item:hover{color:#fff}.page-end-wrap .pd-main{margin-top:.42rem}.page-end-wrap .contact-item:nth-child(n+2){margin-top:.12rem}.page-end-wrap .ci-label{color:hsla(0,0%,100%,.7);margin-right:.1rem}.page-end-wrap .contact-list{line-height:1.5}.page-end-wrap .contact-list *{line-height:inherit}.page-end-wrap .share-list{margin-right:-0.12rem}.page-end-wrap .share-entry{display:flex;margin:0 .12rem;opacity:.5;transition:.3s}.page-end-wrap .share-entry:hover{opacity:1}.page-end-wrap .pe-foot{margin-top:auto;min-height:.85rem;border-top:.01rem solid hsla(0,0%,100%,.3)}.page-end-wrap .pef-left{color:hsla(0,0%,100%,.7)}.page-end-wrap .pef-left a{transition:.3s}.page-end-wrap .pef-left a:hover{color:#fff}.page-end-wrap .copyright{margin-right:.25rem}.page-end-wrap .outer-link{position:relative;display:flex;align-items:center}.page-end-wrap .outer-link.active::after{transform:rotateZ(-180deg)}.page-end-wrap .outer-link.active .select-list{transform:scaleY(1);pointer-events:auto}.page-end-wrap .outer-link.active .select-opt .icon-box{transform:rotateZ(-180deg)}.page-end-wrap .select-box{position:relative;display:flex;align-items:center;padding:0 .2rem;color:#fff;line-height:1.5;outline:none;appearance:none;width:2.9rem;height:.5rem;border:.01rem solid hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0);padding-right:.2rem;line-height:.5rem;background-size:5%;cursor:pointer}.page-end-wrap .select-label{width:100%;color:hsla(0,0%,100%,.5)}.page-end-wrap .select-opt{display:flex;align-items:center}.page-end-wrap .select-opt::before{content:"|";margin-right:.2rem;color:hsla(0,0%,100%,.3)}.page-end-wrap .select-list{position:absolute;bottom:100%;left:-0.01rem;transform:scaleY(0);transform-origin:bottom center;transition:.3s;pointer-events:none}.page-end-wrap .select-item{display:flex;align-items:center;width:2.9rem;height:.5rem;padding:0 .15rem;background-color:#fff;color:#333;border:.01rem solid hsla(0,0%,100%,.0862745098);transition:.3s}.page-end-wrap .select-item:hover{color:#000083;box-shadow:0 0 0 .02rem #000083 inset}.page-end-wrap .select-item:nth-child(n+2){border-top:none}.page-end-wrap .link::after{content:"";position:absolute;top:50%;right:.2rem;width:.1rem;height:.1rem;transform:translateY(-50%);transform-origin:center center;background:url("/static/home/images/icon/arr-down.png") no-repeat center/contain;transition:.3s}.page-end-wrap #goTop{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.6rem;height:.6rem;border-radius:50%;padding:.1rem;background-color:#fff;position:absolute;right:.36rem;top:0;transform:translateY(-50%);box-shadow:0 0 .1rem 0 rgba(0,0,0,.1333333333);cursor:pointer;transition:.3s}.page-end-wrap #goTop:hover{background-color:#000083}.page-end-wrap #goTop:hover .icon-box{filter:grayscale(1) brightness(20)}@media(max-width:750px){.page-end-wrap .pe-foot,.page-end-wrap .pd-main,.page-end-wrap .pd-head{align-items:flex-start;flex-direction:column}.page-end-wrap .pd-main{padding:.3rem 0}.page-end-wrap .pe-nav,.page-end-wrap .share-list,.page-end-wrap .pef-right{margin-top:.3rem}.page-end-wrap .pef-left{flex-wrap:wrap}.page-end-wrap .pe-foot{padding:.15rem 0}}
