/* css/style.css */
body {

    color: #333;
    background-color: #fff;
    margin: 0;
    padding: 0;
}
*{font-family: 'Open Sans', sans-serif;}
a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}
.person-position{min-height:24px;}
a:hover {
    color: #0056b3;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.text-primary-custom { color: #0056b3; }
.bg-primary-custom { background-color: #0056b3; }

/* Top Bar */
.top-bar {
    background-color: #f8f9fa;
    color: #666;
    font-size: 15px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.top-bar a {
    color: #666;
    
}
.top-bar a:hover {
    color: #0056b3;
}
.container-box{max-width: 1400px;margin:0 auto}
.nav-box{
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.flex-row-sbetween-center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/* Header */
.header-wrapper {
    padding: 25px 0;
}
.logo-container {
    display: flex;
    align-items: center;
}
.logo-icon {
    width: 80px;
    height: 80px;
    margin-right: 15px;
}
.logo-text h1 {
    font-size: 36px;
    color: #003366;
    margin: 0 0 5px 0;
    font-weight: bold;
    letter-spacing: 1px;
}
.logo-text p {
    font-size:13px;
    color: #999;
    margin: 0;
    text-transform: uppercase;
}
.search-form {
    max-width: 350px;
    margin-left: auto;
    border-radius: 8px;
    border: 1px solid #d8d8d8;
}
.search-form .form-control {


}
.search-form .form-control:focus {
    box-shadow: none;
    border-color: #004494;
}
.search-form .btn {
        color: white;
    border:none;
    border-radius: 8px!important;
    padding: 0 20px;
    background: linear-gradient(to right, #1d6db4, #50b0e2);
}
.search-form .btn:hover {
    background-color: #004494;
    color: white;
}

/* Navigation */
.navbar-custom {
    background-color: #0056b3;
    padding: 0;
}
.navbar-toggler:focus{box-shadow: none !important}
.navbar-custom .nav-link {
    color: white !important;
    font-size: 1.1rem;
    padding: 15px 15px !important;
}
.xhjj p{margin: 0;}
@media (min-width: 992px) {
    
    .navbar-collapse {
        display: flex !important;
    }
    .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
.navbar-custom .nav-item:hover, .navbar-custom .nav-item.active {
    background-color: #004494;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
.dropdown-menu-custom {
    border-radius: 0;
    border: none;
    background-color: #004494;
    padding: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.dropdown-menu-custom .dropdown-item {
    color: white;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.dropdown-menu-custom .dropdown-item:last-child {
    border-bottom: none;
}
.dropdown-menu-custom .dropdown-item:hover {
    background-color: #003377;
    color: white;
}

/* Banner */
.hero-swiper {
    width: 100%;
}

.hero-swiper img{width: 100%;height: auto}
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s;
}
.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
    color: white;
}
.hero-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
}
.hero-swiper .swiper-pagination-bullet-active {
    background: white;
}

/* Latest News Bar */



.newsbar-box{width: 100%;background: url("../images/notice-bg.jpg") no-repeat center top;height: 109px;}
.newsbar-info{display: flex;justify-content: space-between;align-items: center;max-width: 1400px;margin:0 auto}
.newsbar-left{width: 20%;
        font-weight: 700;color: #fff;height: 109px;font-size: 1.6rem;display: flex;align-items: center;
    }

.newsbar-right{width: 75%; }
.newsbar-right h2{font-size:1.4rem;line-height: 1.5;color: #333;font-weight: 700;
            overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newsbar-right  .summary{font-size: .95rem;line-height: 1.5;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.first-screen{margin:60px auto}





/* Common Components */
.section-box {
    background: #FFFFFF;
    box-shadow: 0px 3px 7px 0px rgba(158,158,158,0.19);
    border-radius: 10px;
    padding: 20px;
}

.section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Tab Section Styles */
.tab-section-box {
    background: #FFFFFF;
    box-shadow: 0px 3px 7px 0px rgba(158,158,158,0.19);
    border-radius: 10px;
    padding:0;
}

.tab-header-wrapper {
    background: #EEF9FF;
    border-radius: 8px;
    /* padding: 10px; */
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-buttons-group {
    display: flex;
    gap: 10px;
}

.tab-btn {
    width: 100px;
    height: 45px;
    background: #ECECEC;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.125rem;
    color: #333333;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-btn.active {
    background: #0B68C6;
    color: #FFFFFF;
}

.tab-btn:hover {
    opacity: 0.9;
}

.tab-content-wrapper {
    display: none;
}

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

/* .tab-more-link {
    font-size: 0.8125rem;
    color: #999;
    padding-right: 10px;
}

/* Branch Organization Header */
.branch-header {
    background: #ECECEC;
    border-radius: 8px;
    /* padding: 15px 20px; */
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.branch-title {
    font-weight: bold;
    font-size:24px;
    color: #FFFFFF;
    margin: 0;
    background-image: url(../images/t-bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size:100%;
    padding: 0px 40px 0px 20px;
   width: 80%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 3;
}

.branch-header .more-link {
    font-size:14px;
    color: #555;
    padding-right: 20px;
    flex-shrink: 0;
}

.tab-more-link {
    font-size: 0.8rem;
    color: #575757;
    text-align: right;
    display: block;
}


.more-link {

    font-size: 0.8125rem;
    color: #999;
}
.news-listdj{padding: 20px;}
.news-list li {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-list li:last-child {
    border-bottom: none;
}
.news-list li a {
    font-size: 16px;line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75%;
}
.news-list li a::before {
    /* content: "•"; */
    color: #0056b3;
    font-size: 1.125rem;
    margin-right: 10px;
    vertical-align: middle;
}
.news-list li span {
    color: #999;
    font-size: 15px;
}
.text-muted{font-size:16px;line-height:1.8;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
    /* 活动通知列表特殊样式 */
.activity-notice-list li {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
}
.activity-notice-list li:last-child {
    border-bottom: none;
}
.activity-notice-list .notice-title {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    line-height:2;
}
.activity-notice-list .notice-title::before {
    display: none;
}
.activity-notice-list .notice-title:hover {
    color: #0056b3;
}
.activity-notice-list .notice-meta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 15px;
}
.activity-notice-list .download-btn {
    background-color: #2177E4;
    color: white;
    font-size: 0.875rem;
    text-decoration: none;
    padding: 4px 20px;
    border-radius: 4px;
    transition: all 0.3s;
    border-radius: 20px;
}
.activity-notice-list .download-btn:hover {
    background-color: #0056b3;
    color: white;
}
.activity-notice-list .notice-date {
    color: #999;
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
    gap: 4px;
}
.activity-notice-list .notice-date i {
    font-size: 0.875rem;
}

.hot-left{background: #f4f4f4;overflow: hidden;border-radius: 8px}
/* Image Article Card */
.img-article {
    position: relative;
    margin-bottom: 15px;
    border-radius: 10px;
}
.img-article img {
    width: 100%;aspect-ratio:5/3.2;
    object-fit: cover;
    border-radius:10px;

}
.img-article .date-box {
    position: absolute;
    bottom:0;
    background: linear-gradient(to right,#0262b9,#257bea);
    left: 0;
    color: white;
    text-align: center;
    padding: 12px 20px;
    border-radius: 10px;
}
.img-article .date-box .year {
    display: block;
    font-size:18px;
}
.img-article .date-box .day {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-top: 2px;
}
.img-article-content {
    width: 90%;
    margin:10px auto 20px;
}
.img-article-title {
    font-size: 20px;line-height: 1.8;
    font-weight: bold;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.img-article-desc {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.img-article2 {
    position: relative;
    margin-bottom: 15px;
    background: #c3c3c3;
    border-radius: 10px;
}
.img-article2 img {
    width: 100%;aspect-ratio:5/3.2;
    object-fit: cover;
    border-radius:10px;

}
.img-article2 .date-box {
    position: absolute;
    bottom:0;
    background: linear-gradient(92deg, rgba(0, 96, 182, 0.87), rgba(40, 125, 238, 0.87));
    left: 0;
    width: 100%;
    color: white;
    padding: 20px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.img-article2 .date-box .date-info {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.img-article2 .date-box .year {
    display: block;
    font-size: 18px;text-align: right;
}
.img-article2 .date-box .day {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-top: 2px;
}
.img-article2 .date-box .date-title {
    font-weight: bold;
    font-size: 18px;line-height: 1.8;
    color: #F1F1F1;
    text-align: left;
    flex: 1;
    margin-left: 20px;
}


/*活动新闻*/
.active-box{width: 92%;margin:0 auto;margin-top: 16px;}
.active-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    display: inline;background: linear-gradient(to right,#0161b8,#257bea);
    color: #fff;padding: 12px 60px;border-radius: 10px;
}
.active-rec{margin:10px auto}
.active-rec h2{font-size:1.4rem;line-height: 1.5;color: #333;font-weight: 700;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.active-rec article{font-size: 0.95rem;line-height: 1.8;
    color: #666;  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-bottom: dashed 1px #dedede;
}

/* Announcement Box */
.announcement-box {
    background-color: #f0f7ff;
    padding: 20px 20px 0;
    height: 100%;
}
.announcement-box .section-heading {
    border-bottom: none;
}
.announcement-box .section-title {
    border-left: none;
    padding-left: 0;font-size: 24px;font-weight: bold;;
}
.announcement-box .news-list li {
    border-bottom: 1px dashed #cce0ff;
    flex-direction: column;
    align-items: flex-start;
}
.announcement-box .news-list li a {
    max-width: 100%;
    white-space: normal;
    font-size: 15px;overflow: hidden;;text-overflow: ellipsis;;white-space: nowrap;;
}
.announcement-box .news-list li a::before {
    display: none;
}
.announcement-box .news-list li span {
    margin-top: 5px;
    color: #888;
}

/* Solid Blue Header Sections (Row 2) */
.Row2-bg{
    width: 100%;
    background-color: #F2F3F8;
}
.blue-bg{
    width: 100%;
    height: 150px;
    background-image: url('../images/midbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.blue-header-section {
    padding-bottom: 40px;
    margin-top: -100px;
}
.blue-header {
    /* background-color: #0056b3; */
    color: white;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.blue-header h3 {
    font-size: 28px;
    margin: 0;
    font-weight: bold;
}
.blue-header a {
    color: white;
    font-size: 0.8125rem;
}
.blue-header a:hover {
    color: #e0e0e0;
}
.list-box{
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 7px 0px rgba(144,144,144,0.05);
}
.btn-org-list {
    background: linear-gradient(-90deg, #22DCFD, #1C91E2, #5865B9);
    color: white;
    border: none;
    padding: 12px 20px;
    width: 100%;
    border-radius: 10px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 1.75rem;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.btn-org-list span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-org-icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.btn-org-list:hover {
    color: white;
    opacity: 0.9;
}
.toplist{
    margin-top: 10px;align-items: center;

}
.party-article{
    width: 100%;
    background-color: #eeeeee;
    border-radius: 10px;overflow: hidden;;
}
.party-article img {
    width: 100%;
   aspect-ratio: calc(6/4);
    object-fit: cover;
}
.party-article-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height: 2;
}
.party-article-desc {
    color: #666;
    font-size: 15px;
    line-height: 1.6;display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.party-divider {
    border: none;
    border-top: 1px solid #9e9e9e;
    margin: 20px 0;
}

/* Tabs Section */
.custom-tabs {
    background: #EEF9FF;
    border-radius: 10px;
    border-bottom: none;
}
.custom-tabs .nav-link {
    border: none;
    border-radius: 10px;
    color: #222222;
    background: #EFEFEF;
    padding: 12px 80px;
    font-size:24px;
    font-weight: bold;
    font-family: Microsoft YaHei;
    margin-right: 5px;
}
.custom-tabs .nav-link.active {
    background: #0362BA;
    border-radius: 10px;
    color: #FFFFFF;
}

/* Member Showcase */
.member-showcase {
    padding: 50px 0;
    position: relative;
    margin-top: 40px;
}
.member-showcase::before {
    content: '';
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 70%;
    /* background-color: #f8f9fa; */
    z-index: -1;
}
.member-showcase .section-title {
    justify-content: center;
    border-left: none;font-size: 24px;
}
.member-showcase .section-title-wrap {

}
/* .member-showcase .section-title-wrap::before {
    content: '';
    border-left: 5px solid #0056b3;
    margin-right: 12px;
    height: 22px;
} */
@media (min-width: 768px) {

    .member-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        width: 100%;
    }
    .member-grid1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
        width: 100%;
    }
}
.member-card {
    background: #FFFFFF;

    border-radius: 10px;
    overflow: visible;
    box-shadow:5px 3px 7px 5px rgb(227 227 227 / 16%);

    transition: transform 0.3s;
    margin-top: 60px;display: flex;;justify-content: space-between;overflow: hidden;;
}
.member-card1 {
    background: #FFFFFF;

    border-radius: 10px;
    overflow: visible;
    box-shadow:5px 3px 7px 5px rgb(227 227 227 / 16%);

    transition: transform 0.3s;
    margin-top: 60px;
}
.member-header{font-size: 20px;line-height: 3;color: #333;font-weight: bold;}
.member-fz{font-size: 16px;line-height: 2;background: #328ddc;border-radius: 50px;color: #fff;padding: 0 10px;display: inline-block;}
.member-meta{font-size: 16px;line-height: 2;color: #555;}
.member-grid1 .member-photo-wrap{width: 20%}
.member-grid .member-photo-wrap{width: 30%}
.member-grid .member-detail{width: 70%;padding:15px 20px;}
.member-grid1 .member-detail{padding: 20px;width: 80%}
.member-photo-wrap img{width: 100%;aspect-ratio: 6/8;object-fit: cover}
.member-card:hover {
    transform: translateY(-5px);
}
.member-bg {
    /* background-color: #f0f7ff; */
    /* padding: 30px 0 0; */
    position: relative;
    border-radius: 10px 10px 0 0;
}
.doctor-detail-content img{max-width: 100%;height: auto}
.member-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: white;
    border-radius: 50% 50% 0 0;
}
.txx{display: inline-block;overflow: hidden;}
.txx img{width: 100%;aspect-ratio: calc(1/1);object-fit: cover}
.member-avatar {
    width: 185px;
    height: 185px;
    border-radius: 50%;
    /* background: linear-gradient(92deg, #0060B6, #287DEE); */
    border: 5px solid #FFFFFF;
    margin-top: -60px;
    margin-bottom: 20px;margin-left: 20%;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.member-info {
    padding: 0 20px 20px;
}
.member-name {
    width: 100%;
    background: linear-gradient(92deg, #0060B6, #287DEE);
    border-radius: 10px;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    font-size: 22px;
  line-height: 50px;

    position: relative;
    z-index: 2;
    margin-bottom: 15px;
}
.member-desc {
    font-size: 15px;
    color: #666;
    line-height: 2;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*biaodan*/
/* 核心表格样式 - 自适应核心 */
.table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.data-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    background: #fff;
}

.data-table th,
.data-table td {
    border: 1px solid #e5e6eb;
    padding: 12px 10px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.data-table th {
    background-color: #e8f3ff;
    font-weight: bold;
    color: #2d8cf0;
}

.data-table tr:nth-child(even) {
    background-color: #fafbfc;
}

.data-table tr:hover {
    background-color: #f0f7ff;
    transition: 0.2s;
}

.section-title {
    font-weight: bold;
    text-align: left !important;
    color: #333;font-size: 28px;margin: 0;
}
.data-table .section-title1 {
    background-color: #edf2f9 !important;
    font-weight: bold;
    text-align: left !important;
    padding-left: 20px !important;
    color: #333;
}
/* 底部按钮 */
.btn-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}

.btn {
    padding: 10px 25px;
    background: #2d8cf0;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.btn:hover {
    background: #1b74d0;
}

/* 响应式 */
@media (max-width: 768px) {
    .container {
        padding: 15px;
    }

    .main-title {
        font-size: 20px;
    }

    .data-table th,
    .data-table td {
        padding: 8px 5px;
        font-size: 12px;
    }
}

.carousel-btn {
    width: 40px;
    height: 40px;
    background-color: #0056b3;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    font-size: 1.25rem;
    border: none;
}
.carousel-btn.prev { left: 0; }
.carousel-btn.next { right: 0; }
.carousel-btn:hover { background-color: #004494; }
.carousel-btn.swiper-button-disabled {
    opacity: 0.8 !important;
    cursor: default;
}

/* Member Showcase 特定的箭头位置 */
.member-showcase .carousel-btn.prev {
    left: 10px; /* 箭头在容器内部左侧 */
}
.member-showcase .carousel-btn.next {
    right: 10px; /* 箭头在容器内部右侧 */
}

/* Member Swiper Container */
.member-swiper {
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 50px 60px 0; /* 为箭头留出空间 */
}
.member-swiper .swiper-wrapper {
    align-items: stretch;
}
.member-swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

/* View More Button */
.btn-view-more {
    width: 139px;
    height: 43px;
    background: #0362BA;
    border-radius: 5px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.3s;
}
.btn-view-more:hover {
    background: #024a8f;
    color: #FFFFFF;
}

/* Download / Member App */
.btn-member-app {
    background-color: #0099ff;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
    box-shadow: 0 4px 10px rgba(0, 153, 255, 0.3);
    text-decoration: none;
}
.btn-member-app i {
    font-size: 2.1875rem;
    margin-right: 15px;
}
.btn-member-app .member-icon {

    margin-right: 15px;
    object-fit: contain;
}
.btn-member-app .text-wrap {
    text-align: left;
    line-height: 1.2;
}
.btn-member-app .cn {
    font-size: 28px;
    font-weight: bold;
    display: block;
}
.btn-member-app .en {
    font-size: 0.75rem;
    font-weight: normal;
}
.btn-member-app:hover {
    color: white;
    opacity: 0.9;
}

/* Footer */
.footer {
    background-color: #0055A4;
    color: #b3c6d9;
    padding: 50px 0 20px;
    margin-top: 50px;
}
.footer h4 {
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer-logo-title {
    color: white;
    font-size: 36px;
    font-weight: bold;
    margin: 0;
}
.footer-logo-sub {
    font-size: 12px;line-height: 2;
    margin-bottom: 20px;
}
.footer-contact{
    margin-bottom: 10px;
    font-size: 16px;line-height: 2;color: #fff;
}
.dpcu{width: 13%;}
.footer-contact i {
    margin-right: 10px;
    font-size: 1rem;
}
.footer-links li {
    margin-bottom: 12px;
}
.footer-links a {
    color: #d6e0e9;
    font-size: 15px;
}
.footer-links a:hover {
    color: white;
    padding-left: 5px;
}
.qr-code {
    background: white;
    padding: 5px;
    width: 100px;
    height: 100px;
}
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
}
.Row4-bg{
    width: 100%;
    background-color: #F2F3F8;
}

@media (max-width: 1440px) {
.navbar-custom .nav-link {
    color: white;
    font-size: 1rem;
    padding: 15px 10px !important;
}
}
@media (max-width: 991px) {
    .search-form {
    max-width: 350px;
    margin-left: auto;
    border-radius: 8px;
    border:none!important;
}
    .container-box { width: 100%; box-sizing: border-box; padding: 0 15px; }

    .top-bar {
        background-color: #EEF9FF;
        border-bottom: none;
    }
    .top-auth {
        font-size: 1.1rem;
        color: #555;
    }
    .top-auth a {
        color: #555;
        margin: 0;
    }

    .header-wrapper {
        padding: 15px 0;
    }
    .logo-container {
        justify-content: center;
    }
    .logo-icon {
        width: 50px;
        height: 50px;
    }
    .logo-text h1 {
        font-size: 1.3rem;
        margin-bottom: 2px;
    }
    .logo-text p {
        font-size: 0.6rem;
    }

    .navbar-custom {
        padding: 8px 0;
    }
    .mobile-search-container {
        max-width: 75%;
    }
    .mobile-search-group {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        overflow: hidden;
    }
    .mobile-search-group .form-control {
        background: transparent;
        border: none;
        color: white;
        height: 34px;
        padding-left: 15px;
        font-size: 0.9rem;
    }
    .mobile-search-group .form-control::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }
    .mobile-search-group .form-control:focus {
        background: transparent;
        box-shadow: none;
        color: white;
    }
    .mobile-search-group .btn {
        background: #1c92e3;
        color: white;
        border: none;
        padding: 0;
        width: 42px;
        height: 34px;
        border-radius: 0 30px 30px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        flex-shrink: 0;
    }

    .navbar-toggler-icon-custom {
        width: 44px;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
    .navbar-toggler-icon-custom span {
        display: block;
        width: 22px;
        height: 1.5px;
        background-color: white;
        transition: all 0.3s ease;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon-custom span:nth-child(1) {

        width: 24px;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon-custom span:nth-child(2) {
        width: 24px;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon-custom span:nth-child(3) {
        width: 24px;
    }

    .navbar-collapse {
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1050;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 0;
        transform: translateY(-10px);
        visibility: hidden;
    }
    .navbar-collapse.show {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
    /* Override Bootstrap collapse for absolute menu */
    .navbar-collapse.collapsing {
        height: auto !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 0;
        transform: translateY(-10px);
        display: block;
        visibility: visible;
    }
    .navbar-nav {
        width: 100%;
        padding: 0;
    }
    .navbar-nav .nav-item {
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
        background-color: #fff;
    }
    .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }
    .navbar-nav .nav-item:hover, .navbar-nav .nav-item.active {
        background-color: #fafafa !important;
    }
    .navbar-nav .nav-link {
        color: #444 !important;
        font-size: 1.15rem;
        padding: 16px 0 !important;
        text-align: center;
        width: 100%;
        font-weight: 400;
    }
    .navbar-nav .dropdown-toggle::after {
        display: none;
    }
    .dropdown-menu-custom {
        position: static;
        float: none;
        background-color: #fdfdfd;
        box-shadow: none;
        padding: 0;
        border-top: 1px solid #f2f2f2;
    }
    .dropdown-menu-custom .dropdown-item {
        text-align: center;
        padding: 12px 0;
        color: #666;
        border-bottom: 1px solid #f8f8f8;
    }
    .dropdown-menu-custom .dropdown-item:hover {
        background-color: #f5f5f5;
        color: #0056b3;
    }

    .newsbar-box { display: none; }
    .first-screen { margin: 10px auto; }

    .blue-header {
        background-color: #0056b3;
    }
    .blue-header h3 {
        color: white;
    }
    .blue-header a {
        color: white;
    }

    .footer .col-lg-2.col-md-4 {
        display: none;
    }
}

/* Friendly Links */
.friendly-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    padding: 20px 0;
}

.friendly-links a {
    color: #666;
    font-size: 0.9375rem;
    background-color: #fff;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.friendly-links a:hover {
    color: #0060B6;
    border-color: #0060B6;
    background-color: #f0f7ff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 96, 182, 0.15);
}
/*form*/
.input-group-new {
    display: flex;
    background: #f2f5f8;
    border-radius: 4px;
    padding: 5px 20px;
    align-items: center;
}

.input-group-new .icon {
    color: #999;
    font-size: 1.1rem;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.input-group-new .form-control {
    background: transparent;
    border: none;
    padding: 12px 0;
    font-size: 0.95rem;
    color: #333;
}

.input-group-new .form-control::placeholder {
    color: #aaa;
}

.input-group-new .form-control:focus {
    box-shadow: none;
    background: transparent;
}

.captcha-box {
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.captcha-box img {
    height: 54px;
    object-fit: cover;
}

.btn-submit {
    background-color: #2b4c8c;
    color: #fff;
    padding: 12px 60px;
    border-radius: 30px;
    font-size: 1.1rem;
    text-transform: lowercase;
    transition: var(--transition);
    border: none;
    margin-top: 10px;
}

.btn-submit:hover {
    background-color: #1a3a6c;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(43, 76, 140, 0.3);
}
.lxbdk{margin: 40px auto}