.home-body .banner{
    width: 100%;
}

.home-body #carousel-example-generic {
    width: 100%;
    height: 450px;
    overflow: hidden; 
}

.home-body .carousel-inner {
    height: 100%;
}

.home-body .carousel-inner .item {
    height: 100%;
}

.home-body .carousel-inner .item img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; 
}
.home-body .welcome-box{
    background-color: #fff;
}

.home-body .welcome-box .welcome-title {
    font-weight: bold;
}

.home-body .welcome-box .welcome-date-box {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.home-body .welcome-box .welcome-date-box .date-box {
    border: 1px solid #0f519d;
    background-color: #0f519d;
    border-radius: 0;
    padding: 5px 20px;
    color: #fff;
}

.home-body .welcome-box .welcome-date-box .date-title {
    font-size: 16px;
}

.home-body .welcome-box .welcome-date-box .date-time {
    font-size: 18px;
    font-weight: bold;
}

.home-body .call-for-papers-box {
    background-color: #e8e8e8;
}

.home-body .call-for-papers-box .custom-list {
    display: flex;
    flex-wrap: wrap; 
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
}

.home-body .call-for-papers-box .custom-list li {
    width: calc(33.33% - 10px);
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    list-style-type: disc;
    position: relative;
    left: 20px;
}

.home-body .custom-button-box {
    justify-content: end; /* 将内容推到右侧 */
    display: flex;
    flex-wrap: wrap; 
}

.home-body .custom-button-box .custom-button {
    width: 100%;
    max-width: calc(33.33% - 10px);
    background-color: #0f519d;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    right: 10px;
}

.home-body .submission-box .submission-download-box {
    display: flex; /* 设置为 Flexbox 容器 */
    justify-content: space-between; /* 每两个 div 之间的间隔自适应 */
    gap: 15%; /* 设置间隔（可选） */
    width: 100%; /* 容器宽度 */
}

.home-body .submission-box .submission-download-box .download-box {
    flex: 1; /* 每个 div 平分剩余空间 */
    text-align: left; /* 文字居中 */
}

.home-body .submission-box .submission-download-box .download-box .download-btn{
    background-color: #0f519d;
}

.home-body .submission-box .submission-download-box .custom-button {
    display: flex; /* 设置为 Flexbox 容器 */
    width: 100%; /* 宽度为 100% */
    height: 60px; /* 设置高度（根据需要调整） */
    background-color: #0f519d; /* 左侧背景颜色 */
    overflow: hidden; /* 隐藏超出部分 */
}

.home-body .submission-box .submission-download-box .custom-button-second {
    display: flex; /* 设置为 Flexbox 容器 */
    width: 100%; /* 宽度为 100% */
    height: 60px; /* 设置高度（根据需要调整） */
    background-color: #22838d; /* 左侧背景颜色 */
    overflow: hidden; /* 隐藏超出部分 */
}

.home-body .submission-box .submission-download-box .left-section {
    width: 80%; /* 左侧宽度为 80% */
    display: flex;
    flex-direction: column; /* 上下排列文案 */
    justify-content: center; /* 垂直居中 */
    padding: 0 10px; /* 左右内边距 */
    color: white; /* 文字颜色 */
}

.home-body .submission-box .submission-download-box .left-section-second {
    width: 80%; /* 左侧宽度为 80% */
    display: flex;
    flex-direction: column; /* 上下排列文案 */
    justify-content: center; /* 垂直居中 */
    padding: 0 10px; /* 左右内边距 */
    color: white; /* 文字颜色 */
}

.home-body .submission-box .submission-download-box .top-text {
    font-size: 14px; /* 上文案字体大小 */
}

.home-body .submission-box .submission-download-box .bottom-text {
    font-size: 16px; /* 下文按字体大小 */
    font-weight: bold; /* 上文案加粗 */

}

.home-body .submission-box .submission-download-box .right-section {
    width: 20%; /* 右侧宽度为 20% */
    background-color: #0b3d76; /* 右侧背景颜色 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 5px; /* 内边距 */
    aspect-ratio: 1 / 1; /* 长宽相等 */
}

.home-body .submission-box .submission-download-box .right-section img {
    max-width: 100%; /* 图片最大宽度 */
    max-height: 100%; /* 图片最大高度 */
    display: block; /* 防止图片底部有间隙 */
}

.home-body .submission-box .submission-download-box .right-section-second {
    width: 20%; /* 右侧宽度为 20% */
    background-color: #1a636a; /* 右侧背景颜色 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 5px; /* 内边距 */
    aspect-ratio: 1 / 1; /* 长宽相等 */
}

.home-body .submission-box .submission-download-box .right-section-second img {
    max-width: 100%; /* 图片最大宽度 */
    max-height: 100%; /* 图片最大高度 */
    display: block; /* 防止图片底部有间隙 */
}

.home-body .submission-box .submission-more-box {
    font-size: 20px;
    color: #0f519d;
    text-align: right;
    font-weight: bold;
}

.home-body .publication-box {
    background-color: #0f519d;
    color: #fff;
}

.home-body .publication-box .publication-content{
    display: flex;
    margin: 30px 0;
    font-size: 14px;
}

.home-body .publication-box .publication-content .publication-logo {
    padding-right: 30px;
    padding-left: 0;
}

.home-body .publication-box .publication-content img {
    width: 100%;
}

.home-body .publication-box .publication-notice {
    /* font-size: 14px; */
    color: #7aade9;
    margin-bottom: 30px;
}

.home-body .publication-box .custom-button-box {
    justify-content: end; /* 将内容推到右侧 */
    display: flex;
    flex-wrap: wrap; 
}

.home-body .publication-box .custom-button-box .custom-button {
    width: 100%;
    max-width: calc(33.33% - 10px);
    background-color: #fff;
    color: #0f519d;
    border: none;
    padding: 5px 20px;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    right: 10px;
}

.home-body .supported-box {
    background-color: #0b3d76;
    color: #fff;
    padding: 25px 0 70px 0;
}

.home-body .supported-box .supported-content {
    display: flex;
    justify-content: space-between; /* 图片之间的间隔相同 */
    align-items: center; /* 垂直居中对齐 */
}


.home-body .supported-box .supported-content img{
    height: 25px;
    width: auto;
    transition: transform 0.3s ease;
}

.home-body .supported-box .supported-content img:hover {
    transform: scale(1.1); /* 鼠标悬停时图片放大 */
}

.home-body .supported-box .supported-title {
    margin-bottom: 30px;
}