* {
    margin: 0px;
    border: 0px;
    font-size: 12px;
    color: #3A3939;
}

body {
    background-image: url(../image/background1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    /*    background-color: #FBFAFA;*/
}

.body2 {
    background: #F8FAFE;
}

.head {
    margin: 0px auto;
    height: 82px;
    /*    background-image: url(../image/head.png);
    background-repeat: no-repeat;
    background-size: 100%;*/
    background: linear-gradient( 90deg, #BEBBFB 0%, #5774FE 100%);
}

.head-body {
    width: 1200px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 82px;
    justify-content: space-between;
}

.head_left {
    display: flex;
    align-items: center;
    width: 300px;
}

    .head_left .logo {
        width: 40px;
        height: 40px;
        /*        background: linear-gradient( 135deg, #8E8FFA 0%, #55AAF5 100%);
        border-radius: 12px 12px 12px 12px;
        font-size: 20px;*/
        display: flex;
        font-weight: bold;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

        .head_left .logo .pic {
            width: 40px;
            height: 40px;
            border-radius: 12px;
        }

    .head_left .title {
        margin-left: 12px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
    }

    .head_left .tags {
        margin-left: 12px;
        color: #fff;
    }

.head .menulist {
    display: flex;
    align-items: center;
}

    .head .menulist .menu {
        font-size: 18px;
        text-decoration: none;
        color: #fff;
        margin-left: 40px;
        color: #BDC5FF;
        position: relative;
    }

    .head .menulist .menuHover {
        color: #FFFFFF;
        font-weight: bold;
    }

        .head .menulist .menuHover::after {
            content: ""; /* 伪元素必须有 content 才能显示 */
            position: absolute;
            bottom: -8px; /* 下划线与文字的垂直间距（负数表示向下偏移） */
            left: 50%; /* 水平居中起点 */
            transform: translateX(-50%); /* 修正居中偏移，让下划线完全居中 */
            width: 100%; /* 下划线的长度 */
            height: 4px; /* 下划线的粗细 */
            background-color: #fff; /* 下划线颜色 */
        }

    .head .menulist .menubtnApp {
        width: 103px;
        height: 37px;
        background: linear-gradient( 90deg, #8E8FFA 0%, #55AAF5 100%);
        box-shadow: 0px 6px 14px 0px rgba(119,120,240,0.3);
        border-radius: 45px;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 14px;
        position: relative;
    }

        .head .menulist .menubtnApp:hover .menubtnAppBox {
            display: block;
        }

        .head .menulist .menubtnApp .menubtnAppBox {
            position: absolute;
            top: 43px;
            height: 203px;
            width: 165px;
            background-image: url(../image/logo15.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 16px;
            display: none;
        }

            .head .menulist .menubtnApp .menubtnAppBox .menubtnAppBox-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 203px;
                width: 165px;
            }

                .head .menulist .menubtnApp .menubtnAppBox .menubtnAppBox-content .pic {
                    width: 124px;
                    height: 124px;
                    margin-bottom: 16px;
                }

                .head .menulist .menubtnApp .menubtnAppBox .menubtnAppBox-content .title {
                    font-size: 18px;
                    color: #565656;
                }

    .head .menulist .menubtnkefu {
        width: 115px;
        height: 35px;
        background: #FFFFFF;
        border-radius: 45px;
        font-weight: bold;
        font-size: 14px;
        color: #7778F0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 127px;
        background-image: url(../image/logo11.png);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: 18px;
        padding-left: 10px;
        position: relative;
    }

        .head .menulist .menubtnkefu:hover .menubtnkefuBox {
            display: block;
        }

        .head .menulist .menubtnkefu .menubtnkefuBox {
            position: absolute;
            top: 43px;
            height: 203px;
            width: 165px;
            background-image: url(../image/logo15.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            border-radius: 16px;
            display: none;
        }

            .head .menulist .menubtnkefu .menubtnkefuBox .menubtnkefuBox-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 203px;
                width: 165px;
            }

                .head .menulist .menubtnkefu .menubtnkefuBox .menubtnkefuBox-content .pic {
                    width: 124px;
                    height: 124px;
                    margin-bottom: 16px;
                }

                .head .menulist .menubtnkefu .menubtnkefuBox .menubtnkefuBox-content .title {
                    font-size: 18px;
                    color: #565656;
                }

.kefu {
    position: fixed;
    right: 30px;
    margin-top: 538px;
}

    .kefu .kefu1 {
        width: 131px;
        height: 134px;
        background: #FFFFFF;
        border-radius: 16px 16px 16px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
    }

        .kefu .kefu1 .title {
            font-size: 18px;
            font-weight: bold;
            color: #3574FF;
            margin-top: 10px;
        }

        .kefu .kefu1 .kefuPic {
            position: absolute;
            display: none;
            right: 150px;
            top: 0px;
            z-index: 999;
        }


            .kefu .kefu1 .kefuPic .kefuPicbox {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 165px;
                height: 196px;
                background: #FFFFFF;
                border-radius: 16px;
            }

                .kefu .kefu1 .kefuPic .kefuPicbox .pic {
                    width: 124px;
                    height: 124px;
                }

                .kefu .kefu1 .kefuPic .kefuPicbox .title {
                    font-size: 18px;
                    color: #565656;
                }

        .kefu .kefu1:hover .kefuPic {
            display: block;
        }

.body_box {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

    .body_box .body_box_t {
    }

        .body_box .body_box_t .body_box_t_1 {
        }

            .body_box .body_box_t .body_box_t_1 .body_box_t_1_1 {
                margin-top: 74px;
                width: 399px;
                height: 205px;
                background-image: url(../image/logo9.png);
                background-size: cover;
            }

            .body_box .body_box_t .body_box_t_1 .txt {
                font-size: 18px;
                color: #7A869E;
                margin-top: 16px;
            }

            .body_box .body_box_t .body_box_t_1 .body_box_t_1_2 {
                display: flex;
            }

                .body_box .body_box_t .body_box_t_1 .body_box_t_1_2 .txt {
                    font-size: 20px;
                    color: #21293D;
                    font-weight: 500;
                    /*                    width: 144px;*/
                    height: 42px;
                    border-radius: 45px;
                    background: rgba(255,255,255,0.8);
                    border: 1px solid rgba(119,120,240,0.2);
                    display: flex;
                    align-items: center;
                    background-position: 10px center;
                    background-repeat: no-repeat;
                    background-size: 18px;
                    margin-right: 14px;
                    padding-left: 34px;
                    padding-right: 18px;
                }

                .body_box .body_box_t .body_box_t_1 .body_box_t_1_2 .txt1 {
                    background-image: url(../image/logo12.png);
                }

                .body_box .body_box_t .body_box_t_1 .body_box_t_1_2 .txt2 {
                    background-image: url(../image/logo13.png);
                }

                .body_box .body_box_t .body_box_t_1 .body_box_t_1_2 .txt3 {
                    background-image: url(../image/logo14.png);
                }

        .body_box .body_box_t .body_box_t_2 {
            width: 333px;
            height: 264px;
            background-image: url(../image/code.png);
            background-size: cover;
            margin-top: 67px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

            .body_box .body_box_t .body_box_t_2 .qrcode {
                width: 260px;
                height: 257px;
                border-radius: 10px;
                margin-right: 4px;
            }

    .body_box .body_box_t2 {
        position: absolute;
        top: 0px;
        left: 412px;
        background-image: url(../image/app.png);
        width: 1007px;
        height: 776px;
        z-index: -1;
    }

.appinfo {
    width: 100%;
    background: rgba(250,251,255,0.8);
}

    .appinfo .text {
        width: 1200px;
        margin: 0 auto;
        height: 118px;
        line-height: 118px;
        font-size: 18px;
        display: flex;
        justify-content: center;
        color: #8D97AC;
    }

.about {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

    .about .about_box {
        display: flex;
        padding-top: 30px;
    }

        .about .about_box .about_box_1 {
            margin-right: 70px;
        }

            .about .about_box .about_box_1 .about_box_text {
                font-size: 16px;
            }

            .about .about_box .about_box_1 .about_box_text_2 {
                padding-top: 15px;
                text-align: center;
            }

            .about .about_box .about_box_1 .about_box_text_2_text {
                font-size: 12px;
                color: #4F64EC;
                line-height: 25px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
            }

    .about .about_text {
        width: 600px;
        font-size: 16px;
        padding-top: 30px;
    }

.links {
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #D9D9D9;
    padding-top: 20px;
    color: #6F6D75;
    background: #FBFAFA;
}

    .links .link {
    }

    .links a {
        color: #373737;
        font-size: 14px;
    }

.footer {
    width: 1200px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
    background: #FBFAFA;
}

    .footer .text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 15px;
    }

        .footer .text div {
            margin: 0 20px;
        }

        .footer .text a {
            text-decoration: none;
        }

.contact_box {
    width: 1200px;
    margin: 0 auto;
}

    .contact_box .contact_us {
        margin-top: 90px;
        background-image: url(../image/logo10.png);
        background-repeat: no-repeat;
        width: 533px;
        height: 91px;
    }

    .contact_box .contact_us_content {
        border-radius: 0px 0px 0px 0px;
        background-color: #ffffff;
        margin-top: 48px;
        padding: 44px;
    }

        .contact_box .contact_us_content .box1 {
            display: flex;
        }

            .contact_box .contact_us_content .box1 .img {
                width: 52px;
                height: 52px;
                margin-right: 20px;
            }

            .contact_box .contact_us_content .box1 .box2 {
                height: 74px;
                margin-bottom: 28px;
            }

                .contact_box .contact_us_content .box1 .box2 .txt1-1 {
                    font-size: 14px;
                    color: #7778F0;
                }

                .contact_box .contact_us_content .box1 .box2 .txt1-2 {
                    font-size: 14px;
                    color: #55AAF5;
                }

                .contact_box .contact_us_content .box1 .box2 .txt1-3 {
                    color: #4AD1E4;
                    font-size: 14px;
                }

                .contact_box .contact_us_content .box1 .box2 .txt2 {
                    font-size: 19px;
                    color: #21293D;
                    font-weight: bold;
                    margin-top: 6px;
                }

                .contact_box .contact_us_content .box1 .box2 .txt3 {
                    font-size: 13px;
                    color: #7A869E;
                    margin-top: 6px;
                }

    .contact_box .contact_us_tips {
        width: 1200px;
        height: 98px;
        background: linear-gradient( 90deg, #8E8FFA 0%, #55AAF5 55%, #4AD1E4 100%);
        box-shadow: 0px 14px 36px 0px rgba(119,120,240,0.25);
        border-radius: 16px 16px 16px 16px;
        margin-top: 48px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 128px;
    }

        .contact_box .contact_us_tips .txt1 {
            margin-left: 44px;
            font-weight: bold;
            font-size: 20px;
            color: #FFFFFF;
        }

        .contact_box .contact_us_tips .txt2 {
            width: 171px;
            height: 42px;
            background: #FFFFFF;
            border-radius: 45px;
            font-size: 15px;
            color: #7778F0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 44px;
        }

.footer2 {
    background-color: #f5f5f5;
}

    .footer2 .links {
        background-color: #f5f5f5;
    }

    .footer2 .footer {
        background-color: #f5f5f5;
    }

.activity_box {
    width: 1200px;
    margin: 0 auto;
}

    .activity_box .activity_us {
        margin-top: 90px;
        background-image: url(../image/logo7.png);
        background-repeat: no-repeat;
        width: 328px;
        height: 91px;
    }

.activity_content {
    margin-top: 48px;
}

    .activity_content .activity_head {
        height: 54px;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        justify-content: space-between;
        background: linear-gradient( 90deg, rgba(119,120,240,0.07) 0%, rgba(74,209,228,0.07) 100%);
        align-items: center;
        border-radius: 16px 16px 0px 0px;
    }

        .activity_content .activity_head .name {
            font-size: 15px;
            font-weight: bold;
            color: #21293D;
        }

        .activity_content .activity_head .link {
            font-size: 15px;
            font-weight: bold;
            color: #21293D;
        }

    .activity_content .activity_body {
        width: 1200px;
        height: 275px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 120px;
        border-radius: 0px 0px 16px 16px;
    }

        .activity_content .activity_body .img {
        }

        .activity_content .activity_body .txt1 {
            font-weight: bold;
            font-size: 18px;
            color: #21293D;
            margin-top: 14px;
        }

        .activity_content .activity_body .txt2 {
            font-size: 14px;
            color: #7A869E;
            margin-top: 14px;
        }


.about_content {
    width: 1200px;
    margin: 0 auto;
}

    .about_content .about_head {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
    }

        .about_content .about_head .title1 {
            color: #7778F0;
            font-size: 15px;
            margin-bottom: 14px;
        }

        .about_content .about_head .title2 {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 14px;
        }

        .about_content .about_head .title3 {
            color: #7A869E;
            font-size: 17px;
        }

    .about_content .about_body {
        margin-top: 56px;
    }

        .about_content .about_body .about_body_1 {
            background: #FFFFFF;
            box-shadow: 0px 10px 28px 0px rgba(119,120,240,0.08);
            border-radius: 16px;
            display: flex;
            padding: 44px;
            justify-content: space-between;
            margin-bottom: 56px;
        }

            .about_content .about_body .about_body_1 .left {
                margin-left: 21px;
                width: 120px;
            }

                .about_content .about_body .about_body_1 .left .title1 {
                    width: 44px;
                    height: 5px;
                    background: linear-gradient( 90deg, #7778F0 0%, #4AD1E4 100%);
                    border-radius: 3px 3px 3px 3px;
                    margin-bottom: 14px;
                }

                .about_content .about_body .about_body_1 .left .title2 {
                    font-size: 26px;
                    color: #21293D;
                    font-weight: bold;
                    margin-bottom: 14px;
                }

                .about_content .about_body .about_body_1 .left .title3 {
                    font-size: 13px;
                    color: rgba(119,120,240,0.6);
                }

            .about_content .about_body .about_body_1 .right {
                width: 830px;
                margin-right: 69px;
            }

                .about_content .about_body .about_body_1 .right .txt1 {
                    font-size: 16px;
                    color: #7A869E;
                    line-height: 30px;
                    margin-bottom: 20px;
                }

                .about_content .about_body .about_body_1 .right .txt2 {
                    font-size: 16px;
                    color: #7A869E;
                    line-height: 30px;
                }

        .about_content .about_body .about_body_2 {
            display: flex;
            justify-content: space-between;
            margin-bottom: 56px;
        }

            .about_content .about_body .about_body_2 .about_body_2_box1 {
                width: 307px;
                background: #FFFFFF;
                box-shadow: 0px 12px 32px 0px rgba(119,120,240,0.12);
                border-radius: 16px 16px 16px 16px;
                padding: 36px;
                position: relative;
                overflow: hidden;
            }

                .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 18px;
                }

                    .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox .img {
                    }

                    .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox .imgNum {
                        font-size: 40px;
                        color: rgba(119,120,240,0.16);
                    }

                    .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox .imgNum1 {
                        color: rgba(119,120,240,0.16);
                    }

                    .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox .imgNum2 {
                        color: rgba(85,170,245,0.16);
                    }

                    .about_content .about_body .about_body_2 .about_body_2_box1 .imgbox .imgNum3 {
                        color: rgba(74,209,228,0.16);
                    }

                .about_content .about_body .about_body_2 .about_body_2_box1 .about_body_2_box1_txt2 {
                    font-size: 21px;
                    font-weight: bold;
                    color: #21293D;
                    margin-bottom: 18px;
                }

                .about_content .about_body .about_body_2 .about_body_2_box1 .about_body_2_box1_txt3 {
                    font-size: 15px;
                    color: #7A869E;
                    line-height: 27px;
                }

            .about_content .about_body .about_body_2 .about_body_2_box1_1::after {
                content: "";
                position: absolute;
                background: linear-gradient( 90deg, #8E8FFA 0%, #7778F0 100%);
                height: 6px;
                width: 379px;
                top: 0px;
                left: 0px;
            }

            .about_content .about_body .about_body_2 .about_body_2_box1_2::after {
                content: "";
                position: absolute;
                background: linear-gradient( 90deg, #66B5FA 0%, #55AAF5 100%);
                height: 6px;
                width: 379px;
                top: 0px;
                left: 0px;
            }

            .about_content .about_body .about_body_2 .about_body_2_box1_3::after {
                content: "";
                position: absolute;
                background: linear-gradient( 90deg, #7AE9F4 0%, #4AD1E4 100%);
                height: 6px;
                width: 379px;
                top: 0px;
                left: 0px;
            }

        .about_content .about_body .about_body_3 {
            display: flex;
            flex-direction: column;
            margin-bottom: 56px;
            background: linear-gradient( 90deg, rgba(119,120,240,0.08) 0%, rgba(74,209,228,0.1) 100%);
            border-radius: 16px;
            border: 1px solid rgba(119,120,240,0.12);
            padding: 40px 48px;
        }

            .about_content .about_body .about_body_3 .about_body_3_head {
                display: flex;
                align-items: center;
                margin-bottom: 20px;
            }

                .about_content .about_body .about_body_3 .about_body_3_head .hen {
                    width: 6px;
                    height: 22px;
                    background: linear-gradient( 180deg, #8E8FFA 0%, #4AD1E4 100%);
                    border-radius: 3px 3px 3px 3px;
                    margin-right: 12px;
                }

                .about_content .about_body .about_body_3 .about_body_3_head .title {
                    font-weight: bold;
                    font-size: 22px;
                    color: #21293D;
                }

            .about_content .about_body .about_body_3 .about_body_3_body {
                font-size: 16px;
                color: #7A869E;
                line-height: 30px;
                margin-bottom: 20px;
            }

            .about_content .about_body .about_body_3 .about_body_3_item {
                display: flex;
            }

                .about_content .about_body .about_body_3 .about_body_3_item .item {
                    padding: 7px 16px;
                    font-size: 14px;
                    border-radius: 45px;
                    font-weight: 500;
                    margin-right: 10px;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item1 {
                    background: rgba(119,120,240,0.18);
                    color: #7778F0;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item2 {
                    background: rgba(85,170,245,0.18);
                    color: #55AAF5;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item3 {
                    background: rgba(74,209,228,0.18);
                    color: #4AD1E4;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item4 {
                    background: rgba(119,120,240,0.18);
                    color: #7778F0;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item5 {
                    background: rgba(85,170,245,0.18);
                    color: #55AAF5;
                }

                .about_content .about_body .about_body_3 .about_body_3_item .item6 {
                    background: rgba(74,209,228,0.18);
                    color: #4AD1E4;
                }

        .about_content .about_body .about_body_4 {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-bottom: 56px;
            background: linear-gradient( 90deg, #8E8FFA 0%, #55AAF5 55%, #4AD1E4 100%);
            box-shadow: 0px 14px 36px 0px rgba(119,120,240,0.25);
            border-radius: 18px;
            padding: 44px;
            margin-bottom: 88px;
        }

            .about_content .about_body .about_body_4 .txt1 {
                font-size: 32px;
                color: #FFFFFF;
            }

            .about_content .about_body .about_body_4 .txt2 {
                font-size: 15px;
                color: rgba(255,255,255,0.85);
                margin-top: 10px;
            }