.ml-124 {
    margin-left: 124px;
}
.ml-93 {
    margin-left: 93px;
}

.group {
    padding: 16px 356px;
}
.image {
    width: 266px;
    height: 30px;
}
.group_2 {
    margin-bottom: 2px;
}
.font {
    font-size: 16px;
    font-family: Source Han Sans CN;
    line-height: 15px;
    color: #1a1a3d;
}
.text {
    line-height: 14.5px;
}
.text_2 {
    line-height: 15px;
}
.text_3 {
    line-height: 14.5px;
}
.text_4 {
    line-height: 14.5px;
}
.text_5 {
    line-height: 15px;
}

.section {
    margin-right: 661px;
    background-color: #b11e24;
    width: 30px;
    height: 4px;
}
.section_2 {
    overflow: hidden;
    background-image: url('../img/aa8f75cad74ca8115754be77c7927354.png');
    background-position: 0% 0%;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
}
.section_3 {
    padding: 178px 0 230px;
    background-color: #ffffff05;
    backdrop-filter: blur(7px);
    width: 960px;
}
.font_2 {
    font-size: 48px;
    font-family: Source Han Sans CN;
    line-height: 37px;
    font-weight: 700;
    color: #1a1a3d;
}
.text_6 {
    margin-right: 344px;
    color: #ffffff;
    line-height: 45.5px;
}
.font_3 {
    font-size: 23px;
    font-family: Source Han Sans CN;
    line-height: 22.5px;
    color: #ffffff;
    margin-top: 2px;
}
.text_7 {
    margin-right: 250px;
    margin-top: 40px;
}
.section_4 {
    padding: 52px 0;
    background-image: url('../img/7920e4641594c2f805485402171a3d7f.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.group_4 {
    padding: 0 50px;
    width: 1160.5px;
}
.section_5 {
    background-color: #e1e1e1;
    width: 1px;
    height: 628px;
}
.view {
    margin-left: 136px;
}
.grid {
    width: 909px;
    height: 523px;
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 159px;
    column-gap: 0;
}
.pos_3 {
    position: absolute;
    left: 130px;
    top: 4.5px;
}
.grid-item {
    padding: 38px 0 4px;
    width: 302px;
}
.section_6 {
    margin-left: -17px;
    margin-top: 76px;
    background-color: #ffffff;
    width: 25px;
    height: 3px;
}
.group_5 {
    margin-right: -6px;
}
.group_7 {
    margin-top: 42px;
    line-height: 18.5px;
}
.font_5 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    line-height: 18.5px;
    color: #b11e24;
}
.section_7 {
    background-color: #b11e24;
    width: 25px;
    height: 3px;
}
.view_2 {
    margin-top: 10px;
}
.font_6 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    line-height: 25px;
    color: #6c6c76;
}
.grid-item_2 {
    padding: 38px 0;
    width: 302px;
}
.group_8 {
    margin-top: 42px;
    line-height: 18.5px;
}
.view_3 {
    margin-right: 64px;
    margin-top: 10px;
}
.grid-item_3 {
    padding: 38px 0;
}
.group_6 {
    margin-left: 214px;
    margin-top: 38px;
    line-height: 18.5px;
    width: 110px;
}
.view_4 {
    margin-right: 64px;
    margin-top: 14px;
}
.grid-item_4 {
    padding: 36px 0 6px;
}
.group_9 {
    margin-right: 32px;
    margin-top: 42px;
    line-height: 18.5px;
}
.view_5 {
    margin-right: 64px;
    margin-top: 10px;
}
.font_7 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    line-height: 17px;
    color: #6c6c76;
}
.grid-item_5 {
    padding: 36px 0;
    width: 303px;
}
.group_10 {
    margin-top: 42px;
    line-height: 18.5px;
}
.view_6 {
    margin-right: 64px;
    margin-top: 10px;
}
.pos {
    position: absolute;
    left: 556.5px;
    top: 0;
}
.pos_2 {
    position: absolute;
    right: 301px;
    top: 0;
}
.section_8 {
    background-color: #e1e1e1;
    width: 906px;
    height: 1px;
}
.pos_12 {
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
}
.section_9 {
    padding: 26px 0 540px;
    background-image: url('../img/66f47426b936843c4747340eb71166b2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.font_8 {
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #ffffff;
}
.group_11 {
    margin-top: 8px;
}
.image_2 {
    width: 1210px;
    height: 606px;
}
.group_12 {
    padding-bottom: 6px;
}
.section_11 {
    overflow: hidden;
    background-color: #1a1a3d;
    background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6752be3bd54496f19f650854/681ac108797f85001101f268/17465849484754711535.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 711px;
}
.section_10 {
    background-color: #1a1a3d;
    background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6752be3bd54496f19f650854/681ac108797f85001101f268/17465849484754711535.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 716px;
}
.image_5 {
    opacity: 0.8;
    width: 1580px;
    height: 246px;
}
.pos_28 {
    position: absolute;
    right: 4px;
    bottom: 87px;
}
.image_6 {
    opacity: 0.8;
    width: 1451px;
    height: 187px;
}
.pos_29 {
    position: absolute;
    right: 0;
    bottom: -3px;
}
.image_3 {
    opacity: 0.8;
    width: 100vw;
    height: 16.9792vw;
}
.pos_20 {
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;
}
.image_4 {
    width: 47px;
    height: 47px;
}
.pos_26 {
    position: absolute;
    right: 340px;
    top: 194px;
}
.section_12 {
    padding: 0 382px 118px;
    background-image: url('../img/8dcdfa2b93319bc214d8fe92370bbf70.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.pos_27 {
    position: absolute;
    left: 6.5px;
    right: 0;
    top: 215px;
}
.text-wrapper_5 {
    margin-top: 130px;
    padding: 42px 0 24px;
    background-image: url('../img/bf73d48c7eceaea19bdd6f90422e52b7.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 119px;
    height: 119px;
}
.font_10 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    line-height: 25px;
    color: #ffffff;
}
.text_32 {
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
}
.text-wrapper_4 {
    margin-top: 50px;
    padding: 38px 0 28px;
    background-image: url('../img/34431c676c958b703d5564558bcf3e0a.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 119px;
    height: 119px;
}
.text-wrapper_3 {
    padding: 36px 0 28px;
    background-image: url('../img/34431c676c958b703d5564558bcf3e0a.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 119px;
    height: 119px;
}
.group_13 {
    margin-right: 86px;
    margin-top: 202px;
    width: 97px;
}
.font_4 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    line-height: 13px;
    color: #ffffff;
}
.text_9 {
    text-transform: uppercase;
}
.text_34 {
    color: #ffffff;
    line-height: 15px;
}
.text_28 {
    margin-top: 20px;
    line-height: 13px;
}
.text_27 {
    margin-top: 26px;
    color: #1a1a3d;
    line-height: 38px;
}
.text_26 {
    line-height: 13.5px;
}
.text_25 {
    line-height: 38px;
}
.pos_19 {
    position: absolute;
    left: 719.5px;
    bottom: 116.5px;
}
.pos_16 {
    position: absolute;
    right: 444px;
    bottom: 133.5px;
}
.pos_17 {
    position: absolute;
    left: 719.5px;
    bottom: 137.5px;
}
.pos_18 {
    position: absolute;
    right: 802px;
    bottom: 112.5px;
}
.pos_15 {
    position: absolute;
    right: 816.5px;
    bottom: 133px;
}
.pos_11 {
    position: absolute;
    right: 146px;
    top: 202.5px;
}
.pos_9 {
    position: absolute;
    right: 146.5px;
    top: 181.5px;
}
.pos_6 {
    position: absolute;
    left: 949px;
    top: 160.5px;
}
.text_17 {
    line-height: 13px;
}
.pos_4 {
    position: absolute;
    left: 20px;
    top: 137px;
}
.pos_14 {
    position: absolute;
    right: 56px;
    bottom: 73px;
}
.pos_13 {
    position: absolute;
    left: 645px;
    bottom: 47px;
}
.pos_10 {
    position: absolute;
    right: 406px;
    top: 203px;
}
.pos_8 {
    position: absolute;
    right: 434.5px;
    top: 182px;
}
.pos_5 {
    position: absolute;
    left: 645px;
    top: 161px;
}
.pos_7 {
    position: absolute;
    left: 315px;
    top: 181.5px;
}
.text_21 {
    margin-left: 8px;
}
.text_23 {
    line-height: 15px;
}
.text_20 {
    margin-right: 32px;
}
.text_24 {
    margin-left: 216px;
    margin-top: 12px;
}
.text_22 {
    line-height: 13.5px;
}
.text_19 {
    margin-right: 30px;
}
.text_14 {
    margin-left: 4px;
    line-height: 18.5px;
}
.text_15 {
    line-height: 15px;
}
.text_12 {
    margin-right: 32px;
}
.text_16 {
    line-height: 15px;
}
.text_11 {
    margin-right: 32px;
}
.text_18 {
    margin-top: 8px;
}
.text_10 {
    margin-left: 2px;
}
.text_13 {
    margin-top: 76px;
    line-height: 22.5px;
    margin-left: 32px;
}
.text_8 {
    margin-right: 246px;
    margin-top: 30px;
    line-height: 13px;
}
.divider {
    background-color: #b11e24;
    height: 4px;
}
.font_9 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    line-height: 17px;
    color: #ffffff;
}
.text_35 {
    text-align: right;
    text-transform: uppercase;
    width: 363px;
}
.text-wrapper {
    padding: 86px 0 90px;
    background-image: url('../img/d28d5b680eb761a478d43f1306c5a4ac.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 193px;
}
.pos_23 {
    position: absolute;
    right: 661px;
    top: 126px;
}
.text_33 {
    color: #ffffff;
    line-height: 18.5px;
}
.text-wrapper_2 {
    padding: 36px 0 30px;
    background-image: url('../img/34431c676c958b703d5564558bcf3e0a.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 119px;
}
.pos_25 {
    position: absolute;
    right: 457px;
    top: 164px;
}
.text_29 {
    line-height: 38px;
}
.pos_21 {
    position: absolute;
    left: 355px;
    top: 53.5px;
}
.text_30 {
    color: #b11e24;
    line-height: 10.5px;
}
.pos_22 {
    position: absolute;
    left: 357.5px;
    top: 111.5px;
}
.text_31 {
    text-transform: uppercase;
    width: 279px;
}
.pos_24 {
    position: absolute;
    left: 356.5px;
    top: 145.5px;
}
.pos_30 {
    position: absolute;
    left: 0;
    right: 0;
    top: 625px;
}
.section_13 {
    padding: 37px 84px 27px;
    flex: 1 1 959px;
    background-color: #b11e24;
    border-radius: 0px 24px 0px 0px;
    height: 92px;
}
.image_7 {
    width: 258px;
    height: 28px;
}
.section_15 {
    background-color: #ffffff66;
    width: 1px;
    height: 18px;
}
.section_14 {
    flex: 1 1 959px;
    background-color: #b11e24;
    border-radius: 24px 0px 0px 0px;
    height: 92px;
}
.text_36 {
    line-height: 22px;
}
.pos_31 {
    position: absolute;
    right: 588.5px;
    top: 50%;
    transform: translateY(-50%);
}
.section_16 {
    padding: 18px 0;
    background-color: #00020e;
}
.text_37 {
    opacity: 0.6;
}
.text_38 {
    line-height: 13px;
}
.text_39 {
    line-height: 14px;
}