* {
    padding: 0;
    margin: 0
}

body,
html {
    height: 100%;
    /* background-color: #000 */
}

#container {
    height: 100%;
}

.page-1 {
    position: relative;
    /* background-image: url(../mobileimg/Mask\ group.png); */
    background-size: calc(100% / 1);
    width: 100%;
    height: 100%;
}

.page-1 video {
    position: absolute;
    top: 0;
    z-index: 0;
    height: calc(100% / 1);
    /* object-fit: fill; */
    /* width: 100%; */
}

.page-1 .header {
    width: 100%;
    height: 100%;
    background-color: rgba(8, 8, 8, 0.31);
    position: absolute;
    z-index: 99;
}


.header-img {
    width: 2.5333rem;
    height: .3867rem;
}

.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_title img {
    width: .6133rem;
    height: .6133rem;
}

.hrader_page1 {
    padding: .4rem .4rem .4rem .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: rgba(0, 0, 0, 0.25); */
    background: white;
}

.hrader_page11 {
    padding: .4rem .4rem .4rem .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(8, 8, 8, 0.31);
}

.page_1_title {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-size: .5333rem;
    width: 8.5867rem;
}

.page_1_title :first-child {
    color: #ffffffff;
    font-size: .6133rem;
    font-weight: 500;
}

.page_1_title :last-child {
    color: #ffffffff;
    font-size: .4rem;
    font-weight: 400;
    font-family: "Source Han Sans CN";
    margin-top: .2667rem;
}

.header_popup {
    position: absolute;
    top: 18%;
    left: 64%;
    transform: translateX(-50%);
    text-align: right;
}

.header_popup div {
    margin-top: .5333rem;
}

.header_popup div a {
    color: #555555ff;
    font-size: .4rem;
    font-weight: 500;
}

.page-2 {
    background-color: #fff;
}

.page_2_title {
    opacity: 1;
    color: #555555ff;
    font-size: .64rem;
    font-weight: 900;
}

.page_2_title_img {
    width: .3352rem;
    height: .4624rem;
}

.page_2_title1 {
    border-bottom: 0.5px solid #444444ff;
    padding-bottom: .3333rem;
    text-align: center;
}

.page_2_about {
    color: #333333ff;
    font-size: .1867rem;
    font-weight: 400;
    margin: 10px 0;
}

.page_2_img {
    width: 9.2rem;
    height: 6.6267rem;
}

.page_2_img img {
    width: 100%;
    height: 100%;
}

.page2_create {
    margin: .1933rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: .0133rem solid #444444ff;
    padding-bottom: .4133rem;
}

.page2_create .yer {
    opacity: 1;
    color: #555555ff;
    font-size: .24rem;
    font-weight: 900;
}

.page2_create .yer11 {
    width: .48rem;
    height: .72rem;
    opacity: 1;
    border: 0.5px solid #555555ff;
    color: #555555ff;
    font-size: .24rem;
    font-weight: 900;
    border-radius: .4rem;
    line-height: .72rem;
    margin: 0 .1333rem;
    text-align: center;
}

.page2_create .createth {
    opacity: 1;
    color: #555555ff;
    font-size: .16rem;
    font-weight: 900;
}

.page2_create .create {
    color: #555555ff;
    font-size: .16rem;
    font-weight: 400;
}

.page2_company_profile {
    color: #555555ff;
    font-size: .32rem;
    font-weight: 900;
    margin: .5333rem 0 .4rem 0;
}

.page2_company_container {
    border-bottom: .0133rem solid #444444ff;
    padding-bottom: .4rem;
}

.page2_company_container p {
    color: #555555ff;
    font-size: .2133rem;
    font-weight: 400;
    text-align: justify;
}

.page2_company_container p:first-child {
    margin-bottom: .2667rem;
}

.page2_company_container p:last-child {
    margin-top: .2667rem;
}

.page_2_footer_title {
    color: #555555ff;
    font-size: .32rem;
    font-weight: 900;
}

.page_2_footer_con {
    color: #555555ff;
    font-size: .2133rem;
    font-weight: 400;
}

.page_2_footer {
    border-bottom: 0.5px solid #444444ff;
    padding-bottom: .5333rem;
    margin-bottom: .5333rem;
}

.page_2_footer1 {
    width: .4267rem;
    height: .4267rem;
}

.page_2_footer1 img {
    width: .4267rem;
    height: .4267rem;
    position: absolute;
}

.page3_bgimg1 {
    background-image: url(../mobileimg/image13.png);
    height: 6.0267rem;
    background-size: 100% 100%;
    padding-left: .4rem;
    display: flex;
    align-items: center;
}

.page3_bgimg2 {
    background-image: url(../mobileimg/image12.png);
    height: 6.0267rem;
    background-size: 100% 100%;
    padding-left: .4rem;
    display: flex;
    align-items: center;
}

.page3_bgimg3 {
    background-image: url(../mobileimg/image14.png);
    height: 6.0267rem;
    background-size: 100% 100%;
    padding-left: .4rem;
    display: flex;
    align-items: center;
}

.Full_pro {
    text-align: center;
    margin-right: 1.0133rem;
    width: 3.6rem;
}

.Full_pro img {
    width: 1.2267rem;
    height: 1.2267rem;
}

.Full_pro div {
    color: #ffffffff;
    font-size: .4rem;
    font-weight: 500;
    text-align: center;
}

.serve_container {
    height: .5067rem;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
}

.serve_container img {
    width: .2667rem;
    height: .3568rem;
    padding-right: .1333rem;
}

.serve_container div {
    color: #ffffffff;
    font-size: .3467rem;
    font-weight: 400;
    text-align: left;
}

.page4_title {
    border-bottom: .0133rem solid #444444ff;
    padding-bottom: .48rem;
    text-align: center;
}

.page4_journalism {
    opacity: 1;
    color: #555555ff;
    font-size: .32rem;
    font-weight: 500;
}

.page4_evenmore {
    color: #555555ff;
    font-size: .32rem;
    font-weight: 400;
    padding-right: .1016rem;
}

.page4_evenmore_img {
    width: .0765rem;
    height: .1379rem;
}

.page4_container_img {
    margin-top: .2667rem;
    height: 6rem;
    position: relative;
}

.page4_container_img_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.2rem;
    height: 6rem;
    z-index: 0;
}

.page4_evenmore_img_mengban {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.2rem;
    height: 6rem;
    z-index: 2;
}

.page4_container {
    position: absolute;
    bottom: .2667rem;
    left: .2667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    width: 8.6667rem;
}

.page4_container div:first-child {
    color: #ffffffff;
    font-size: .24rem;
    font-weight: 400;
    width: 6.1333rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page4_container div:last-child {
    color: #ffffffff;
    font-size: .24rem;
    font-weight: 400;
}

.page4_bo {
    margin-top: .48rem;
    border-bottom: .0133rem solid #444444ff;
    padding-bottom: .48rem;
}

.page4_history {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page4_history div {
    color: #555555ff;
    font-size: .24rem;
    font-weight: 400;
}

.page5 {
    background-image: url(../mobileimg/Group69.png);
    width: 9.2rem;
    height: 5.8667rem;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}

.page51 {
    background-image: url(../mobileimg/Group70.png);
    width: 9.2rem;
    height: 5.8667rem;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}

.page5_img {
    width: .2584rem;
    height: .3544rem;
    padding-right: .1067rem;
}

.page5_Employment {
    color: #ffffffff;
    font-size: .32rem;
    font-weight: 500;
}

.page5_Andus {
    color: #ffffffff;
    font-size: .2133rem;
    font-weight: 400;
    margin-top: .2667rem;
    margin-bottom: .4rem;
    text-align: center;
}

.page5_promptly {
    width: 4.1467rem;
    height: .6267rem;
    border: 0.5px solid #ffffffff;
    border-radius: .4rem;
    color: #ffffffff;
    font-size: .2133rem;
    font-weight: 400;
    text-align: center;
    line-height: .6267rem;
}

[class*=van-hairline]::after {
    border: none;
}

.van-cell::after {
    border: none;
}

.footer_records1 {
    color: #999999ff;
    font-size: .2133rem;
    font-weight: 400;
    margin: 0 15px 5px .4rem;
}

.footer_records2 {
    color: #999999ff;
    font-size: .2133rem;
    font-weight: 400;
    margin: 0 15px .5333rem .4rem;
    height: .8533rem;
}

.mobile_birdie .arrow {
    width: 1.76rem;
    height: 1.76rem;
    position: absolute;
    left: 50%;
    margin-left: -44px;
    /* bottom: 110px; */
    cursor: pointer;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.mobile_birdie .arrow table {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    top: .1333rem;
}

.mobile_birdie .arrow table img {
    /* width: 70%;
	height: 70%; */
    width: 1.2rem;
    height: 1.2rem;
    /* margin-top: -3px;
    margin-left: 2px; */
}

.mobile_birdie .arrow:before,
.arrow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    pointer-events: none
}

.mobile_birdie .arrow:before {
    width: 1.76rem;
    height: 1.76rem;
    border: .0267rem solid #fff;
    -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.mobile_birdie {
    position: absolute;
    bottom: 2.96rem;
    left: 52.5%;
}

.digital_economy {
    width: 9.2rem;
    height: 6.5333rem;
    background-image: url(../mobileimg/digital_economy.png);
    background-size: 100% 100%;
}

.gradelave {
    width: 9.2rem;
    height: 6.5333rem;
    background-image: url(../mobileimg/gradelave.png);
    background-size: 100% 100%;
}

.Golden_number {
    width: 9.2rem;
    height: 6.5333rem;
    background-image: url(../mobileimg/268@2x.png);
    background-size: 100% 100%;
}

.outstanding {
    width: 9.2rem;
    height: 6.5333rem;
    background-image: url(../mobileimg/outstanding.png);
    background-size: 100% 100%;
}

.digital_economy_content1 {
    width: 9.2rem;
    height: 6.5333rem;
    background: #accd60;
}

.digital_economy_content2 {
    width: 9.2rem;
    height: 6.5333rem;
    background: #E9B05D;
}

.digital_economy_content3 {
    width: 9.2rem;
    height: 6.5333rem;
    background: #3983C7;
}

.digital_economy_content4 {
    width: 9.2rem;
    height: 6.5333rem;
    background: #E9B05D;
}

.digital_economy_title {
    color: #ffffff;
    font-size: .4rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: .1333rem;
    padding-top: .5333rem;
    padding-bottom: .2667rem;
}

.digital_economy_title_content {
    color: #ffffff;
    font-size: .32rem;
    font-weight: 400;
    text-align: left;
    margin: 0 .2667rem;
}

.abilitycultivation {
    width: 7.3067rem;
    height: 7.3067rem;
    border-radius: .6251rem 0 0 0;
}

.abilitycultivation_img {
    width: 1.5733rem;
    height: 1.5733rem;
    margin-left: .32rem;
    margin-bottom: .1067rem;
    opacity: 0.3;
}

.active_img {
    opacity: 1;
}

.abilitycultivation_title {
    color: #000000;
    text-align: center;
    font-size: .3467rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 20px 0 10px 0;
}

.abilitycultivation_content {
    color: #000000;
    text-align: justify;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}