.home[data-v-08f23c41] {
    width: 100%;
    overflow: hidden;
    text-align: left
}

.top-box[data-v-08f23c41] {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    justify-content: space-between;
    padding: 10px 6%;
    z-index: 10
}

.top-box .logo[data-v-08f23c41] {
    width: .5rem;
    margin-top: .1rem
}

.top-box .a-box[data-v-08f23c41] {
    display: flex;
    align-items: center;
    position: relative
}

.top-box .a-box a[data-v-08f23c41] {
    color: #fff;
    margin-right: 20px
}

.top-box .a-box .menu-icon[data-v-08f23c41] {
    margin-top: 7px;
    cursor: pointer;
    display: none
}

.top-box .a-box .line[data-v-08f23c41] {
    width: 25px;
    height: 4px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 50px
}

.top-box .a-box .line-2[data-v-08f23c41] {
    background-color: hsla(0, 0%, 100%, .6)
}

.top-box .a-box .line-3[data-v-08f23c41] {
    background-color: hsla(0, 0%, 100%, .3)
}

.top-box .a-box .box[data-v-08f23c41] {
    overflow: hidden
}

.top-box .a-box .box div[data-v-08f23c41] {
    width: 100%
}

a[data-v-08f23c41]:hover, a[data-v-08f23c41]:link, a[data-v-08f23c41]:visited {
    color: #fff;
    text-decoration: none
}

a[data-v-08f23c41]:hover {
    background-color: none
}

.QRcode1[data-v-08f23c41] {
    position: absolute;
    width: 100px;
    right: 6px;
    top: 33px
}

.container1[data-v-08f23c41] {
    width: 100%;
    position: relative;
    background-color: #002fa7;
    height: 120vh
}

.container1 .stars[data-v-08f23c41] {
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px 1px #fff;
    position: absolute
}

.container1 .stars1[data-v-08f23c41] {
    left: 2%;
    top: 15%;
    width: 1px;
    height: 1px
}

.container1 .stars2[data-v-08f23c41] {
    left: 25%;
    top: 2%
}

.container1 .stars3[data-v-08f23c41] {
    right: 5%;
    top: 2%
}

.container1 .stars4[data-v-08f23c41] {
    right: 40%;
    top: 8%
}

.container1 .stars5[data-v-08f23c41] {
    right: 45%;
    top: 15%
}

.container1 .stars6[data-v-08f23c41] {
    left: 12%;
    top: 29%;
    width: 1px;
    height: 1px
}

.container1 .stars7[data-v-08f23c41] {
    left: 16%;
    top: 35%
}

.container1 .stars8[data-v-08f23c41] {
    right: 14%;
    top: 27%
}

.container1 .stars9[data-v-08f23c41] {
    right: 3%;
    top: 39%
}

.container1 .stars10[data-v-08f23c41] {
    left: 39%;
    top: 44%
}

.container1 .stars11[data-v-08f23c41] {
    left: 5%;
    top: 48%
}

.container1 .stars12[data-v-08f23c41] {
    left: 57%;
    top: 56%
}

.container1 .stars13[data-v-08f23c41] {
    right: 17%;
    top: 52%;
    width: 3px;
    height: 3px;
    box-shadow: 0 0 4px 3px #fff
}

.container1 .stars14[data-v-08f23c41] {
    left: 18%;
    bottom: 31%
}

.bg-img[data-v-08f23c41] {
    width: 100%;
    display: block
}

.container1-box[data-v-08f23c41] {
    position: absolute;
    top: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.container1-logo[data-v-08f23c41] {
    margin-bottom: 2%
}

.container1-logo1[data-v-08f23c41] {
    margin-left: .65rem
}

.container1-text[data-v-08f23c41] {
    width: 40%;
    color: #fff;
    text-align: center;
    /*font-size: 18px;*/
    /*font-size: 2em;*/
    font-size: 0.15rem;
    margin-top: -.3rem
}

.container1-text > div[data-v-08f23c41] {
    margin-top: 5%;
    line-height: .18rem
}

.container2[data-v-08f23c41] {
    padding: 5% 10%
}

.container2-box[data-v-08f23c41] {
    display: flex
}

.container2-box .text-box[data-v-08f23c41] {

    padding-right: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.container2-box .text-box .text[data-v-08f23c41] {
    color: grey;
    /*font-size: 16px;*/
    font-size: 0.1rem;

    margin: 60px 0;
    line-height: .15rem
}

.container2-box .text-box1[data-v-08f23c41] {
    padding-left: .3rem;
    padding-right: 0
}

.but[data-v-08f23c41] {
    color: #fff;
    background-color: #002fa7;
    padding: 8px 40px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer
}

.container3[data-v-08f23c41] {
    position: relative
}

.container3-bg[data-v-08f23c41] {
    display: block
}

.container3-box[data-v-08f23c41] {
    position: absolute;
    top: 21%;
    width: 100%;
    text-align: center;
    color: #fff
}

.container3-box .text-box[data-v-08f23c41] {
    /*font-size: 16px;*/
    font-size: .08rem;
    line-height: 33px;
    margin-top: .2rem
}

.container4[data-v-08f23c41] {
    padding: 5% 10%;
    text-align: center
}

.news-list[data-v-08f23c41] {
    display: flex;
    margin: 3% 0;
    height: 40vh
}

.list-item[data-v-08f23c41] {
    flex: 1;
    cursor: pointer;
    padding: 0 .1rem;
    height: 100%
}

.list-item .img-box[data-v-08f23c41] {
    display: flex;
    align-items: center;
    height: 10%
}

.list-item .img-box img[data-v-08f23c41] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list-item .item-box[data-v-08f23c41] {
    text-align: left
}

.list-item .item-box .title[data-v-08f23c41] {
    margin-top: 10px
}

.item-box .time[data-v-08f23c41] {
    margin-top: 10px;
    color: #7d7d7d
}

.container5[data-v-08f23c41] {
    position: relative;
    color: #fff
}

.container5-bg[data-v-08f23c41] {
    display: block
}

.container5-box[data-v-08f23c41] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 3% 10%
}

.container5-box .left-box[data-v-08f23c41] {
    flex: 1;
    color: #b8ccff
}

.container5-box .left-box .codeList[data-v-08f23c41] {
    display: flex
}

.container5-box .codeList[data-v-08f23c41] {
    padding-right: 18%
}

.container5-box .right-box[data-v-08f23c41] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.container5-left-text[data-v-08f23c41] {
    margin: 20px 0
}

.container5-box .left-box .codeItem[data-v-08f23c41] {
    flex: 1;
    text-align: center;
    font-size: 13px
}

.right-top-box[data-v-08f23c41] {
    display: flex;
    flex: 1
}

.right-top-box .about-list[data-v-08f23c41] {
    flex: 1;
    cursor: pointer
}

.right-top-box .about-list .about-title[data-v-08f23c41] {
    font-size: 18px
}

.right-top-box .about-list .about-item[data-v-08f23c41] {
    margin-top: .1rem;
    color: #b8ccff
}

.recordNo[data-v-08f23c41] {
    text-align: center;
    color: #b8ccff
}

.recordNo a[data-v-08f23c41] {
    color: #b8ccff
}

.twinkle1[data-v-08f23c41] {
    position: absolute;
    top: 25%;
    left: 5%
}

.twinkle2[data-v-08f23c41] {
    position: absolute;
    top: 12%;
    left: 18%
}

.twinkle3[data-v-08f23c41] {
    position: absolute;
    top: 8%;
    right: 18%
}

.twinkle4[data-v-08f23c41] {
    position: absolute;
    bottom: 5%;
    left: -1.5%
}

.twinkle5[data-v-08f23c41] {
    position: absolute;
    bottom: 8%;
    left: 25%
}

.twinkle6[data-v-08f23c41] {
    position: absolute;
    bottom: 3%;
    right: 18%
}

.twinkle7[data-v-08f23c41] {
    position: absolute;
    bottom: 25%;
    right: 5%
}

.news[data-v-08f23c41] {
    position: relative
}

.news .QRcode2-box[data-v-08f23c41] {
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 5px #999;
    position: absolute;
    left: 8px;
    top: 40px;
    background-color: #fff;
    z-index: 2
}

.news .QRcode2[data-v-08f23c41] {
    width: 100px
}