/*!* 颜色统一定义 *!*/
/*:root {*/
/*    --top_b_c: rgb(246, 248, 250);*/
/*    --top_yellow: rgb(255, 203, 8);*/
/*    --font_black_c: rgb(43, 37, 32);*/


/*    --test_dark_blue: rgb(30, 159, 255);*/
/*    --test_pink: rgb(255, 161, 205);*/
/*    --test_qin: rgb(0, 247, 222);*/
/*    --test_yellow: rgb(218, 247, 36);*/
/*    --test_blue: rgb(67, 182, 247);*/
/*    --test_red: rgb(247, 148, 123);*/

/*}*/


.b_div {
    padding-left: 7.9167%;
    padding-right: 7.9167%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 60px;
}

.div_h {
    width: 100%;
    height: 860px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_h_1 {
    /*background-color: var(--test_yellow);*/
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.div_1_1 {
    /*background-color: var(--test_pink);*/
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div_1_1 h1 {
    font-size: 48px;
    letter-spacing: 5px;
}

.div_1_2 {
    /*background-color: var(--test_blue);*/
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.div_1_2_1 {
    width: 42%;
}

.div_1_2_1_btn {
    /*background-color: var(--test_pink);*/
    padding: 10px 10px;
}

.div_1_2_1_btn a {
    display: flex;
    align-items: center;
    justify-content: right;
}

.div_1_2_1_btn_div {
    font-size: 28px;
    color: var(--bs-white);
    padding: 18px 42px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.div_1_2_2 {
    width: 58%;
}


.div_1_2_2 img {
    width: 72%;
    height: 72%;
}


.div_1_3 {
    /*background-color: var(--test_qin);*/
    width: 68%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.div_1_3_div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
}

.div_1_3_img {
    /*background-color: var(--test_yellow);*/
}

.div_1_3_img img {
    width: 100px;
    height: 100px;
    /*background-color: var(--test_yellow);*/
}

.div_1_3_text {
    /*background-color: #ffb800;*/
    margin-left: 16px;
}

.div_1_3_text_h {
    font-size: 18px;
    font-weight: 600;
}


.div_h_2 {
    /*background-color: var(--test_pink);*/
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
    width: 100%;
    height: auto;
    padding-top: 120px;
}

.div_2 {
    width: 100%;
}

.div_2_1 {
    /*background-color: var(--test_yellow);*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 2px;
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, #ffc107 65%);
}

.div_2_2 {
    /*background-color: var(--test_qin);*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--bs-dark);
    letter-spacing: 2px;
    margin-top: 24px;

}

.div_2_3 {
    /*background-color: var(--test_red);*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 42px;

}

.div_2_3 a {
    display: flex;
    align-items: center;
    justify-content: right;
}

.div_2_3_btn_div {
    font-size: 20px;
    color: var(--bs-white);
    padding: 12px 24px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}


.div_2_4 {
    /*background-color: var(--test_yellow);*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 42px;
}

.div_2_4_div {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 24px;
}

.div_2_4_div img {
    width: 26%;
    box-shadow: 0px 2px 9.8px 0.04px rgba(0, 0, 0, 0.20);
    margin-right: 24px;
}

.div_2_4_1 {
    /*background-color: var(--test_qin);*/
}

.div_2_5 {
    /*background-color: var(--test_qin);*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 66px;
}


.div_2_5_1_btn {
    /*background-color: var(--test_pink);*/
    padding: 10px 10px;
}

.div_2_5_1_btn a {
    display: flex;
    align-items: center;
    justify-content: right;
}

.div_2_5_1_btn_div {
    font-size: 20px;
    color: var(--bs-white);
    padding: 12px 24px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}


.div_h_3 {
    /*background-color: var(--test_red);*/
    height: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 80px;
}

.div_3_1 {
    font-size: 32px;
    font-weight: 500;
}

.div_3_2 {
    font-size: 18px;
    padding-top: 30px;

}

.div_3_3 {
    font-size: 32px;
    font-weight: 500;
    padding-top: 100px;

}

.div_3_4 {
    padding-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 80%;
}

.div_3_4_div {
    padding: 35px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 25px;
    width: 25%;

}

.div_3_4_div_bt {
    font-size: 28px;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, #ffc107 65%);
}

.div_3_4_div_nr {
    padding-top: 38px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.div_3_4_1 {
    /*background-color: var(--test_qin);*/
    border: 1px solid var(--border_div);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    border-radius: 2px;
}

.div_3_4_2 {
    /*background-color: var(--test_yellow);*/
    border: 1px solid var(--border_div);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    border-radius: 2px;
}

.div_3_4_3 {
    /*background-color: var(--test_qin);*/
    border: 1px solid var(--border_div);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    border-radius: 2px;
}

.div_3_4_4 {
    /*background-color: var(--test_pink);*/
    border: 1px solid var(--border_div);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    border-radius: 2px;
}


.div_3_5 {
    padding-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.div_3_5_div {
    width: 50%;
}

.div_3_5_1 {
    /*width: 50%;*/
    /*background-color: var(--test_pink);*/
    padding-bottom: 60px;

}

.div_3_5_2 {
    /*width: 50%;*/
    /*background-color: var(--test_qin);*/
}

.div_3_5_2 img {
    width: 70%;
}

.div_3_5_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.div_3_5_1_div {
    width: 70%;
}

.div_3_5_1_0 {
    padding-top: 20px;
    font-size: 32px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.div_3_5_1_0 p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 18px;
    color: var(--bs-gray);
}

.div_3_5_1_1 {
    padding-top: 120px;
    font-size: 32px;
    font-weight: 500;
}

.div_3_5_1_2 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_5_1_3 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_5_1_4 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_5_1_5 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}


.div_3_6 {
    padding-top: 48px;
    padding-left: 12%;
    padding-right: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.div_3_6_1 {
    width: 39.5%;
}

.div_3_6_1 img {
    width: 100%;
}

.div_3_6_2 {
    width: 60.5%;
    margin-left: 7.5%;
}

.div_3_6_2_1 {
    font-size: 32px;
    font-weight: 500;
}

.div_3_6_2_2 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_6_2_3 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_6_2_4 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_6_2_5 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_6_2_6 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}


.div_3_7 {
    padding-top: 60px;
    padding-left: 12%;
    padding-right: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;

}


.div_3_7_1 {
    width: 60.5%;
}

.div_3_7_1_1 {
    font-size: 32px;
    font-weight: 500;
}

.div_3_7_1_2 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_7_1_3 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_7_1_4 {
    padding-top: 40px;
    font-size: 18px;
    font-weight: 300;
    color: var(--bs-gray);
}

.div_3_7_2 {
    width: 39.5%;
    margin-left: 7.5%;

}

.div_3_7_2 img {
    width: 100%;
}

.div_3_8 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.div_3_8_btn_div {
    font-size: 20px;
    color: var(--bs-white);
    padding: 12px 24px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.back_to_top {
    position: fixed;
    bottom: 160px;
    right: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-dingbu {
    font-size: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    color: var(--tab_back_top);
}