html {
    font-size: 16px; /* 16px = 1rem */
}
.page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 120rem;
    height: 321.5625rem;
    overflow: hidden;
}

.section_1 {
    background-color: rgba(255, 255, 255, 1);
    height: 7.1875rem;
    width: 120rem;
    position: relative;
}

.section_44 {
    width: 95.75rem;
    height: 4.6875rem;
    margin: 1.5rem 0 0 14.9375rem;
}

.section_2 {
    width: 4.3125rem;
    height: 4.3125rem;
}

.text_1 {
    width: 12.375rem;
    height: 2.1875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.375rem;
    font-family: Athiti-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.9375rem 0 0 0.8125rem;
}

.text_2 {
    width: 3.1875rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(0, 52, 118, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.375rem 0 0 11rem;
}

.paragraph_1 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_2 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_3 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_4 {
    width: 10.0625rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.375rem 0 0 1.1875rem;
}

.paragraph_5 {
    width: 5.9375rem;
    height: 3.25rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 1.4375rem 0 0 1.1875rem;
}

.text_3 {
    width: 5.5rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.375rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.375rem 0 0 1.1875rem;
}


.text_4 {
    width: 4.5rem;
    height: 1.1875rem;
    overflow-wrap: break-word;
    color: rgba(20, 78, 158, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1rem;
    margin: 0.5rem 0 0 1.125rem;
}

.text-wrapper_2 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.5rem;
    height: 2.125rem;
    width: 4.125rem;
    margin: 0 0 0 0.375rem;
}

.text_5 {
    width: 2.75rem;
    height: 1.1875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1rem;
    margin: 0.5rem 0 0 0.75rem;
}

.section_3 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.5rem;
    height: 2.125rem;
    width: 2.125rem;
    margin: 0 0 0 0.375rem;
}

.section_4 {
    height: 1rem;
    width: 1rem;
    margin: 0.5rem 0 0 0.5625rem;
}

.group_40 {
    width: 1rem;
    height: 1rem;
}

.section_45 {
    width: 2.625rem;
    height: 0.3125rem;
    margin: 0.6875rem 0 0 43.4375rem;
}

.group_1 {
    background-color: rgba(14, 47, 120, 1);
    width: 2.625rem;
    height: 0.3125rem;
}

.box_3 {
    position: absolute;
    left: 11.5625rem;
    top: 1.75rem;
    width: 19.6875rem;
    height: 3.9375rem;
}

.box_40 {
    position: absolute;
    left: 11.5625rem;
    top: 1.75rem;
    width: 19.875rem;
    height: 3.9375rem;
}

.section_5 {
    height: 57.75rem;
    width: 120rem;
    position: relative;
}

.block_1 {
    background-image: linear-gradient(270deg,
            rgba(217, 217, 217, 0) 0,
            rgba(6, 115, 183, 0.7) 63.461536%,
            rgba(19, 124, 205, 1) 100%);
    width: 93.0625rem;
    height: 57.75rem;
}

.box_46 {
    position: absolute;
    left: 0;
    top: 0;
    width: 120rem;
    height: 57.75rem;
}

.text-group_25 {
    width: 37.1875rem;
    height: 8rem;
    margin: 23.375rem 0 0 17.625rem;
}

.text_6 {
    width: 37.1875rem;
    height: 3.375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 4.375rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 3.375rem;
}

.text_7 {
    width: 21.25rem;
    height: 3.375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 2.5rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 3.375rem;
    margin-top: 1.25rem;
}

.section_46 {
    width: 5.625rem;
    height: 0.25rem;
    margin: 4.8125rem 0 21.3125rem 18.5rem;
}

.box_5 {
    background-color: rgba(255, 255, 255, 1);
    width: 1.125rem;
    height: 0.25rem;
}

.box_6 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.box_7 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.box_8 {
    background-color: rgba(19, 169, 142, 1);
    width: 1.125rem;
    height: 0.25rem;
    margin-left: 0.375rem;
}

.group_62 {
    width: 120rem;
    height: 109.625rem;
}

.section_6 {
    height: 53.125rem;
    width: 120rem;
}

.group_63 {
    height: 45rem;
    width: 120rem;
    overflow: hidden;
}

.text-wrapper_21 {
    width: 103.125rem;
    height: 2.375rem;
    display: flex;
    /* margin: 4.4375rem 0 0 6.875rem; */
}

.text_8 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 2rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
}

.text_9 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
    margin-left: 2.3125rem;
}

.text_10 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
    margin-left: 2.3125rem;
}

.text_11 {
    width: 8.1875rem;
    height: 2.25rem;
    overflow-wrap: break-word;
    color: rgba(125, 144, 171, 1);
    font-size: 1.75rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 2rem;
    /* margin-left: 2.3125rem; */
}

.text_12 {
    width: 4.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(70, 110, 166, 1);
    font-size: 1.5rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 3rem;
    /* margin-left: 59rem; */
}



.box_9 {
    box-shadow: 0rem 0.25rem 0.25rem 0.1875rem rgba(175, 175, 175, 0.25);
    background-color: rgba(255, 255, 255, 1);
    width: 48.6875rem;
    height: 33.0625rem;
    /* margin-top: 1.4375rem; */
    padding-top: 0.9375rem;
}
.box_99 {
    width: 48.6875rem;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 3px rgba(175,175,175,0.25);
    border-radius: 0px 0px 0px 0px;
    /* margin-top: 1.4375rem; */
    /* padding-top: 0.9375rem; */
}

.group_3 {
    /* background-color: rgba(204, 220, 255, 1) !important; */
    background-color: #F1F6FF !important;
    width: 46.125rem !important;
    height: 6.5625rem !important;
    display: flex !important;
    .text-wrapper_4 {
        /* background-color: rgba(20, 78, 158, 1); */
        background-color: #fff !important;
        height: 4.25rem;
        width: 6.25rem;
        text-align: center;
        margin: 1.0625rem 0 0 1.0625rem;
        /* color: #000 !important; */
        color: #1C4F98 !important;
        border: 1px solid #1C4F98 !important;
        font-size: 1.125rem;
    }
    .text_13 {
        width: 98% !important;
        height: 1.4375rem;
        overflow-wrap: break-word;
        color: #000 !important;
        /* color: rgba(20, 78, 158, 1); */
        font-size: 1.25rem;
        font-family: Inter-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 1.25rem;
        overflow: hidden;
        white-space: nowrap;       /* 防止文本换行 */
  overflow: hidden;          /* 隐藏溢出的文本 */
  text-overflow: ellipsis;  /* 显示省略号来代表被修剪的文本 */
    }
    .text-group_26 {
        width: 95% !important;
        height: 6.25rem;
        margin: 1.0625rem 0.9375rem 0 0.875rem;
    }
    .text_14 {
        width: 98% !important;
        height: 2.8rem !important;
        overflow-wrap: break-word;
        /* color: rgba(28, 79, 152, 1); */
        color: #B0B0B0 !important;
        font-size: 1rem;
        font-family: Inter-Regular;
        font-weight: normal;
        text-align: left;
        margin-top: 0.375rem;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
.group_3:hover {
    background-color: rgba(204, 220, 255, 1) !important;
    /* background-color: #F1F6FF !important; */
    width: 46.125rem !important;
    height: 6.5625rem !important;
    display: flex !important;
    .text-wrapper_4 {
        background-color: rgba(20, 78, 158, 1) !important;
        /* background-color: #fff !important; */
        height: 4.25rem;
        width: 6.25rem;
        text-align: center;
        margin: 1.0625rem 0 0 1.0625rem;
        /* color: #000 !important; */
        color: #fff !important;
        /* border: 1px solid #1C4F98 !important; */
        font-size: 1.125rem;
    }
    .text_13 {
        width: 95% !important;
        height: 1.4375rem;
        overflow-wrap: break-word;
        color: #144E9E !important;
        /* color: rgba(20, 78, 158, 1); */
        font-size: 1.25rem;
        font-family: Inter-Regular;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 1.25rem;
        overflow: hidden;
white-space: nowrap;       /* 防止文本换行 */
  overflow: hidden;          /* 隐藏溢出的文本 */
  text-overflow: ellipsis;  /* 显示省略号来代表被修剪的文本 */
    }
    .text-group_26 {
        width: 95% !important;
        height: 6.25rem;
        margin: 1.0625rem 0.9375rem 0 0.875rem;
    }
    .text_14 {
        width: 98% !important;
        height: 2.8rem !important;
        overflow-wrap: break-word;
        color: #144E9E !important;
        /* color: #000 !important; */
        font-size: 1rem;
        font-family: Inter-Regular;
        font-weight: normal;
        text-align: left;
        margin-top: 0.375rem;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
.group_123 {
    width: 100% !important;
    background-color: #F1F6FF !important;
    height: calc(100 * 100vh / var(--type-design-height, 1080)) !important;
    display: inline-block !important;
    margin-top: calc(20 * 100vh / var(--type-design-height, 1080)) !important;
    padding: calc(12 * 100vh / var(--type-design-height, 1080)) calc(11 * 100vh / var(--type-design-height, 1080)) calc(16 * 100vh / var(--type-design-height, 1080)) calc(15 * 100vh / var(--type-design-height, 1080));
    box-sizing: border-box;
    .text-wrapper_4 {
        background-color: #fff !important;
        height: 4.25rem;
        width: 6.25rem;
        text-align: center;
        margin: 1.0625rem 0 0 1.0625rem;
        color: #1C4F98 !important;
        border: 1px solid #1C4F98 !important;
        font-size: 1.125rem;
    }
    .text_13 {
        width: 100%;
        line-height:1,
        font-family: Inter, Inter;
        font-weight: 400;
        font-size: calc(20 * 100vh / var(--type-design-height, 1080));
        color: #333333;
        text-align: left;
        font-style: normal;
        text-transform: none;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        white-space: nowrap;       /* 防止文本换行 */
        overflow: hidden;          /* 隐藏溢出的文本 */
        text-overflow: ellipsis;  /* 显示省略号来代表被修剪的文本 */
    }
    .text-group_26 {
        width: 100%;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }
    .text_14 {
        margin-top:0!important;
        width: 100%;
        min-width: 0;
        min-height: 0;
        font-family: Inter, Inter;
        font-weight: 400;
        font-size: calc(16 * 100vh / var(--type-design-height, 1080));
        line-height: 1.25;
        color: #B0B0B0;
        text-align: left;
        font-style: normal;
        text-transform: none;
        white-space: normal;
        word-break: break-word;
        overflow: hidden !important;
        max-height: calc(2 * 1.25 * (16 * 100vh / var(--type-design-height, 1080)));
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        text-overflow: ellipsis;
    }
}
.group_123:hover {
    background-color: #CCDCFF!important;
    /* height: 7.5625rem !important;
    display: flex !important;
    width: 94% !important;
    margin: 1.25rem 0 0 1.0625rem; */
    /* .group_123_time{
        color: #144E9E !important;
    }
    .text-wrapper_4 {
        background-color: rgba(20, 78, 158, 1) !important;
        height: 4.25rem;
        width: 6.25rem;
        text-align: center;
        margin: 1.0625rem 0 0 1.0625rem;
        color: #fff !important;
        font-size: 1.125rem;
    }
    .text-group_26 {
        width: 95% !important;
        height: 6.25rem;
        margin: 1.0625rem 0.9375rem 0 0.875rem;
    } */
    .text_13 {
        color:#144E9E!important;
    }

    .text_14 {
        color:#144E9E!important;
    } 
}


.paragraph_6 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}





.group_4 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 0 1.0625rem;
    display: flex;
}

.text-wrapper_5 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
    font-size: 1.125rem;
    text-align: center;
    color: #1C4F98;
}

.paragraph_7 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_27 {
    width: 37rem;
    height: 3.875rem;
    margin: 1.3125rem 0.9375rem 0 0.875rem;
}

.text_15 {
    width: 37rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_16 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.125rem;
}

.group_5 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 0 1.0625rem;
    display: flex;
}

.text-wrapper_6 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_8 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_28 {
    width: 37rem;
    height: 4rem;
    margin: 1.1875rem 0.9375rem 0 0.875rem;
}

.text_17 {
    width: 37rem;
    height: 1.4375rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_18 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.4375rem;
}

.group_6 {
    background-color: rgba(241, 246, 255, 1);
    width: 46.125rem;
    height: 6.3125rem;
    margin: 1.25rem 0 2.0625rem 1.0625rem;
    display: flex;
}

.text-wrapper_7 {
    background-color: rgba(255, 255, 255, 1);
    height: 4.25rem;
    border: 0.0625rem solid rgba(28, 79, 152, 1);
    width: 6.25rem;
    margin: 1.0625rem 0 0 1.0625rem;
}

.paragraph_9 {
    width: 4rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.125rem;
    font-family: Inter-Bold;
    font-weight: 700;
    text-align: center;
    margin: 0.75rem 0 0 1.125rem;
}

.text-group_29 {
    width: 37rem;
    height: 4rem;
    margin: 1.1875rem 0.9375rem 0 0.875rem;
}

.text_19 {
    width: 37rem;
    height: 1.625rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.text_20 {
    width: 37rem;
    height: 2.125rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 1rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin-top: 0.25rem;
}

.box_10 {
    height: 34.3125rem;
    width: 51rem !important;
    margin: 0.1875rem 0 0 0.125rem;
}

.box_11 {
    background-color: rgba(4, 53, 120, 1);
    width: 49.8rem !important;
    height: 7.8125rem !important;
    padding: 0.625rem !important;
    /* margin-top:39rem; */
}

.group_64 {
    width: 52.5rem;
    height: 1.9375rem;
    margin: 0.11rem 0 0 1.0625rem !important;
}

.text_21 {
    width: 20.3125rem;
    height: 1.9375rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.25rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.25rem;
}

.group_8 {
    background-color: rgba(255, 255, 255, 1);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 27.9375rem;
}

.group_9 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 0.25rem;
}

.group_10 {
    background-color: rgba(255, 255, 255, 0.5);
    width: 1.25rem;
    height: 0.25rem;
    margin: 0.5625rem 0 0 0.25rem;
}

.text_22 {
    width: 49rem;
    height: 3.7rem;
    overflow-wrap: break-word;
    color: rgba(156, 197, 255, 1);
    font-size: 0.9375rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.0625rem 0 0 1.0625rem;
}

.paragraph_10 {
    width: 7.8125rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(156, 197, 255, 1);
    font-size: 0.875rem;
    font-family: Inter-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.1875rem 0 0.125rem 1.0625rem;
}

.box_12 {
    background-color: rgba(20, 78, 158, 1);
    border-radius: 0.625rem 0rem 0.625rem 0rem;
    width: 4.0625rem;
    height: 14.125rem;
    margin-left: 5.25rem;
}

.section_7 {
    height: 1.875rem;
    width: 1.75rem;
    margin: 1rem 0 0 1.1875rem;
}

.block_10 {
    width: 1.75rem;
    height: 1.875rem;
}

.paragraph_11 {
    width: 2.1875rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.625rem 0 0 0.9375rem;
}

.section_8 {
    background-color: rgba(255, 255, 255, 0.3);
    width: 2.5625rem;
    height: 0.125rem;
    margin: 1.125rem 0 0 0.75rem;
}

.section_9 {
    height: 1.6875rem;
    width: 1.4375rem;
    margin: 1.1875rem 0 0 1.3125rem;
}

.box_41 {
    width: 1.4375rem;
    height: 1.6875rem;
}

.paragraph_12 {
    width: 2.1875rem;
    height: 2.5625rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    font-family: ABeeZee-Regular;
    font-weight: normal;
    text-align: left;
    margin: 0.5rem 0 0.875rem 0.9375rem;
}

.section_10 {
    height: 56.5rem;
    width: 120rem;
}

.section_48 {
    height: 50rem;
    width: 120rem;
    position: relative;
}

.text_23 {
    font-family: Inter, Inter;
    font-weight: 600;
    font-size: 32px;
    color: #1C4F98;
    line-height: 1;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 32px;
    display: inline-block;
}

.section_49 {
    width: 110.5625rem;
    height: 33.3125rem;
    margin: 4.8125rem 0 11.125rem 3.625rem;
}

.box_13 {
    width: 0.9375rem;
    height: 1.8125rem;
    border: 0.375rem solid rgba(145, 168, 191, 1);
    margin-top: 15.9375rem;
}

.box_14 {
    box-shadow: 0rem 0.3125rem 0.625rem -0.125rem rgba(170, 190, 218, 1);
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 2.3125rem;
}

.group_11 {
    width: 25rem;
    height: 16.875rem;
}

.group_65 {
    width: 17.25rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.4375rem;
}

.box_15 {
    width: 2.125rem;
    height: 2.1875rem;
}

.text_24 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_25 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.text_26 {
    width: 5.5rem;
    height: 1.6875rem;
    overflow-wrap: break-word;
    color: rgba(20, 78, 158, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.375rem;
    margin: 1.1875rem 0 3.125rem 2.4375rem;
}

.group_13 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_14 {
    width: 1.375rem;
    height: 1.0625rem;
    margin: 0.6875rem 0 0 0.5rem;
}

.section_25 {
    position: absolute;
    left: 2.4375rem;
    top: 19.625rem;
    width: 3.25rem;
    height: 3.1875rem;
}

.box_16 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.section_11 {
    width: 25rem;
    height: 16.875rem;
}

.section_50 {
    width: 15.5rem;
    height: 3.625rem;
    margin: 2.8125rem 0 0 4.1875rem;
}

.block_3 {
    width: 2.125rem;
    height: 1.75rem;
}

.text_27 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5rem;
}

.text_28 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.section_13 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.section_14 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.box_17 {
    width: 1.0625rem;
    height: 1.125rem;
    margin: 0.625rem 0 0 0.6875rem;
}

.box_43 {
    position: absolute;
    left: 2.0625rem;
    top: 19.6875rem;
    width: 3.625rem;
    height: 3.125rem;
}

.box_18 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.section_15 {
    width: 25rem;
    height: 16.875rem;
}

.group_66 {
    width: 17.25rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.4375rem;
}

.box_19 {
    width: 2.3125rem;
    height: 2.1875rem;
}

.text_29 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_30 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.section_17 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.section_18 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_15 {
    width: 1.0625rem;
    height: 1.3125rem;
    margin: 0.5625rem 0 0 0.6875rem;
}

.section_27 {
    position: absolute;
    left: 2.4375rem;
    top: 19.625rem;
    width: 3.25rem;
    height: 3.1875rem;
}

.box_20 {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 25rem;
    height: 33.3125rem;
    margin-left: 1.25rem;
}

.group_16 {
    width: 25rem;
    height: 16.875rem;
}

.block_15 {
    width: 17.375rem;
    height: 3.6875rem;
    margin: 2.75rem 0 0 2.3125rem;
}

.box_21 {
    width: 1.9375rem;
    height: 2.1875rem;
}

.text_31 {
    width: 12.6875rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
}

.text_32 {
    width: 21.4375rem;
    height: 3.125rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 1.375rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: left;
    margin: 0.875rem 0 0 2.4375rem;
}

.group_18 {
    width: 2.0625rem;
    height: 0.0625rem;
    border: 0.125rem solid rgba(28, 79, 152, 1);
    margin: 2.0625rem 0 3.875rem 2.5625rem;
}

.group_19 {
    background-color: rgba(0, 132, 255, 0.5);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 3.1875rem;
    top: 20.3125rem;
}

.group_20 {
    width: 1.125rem;
    height: 0.75rem;
    margin: 0.875rem 0 0 0.625rem;
}

.group_45 {
    position: absolute;
    left: 2.3125rem;
    top: 19.625rem;
    width: 3.375rem;
    height: 3.1875rem;
}

.block_16 {
    position: relative;
    width: 2.25rem;
    height: 3.9375rem;
    margin: 15.625rem 0 0 1.3125rem;
}

.box_22 {
    width: 0.9375rem;
    height: 1.8125rem;
    border: 0.375rem solid rgba(0, 115, 230, 1);
    margin: 2.125rem 0 0 1.3125rem;
}

.group_46 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.75rem;
    height: 2.5rem;
}

.group_47 {
    position: absolute;
    left: 3.125rem;
    top: 27.6875rem;
    width: 1.75rem;
    height: 2.5rem;
}

.section_19 {
    height: 43.1875rem;
    width: 120rem;
}

.block_17 {
    height: 43.1875rem;
    width: 120rem;
}

.text-wrapper_23 {
    width: 12.8125rem;
    height: 2.375rem;
    margin: 4.875rem 0 0 6.875rem;
}

.text_33 {
    width: 12.8125rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(28, 79, 152, 1);
    font-size: 2rem;
    font-family: Inter-SemiBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 3rem;
}

.box_49 {
    width: 103.75rem;
    height: 15.625rem;
    margin: 12.75rem 0 7.5625rem 6.875rem;
}

.box_24 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_10 {
    background-image: linear-gradient(360deg,
            rgba(255, 255, 255, 0) 0,
            rgba(177, 209, 255, 0.51) 34.693745%,
            rgba(104, 162, 245, 1) 100%);
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_34 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.group_21 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.group_22 {
    width: 6.25rem;
    height: 6.375rem;
    margin: 3.1875rem 0 0 3.1875rem;
}

.box_44 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_25 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    margin-left: 1.3125rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_11 {
    background-image: linear-gradient(360deg,
            rgba(255, 255, 255, 0) 0,
            rgba(177, 209, 255, 0.51) 34.693745%,
            rgba(104, 162, 245, 1) 100%);
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_35 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.section_20 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.group_23 {
    width: 6.875rem;
    height: 6.875rem;
    margin: 2.875rem 0 0 2.875rem;
}

.box_45 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_26 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    margin-left: 1.5625rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_12 {
    background-image: linear-gradient(360deg,
            rgba(255, 255, 255, 0) 0,
            rgba(177, 209, 255, 0.51) 34.693745%,
            rgba(104, 162, 245, 1) 100%);
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_36 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.25rem;
}

.box_27 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.6875rem;
    top: -6.3125rem;
}

.box_28 {
    width: 7.75rem;
    height: 7.75rem;
    margin: 2.6875rem 0 0 2.3125rem;
}

.group_49 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_29 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    margin-left: 1.25rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_13 {
    background-image: linear-gradient(360deg,
            rgba(255, 255, 255, 0) 0,
            rgba(177, 209, 255, 0.51) 34.693745%,
            rgba(104, 162, 245, 1) 100%);
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.paragraph_13 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.box_30 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.section_21 {
    width: 6.875rem;
    height: 5.5625rem;
    margin: 3.5625rem 0 0 2.875rem;
}

.group_50 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.box_31 {
    border-radius: 1.875rem 1.875rem 0 0;
    height: 15.625rem;
    margin-left: 1.1875rem;
    width: 19.6875rem;
    position: relative;
}

.text-wrapper_14 {
    background-image: linear-gradient(360deg,
            rgba(255, 255, 255, 0) 0,
            rgba(177, 209, 255, 0.51) 34.693745%,
            rgba(104, 162, 245, 1) 100%);
    height: 8.4375rem;
    margin-top: 7.1875rem;
    width: 19.6875rem;
}

.text_37 {
    width: 15.4375rem;
    height: 2.375rem;
    overflow-wrap: break-word;
    color: rgba(38, 38, 38, 1);
    font-size: 1.875rem;
    font-family: Inter-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 3rem;
    margin: 1.375rem 0 0 2.125rem;
}

.box_32 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 12.625rem;
    border: 0.125rem solid rgba(92, 139, 207, 1);
    width: 12.625rem;
    position: absolute;
    left: 3.5625rem;
    top: -6.3125rem;
}

.block_4 {
    width: 5.875rem;
    height: 5.875rem;
    margin: 3.25rem 0 0 3.375rem;
}

.section_28 {
    position: absolute;
    left: 0;
    top: 0;
    width: 12.625rem;
    height: 12.625rem;
}

.section_22 {
    background-color: rgba(0, 73, 131, 1);
    position: relative;
    width: 120rem;
    height: 18.375rem;
    margin-bottom: 85.4375rem;
}

.group_24 {
    height: 3.6875rem;
    width: 3.875rem;
    margin: 5.625rem 0 0 8.3125rem;
}

.block_5 {
    width: 1.75rem;
    height: 3.5625rem;
    margin: 0.1875rem 0 0 -1.3125rem;
}

.group_67 {
    width: 1.6875rem;
    height: 3.4375rem;
    margin: 5.8125rem 0 0 1.0625rem;
}

.group_26 {
    width: 1.625rem;
    height: 1.4375rem;
}

.group_27 {
    width: 1.6875rem;
    height: 1.4375rem;
    margin-top: 0.5625rem;
}

.group_68 {
    width: 3.5625rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.box_50 {
    width: 3.5rem;
    height: 1.375rem;
    margin-left: 0.0625rem;
}

.block_6 {
    width: 1.75rem;
    height: 1.375rem;
}

.block_7 {
    width: 1.6875rem;
    height: 1.375rem;
}

.box_51 {
    width: 3.5625rem;
    height: 1.4375rem;
    margin-top: 0.625rem;
}

.box_33 {
    width: 1.75rem;
    height: 1.375rem;
}

.box_34 {
    width: 1.8125rem;
    height: 1.4375rem;
}

.group_69 {
    width: 1.6875rem;
    height: 2.875rem;
    margin: 6.3125rem 0 0 0.0625rem;
}

.box_35 {
    width: 1.625rem;
    height: 0.25rem;
}

.box_36 {
    width: 1.6875rem;
    height: 1.375rem;
    margin-top: 1.25rem;
}

.group_70 {
    width: 1.8125rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.group_33 {
    width: 1.8125rem;
    height: 1.375rem;
}

.group_34 {
    width: 1.75rem;
    height: 1.375rem;
    margin: 0.6875rem 0 0 0.0625rem;
}

.group_71 {
    width: 1.75rem;
    height: 3.4375rem;
    margin-top: 5.8125rem;
}

.block_8 {
    width: 1.75rem;
    height: 1.4375rem;
}

.block_9 {
    width: 1.75rem;
    height: 1.4375rem;
    margin-top: 0.5625rem;
}

.group_36 {
    width: 1.6875rem;
    height: 1.375rem;
    margin: 7.8125rem 0 0 0.0625rem;
}

.group_37 {
    width: 1.5625rem;
    height: 1.375rem;
    margin: 7.8125rem 0 0 0.125rem;
}

.text-group_30 {
    width: 4.5rem;
    height: 9.75rem;
    margin: 2.25rem 0 0 10.3125rem;
}

.text_38 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
}

.paragraph_14 {
    width: 4rem;
    height: 7.5rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin-top: 0.375rem;
}

.group_72 {
    position: relative;
    width: 44.8125rem;
    height: 15.0625rem;
    margin: 2.25rem 0 0 5.25rem;
}

.text-group_31 {
    width: 22rem;
    height: 8.25rem;
    margin-left: 22.8125rem;
}

.text_39 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
}

.text_40 {
    width: 22rem;
    height: 6rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin-top: 0.375rem;
}

.text-group_32 {
    position: absolute;
    left: 0;
    top: 0;
    width: 25.4375rem;
    height: 15.0625rem;
}

.text_41 {
    width: 4.5rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.125rem;
    font-family: Almarai-ExtraBold;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 1.875rem;
    margin-left: 3.5rem;
}

.text_42 {
    width: 14rem;
    height: 7.5rem;
    overflow-wrap: break-word;
    color: rgba(132, 158, 196, 1);
    font-size: 1rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.5rem;
    margin: 0.375rem 0 0 3.5rem;
}

.text_43 {
    width: 25.4375rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(176, 176, 176, 1);
    font-size: 0.875rem;
    font-family: Actor-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 1.875rem;
    margin-top: 3.4375rem;
}

.group_73 {
    width: 8rem;
    height: 10.125rem;
    margin: 2.875rem 9.5rem 0 10.375rem;
}

.box_37 {
    width: 8rem;
    height: 7.5rem;
}

.text_44 {
    width: 4.375rem;
    height: 1.875rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.875rem;
    font-family: Almarai-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 1.875rem;
    margin: 0.75rem 0 0 1.8125rem;
}

.section_36 {
    position: absolute;
    left: 7rem;
    top: 5.625rem;
    width: 20.1875rem;
    height: 3.6875rem;
}
.tab-tilte{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:calc(10 * 100vw / var(--type-design-width, 1920)) calc(10 * 100vw / var(--type-design-width, 1920)) calc(10 * 100vw / var(--type-design-width, 1920)) 0;
    box-sizing: border-box;
    
}
.notice_top_title{    
    color: #1C4F98;
    font-size:calc(32 * 100vw / var(--type-design-width, 1920));
    font-family: Inter-SemiBold, 'Inter', system-ui, sans-serif;  
    line-height:1,      
}
.notice_top_more{
    font-size: calc(24 * 100vw / var(--type-design-width, 1920));
    color: #466ea6;
    line-height:1,  
}
.tab-content div {
    float: left;
    width: 25%;
    line-height: 6.25rem;
    text-align: center;
}
.pic_li{
    width: 24rem;
    height: 33.3125rem;
    background: #fff;
    list-style: none;
    .hed{
        width: 100%;
        height: 16.875rem;
        margin: 0 !important;
    }
    .title1{
        font-family: Inter, Inter;
        font-weight: 500;
        font-size: 1.5625rem;
        color: #1C4F98;
        text-align: left;
        font-style: normal;
        text-transform: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;

    box-sizing: border-box;
    padding: 2rem 2rem 0 2rem;
    }
    .text{
        margin-top: 1.388rem;
        font-family: Inter, Inter;
        font-weight: 500;
        font-size: 1.1458rem;
        color: #666666;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-left: 2rem;
        padding:0!important;
        
    }
}
.wmgj_box{
    width: 19.2rem;
    height: 23.1875rem;
    position: relative;
    .wmgj_box_img{
        width: 12.625rem;
        height: 12.625rem;
        position: absolute;
        top: 0;
        left: 3.5625rem;
        z-index: 90;
    }
    .wmgj_box_bg{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .wmgj_box_text{
        font-size: 1.875rem;
        color: #262626;
        position: absolute;
        bottom: 4.6875rem;
        left: 0;
    }
}


/* ========== 遮罩层 ========== */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* 黑色透明 */
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    
    opacity: 0;
    transform: translateY(-100%);
    
   
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    z-index: 91;
}

/* ========== 列表 ========== */
.slide-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 80%;
}

.slide-list li {
    color: #fff;
    /* height: 1.875rem; */
    /* line-height: 1.875rem; */
    font-size: .875rem;
    padding: .58rem 0;
    line-height: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    
  
    opacity: 0;
    transform: translateY(-30px);
    

    transition: all 0.4s ease;
}
.slide-list li:hover {
    background: #409EFF;
}


.slide-list li:nth-child(1) { transition-delay: 0.1s; }
.slide-list li:nth-child(2) { transition-delay: 0.2s; }
.slide-list li:nth-child(3) { transition-delay: 0.3s; }
.slide-list li:nth-child(4) { transition-delay: 0.4s; }
.slide-list li:nth-child(5) { transition-delay: 0.5s; }


.wmgj_box:hover .overlay {
    opacity: 1;
    transform: translateY(0);
}

.wmgj_box:hover .slide-list li {
    opacity: 1;
    transform: translateY(0); /* 列表项依次滑入 */
}

/* 可选：hover时隐藏原标题 */
.wmgj_box:hover .wmgj_box-title {
    opacity: 0;
}
.overlay {
    /* 遮罩原地淡入 */
    opacity: 0;
    transform: none; /* 去掉 translateY */
    transition: opacity 0.4s ease;
}

.slide-list {
    /* 列表整体初始在上方 */
    transform: translateY(-100%);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.wmgj_box:hover .overlay {
    opacity: 1;
}

.wmgj_box:hover .slide-list {
    transform: translateY(0); /* 列表整体滑下 */
}
.pic_banner .el-carousel__container{
    width: 84%;
    height: 34.75rem !important;
}
.pic_banner .el-carousel__arrow--left{
    left: -2.5% !important;
}
.pic_banner .el-carousel--horizontal{
    overflow-x: visible !important;
}
.pic_banner .el-carousel__arrow--right{
    right: -2% !important;
}

        /* 列表区域 */
        .scroll-list-wrapper {
            height: calc(100% - 30px);
            overflow: hidden;
            position: relative;
        }

        .scroll-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .scroll-list li {
            border-bottom: 1px solid #f0f0f0;
            font-size: 14px;
            color: #333;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: background 0.2s;
        }

        /* 图标装饰 */
        .list-icon {
            width: 8px;
            height: 8px;
            background: linear-gradient(135deg, #667eea, #764ba2);
            border-radius: 50%;
            display: inline-block;
        }

        .list-text {
            flex: 1;
        }

        .list-time {
            color: #999;
            font-size: 12px;
        }

        /* 控制按钮区域 */
        .controls {
            padding: 12px 20px;
            background: #f8f9fa;
            display: flex;
            gap: 12px;
            justify-content: center;
            border-top: 1px solid #e9ecef;
        }
        .btn-start {
            background: #667eea;
            color: white;
        }

        .btn-start:hover {
            background: #5a67d8;
            transform: translateY(-1px);
        }

        .btn-pause {
            background: #e9ecef;
            color: #495057;
        }

        .btn-pause:hover {
            background: #dee2e6;
        }