@charset "UTF-8";
    .sl{
    max-width: 1920px;
    background: url('../../../images/index/1-1.png') no-repeat center;
    background-size: 1920px;
    height: 650px;
    box-sizing: border-box;
    padding-top: 103px;
    position: relative;
}

zoomInDown animation {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    opacity: 1;
}

element.style {
    visibility: visible;
    animation-name: zoomInDown;
}

.s1_tip {
    width: 919px;
    height: 250px;
    margin: 68px auto 0;
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

.s1_tit {
    color: #ffffff;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
}

.container_row {
    width: 1100px;
    display: grid;
    background-color: aliceblue;
    grid-template-columns: repeat(6, 1fr); /* 3 列等宽 */
    gap: 10px; /* 间距 */
    margin: 0 auto; /* 水平居中关键代码！ */
}

.c_row {
    width: 100%; /* 改为 100%，否则会受 30% 影响 */
    height: 200px;
    padding: 20px;
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

.title {
    color: #333333;
    font-size: 55px;
    font-weight: bold;
    padding-bottom: 12px;
    /*border-bottom: 1px solid #3c71cb;*/
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
}

.tac {
    text-align: center;
}

.col1 {
    display: inline-block;
    vertical-align: top;
    font-size: 55px;
}

.title span {
    color: #2b45b4;
}

.s6_tab {
    position: relative;
}

.s6tab_item_tit {
    width: 140px;
    height: 39px;
    background-color: rgb(60, 113, 203);
    font-size: 24px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 36px;
    margin-left: 24px;
    margin-top: 14px;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}

.s6tab_item_list {
    margin-left: 26px;
    margin-top: 14px;
    width: 961px;
}

.col {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.clearfix {
}

.s6_tab > h3 {
    color: rgb(60, 113, 203);
    font-size: 30px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 18px;
}

.s6_list {
    width: 1200px;
    background-color: #fff;
    box-shadow: 0px 0px 19px 2px rgba(150, 175, 217, 0.14);
    border-radius: 10px;
    padding-top: 33px;
    padding-bottom: 34px;
    margin: 52px auto 0;
}

    .s6_list > li {
        float: left;
        width: 327px;
        height: 290px;
        background-color: #e4f6ff;
        box-shadow: 0px 4px 0px 0px #3c71cb;
        border-radius: 0px 20px 0px 20px;
        margin-right: 79px;
    }

        .s6_list > li:first-child {
            margin-left: 31px;
        }

        .s6_list > li:last-child {
            margin-right: 0px;
        }

        .s6_list > li:nth-child(2) {
            box-shadow: 3px 2px 0px 0px #3c71cb;
        }

        .s6_list > li:nth-child(3) {
            box-shadow: 3px -2px 0px 0px #3c71cb;
        }

.s6list_tit {
    width: 328px;
    height: 65px;
    background-color: #3c71cb;
    color: #fffefe;
    font-size: 24px;
    border-radius: 0px 20px 0px 0px;
    box-sizing: border-box;
    padding-left: 40px;
    line-height: 65px;
}

    .s6list_tit > span {
        font-weight: bold;
    }

.s6list_p {
    color: #333333;
    width: 288px;
    margin: 20px auto 0;
    line-height: 35px;
}

.s6list_link {
    display: block;
    width: 222px;
    height: 50px;
    background-image: linear-gradient(-90deg, #f1c42d 0%, #ffa028 100%), linear-gradient(#000000, #000000);
    box-shadow: 0px 0px 8px 0px rgba(244, 190, 13, 0.52);
    border-radius: 25px;
    color: #333333;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    margin: 25px auto 0;
}

/* 增加选项卡间距 */
.tab-item {
    margin-right: 15px; /* 调整这个值可以改变间距大小 */
}

/* 首页选项卡样式 */
.home-tab {
    color: #fff !important;
    background-color: #3498db !important;
    border-color: #2980b9 !important;
    border-bottom-color: transparent !important;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    margin-bottom: -1px; /* 确保与内容边框连接 */
    border-width: 5px;
}

    .home-tab:hover {
        background-color: #2980b9 !important;
    }

.home-content {
    border: 5px solid #3498db;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    background-color: #f8f9fa;
}

/* 菜单1选项卡样式 */
.menu1-tab {
    color: #fff !important;
    background-color: #2ecc71 !important;
    border-color: #27ae60 !important;
    border-bottom-color: transparent !important;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    margin-bottom: -1px;
    border-width: 5px;
}

    .menu1-tab:hover {
        background-color: #27ae60 !important;
    }

.menu1-content {
    border: 5px solid #2ecc71;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    background-color: #f8f9fa;
}

/* 菜单2选项卡样式 */
.menu2-tab {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: #c0392b !important;
    border-bottom-color: transparent !important;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    margin-bottom: -1px;
    border-width: 5px;
}

    .menu2-tab:hover {
        background-color: #c0392b !important;
    }

.menu2-content {
    border: 5px solid #e74c3c;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    background-color: #f8f9fa;
}

/* 活动选项卡样式覆盖 */
.nav-tabs .nav-link.active {
    color: #fff !important;
}

/* 导航标签容器样式 */
.nav-tabs {
    border-bottom: 2px solid #dee2e6; /* 添加底部边框作为基准线 */
    padding-left: 0;
}

/* 选项卡内容区域通用样式 */
.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}