html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


@media (max-width: 767px) {
    .navbar {
        height: auto;
        padding: 10px 0;
        background-color: rgba(255, 255, 255, 0.95) !important;
    }

    .navbar-nav {
        margin-left: 0 !important;
        width: 100% !important;
        flex-direction: column;
    }

    .nav-item {
        width: 100% !important;
        text-align: center;
        border-bottom: 1px solid #eee;
    }

        .nav-item.dropdown:hover .dropdown-menu {
            position: static !important;
            width: 100% !important;
            border: none;
            box-shadow: none;
        }

    .dropdown-menu {
        background-color: #f8f9fa !important;
    }

    .dropdown-item {
        font-size: 14px !important;
        padding: 8px 15px;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    .navbar-toggler {
        transition: all 0.3s ease;
    }

        .navbar-toggler[aria-expanded="true"] {
            transform: rotate(90deg);
        }

    .navbar-brand img {
        max-height: 40px;
        margin-left: 15px;
    }
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


@media (max-width: 767px) {
    .static-image,
    .swiper-container {
        height: 250px !important;
    }
    .swiper-slide img {
        object-fit: cover;
        height: 100%;
    }
    .static-image img {
        object-fit: cover;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .footer {
        text-align: center;
    }

    .content-container .nav-item {
        width: 50%;
        margin-bottom: 15px;
    }

        .content-container .nav-item::after {
            display: none;
        }

    .comp-container .row {
        flex-direction: column;
    }

    .sub-item {
        margin-bottom: 20px;
    }

    .sub-img {
        flex-direction: column !important;
        align-items: center !important;
    }

        .sub-img p {
            margin-left: 0 !important;
            font-size: 14px !important;
            text-align: center;
        }

    .slogan-p {
        text-align: center !important;
        padding: 10px;
    }

    .slogan-img {
        max-width: 80px;
        margin: 0 auto;
    }

    .last-custom-container {
        height: auto !important;
        padding: 15px;
        font-size: 12px;
    }

    .ny-bt {
        margin-left: 15px;
    }

        .ny-bt h1 {
            font-size: 14px !important;
        }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

.navbar {
    display: flex;
    background: #fff;
    z-index: 9999;
    width: 100%;
    height: 65px;
    z-index: 999;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7) !important;
    padding:0;
}



    .navbar .navbar-collapse {
        margin: 0px;
        padding: 0;
        height: 65px;
    }


    .navbar .navbar-nav {
        list-style: none;
        display: flex;
        border: none;
        width: 75%;
        margin-left: 80px;
        height: 100%;
    }

    .navbar .navbar-brand{
        padding:0;
    }


    .navbar .navbar-nav .nav-item {
        width: 100%;
        position: relative;
    }

        .navbar .navbar-nav .nav-item a {
            text-decoration: none;
            color: #00338D !important;
            font-size: 20px;
            display: flex;
            justify-content: center;
            height:100%;
            align-items:center;
        }



/* 下拉箭头 */
.navbar-nav .arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    padding: 3px;
    position: absolute;
    /* vertical-align: middle; */
    margin-left: 1px;
    margin-top: -38px;
    left: 123px;
}


/* 隐藏所有下拉菜单 */
.dropdown-menu {
    display: none !important;
}


/* 鼠标悬停时显示下拉菜单 */
 .navbar-nav .nav-item :hover {
    background-color: white;
    border-bottom: solid;
}

/* 鼠标悬停时显示下拉菜单 */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block !important;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 0.5rem;
    background-color: white;
    z-index: 1000;
    margin-top: 1px;
}

/* 鼠标悬停时显示下拉菜单 */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
    display: block !important;
    font-size:16px;
}

/* 鼠标悬停时显示下拉菜单 */
.navbar-nav .nav-item.dropdown:hover {
    background-color: white;
    border-bottom: solid;
}


/* 鼠标悬停时下拉箭头反转 */
    .navbar-nav .nav-item.dropdown:hover .down {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: -35px;
    }



/*.navbar-nav .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}*/

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}




.swiper-container {
    overflow: hidden;
    position: relative; /* 保证swiper-pagination相对于swiper-container定位 */
    width: 100%;
    height: 750px;
}


.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background: #333;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.static-image {
    overflow: hidden;
    position: relative; /* 保证swiper-pagination相对于swiper-container定位 */
    width: 100%;
    height: 500px;
}


.swiper-pagination {
    position: absolute; /* 确保分页器绝对定位在容器内 */
    bottom: 10px; /* 将分页器定位到容器底部，调整此值来控制距离 */
    left: 0;
    width: 100%;
    text-align: center; /* 居中分页器 */
    z-index: 10; /* 确保分页器在其他内容上方 */
}

.footer{
    position:relative !important;
}


.footer .custom-container {
    background: linear-gradient(90deg, #5F46F7, #9043F8);
    height:9px;
}

    .footer .content-container {
        text-align: center;
        justify-content: center;
        display: flex;
    }


    .footer .footer-nav-link {
        display: block;
        padding: .5rem 1rem;
        color: #00338D !important;
        line-height: normal;
        text-decoration: none;
    }
    .footer .content-container .nav-item {
        position: relative;
    }

    .footer .content-container .nav-item::after {
        content: "";
        position: absolute;
        top: 15px;
        right: 0;
        height: 50%;
        width: 2px;
        background-color: blue; /* 竖线的颜色 */
    }

        .footer .content-container .nav-item:last-child::after {
            display: none; /* 不在最后一个元素之后显示竖线 */
        }


 .footer .line-style {
    border: none; /* 去掉默认边框 */
    border-top: 3px solid blue; /* 设置线段的颜色和宽度 */
    width: 80%; /* 设置线段的宽度 */
    margin: 20px auto; /* 设置上下外边距和居中对齐 */
    opacity:1;
}

    .footer .last-custom-container {
        background: linear-gradient(90deg, #5F46F7, #9043F8);
        height: 60px;
        text-align:center;
        color:#fff;
    }


    .footer .comp-container .nav-item .sub-item {
        line-height: normal;

        color: #00338D;
        border-radius:10px;
    }


    .footer .comp-container .nav-item .sub-img p {
        margin-left: 20px;
        font-size:20px;
    }

    .footer .comp-container .nav-item .sub-img .slogan-p p {
        margin-left: 20px;
        font-size: 12px !important;
        text-align:left;
        margin:0;
        color:white;
        font-weight:bold;
    }

    .footer .comp-container .nav-item .sub-img .slogan-img {
        background-color:white;
    }

    .footer .comp-container .nav-item .sub-img .slogan-img img {
        width: 100%;
        height: 100%;

    }

.container-title h1{
    color:blue;
    font-weight:bold !important;
}

.container-title h3 {
    color: blue;
    font-weight: bold !important;
}

.container-p-content p {
    margin: 1rem 0px;
    color: black;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.8;
}
.container-p-slogan {
    background: linear-gradient(90deg, #9043F8,#5F46F7);
    height: 50px;
    text-align: left;
    color: #fff;
    align-content: center;
}

    .container-p-slogan p {
        margin:  0px;
        color: #fff;
        font-size: 20px;
    }

.fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.ny-bt {
    margin-left:100px;
}

    .ny-bt .cent {
        position: relative;
    }

    .ny-bt h1 i {
        margin-right: 5px;
        vertical-align: bottom;
    }

    .ny-bt h1, .ny-bt h1 a {
        font-size: 18px;
        margin:0;
    }
        .ny-bt h1 a:last-child {
            color: #74CCF0;
        }

/* 在现有CSS中添加 */
.last-custom-container {
    line-height: 1.5;
    padding: 15px 0;
}

    .last-custom-container .container {
        word-wrap: break-word;
        white-space: normal;
        max-width: 100%;
    }

    .last-custom-container a {
        display: inline-block; /* 让备案号可以独立换行 */
        margin-top: 5px;
        text-decoration:unset;
    }

/* 移动端适配 */
@media (max-width: 767px) {
    .last-custom-container {
        font-size: 12px;
        padding: 10px 15px;
    }

        .last-custom-container .container {
            text-align: left;
        }

        .last-custom-container br {
            display: inline; /* 确保自然换行 */
        }

        .last-custom-container a {
            margin-top: 3px;
            word-break: break-all; /* 长数字强制换行 */
        }
}

.wanganbeian {
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: middle;
    margin-top: -3px;
}