@media (min-width: 768px) {
    .header {
        width: 100%;
        height: 43rem;
        background: #ffffff;
        position: relative;
        overflow: hidden;
        padding-top: 4.1rem;
    }

    .header-main {
        width: 100%;
        box-sizing: border-box;
        padding: 1rem 2.5rem 1rem 1.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background: #ffffff;
    }

    .header-main.header-border {
        border-bottom: 0.5px solid #DADADA;
    }

    .header-main .logo {
        display: flex;
    }

    .header-main .logo img {
        width: 7.6rem;
        height: 2.1rem;
    }

    .header-main .menu-list {
        display: flex;
        align-items: center;
    }

    .header-main .menu-list a {
        display: flex;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.725rem;
        color: #333333;
        margin-right: 2.5rem;
        cursor: pointer;
        font-weight: 500;
    }

    #video-section,
    #service-main,
    #function-main,
    #industry-section,
    #teamwork-section,
    #faq-section,
    #footer {
        scroll-margin-top: 4.1rem;
    }

    .header-main .menu-list a:hover {
        color: #1754AD;
        font-weight: 540;
    }

    .header-main .menu-list a.menu-active {
        color: #1754AD;
        font-weight: 540;
    }

    .header-main .menu-sign-operate {
        position: relative;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 5.35rem;
        height: 2.05rem;
        background: #1754AD;
        border-radius: 1.05rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.7rem;
        color: #FFFFFF;
        cursor: pointer;
    }

    .footer {
        width: 100%;
    }

    .footer .footer-main {
        height: 32.5rem;
        background: url('../assets/image/pc/footer_bg.png');
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: 4.5rem 0 0 2.5rem;

    }

    .footer .footer-main>.title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #FFFFFF;
        margin-bottom: 1rem;
    }

    .footer .footer-main>.info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #FFFFFF;
        margin-bottom: 1.5rem;
    }



    .footer-copy {
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.7rem;
        color: #666666;
        background: #000000;
    }

    .footer-main .contact-list {
        display: flex;
        align-items: center;
    }

    .footer-main .contact-list .contact-li {
        width: 18rem;
        height: 13.3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url('../assets/image/pc/footer_bg2.png');
        background-size: 100% 100%;
        margin-right: 1.6rem;
        padding: 1.5rem 0 0 0;
    }

    .footer-main .contact-list .contact-li .icon {
        width: 2rem;
        height: 2rem;
    }

    .footer-main .contact-list .contact-li .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1rem;
        color: #EAF4FC;
        margin: 0.5rem 0 0.4rem 0;
    }

    .footer-main .contact-list .contact-li .info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #EAF4FC;
        line-height: 1.4rem;
    }

    .footer-main .contact-list .last-contact-li {
        width: 18rem;
        height: 13.3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url('../assets/image/pc/footer_bg2.png');
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-top: 1.75rem;
    }

    .footer-main .contact-list .last-contact-li .icon {
        width: 6.25rem;
        height: 6.25rem;
        margin-bottom: 0.5rem;
    }

    .footer-main .contact-list .last-contact-li .title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.9rem;
        color: #EAF4FC;
    }



    .header-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 5.5rem;

    }

    .header-content .header-text1 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #D68006;
        height: 3rem;
        width: 17.8rem;
        border-radius: 1.5rem;
        border: 0.1rem solid #E08400;
        margin-bottom: 0.75rem;
    }

    .header-content .header-text2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 900;
        font-size: 4rem;
        color: #000000;
        line-height: 5rem;
    }

    .header-content .header-text3 {
        font-family: HarmonyOS Sans SC;
        font-weight: 900;
        font-size: 4rem;
        color: #1754AD;
        line-height: 5rem;
        margin-bottom: 1rem;
    }

    .header-content .header-text4 {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.5rem;
        color: #333333;
        margin-bottom: 2.4rem;
    }

    .index-banner-img1 {
        position: absolute;
        top: 3rem;
        left: 0;
        width: 17rem;
    }

    .index-banner-img2 {
        position: absolute;
        right: -14rem;
        top: 0;
        height: 33rem;
    }

    .banner-sign-operate {
        width: 14.9rem;
        height: 4rem;
        display: flex;
        align-items: center;
        background: #1754AD;
        border-radius: 2rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #FFFFFF;
        padding: 0 0 0 2.5rem;
        box-sizing: border-box;
    }

    .banner-sign-operate span {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #FFFFFF;
        margin-right: 1.6rem;
    }

    .banner-sign-operate div {
        width: 2.9rem;
        height: 2.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        border-radius: 50%;
    }

    .banner-sign-operate div img {
        width: 1.6rem;
    }

    .video-section {
        width: 100%;
        box-sizing: border-box;
        padding: 5rem 1.25rem;
        background: #F3F3F3;
    }

    .video-section .video-header {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-bottom: 3.25rem;
    }

    .video-section .video-header .video-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
    }

    .video-section .video-header .video-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
    }

    .video-player {
        width: 55rem;
        height: 31.8rem;
        margin: 0 auto;
    }

    .video-player video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1rem;
        outline: none;
    }

    .service-section {
        width: 100%;
        box-sizing: border-box;
        padding: 5rem 2.5rem;
    }

    .service-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
    }

    .service-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
        margin: 1rem 0 2rem 0;
    }

    .service-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .service-list .service-li {
        width: 44.2rem;
        height: 9rem;
        display: flex;
        box-sizing: border-box;
        padding: 1rem 0.75rem 0 1.5rem;
        margin-bottom: 1rem;
        background: #F3F3F3;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }

    .service-list .service-li:nth-child {
        margin-right: 2rem;
    }

    .service-content {
        flex: 1;
        margin-right: 1rem;
    }

    .service-content .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.4rem;
        color: #1754AD;
        margin-bottom: 0.75rem;
    }

    .service-content .info {
        line-height: 1.4rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.9rem;
        color: #333333;
    }

    .service-img {
        width: 6.5rem;
        height: 4.6rem;
    }

    .service-img img {
        width: 100%;
    }

    .function-main {
        margin-top: 5rem;
    }

    .function-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
        line-height: 4rem;
    }

    .function-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
        margin: 1rem 0 2rem 0;
    }

    .function-list {
        display: flex;
        align-content: center;
        justify-content: space-between;
    }

    .function-list .function-li {
        flex: 1;
        margin-right: 1.5rem;
        background: #FFFFFF;
        border-radius: 1.15rem;
        border: 0.05rem solid #969696;
        padding: 2.4rem 1.25rem 1.75rem 1.25rem;
    }

    .function-list .function-li:last-child {
        margin-right: 0;
    }

    .function-li .img {
        width: 2.9rem;
        height: 2.9rem;
    }

    .function-li .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.4rem;
        color: #333333;
        margin: 1rem 0 0.5rem 0;
    }

    .function-li .info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.85rem;
        color: #333333;
        line-height: 1.4rem;
        margin-bottom: 3.5rem;
    }

    .function-li .function-operate {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 2.8rem;
        background: #E9EEF5;
        border-radius: 0.5rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.7rem;
        color: #194B94;
        cursor: pointer;
    }

    .industry-section {
        width: 100%;
        box-sizing: border-box;
        padding: 5rem 15rem 5rem 2.5rem;
        background: #F3F3F3;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .industry-section .industry-left {
        width: 45.5rem;

    }

    .industry-section .industry-right {
        width: 24rem;
    }

    .industry-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
    }

    .industry-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
        margin: 1rem 0 2.8rem 0;
    }

    .industry-tabs {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        border-bottom: 0.05rem solid #999999;
        display: flex;
        align-items: center;
    }

    .industry-tabs .tabs-li {
        width: 6.25rem;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1rem;
        color: #666666;
        margin-right: 5rem;
        padding: 0 0 0.9rem 0;
        cursor: pointer;
        position: relative;

    }

    .tabs-li-act {
        color: #1754AD !important;
        font-weight: bold;
    }

    .tabs-li-act::after {
        content: '';
        display: block;
        width: 100%;
        height: 0.2rem;
        background: #1754AD;
        position: absolute;
        bottom: 0;
    }

    .industry-title3 {
        margin: 2.5rem 0 1.5rem 0;
        display: flex;
        align-items: center;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.4rem;
        color: #333333;
    }

    .industry-title3 img {
        margin-right: 0.5rem;
    }

    .industry-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .industry-content>div {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .industry-content .industry-content1 {
        width: 21rem;
        height: 17.95rem;
        box-sizing: border-box;
        padding: 2.25rem 1.5rem 0 2rem;
        background: #FFFFFF;
        border-radius: 1.2rem;
        border: 0.05rem solid #E50000;
    }

    .industry-content .industry-content2 {
        width: 21rem;
        height: 17.9rem;
        padding: 2.25rem 1.5rem 0 2rem;
        background: #FFFFFF;
        border-radius: 1.2rem;
        border: 0.05rem solid #1754AD;
    }

    .industry-content1 .title {
        font-family: HarmonyOS Sans SC;
        font-weight: 550;
        font-size: 1rem;
        color: #E50000;
        margin-bottom: 0.8rem;
    }

    .industry-content1 .info-li {
        line-height: 1.3rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #333333;
        margin-bottom: 1rem;
    }

    .industry-content2 .title {
        font-family: HarmonyOS Sans SC;
        font-weight: 550;
        font-size: 1rem;
        color: #1754AD;
        margin-bottom: 0.8rem;
    }

    .industry-content2 .info-li {
         line-height: 1.3rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #333333;
        margin-bottom: 1rem;
    }

    .industry-right .right-img {
        width: 100%;
        margin-bottom: 1rem;
    }

    .industry-right .right-title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.4rem;
        color: #333333;
    }

    .industry-right .right-info {
        font-family: HarmonyOS Sans SC;
        font-weight: 500;
        font-size: 1rem;
        color: #333333;
        margin: 0.75rem 0 1rem 0;
    }

    .industry-right .right-operate {
        width: 9.1rem;
        height: 2.9rem;
        display: block;
        line-height: 2.9rem;
        text-align: center;
        background: #1754AD;
        border-radius: 1.5rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1rem;
        color: #FFFFFF;
        -webkit-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
        -ms-border-radius: 1.5rem;
        -o-border-radius: 1.5rem;
        cursor: pointer;
    }

    .teamwork-section {
        width: 100%;
        box-sizing: border-box;
        padding: 5rem 2.5rem;
    }

    .teamwork-section .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
        margin-bottom: 1rem;
    }

    .teamwork-section .sub-title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
        margin: 0 0 2rem 0;
    }

    .teamwork-list .teamwork-li {
        width: 100%;
        margin-bottom: 4.75rem;
    }

    .teamwork-list .teamwork-li:last-child {
        margin-bottom: 0 !important;
    }

    .teamwork-header {
        display: flex;
        align-items: center;
        margin-bottom: 1.25rem;
    }

    .teamwork-header .icon {
        width: 0.35rem;
        height: 1.8rem;
        background: #1754AD;
    }

    .teamwork-header .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.9rem;
        color: #000000;
        margin: 0 1.25rem 0 0.6rem;
    }

    .teamwork-header .line {
        flex: 1;
        height: 0.4rem;
        background: #E3E3E3;
        border-radius: 0.2rem;
    }

    .teamwork-img {
        width: 100%;
    }

    .teamwork-img img {
        width: 100%;
    }

    .faq-section {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        padding: 5rem 2.5rem;
        background: #F3F3F3;
    }

    .faq-section .faq-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .faq-section .faq-left {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3rem;
        color: #000000;
        margin-right: 11rem;
        line-height: 4.5rem;
    }

    .faq-right-operate {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #1754AD;
        cursor: pointer;
        margin-bottom: 0.8rem;
    }

    .faq-header {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .faq-list {
        width: 55rem;
    }

    .faq-li {
        width: 100%;
        background: #FFFFFF;
        border-radius: 0.9rem;
        border: 0.05rem solid #DADADA;
        margin-bottom: 1.5rem;
        box-sizing: border-box;
        padding: 2rem 2rem;
    }

    .faq-header {
        display: flex;
        justify-content: space-between;

    }

    .faq-header .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 1.2rem;
        color: #333333;
    }

    .faq-header .operate {
        font-size: 0.7rem;
        cursor: pointer;
    }

    .faq-content {
        margin-top: 1.25rem;
    }

    .faq-content .faq-content-info {
        line-height: 1.4rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #333333;
    }

    .faq-content-list .faq-content-li {
        margin-bottom: 1.25rem;
    }

    .faq-content-list .faq-content-li:last-child {
        margin-bottom: 0 !important;
    }

    .faq-content-list .faq-content-li .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 0.9rem;
        color: #333333;
        margin-bottom: 0.25rem;
    }

    .faq-content-list .faq-content-li .info {
        line-height: 1.4rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #333333;
    }



    .get-phone {
        width: 41rem;
        box-sizing: border-box;
        padding: 1.5rem;
        background: #F3F3F3;
        border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
    }

    .get-phone .title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #333333;
        margin-bottom: 1rem;
    }

    .get-phone .get-phone-operate {
        width: 6.8rem;
        height: 2.2rem;
        line-height: 2.2rem;
        text-align: center;
        background: #1754AD;
        border-radius: 1.1rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.75rem;
        color: #FFFFFF;
        cursor: pointer;
    }

    .wechat-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .wechat-modal-content {
        width: 32.7rem;
        padding: 3rem 0 1.5rem 0;
        background: #F3F3F3;
        border-radius: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .wechat-modal-x {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-size: 1.2rem;
        color: #999999;
        cursor: pointer;
    }

    .wechat-modal-x:hover {
        color: #333333;
    }

    .wechat-modal-img {
        width: 9rem;
        height: 9rem;
        margin: 0.8rem 0;
    }

    .wechat-modal-title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 1.2rem;
        color: #333333;
    }

    .wechat-modal-info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #666666;

    }

    .wechat-modal-close {
        width: 9rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        background: #1754AD;
        border-radius: 1.25rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 0.8rem;
        color: #FFFFFF;
        cursor: pointer;
    }
}


@media (max-width: 767px) {



    .header {
        width: 100%;
        box-sizing: border-box;
        padding: 7rem 5rem 13.5rem;
        background-color: #fff;
    }

    .header .logo {
        display: flex;
        width: 33.3rem;
        height: 12.3rem;
        margin: 0 auto 7rem;
    }

    .header .logo img {
        width: 100%;
        height: 100%;
    }

    .header .header-title1 {
        width: 60.5rem;
        height: 10.3rem;
        display: flex;
        justify-content: center;
        align-items: center;

        border-radius: 1rem;
        border: 0.3rem solid #E08400;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.4rem;
        color: #D68006;
        margin: 0 auto 5.1rem;
        border-radius: 5.1rem;
    }

    .header .header-title2 {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 900;
        font-size: 11.3rem;
        color: #000000;
        line-height: 10.3rem;
        margin-bottom: 4.6rem;

    }

    .header .header-title3 {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 900;
        font-size: 11.3rem;
        color: #1754AD;
        line-height: 10.3rem;
        margin-bottom: 5.1rem;
    }

    .header .header-title4 {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.9rem;
        color: #333333;

        margin-bottom: 9rem;
    }

    .header .header-operate {
        width: 35.9rem;
        height: 13.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #1754AD;
        border-radius: 6.7rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #FFFFFF;
        margin: 0 auto;
    }

    .banner-img {
        width: 100%;
        height: 80.5rem;
    }

    .footer-main {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 6.4rem;
        background: url('../assets/image/h5/footer_bg.png');
        background-size: 100% 100%;
    }

    .footer-main>.title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.7rem;
        color: #FFFFFF;
        margin-bottom: 2.6rem;
    }

    .footer-main>.info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #FFFFFF;
        margin-bottom: 6.4rem;
    }

    .footer-main .contact-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-main .contact-li {
        width: 40rem;
        padding: 5.1rem 0;
        height: 38.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: 3.1rem;
        background: url('../assets/image/h5/footer_bg2.png');
        background-size: 100% 100%;
        margin-bottom: 7.7rem;
    }



    .footer-main .contact-li:nth-child(3) {
        margin-bottom: 0 !important;
    }

    .footer-main .contact-li .icon {
        width: 7.2rem;
        height: 7.2rem;
    }

    .footer-main .contact-li .title {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3.6rem;
        color: #EAF4FC;
        margin: 2.6rem 0;
    }

    .footer-main .contact-li .info {
        width: 100%;
        text-align: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.1rem;
        color: #EAF4FC;
        line-height: 5rem;
    }

    .contact-list .last-contact-li {
        width: 40rem;
        height: 38.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: url('../assets/image/h5/footer_bg2.png');
        background-size: 100% 100%;
        margin-bottom: 0;
    }

    .contact-list .last-contact-li .icon {
        width: 20.5rem;
        height: 20.5rem;
        margin-bottom: 3.1rem;
    }

    .contact-list .last-contact-li .title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.3rem;
        color: #EAF4FC;
    }


    .footer-copy {
        height: 7.7rem;
        text-align: center;
        line-height: 7.7rem;
        background: #000000;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 2.6rem;
        color: #666666;
    }

    .video-section {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 7.7rem;
        background: #F3F3F3;
    }

    .video-section .video-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.7rem;
        color: #000000;
        margin-bottom: 2.6rem;
    }

    .video-section .video-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #333333;
        margin-bottom: 5.1rem;
    }

    .video-section .video-player {
        height: 55.4rem;
    }

    .video-section .video-player video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1rem;
        outline: none;
    }

    .service-section {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 7.7rem;
        background: #ffffff;
    }

    .service-section .service-title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.7rem;
        color: #000000;
        margin-bottom: 2.6rem;
    }

    .service-section .service-title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.6rem;
        color: #333333;
        margin-bottom: 4.6rem;
        line-height: 5.5rem;
    }

    .service-list .service-li {
        width: 100%;
        box-sizing: border-box;
        padding: 2.6rem 2.6rem 5.1rem 5.1rem;
        background: #F3F3F3;
        border-radius: 2.6rem;
        -webkit-border-radius: 2.6rem;
        -moz-border-radius: 2.6rem;
        -ms-border-radius: 2.6rem;
        -o-border-radius: 2.6rem;
        margin-bottom: 4.1rem;
    }

    .service-list .service-li:last-child {
        margin-bottom: 0 !important;
    }

    .service-list .service-li .service-content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.6rem;
        align-items: flex-end;
    }

    .service-li .service-content .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.6rem;
        color: #1754AD;
    }

    .service-li .service-content img {
        width: 12.8rem;
    }

    .service-list .service-li .info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.3rem;
        color: #333333;
        line-height: 4.5rem;
    }

    .function-section {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0 12.8rem 0;
        background: #ffffff;
    }

    .function-section .function-title1 {
        padding: 0 7.7rem;
        box-sizing: border-box;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.6rem;
        color: #000000;
        line-height: 11.5rem;
        margin-bottom: 2.6rem;
    }

    .function-section .function-title2 {
        padding: 0 7.7rem;
        box-sizing: border-box;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.6rem;
        color: #333333;
        margin-bottom: 5.1rem;
    }

    .function-swiper {
        width: 100%;
        padding-left: 7.7rem;
        padding-bottom: 10.3rem;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
    }

    .function-swiper .swiper-slide {
        width: calc((100% - 20px) / 1.1);
        flex-shrink: 0;
        border-radius: 3.3rem;
        border: 0.3rem solid #969696;
    }

    .function-card {
        width: 100%;
        box-sizing: border-box;
        padding: 6.4rem 5.1rem;
        background: #FFFFFF;
        border-radius: 3.8rem;
    }

    .function-card-img {
        width: 10.3rem;
        height: 10.3rem;
        margin-bottom: 3.8rem;
    }

    .function-card-title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 5.1rem;
        color: #333333;
        margin-bottom: 3.8rem;
    }

    .function-card-info {
        line-height: 5rem;
        height: 20.5rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.3rem;
        color: #333333;
        margin-bottom: 10.3rem;
    }

    .function-card-btn {
        width: 100%;
        height: 10.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #E9EEF5;
        border-radius: 2.6rem;
        -webkit-border-radius: 2.6rem;
        -moz-border-radius: 2.6rem;
        -ms-border-radius: 2.6rem;
        -o-border-radius: 2.6rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 500;
        font-size: 3.1rem;
        color: #194B94;
    }

    .function-swiper .swiper-pagination-bullet {
        background: #BDC6DA;
        opacity: 1;
    }

    .function-swiper .swiper-pagination-bullet-active {
        background: #1754AD;
    }

    .industry-section {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 0;
        background: #F3F3F3;
    }

    .industry-section .industry-title1 {
        box-sizing: border-box;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.7rem;
        color: #000000;
        margin-bottom: 2.6rem;
        padding-left: 3.8rem;
    }

    .industry-section .industry-title2 {
        box-sizing: border-box;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #333333;
        margin-bottom: 5.1rem;
        padding-left: 3.8rem;
    }

    .industry-swiper {
        width: 100%;
        padding-left: 3.8rem;
        padding-bottom: 10.3rem;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
    }

    .industry-swiper .swiper-slide {
        width: calc((100% - 15px) / 1.1);
        flex-shrink: 0;
    }

    .industry-card {
        width: 100%;
        box-sizing: border-box;


        border-radius: 3.1rem;
        position: relative;
    }

    .industry-card-title {
        position: absolute;
        left: 5.1rem;
        bottom: 5.1rem;
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.9rem;
        color: #FFFEFE;
    }

    .industry-card-img {
        width: 100%;
        height: 100%;
    }

    .industry-swiper .swiper-pagination-bullet {
        background: #BDC6DA;
        opacity: 1;
    }

    .industry-swiper .swiper-pagination-bullet-active {
        background: #1754AD;
    }

    .industry-list {
        width: 100%;
        box-sizing: border-box;
        padding: 0 5.1rem;
    }

    .industry-list .title1 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.4rem;
        color: #E50000;
        margin-bottom: 3.6rem;
    }

    .industry-list .title2 {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.4rem;
        color: #1754AD;
        margin-bottom: 3.6rem;
    }

    .industry-list .info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.6rem;
        color: #333333;
        margin-bottom: 7.7rem;
        line-height: 5.5rem;
    }

    .teamwork-section {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 6.4rem;
        background: #ffffff;
    }

    .teamwork-section .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 7.5rem;
        color: #000000;
        margin-bottom: 2.6rem;
    }

    .teamwork-section .sub-title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.7rem;
        color: #333333;
        margin-bottom: 7.7rem;
        line-height: 5.5rem;
    }

    .teamwork-tab {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.3rem solid #B9B9B9;
        margin-bottom: 5.1rem;
    }

    .teamwork-tab .teamwork-tab-li {
        width: 15.4rem;
        text-align: center;
        padding-bottom: 2.1rem;
        font-family: HarmonyOS Sans SC;
        position: relative;
        font-size: 3.6rem;
        color: #333333;

    }

    .teamwork-img {
        width: 100%;
    }

    .teamwork-img img {
        width: 100%;
    }

    .teamwork-li-act {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 3.6rem;
        color: #1754AD !important;
    }

    .teamwork-li-act::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15.4rem;
        height: 0.8rem;
        background-color: #1754AD;
    }

    /* H5 联系方式弹窗 */
    .h5-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .h5-modal-content {
        width: 79.5rem;
        padding: 10.3rem 0;
        background: #F3F3F3;
        border-radius: 3.1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }

    .h5-modal-close {
        position: fixed;
        bottom: 15%;
        left: 50%;
        margin-left: -3.8rem;
        width: 7.7rem;
        height: 7.7rem;
        cursor: pointer;
    }

    .h5-modal-title {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.6rem;
        color: #333333;
        margin-bottom: 4.6rem;
    }

    .h5-modal-img {
        width: 48.7rem;
        height: 48.7rem;
        margin-bottom: 3.6rem;
    }

    .h5-modal-info {
        width: 49.7rem;
        height: 13.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #FFFFFF;
        background: #1754AD;
        border-radius: 6.7rem;
    }

    .faq-section {
        width: 100%;
        box-sizing: border-box;
        padding: 12.8rem 6.4rem;
        background: #F3F3F3;
    }

    .faq-section>.title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 8.7rem;
        color: #000000;
        margin-bottom: 3.8rem;
    }

    .faq-list .faq-li {
        width: 100%;
        background: #FFFFFF;
        border-radius: 2.8rem;
        border: 0.3rem solid #A6A6A6;
        padding: 5.1rem 7.7rem;
        margin-bottom: 6.2rem;
    }

    .faq-li .faq-header {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .faq-li .faq-header>.title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.6rem;
        color: #000000;
        margin-right: 2.1rem;
        line-height: 6rem;

    }

    .faq-li .faq-header .operate {
        width: 6.4rem;
        height: 6.4rem;
    }

    .faq-li .faq-content {
        margin-top: 5.1rem;
    }

    .faq-li .faq-content-list .faq-content-li {
        margin-bottom: 3.8rem;
    }

    .faq-li .faq-content-list .faq-content-li:last-child {
        margin-bottom: 0 !important;
    }

    .faq-li .faq-content-list .title {
        font-family: HarmonyOS Sans SC;
        font-weight: bold;
        font-size: 4.1rem;
        color: #FFFFFF;
        margin-bottom: 1.25rem;
    }

    .faq-li .faq-content-list .info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.3rem;
        color: #FFFFFF;
        line-height: 5rem;
    }

    .faq-li .faq-content .faq-content-info {
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 3.3rem;
        color: #FFFFFF;
        line-height: 5rem;
    }

    .faq-li-act {
        background-color: #1754AD !important;
        border: 0.3rem solid #1754AD !important;
    }


    .faq-li-act .faq-header .title {
        color: #FFFFFF !important;

    }

    .faq-section .faq-operate {
        width: 35.9rem;
        height: 13.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #1754AD;
        border-radius: 6.7rem;
        font-family: HarmonyOS Sans SC;
        font-weight: 400;
        font-size: 4.1rem;
        color: #FFFFFF;
        margin: 0 auto;
    }

}