* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.bold {
    font-weight: 900 !important;
}

.red {
    color: red !important;
}

body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
        Arial, PingFang SC-Light, Microsoft YaHei;
}

.page {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.box_1 {
    position: relative;
    width: 960px;
    padding: 20px;
    box-shadow: 0px 0px 32px 2px rgba(0, 22, 41, 0.06);
    background-color: rgba(255, 255, 255, 1);
}

.bg_color {
    position: absolute;
    top: 0;
    left: 0;
    width: 920px;
    background: #C5E8FF;
    height: 1530px;
    z-index: 1;
}

.box_2 {
    background: #98CFF5;
    position: relative;
    width: 920px;
    z-index: 20;
}

.box_3 {
    position: relative;
    z-index: 10;
    width: 920px;
    height: 827px;
    background: url(./img/a3f74e02cf7659300c93c1653716ebeb.png) 100% no-repeat;
    background-size: 100% 100%;
}

.logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.logo_img {
    width: 435px;
    height: 70px;
    margin-top: 60px;
}

.image_1 {
    position: absolute;
    top: 199px;
    left: -15px;
    width: 459px;
    height: 392px;
}

.image_2 {
    width: 332px;
    height: 151px;
    position: absolute;
    top: 244px;
    left: 513px;
}

.section_1 {
    position: absolute;
    top: 415px;
    left: 483px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    width: 392px;
    height: 50px;
    background: #008CD6;
    border-radius: 25px;
}

.section_1_text {
    width: 281px;
    height: 23px;
    font-weight: 400;
    font-size: 23px;
    color: #FFFFFF;
    line-height: 26px;
}

.section_1_img {
    width: 18px;
    height: 18px;
}

.section_2 {
    position: absolute;
    top: 494px;
    left: 572px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section_2_text {
    font-weight: 400;
    font-size: 24px;
    color: #0C417E;
}

.box_4 {
    position: absolute;
    top: 634px;
    left: 20px;
    display: flex;
    gap: 20px;
}

.section_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 205px;
    height: 373px;
    background: url(./img/f694e439b53b2d7a8886def6b1b257a6.png) 100% no-repeat;
    background-size: 100% 100%;
}

.section_3_title {
    font-family: TBMCYXT;
    font-weight: 400;
    font-size: 32px;
    color: #008CD6;
    line-height: 32px;
    margin-top: 204px;
    margin-bottom: 18px;
}

.section_3_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 20px;
    color: #008CD6;
    line-height: 26px;
    opacity: 0.8;
}

.section_3_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: url(./img/ae02d045ad47778629bcbcf0e9353b66.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 140px;
    position: absolute;
    bottom: -20px;
    left: 33px;
    z-index: 20;
    font-family: MiSans;
    font-weight: 500;
    font-size: 18px;
    color: #008CD6;
    cursor: pointer;
}

.image_3 {
    position: absolute;
    z-index: 1;
    top: 54px;
    left: 37px;
    height: 236px;
    width: 124px;
}

.image_4 {
    position: absolute;
    z-index: 1;
    top: 67px;
    left: 44px;
    width: 119px;
    height: 144px;
}

.image_5 {
    position: absolute;
    z-index: 1;
    top: 55px;
    left: 35px;
    height: 228px;
    width: 135px;
}

.image_6 {
    position: absolute;
    z-index: 1;
    top: 62px;
    left: 31px;
    height: 221px;
    width: 138px;
}

.box_5 {
    position: relative;
    z-index: 20;
    padding: 0 20px 40px;
    margin-top: 272px;
}

.box_6 {
    position: relative;
    width: 879px;
    min-height: 1302px;
    background: url(./img/4937a66f071a4ccca27bba9700cfe6ef.png) 100% no-repeat;
    background-size: 100% 100%;
    padding: 95px 40px 0;
}

.card_title {
    display: flex;
    gap: 30px;
    position: absolute;
    top: -35px;
    left: 0;
    width: 397px;
    height: 122px;
    background: url(./img/1d6c8b888d3593890bb91411cea6db6f.png) 100% no-repeat;
    background-size: 100% 100%;
    padding-top: 22px;
    padding-left: 42px;
}

.card_title_text {
    font-family: TBMCYXT;
    font-weight: 400;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 35px;
}

.card_title_img_1 {
    width: 40px;
    height: 40px;
}

.image_7 {
    position: absolute;
    right: 0;
    top: -52px;
    width: 276px;
    height: 182px;
    z-index: 20;
}

.box_6_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 20px;
    color: #222222;
    line-height: 30px;
}

.box_6_wrap_1 {
    margin: 28px 0;
}

.box_6_wrap_2 {
    margin: 10px 0;
}

.box_6_link {
    text-decoration: none;
    color: #2184C7;
}

.image_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.image_wrap_img_1 {
    width: 24px;
    height: 24px;
}

.image_wrap_img_2 {
    width: 726px;
    height: 2px;
}

.box_6_section_1 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 32px;
}

.box_6_section_1_city {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 50px;
    background: #2184C7;
    border-radius: 4px;
    font-family: MiSans;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.card_title_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 25px 0;
}

.card_title_2_img {
    width: 15px;
    height: 16px;
}

.card_title_2_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 36px;
    color: #008CD6;
    line-height: 32px;
}

.image_8 {
    position: absolute;
    top: 602px;
    right: 0;
    width: 50px;
    height: 49px;
}

.box_6_text_2 {
    color: #666666;
    font-family: MiSans;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.box_7 {
    margin-top: 27px;
    display: flex;
    gap: 58px;
}

.box_7_img_1 {
    width: 197px;
    height: 109px;
}

.box_7_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 81px;
    background: url(./img/f64084b421a6c7cf9100d103442b55c6.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 301px;
    font-family: MiSans;
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
    cursor: pointer;
}

.box_8 {
    position: relative;
    width: 879px;
    min-height: 596px;
    background: url(./img/807dc322360a329d83c4acf91b0b1d6b.png) 100% no-repeat;
    background-size: 100% 100%;
    padding: 95px 40px 40px;
    margin-top: 76px;
}

.image_9 {
    position: absolute;
    right: 0;
    top: -45px;
    width: 242px;
    height: 177px;
    z-index: 20;
}

.card_title_img_2 {
    width: 53px;
    height: 38px;
}

.tabs_list {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.tabs_btn {
    position: relative;
    font-family: MiSans;
    font-weight: 400;
    font-size: 28px;
    color: #222222;
    padding-bottom: 14px;
    cursor: pointer;
}

.tabs_dot {
    width: 6px;
    height: 6px;
    background: #008CD6;
    border-radius: 50%;
    margin: 0 18px;
}

.tabs_btn_active {
    font-weight: 500;
    font-size: 32px;
    color: #008CD6;
}

.tabs_btn_active::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: #008CD6;
}

.tabs_list_line {
    width: 796px;
    height: 1px;
    background: #B5D7ED;
    margin-bottom: 30px;
}

.box_8_tab_pane {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
}

.box_8_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 20px;
    color: #222222;
    line-height: 30px;
}

.box_8_tab_pane.tab_pane_active {
    display: flex;
}

.box_8_link {
    text-decoration: none;
    color: #2184C7;
}

.box_9 {
    position: relative;
    width: 879px;
    min-height: 934px;
    background: url(./img/9040510078c3bfefc01e1d87ef2efd38.png) 100% no-repeat;
    background-size: 100% 100%;
    padding: 95px 40px 0;
    margin-top: 76px;
}

.image_10 {
    position: absolute;
    right: 0;
    top: -51px;
    width: 283px;
    height: 186px;
    z-index: 20;
}

.card_title_3 {
    display: flex;
    gap: 30px;
    position: absolute;
    top: -35px;
    left: 0;
    width: 467px;
    height: 122px;
    background: url(./img/a4840e6cb6a3514f5b51d6fbbc4ceaa3.png) 100% no-repeat;
    background-size: 100% 100%;
    padding-top: 22px;
    padding-left: 42px;
}

.card_title_img_3 {
    width: 40px;
    height: 39px;
}

.box_9_tab_pane {
    display: flex;
    flex-direction: column;
    gap: 10px;
    display: none;
}

.box_9_tab_pane.tab_pane_active {
    display: flex;
}

.image_wrap_2 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.image_11 {
    width: 597px;
    height: 387px;
}

.image_12 {
    position: absolute;
    left: -55px;
    top: 263px;
}

.box_10 {
    position: relative;
    width: 879px;
    min-height: 1530px;
    background: url(./img/a9e3fb28966e77428b890ad684681a7e.png) 100% no-repeat;
    background-size: 100% 100%;
    padding: 95px 40px 12px;
    margin-top: 76px;
}

.image_13 {
    position: absolute;
    right: 0;
    top: -47px;
    width: 267px;
    height: 161px;
    z-index: 20;
}

.card_title_img_4 {
    width: 41px;
    height: 39px;
}

.card_title_4 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.card_title_4_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 36px;
    color: #222222;
    line-height: 32px;
}

.card_title_4_line_1 {
    width: 146px;
    height: 2px;
    margin: 0 15px 0 29px;
}

.card_title_4_img {
    width: 24px;
    height: 24px;
}

.card_title_4_bg_1 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 317px;
    height: 24px;
    background: linear-gradient(to right, #FF9191, transparent);
    border-radius: 3px;
    opacity: 0.8;
}

.box_10_text {
    font-family: MiSans;
    font-weight: 500;
    font-size: 20px;
    color: #222222;
    line-height: 30px;
    margin-bottom: 5px;
}

.box_10_hidden {
    display: none;
}

.box_10_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 160px;
    height: 44px;
    background: rgba(255, 255, 255, 0);
    border-radius: 22px;
    border: 1px solid #ADCFE2;
    cursor: pointer;
    margin: 22px auto;
}

.box_10_img {
    width: 12px;
    height: 6px;
}

.box_10_btn_text {
    font-family: MiSans;
    font-weight: 400;
    font-size: 20px;
    color: #6492AD;
    line-height: 32px;
}

.card_title_4_bg_2 {
    position: absolute;
    top: 20px;
    left: 0;
    background: linear-gradient(to right, #FFB86C, transparent);
    border-radius: 3px;
    opacity: 0.8;
    width: 249px;
    height: 24px;
}

.card_title_4_line_2 {
    width: 483px;
    height: 2px;
    margin: 0 11px 0 31px;
}

.image_14 {
    position: absolute;
    left: 618px;
    top: -34px;
    width: 50px;
    height: 52px;
}

.card_title_4_line_3 {
    width: 254px;
    height: 2px;
    margin: 0 16px 0 41px;
}

.image_15 {
    position: absolute;
    left: 652px;
    top: -34px;
    width: 79px;
    height: 50px;
}

.card_title_4_bg_3 {
    position: absolute;
    top: 20px;
    left: 0;
    background: linear-gradient(to right, #008CD6, transparent);
    border-radius: 3px;
    opacity: 0.8;
    width: 462px;
    height: 24px;
}

.card_title_4_line_4 {
    width: 546px;
    height: 2px;
    margin: 0 12px 0 40px;
}

.card_title_4_bg_4 {
    position: absolute;
    top: 20px;
    left: 0;
    background: linear-gradient(to right, #FD9EA8, transparent);
    border-radius: 3px;
    opacity: 0.8;
    width: 176px;
    height: 24px;
}

.image_16 {
    position: absolute;
    left: 556px;
    top: -44px;
    width: 60px;
    height: 60px;
}

.image_17 {
    position: absolute;
    left: 16px;
    bottom: 12px;
    width: 187px;
    height: 95px;
}

.image_18 {
    position: absolute;
    left: 517px;
    top: 0;
    width: 141px;
    height: 45px;
    z-index: -1;
}

.image_19 {
    position: absolute;
    right: 6px;
    top: -16px;
    width: 255px;
    height: 82px;
    z-index: 10;
}