/* Banner with Overlay */
/* 首页与设计稿对齐：主背景色（1920 画布 group_2） */
body {
    background-color: #ecf4ff;
} 

/* 头部 */

.header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: url('../images/new/header-bg.png') no-repeat center;
    background-size: cover;
    margin: 0;
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.header-login {
    text-align: right;
    display: flex;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 17px;
    color: #FFFFFF;

}

.header-wel {
    color: white;
    text-align: right;
    padding-top: 0px;
    margin: 0;
    line-height: 24px;
    margin-right: 10px;
    font-size: 16px;
}

.navbar-links img {
    vertical-align: middle;
    margin: 0 5px;
    position: absolute;
    top: 30px;
    /* left: 36px; */
    right: -16px;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}

.menu-arrow {
    vertical-align: middle;
    margin: 0 5px;
    position: absolute;
    top: 30px;
    right: -16px;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}


.navbar-container {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    color: #fff;
    line-height: 80px;
    overflow: hidden;
    background: transparent;
}


.navbar-container-ul {
    display: flex;
    justify-content: space-between;
    width: 1400px;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

.navbar-container-ul li {
    width: 200px;
    text-align: center;
}

.navbar-container-ul li.is-active {
    /*border: none;*/
    /*position: relative;*/
    background: #61A2FE;
    font-weight: 600;
}

/*.navbar-container li.is-active::after {*/
/*    opacity: 1 !important;*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 26px !important;*/
/*    height: 4px;*/
/*    background: #FFB75B;*/
/*    left: 30% !important;*/
/*    bottom: 0;*/
/*}*/

/*.navbar-container li {*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*}*/

/*.navbar-container .navbar-li::after {*/
/*    opacity: 0;*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 0px;*/
/*    height: 4px;*/
/*    background: #FFB75B;*/
/*    left: 50%;*/
/*    bottom: 0;*/
/*    transition: .3s all;*/
/*}*/

/*.navbar-container .navbar-li:hover:after {*/
/*    opacity: 1;*/
/*    width: 26px;*/
/*    left: 30%;*/
/*}*/

/*.navbar-container li:first-child:hover:after {*/
/*    left: 9% !important;*/
/*}*/

/*.navbar-container li.is-active .tab-title {*/
/*    color: rgba(103, 111, 137, 1) !important;*/
/*}*/

/*.navbar-container li .tab-title {*/
/*    color: rgba(103, 111, 137, 0.8) !important;*/
/*}*/

/*.navbar-container li:first-child.is-active::after {*/
/*    left: 9% !important;*/
/*}*/


/* 二级导航 友情链接 */

.safe-width {
    margin-left: calc(50% - 650PX);
    width: 1552px;
}

.navbar-links {
    position: relative;
}

.navbar-links img {
    vertical-align: middle;
    margin: 0 5px;
    position: absolute;
    top: 30px;
    /* left: 36px; */
    right: -16px;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}

.menu-arrow {
    vertical-align: middle;
    margin: 0 5px;
    position: absolute;
    top: 30px;
    right: -16px;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}

.navbar-links:hover .navbar-menu {
    display: block;
}

.navbar-menu {
    display: none;
    width: auto;
    position: absolute;
    left: -14px;
    top: 55px;
    line-height: 48px;
    font-size: 14px;
    z-index: 2;
}

.navbar-menu li {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}

.navbar-menu li:hover {
    background-color: rgb(237, 242, 250);
}

.navbar-menu .a-url {
    display: inline-block;
    color: rgba(103, 111, 137, 0.8);
    width: 100%;
    height: 48px;
    padding: 0 14px;
}

.header-logo {
    width: 177px;
    height: 52px;
}

.header-logo img {
    width: 177px;
    height: 52px;
}







.banner-wrapper {
    position: relative;
    width: 100%;
    height: 364px;
    background: url('../images/new/banner.png') no-repeat center;
    background-size: cover;
    margin-top: 80px;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.overlay-content {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
}

.banner-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}

.banner-header .header-logo img {
    height: 60px;
}

.banner-header .search-wrap {
    width: 400px;
    height: 45px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 25px;
    overflow: hidden;
}

.menu-title-btn {
    width: 173px;
    height: 45px;
    margin-top: 52px;
    position: relative;
}

.menu-title-btn img {
    width: 157px;
    height: 38px;
    display: block;
}

.menu-title-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 173px;
    height: 7px;
    background-image: url('/static/20260113/images/new/title-text-line.png');
    background-size: contain;
    background-repeat: no-repeat;
}
 
.banner-header .search-wrap input {
    width: 300px;
    border: none;
    padding: 0 20px;
    font-size: 14px;
    height: 100%;
    background: transparent;
}

.banner-header .search-wrap button {
    width: 100px;
    height: 100%;
    background: linear-gradient(90deg, #4CA4F3, #3265E3);
    color: white;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0 25px 25px 0;
}

/* Navigation in Header */
.header-container .navbar-container {
    flex: 1;
    /*margin: 0 40px;*/
}

.header-container .navbar-container-ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
}

.header-container .navbar-container-ul .navbar-li {
    position: relative;
    height: 80px;
    width: 157px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
}

.menu-arrow-image {
    margin-left: 9px;
}

/* 导航竖线（#navbarApp）：
   - 每项左侧 ::before：第 1 项为整组最左线，其余为「与上一项之间」的分隔；
   - 仅最后一项保留 ::after：整组最右线；中间项隐藏 ::after，避免与下一项 ::before 画双线。
   - 选中项：隐藏自身 ::before / ::after，并隐藏下一项 ::before（去掉与下一项之间的线）。
   - 勿使用 .is-active ~ li::after，会误伤后续所有项。 */

body #navbarApp .navbar-li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 19px !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

body #navbarApp .navbar-li::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 19px !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

body #navbarApp .navbar-li:not(:last-child)::after {
    display: none !important;
}

body #navbarApp .navbar-li.is-active::before,
body #navbarApp .navbar-li.is-active::after {
    display: none !important;
}

body #navbarApp .navbar-li.is-active + .navbar-li::before {
    display: none !important;
}

.header-container .navbar-container-ul .tab-title {
    color: white;
    font-size: 20px;
    white-space: nowrap;
}


/* Menu Arrow */
.header-container .navbar-container-ul .menu-arrow {
    margin-left: 8px;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}

/* Dropdown Menu */
.header-container .navbar-container-ul .navbar-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: none;
    padding: 10px 0;
    min-width: 150px;
    z-index: 1001;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.header-container .navbar-container-ul .navbar-li:hover .navbar-menu {
    display: block;
}

.header-container .navbar-container-ul .navbar-menu li {
    padding: 8px 20px;
    list-style: none;
}

.header-container .navbar-container-ul .navbar-menu a {
    color: #333;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    font-size: 14px;
}

.header-container .navbar-container-ul .navbar-menu a:hover {
    color: #1F73FF;
}

/* Quick Sub-menu */
.quick-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 1300px;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
    margin-left: calc(50% - 650px);
}

.submenu-content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.submenu-list {
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.submenu-list li {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.submenu-list li::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #999;
    border-radius: 50%;
    margin-right: 8px;
    flex-shrink: 0;
}

.submenu-item {
    color: #666;
    text-decoration: none;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    display: block;
    transition: color 0.3s ease;
}

.submenu-item:hover {
    color: #1F73FF;
    font-weight: 600;
}

.home-width {
    width: 1300px;
    height: 100%;
    margin: 0px auto 0px auto;
}

.home-width .new-tips {
    width: 1300px;
    height: 60px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45)), url('../images/new/home-news-bar-bg.png') no-repeat right center;
    background-size: auto 100%, contain;
    box-shadow: 0px 0px 24px 0px rgba(31, 115, 255, 0.18);
    display: flex;
    align-items: stretch;
    margin: 0px 0px 18px;
    overflow: hidden;
}

.home-width .new-tips .tip-left-arrow-bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: url('../images/new/new-tip-arrow-bg.png') 100% no-repeat;
    background-size: 100% 100%;
    width: 133px;
}

.home-width .new-tips .tip-left-arrow-bg .tip-left-title {
    margin-right: 12px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.home-width .new-tips .more-news-view {
    width: 127px;
    height: 62px;
    line-height: 60px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 20px;
    color: #0D6EFD;
}

.home-width .new-tips .more-news {
    margin-top: 21px;
    cursor: pointer;
    margin-left: 16px;
    width: 82px;
    height: 18px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 20px;
    cursor: pointer;
}

.home-width .show-more-news {
    position: absolute;
    width: 1300px;
    height: 356px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 0px 24px 0px rgba(31, 115, 255, 0.18);
    border-radius: 6px;
    border: 2px solid #FFFFFF;
    margin-top: -17px;
    z-index: 999;
}

.banner-title {
    width: 496px;
    height: 127px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 55px;
    color: #FFFFFF;
    line-height: 73px;
    margin-top: 71px;

}

.banner-search {
    width: 330px;
    margin-left: 964px;
    display: flex;
    justify-content: space-between;
    margin-top: 160px;
    font-size: 18px;
    color: #9E9E9F;
}

.login-btn-view {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #0C78FC;
    border-radius: 14px;
    background: #fff;
    padding: 2px 9px;
    cursor: pointer;
}

.search-wrap {
    /* width: 794px; */
    /* height: 58px; */
    /* background: rgba(255, 255, 255, 0.6); */
    /* box-shadow: 0px 0px 36px 0px rgba(31, 115, 255, 0.28), 0px 0px 28px 0px rgba(31, 115, 255, 0.3); */
    /* border-radius: 8px; */
    /* border: 1px solid #E5F1FE; */
    /* text-align: center; */
    margin: 40px auto;
    display: flex;
}

.banner-search {
    width: 330px;
    margin-left: 964px;
    display: flex;
    justify-content: space-between;
    margin-top: 63px;
}


.banner-search input {
    border: none;
    width: 213px;
    line-height: 36px;
    height: 36px;
    padding-left: 12px;
    border-radius: 4px;
}

.banner-search button {
    /*background: #FF9640;*/

    background: url('../images/new/searchbg.png') 100% no-repeat;
    background-size: 100% 100%;
    width: 109px;
    height: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}


.home-width .show-more-news .new-item {
    display: flex;
    line-height: 31px;
    padding: 13px 20px;
    cursor: pointer;
    justify-content: space-between;
    color: #9E9E9F;

}

.home-width .show-more-news .new-item:hover {
    color: rgba(34, 117, 255, 1) !important;
}


.home-width .new-tips .new-item .new-item-time {
    padding-left: 20px;
}


.home-width .show-more-news .new-item:hover .new-item-time {
    color: rgba(34, 117, 255, 1) !important;
}


.home-width .show-more-news .new-item-content {
    width: 1200px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 18px;
}

.home-width .show-more-news .new-item-content::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(34, 117, 255, 1);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
}


.home-width .show-more-news .new-item-time {
    color: rgba(49, 53, 67, 0.5);
    padding-left: 20px;
    font-size: 18px;
}


.home-width .new-tips .tip-image {
    height: 37px;
    width: auto;
    align-self: center;
    margin-left: 12px;
    flex-shrink: 0;
}

.home-width .new-tips .news-scroll .new-item {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: 10px;
    width: 1180px;
    cursor: pointer;
}

.home-width .new-tips .news-scroll .new-item .new-item-content {
    max-width: 1000px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 400;
    font-size: 20px;
    color: #9E9E9F;
    line-height: 60px;
}

.home-width .top-info {
    width: 100%;
}

/* 设计稿 box_1：1300×366、白底、#dfe2e7 边框；左 369(179×2+11) 与政策区 846 之间间距 37 */
.home-width .top-info-content {
    width: 1300px;
    max-width: 100%;
    margin-top: 20px;
    background: #fff;
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 37px;
    height: 399px;
    box-sizing: border-box;
    border-radius: 7px;
    border: 2px solid #dfe2e7;
}

/* 左侧 4 个入口：仅 .home-width 下强制 2 列 × 2 行（与 group_3 / group_7 卡尺寸一致） */
.home-width .top-info-content .left {
    flex: 0 0 369px;
    width: 369px;
    max-width: 369px;
    display: grid;
    grid-template-columns: 179px 179px;
    column-gap: 11px;
    row-gap: 10px;
    align-content: start;
    justify-content: start;
}

/* 左栏卡片：上图下文，缩小图文间距；图片略下移（相对原垂直居中） */
.home-width .top-info-content .left .left-item {
    justify-content: flex-start;
    padding-top: 34px;
    box-sizing: border-box;
}

.home-width .top-info-content .left .left-item > img {
    display: block;
    margin-top: 6px;
    flex-shrink: 0;
}

.home-width .top-info-content .left .left-item .item-text {
    margin-top: 5px !important;
}

.top-info-content .left {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 11px;
}

.top-info-content .left .left-item {
    width: 179px;
    height: 155px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* 设计稿 block_1 ~ group_9 背景定位 */
.home-width .top-info-content .left .left-item:nth-child(1) {
    background-size: 273px 189px;
    background-position: -70px 0;
}

.home-width .top-info-content .left .left-item:nth-child(2) {
    background-size: 323px 184px;
    background-position: -77px 0;
}

.home-width .top-info-content .left .left-item:nth-child(3) {
    background-size: 329px 193px;
    background-position: -94px -1px;
}

.home-width .top-info-content .left .left-item:nth-child(4) {
    background-size: 334px 205px;
    background-position: -98px -17px;
}

.top-info-content .left .left-item:hover {
    transform: scale(1.02);
}



.top-info-content .item-icon {
    width: 80px;
    height: 50px;
}

.top-info-content .item-text {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #717071;
    text-align: center;
    margin-top: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    min-height: 44px;
}

.top-left-tab2 {
    height: 44px;
    text-align: center;
    background: #F8FCFF;
    ;

}

.top-left-tab2 .icon2 {
    text-align: center;
    margin-top: 14px;
    cursor: pointer;
}


.home-width .top-info .right {
    width: 846px;
    flex: 0 0 846px;
    min-width: 0;
    min-height: 0;
    text-align: end;
    display: flex;
    flex-direction: column;
    margin-top: -7px;
}

/* 固定总高内，列表区域可滚，避免撑破 box_1 */
.home-width .top-info .filter-content {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
}

.home-width .top-info .right .top-right {
    margin-top: -223px;
    margin-left: 59px;
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    gap: 34px 15px;
}

.home-width .top-info .right .top-right .top-right-tab {
    background: url('../images/btn_item.png') no-repeat;
    background-size: cover;
    height: 44px;
    width: 78px;
    text-align: center;
    color: #fff;
    line-height: 44px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
}


.center-info {
    width: 100%;
    margin-top: 37px;
}





.center-info .left-top-list {
    display: flex;
    gap: 16px;
}


.center-info .left-top-list .left-item {
    background: url('../images/center_left_bg.png') no-repeat;
    background-size: cover;
    /*text-align: center;*/
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    width: 308px;
    height: 189px;
    padding: 23px;
}

.center-info .left-top-list .left-item .name {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 24px;
    color: #2275FF;
    line-height: 27px;
}

.center-info .left-top-list .left-item .content {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #313543;
    line-height: 24px;
    opacity: 0.7;
    margin-top: 16px;
    text-align: justify;
}

.show-tips-1 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    height: 240px;
    text-align: center;
    line-height: 240px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    border-radius: 11px;
}

.show-tips-2 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 308px;
    height: 240px;
    text-align: center;
    line-height: 240px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    margin-left: 327px;
    border-radius: 11px;
}

.show-tips-3 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 308px;
    height: 240px;
    text-align: center;
    line-height: 240px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    margin-left: 654px;
    border-radius: 11px;
}

.show-tips-4 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 179px;
    height: 155px;
    margin-top: 0px;
    text-align: center;
    line-height: 155px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    border-radius: 6px;
}


.show-tips-5 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 179px;
    height: 155px;
    margin-top: 0px;
    margin-left: 190px;
    text-align: center;
    line-height: 155px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    border-radius: 6px;
}

.show-tips-6 {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 179px;
    height: 155px;
    margin-top: 165px;
    margin-left: 0px;
    text-align: center;
    line-height: 155px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    border-radius: 6px;
}


.show-tips-7 {
   font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    width: 179px;
    height: 155px;
    margin-top: 165px;
    margin-left: 190px;
    text-align: center;
    line-height: 155px;
    background: rgba(31, 115, 255, 0.92);
    position: absolute;
    border-radius: 6px;
}


.center-info .top-left-content {
    margin-top: 18px;
}


.center-info .top-left-content .icon2 {
    width: 1300px;
}


/* 仅旧版左右分栏（资讯在右），勿作用于特色专区 .featured-news-highlight-row */
.center-info .left-center-list:not(.featured-news-highlight-row) {
    display: flex;
    width: 962px;
    height: 318px;
    background: #E7F4FF;
    border-radius: 8px;
    margin-top: 22px;
}

.center-info .left-center-list:not(.featured-news-highlight-row) .left {
    width: 404px;
    height: 318px;
}

.center-info .left-center-list:not(.featured-news-highlight-row) .new-first-image {
    height: 318px;
    width: 404px;
    cursor: pointer;
    border-radius: 8px;
}

.center-info .left-center-list:not(.featured-news-highlight-row) .new-first-name {
    width: 404px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: -45px;
    height: 44px;
    background: url('../images/new/new-bg.png') no-repeat;
    background-size: 100% 100%;
    background-size: cover;

    /*background: #2275FF;*/
    opacity: 0.88;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 44px;
    padding: 0px 20px 0px 10px;
    cursor: pointer;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.center-info .top-left-content .content-2 {
    margin-top: -500px;
    margin-left: 53px;
    position: absolute;
}

.center-info .top-left-content .content-2 .name {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 44px;
    color: #FFFFFF;
    letter-spacing: 10px;
    margin-left: 39px;
}

.center-info .top-left-content .content-2 .detail {
    width: 378px;
    height: 187px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #384F78;
    line-height: 32px;
    margin-top: 84px;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.center-info .top-left-content .tips-div {
    /*height: 22px;*/
    background: rgba(0, 216, 255, 0.74);
    box-shadow: 0px 0px 7px 0px #00D8FF;
    border-radius: 11px;
    border: 1px solid rgba(0, 216, 255, 0.74);
    position: absolute;
    margin-top: -107px;
    margin-left: 670px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    line-height: 18PX;
    padding: 2px 7px 2px 2px;
}

/* 与上方 .home-width .top-info-content 合并语义，避免高度被覆盖为 471px */
.top-info-content .top-left-content .tips-div .icon3 {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

/*.top-info-content  .top-left-content .tips-div span {*/
/*    padding-top;*/
/*}*/

.top-info-content .top-left-content .content-2 .detail2 {
    width: 379px !important;
    text-align: justify;
    height: 160px;
}

.top-info-content .top-left-content .content-2 .btn2 {
    margin-top: 36px !important;
}


.top-info-content2 {
    height: 471px;
    width: 1300px;
    margin-top: 20px;
    display: flex;
}

.top-info-content3 .left {
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 842px;
    margin-top: 21px;
}

.top-info-content3 .menu-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.top-info-content3 .block_6 {
    width: 153px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #E1E1E2;
    cursor: pointer;
}

.top-info-content3 .block_6:hover {
    transform: scale(1.05);
}

.top-info-content3 .block_6:hover .text_31 {
    font-weight: bold;
    font-size: 21px;
    color: #0D6EFD !important;
}

.top-info-content3 .label_4 {
    width: 46px;
    height: 38px;
    object-fit: contain;
    margin-bottom: 20px;
    margin-top: 4px;
}

.top-info-content3 .text_31 {
    min-width: 53px;
    color: #717071;
    font-size: 20px;
    font-family: Microsoft YaHei;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;

}

.top-info-content2 .image-wrapper_4 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-info-content2 .text-wrapper_9 {
    display: flex;
    flex-direction: column;
}

.top-info-content2 .label_4 {
    width: 46px;
    height: 38px;
}

.top-info-content2 .label_5 {
    width: 46px;
    height: 38px;
    margin: 27px 0 0 54px;
}

.top-info-content2 .text_31 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
}

.top-info-content2 .text_32 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 8px 0 0 50px;
}

.top-info-content2 .text_30 {
    width: 200px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 10px 0 0 0;
}

.top-info-content2 .image_14,
.top-info-content2 .image_15 {
    width: 60px;
    height: 60px;
    margin: 5px 0;
}

.top-info-content2 .block_9 {
    width: 154px;
    height: 271px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .block_10 {
    width: 154px;
    height: 271px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .box_7 {
    width: 154px;
    height: 127px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .box_8 {
    width: 154px;
    height: 127px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .box_9 {
    width: 154px;
    height: 127px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .box_10 {
    width: 154px;
    height: 127px;
    display: flex;
    flex-direction: column;
}

.top-info-content2 .label_6 {
    width: 46px;
    height: 38px;
    margin: 27px 0 0 54px;
}

.top-info-content2 .label_7 {
    width: 46px;
    height: 38px;
    margin: 27px 0 0 54px;
}

.top-info-content2 .label_8 {
    width: 46px;
    height: 38px;
    margin: 27px 0 0 54px;
}

.top-info-content2 .label_9 {
    width: 46px;
    height: 38px;
    margin: 27px 0 0 54px;
}

.top-info-content2 .text_33 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 8px 0 0 50px;
}

.top-info-content2 .text_34 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 8px 0 0 50px;
}

.top-info-content2 .text_35 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 8px 0 0 50px;
}

.top-info-content2 .text_36 {
    width: 53px;
    height: 16px;
    color: #9E9E9F;
    font-size: 16px;
    font-family: Microsoft YaHei;
    margin: 8px 0 0 50px;
}

.top-info-content2 .right {
    flex: 1;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.top-info-content2 .right-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

.top-info-content2 .filter-tabs {
    display: flex;
    gap: 20px;
}

.top-info-content2 .tab-item {
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    color: #6c757d;
    transition: all 0.3s ease;
}

.top-info-content2 .tab-item:hover {
    background: #e9ecef;
}

.top-info-content2 .tab-item.active {
    background: #007bff;
    color: white;
}

.top-info-content2 .view-more {
    padding: 8px 16px;
    background: #28a745;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
}

.top-info-content2 .view-more:hover {
    background: #218838;
}

.top-info-content2 .filter-content {
    max-height: 400px;
    overflow-y: auto;
}

.top-info-content2 .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 8px;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.top-info-content2 .list-item:hover {
    background: #f8f9fa;
    border-color: #007bff;
    transform: translateX(4px);
}

.top-info-content2 .item-name {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.top-info-content2 .item-count {
    font-size: 12px;
    color: #6c757d;
    background: #e9ecef;
    padding: 2px 8px;
    border-radius: 12px;
}


.center-info .top-left-content .content-2 .btn {
    display: flex;
    gap: 26px;
    margin-top: 36px;
}

.center-info .top-left-content .content-2 .top-left-tab {
    background: url('../images/center_menu_image_btn.png') no-repeat;
    background-size: cover;
    cursor: pointer;
    font-size: 18px;
    width: 104px;
    height: 40px;
    line-height: 40px;
}


.center-info .top-left-content .content-2 .is-active {
    background: url('../images/center_menu_image_btn_active.png') no-repeat;
}


.center-info .top-left-content .content-2 .top-left-tab1 {
    background: url('../images/center_menu_image_btn1.png') no-repeat;
    background-size: cover;
    cursor: pointer;
    font-size: 18px;
    width: 132px;
    height: 40px;
    line-height: 40px;
}


.center-info .top-left-content .content-2 .is-active1 {
    background: url('../images/center_menu_image_btn_active1.png') no-repeat;
}


.center-info .top-left-content .content-2 .btn-name {
    color: #fff;
    letter-spacing: 2px;
    font-weight: normal;
    text-align: center;
}















.center-info .left-center-list:not(.featured-news-highlight-row) .right {
    width: 558px;
}

.center-info .left-center-list:not(.featured-news-highlight-row) .right .new-item {
    display: flex;
    line-height: 31px;
    padding: 10px 20px;
    cursor: pointer;
}



.center-info .left-center-list:not(.featured-news-highlight-row) .right .new-item-content {
    width: 400px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.center-info .left-center-list:not(.featured-news-highlight-row) .right .new-item-content::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(34, 117, 255, 1);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
}


.center-info .left-center-list:not(.featured-news-highlight-row) .right .new-item-time {
    color: rgba(49, 53, 67, 0.5);
    padding-left: 20px;
}



.center-info .right {
    width: 390px;
}

.center-info .right .right-icon {
    display: flex;
    justify-content: space-between;
}

.center-info .right .right-icon .icon2 {
    width: 53px;
    height: 14px;
    margin-top: 16px;
    cursor: pointer;
}


/* 活动 */
.activity-detail {
    /*display: grid;*/
    width: 466px;
    margin-left: 14px;
    margin-top: 15px;
}

.activity-detail .activity-detail-block {
    width: 467px;
    margin-top: 7px;
    display: flex;
    cursor: pointer;
    padding: 10px 16px;
    background: #fff;
    height: 88px;
    border-radius: 7px;
    border: 1px solid #E1E1E2;
}

.activity-detail .activity-detail-block:hover {
    box-shadow: 0px 0px 20px 0px rgba(65, 112, 227, 0.24);
}

.activity-content-info {
    color: #676F89;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
}

.activity-content-info .title {
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3B4268;
    width: 378px;
}

.activity-detail-block .mark {
    margin-bottom: 10px;
    padding: 1px 6px;
    margin-left: 36px;
}

.mark-nobegin {
    background: #FADB99FF;
    color: #F69351 !important;
    font-size: 15px;
}

.mark-begin {
    background: #DDEBFF;
    color: #317FFF !important;
    font-size: 15px;
}

.mark-end {
    background: #BCDBFE;
    border-radius: 2px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 15px;
    color: #fff !important;
}


.activity-detail-block .label {
   width: 323px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(158, 158, 159, 1);
    font-size: 16px;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-top: 5px;
}

.activity-detail-block .name {
     width: 435px;
    height: 46px;
    overflow-wrap: break-word;
    color: rgba(113, 112, 113, 1);
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
    -webkit-box-align: center;
}


.activity-detail .search-div {
    width: 100%;
    display: flex;
    height: 42px;
    background: #EBF1F7;
    margin-bottom: 3px;
}

.activity-detail .search-div .search-input {
    width: 347px;
    height: 42px;
    background: #EBF1F7;
    border-radius: 4px;
    border: none;
    padding-left: 15px;
    line-height: 42px;
}

.activity-detail .search-div .search-icon {
    margin: 12px;
}

.activity-more {
     width: 85px;
    height: 16px;
    float: right;
    margin: 12px 0px 17px;
    cursor: pointer;
}

.center-info2 {
    width: 100%;
    margin-top: 20px;
}

.center-info2 .center-image {
    width: 1300px;
    cursor: pointer;
}

.center-info2 .select-div {
    display: flex;
    gap: 8px;
}

/* 友情链接（严格按设计稿：整题「友情链接」、仅「友情」下装饰条、三列等宽下拉） */
.friend-links-wrap {
    width: 1300px;
    max-width: 100%;
    margin: 29px auto 59px;
    padding: 0 0 8px;
    box-sizing: border-box;
}

.friend-links-heading {
    margin: 0 0 18px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: #0d47a1;
    letter-spacing: 1px;
    text-align: left;
}

.friend-links-heading-mark {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

/* 装饰条仅覆盖「友情」二字宽度 */
.friend-links-heading-mark::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #7ec8ff 0%, #c4e2ff 100%);
    border-radius: 3px;
}

.friend-links-select-div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    align-items: stretch;
}

.friend-links-select-div .friend-link-select.el-select {
    display: block;
    width: 127px;
    min-width: 0;
}

.friend-links-select-div .friend-link-select .el-input {
    width: 100%;
}

.friend-links-select-div .friend-link-select .el-input__inner {
    height: 33px !important;
    line-height: 33px !important;
    border-radius: 6px !important;
    border: 1px solid #9F9FA1 !important;
    background-color: transparent !important;
    font-size: 16px !important;
    color: #717071 !important;
    padding-left: 14px !important;
    box-sizing: border-box;
}

.friend-links-select-div .friend-link-select .el-input__inner::-webkit-input-placeholder {
    color: #717071 !important;
    opacity: 1 !important;
}

.friend-links-select-div .friend-link-select .el-input__inner::placeholder {
    color: #717071 !important;
    opacity: 1 !important;
}

.friend-links-select-div .friend-link-select .el-input__icon {
    line-height: 42px !important;
    color: #717071 !important;
}

.friend-links-select-div .friend-link-select {
    pointer-events: auto !important;
}



/* 数据展示（与附图衔接：左对齐标题、白底圆角条、蓝色数字） */
.home-width .home-data-wrap {
    min-height: 0;
    width: 1300px;
    max-width: 100%;
    margin: 52px auto 0;
    padding: 0 0 48px;
    box-sizing: border-box;
    background: transparent;
    text-align: left;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 39px;
    color: #717071;
}

.home-width .home-data-wrap .title,
.home-width .home-data-wrap .home-data-section-title {
    overflow-wrap: break-word;
    color: rgba(113, 112, 113, 1);
    font-size: 40px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 39px;
}

.home-width .data-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-top: 34px;
    padding: 44px 40px;
    background: #fff;
    background-image: none;
    border-radius: 10px;
    border: 1px solid rgba(15, 60, 120, 0.06);
    box-shadow: 0 4px 20px rgba(31, 115, 255, 0.07);
    gap: 10px;
    min-height: 0;
    box-sizing: border-box;
}

.home-width .data-content > div {
    /*flex: 1 1 0;*/
    min-width: 0;
    text-align: left;
    overflow-wrap: break-word;
    color: rgba(158, 158, 159, 1);
    font-size: 15px;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 15px;
}

.home-width .data-content .name {
    margin-top: 2px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 16px;
    color: #9E9E9F;
}

.home-width .data-content .number {
    position: relative;
    overflow-wrap: break-word;
    color: rgba(13, 110, 253, 1);
    font-size: 32px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin-top: 7px;
}

.home-width .data-content .number span {
    overflow-wrap: break-word;
    color: rgba(158, 158, 159, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
}






















/* 轮播图 */
.srceem {
    width: 100%;
    margin: 0;
}

.swiper-container {
    width: 100%;
    height: 352px;
    display: flex;

}

.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 99;
}

.lunboimg {
    width: 1300px;
    height: 352px;
    cursor: pointer;
}

.home-content-wrap {
    margin-top: 18px;
}

/* 内容 */
.home-content-wrap {
    width: 1100px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.menu {
    width: 202px;
    height: 365px;
    background: #FBFBFF;
}



.detail {
    width: 968px;
}

.menu-label {
    height: 60px;
    padding: 0 18px;
    justify-content: space-between;
    cursor: pointer;
    color: #3B4268;
}

.menu-label-active {
    background: linear-gradient(-90deg, #4CA4F3, #3265E3);
    box-shadow: 0px 0px 20px 0px rgba(65, 112, 227, 0.36);
    color: #fff !important;
}

.menu-label span {
    font-size: 16px;
    width: 100px;
}

.num {
    color: #3265e3;
    display: inline-block;
    padding: 0 2px;
    font-weight: bold;
}

/* 内容导航 */
.detail-menu {
    flex-wrap: wrap;
}

.detail-menu-tab {
    background: #F1F1F9;
    border-radius: 18px;
    color: #3B4268;
    font-size: 16px;
    padding: 10px 18px;
    margin-right: 20px;
    cursor: pointer;
    margin-bottom: 10px;
}

.detail-menu-tab-active {
    background: linear-gradient(90deg, #FFB75B, #FFCB5B);
    box-shadow: 0px 0px 12px 0px rgba(255, 183, 91, 0.6);
    color: #7D431D;
}

.detail-menu-tab:hover {
    background: linear-gradient(90deg, #FFB75B, #FFCB5B);
    box-shadow: 0px 0px 12px 0px rgba(255, 183, 91, 0.6);
    color: #7D431D;
}

.detail-title {
    color: #3B4268;
    font-weight: bold;
    font-size: 16px;
}

/* 内容-资讯 */
.news-detail-wrap {
    display: grid;
    grid-column-gap: 34px;
    grid-template-columns: 460px 460px
}

.news-detail {
    width: 460px;
    height: 84px;
    margin-top: 10px;
    display: flex;
    cursor: pointer;
    padding: 10px;
}

.news-detail:hover {
    box-shadow: 0px 0px 20px 0px rgba(65, 112, 227, 0.24);
}

.news-detail .right {
    width: 346px;
    margin-left: 20px;
}

.news-detail:nth-child(odd) {
    margin-right: 45px;
}

.news-detail img {
    height: 64px;
    width: 94px;
}

.news-detail .title {
    color: #3B4268;
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
}

.news-detail .data {
    margin-top: 10px;
    color: #9EA2B1;
    font-size: 12px;
}

.news-detail .time img {
    height: 12px;
    width: 12px;
}

.news-detail .view img {
    height: 9px;
    width: 13px;
}

.news-detail .view {
    margin-left: 28px;
}

.more-button {
    width: 108px;
    height: 38px;
    background: linear-gradient(-90deg, #4CA4F3, #3265E3);
    box-shadow: 0px 0px 20px 0px rgba(65, 112, 227, 0.36);
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto 0px auto;
    color: #FBFBFF;
    cursor: pointer;
}

/* 内容-政策 */
.policy-content-tip {
    display: inline-block;
    border-radius: 3px;
    color: #fff !important;
    padding: 5px;
    font-size: 13px;
}

.common-title {
    font-weight: bold;
    font-size: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.common-content {
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9ea2b1;
}

.policy-top {
    color: #3B4268;
    font-size: 16px;
}

.common-detail {
    margin-top: 5px;
    display: grid;
    grid-template-columns: 484px 484px;
    border-left: 1px #F2F2F7 solid;
}

.common-detail-block {
    background: #FBFBFF;
    height: 118px;
    border-bottom: 1px #F2F2F7 solid;
    border-right: 1px #F2F2F7 solid;
    padding: 21px;
    cursor: pointer;
}

/* 内容-服务 */
.server-detail {
    display: grid;
    grid-template-columns: 484px 484px;
    border-top: 1px #F2F2F7 solid;
    border-left: 1px #F2F2F7 solid;
}

.server-detail-block {
    background: #FBFBFF;
    /*height: 189px;*/
    border-bottom: 1px #F2F2F7 solid;
    border-right: 1px #F2F2F7 solid;
    padding: 21px;
    cursor: pointer;
}

.server-small-title {
    display: grid;
    grid-template-columns: 150px 150px 150px;
    gap: 0 10px;
}

.server-small-title span {
    margin-top: 15px;
    color: #9EA2B1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

/*.server-small-title span:hover::after {*/
/*    content: attr(data-tooltip);*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    background: #333;*/
/*    color: white;*/
/*    padding: 8px 12px;*/
/*    border-radius: 4px;*/
/*    white-space: normal;*/
/*    width: max-content;*/
/*    max-width: 300px;*/
/*    z-index: 100;*/
/*    box-shadow: 0 2px 8px rgba(0,0,0,0.2);*/
/*}*/

/* 内容-成果 */
.achievement-detail {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 322px 322px 322px;
    border-top: 1px #F2F2F7 solid;
    border-left: 1px #F2F2F7 solid;
}

.achievement-detail-block {
    height: 135px;
    background: #FBFBFF;
    padding: 20px;
    border-bottom: 1px #F2F2F7 solid;
    border-right: 1px #F2F2F7 solid;
    cursor: pointer;
}

.achievement-detail-block:hover {
    box-shadow: 0px 0px 20px 0px rgba(65, 112, 227, 0.24);
}

.achievement-detail-block .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trait-list p {
    margin-top: 10px;
    display: inline-block;
    line-height: 1.414;
    vertical-align: bottom;
    color: #9EA2B1;
    font-size: 14px;
}

.stars {
    margin: 0px 3px 0 0;
}

.line-space-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bold-text {
    color: #676F89;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-marker p {
    margin: 5px 2px 8px;
}

/* 需求 */
.require-detail {
    width: 100%;
    background: #FBFBFF;
    border: 1px solid #F2F2F7;
    padding: 20px;
    display: grid;
    grid-template-columns: 217px 217px 217px 217px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.require-detail p {
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}


.plus {
    position: absolute;
    top: 5px;
}

.el-rate {
    display: flex;
    align-items: center;
}

.el-rate__icon {
    margin-right: -1px;
    font-size: 16px;
}

.el-rate__item {
    padding-left: 0 !important;
}


.news-ticker {
    position: relative;
    height: 64px;
    overflow: hidden;
    width: 1032px;
}

.news-scroll {
    position: absolute;
    width: 100%;
    transform: translateY(64px);
    transition: transform 0.5s ease;
}

.news-item {
    display: flex;
    color: #9E9E9F;
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s ease;
    height: 64px;
    line-height: 64px;
    padding: 0 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}



.news-ticker .new-item-content {
    max-width: 1015px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .news-ticker .new-item-content::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(34, 117, 255, 1);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
} */

.news-item:hover {
    color: rgba(34, 117, 255, 1) !important;
}

.news-item:hover .news-date {
    color: rgba(34, 117, 255, 1) !important;
}

.news-date {
    font-size: 18px;
    color: rgba(49, 53, 67, 0.5);
    padding-left: 20px;
}

/* 新闻轮播样式 */
.news-carousel {
    position: relative;
    width: 404px;
    height: 318px;
    overflow: hidden;
}

.carousel-container {
    position: relative;
    width: 404px;
    height: 318px;
    overflow: hidden;
}

.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 318px;
    width: auto;
    /* 让宽度自适应内容 */
}

/* 单张图片时的固定展示样式 */
.carousel-wrapper.single-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-slide {
    flex: 0 0 404px;
    /* 固定宽度 */
    width: 404px;
    height: 318px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.carousel-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    pointer-events: none;
}

.carousel-btn {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: background-color 0.3s ease;
}

.carousel-btn:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.7);
}

.carousel-btn:disabled {
    background: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
}

.arrow {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.indicator.active {
    background: white;
}



/* left-center-list 旧版 404 轮播；排除特色专区 .featured-news-highlight-row */
.top-left-content .left-center-list:not(.featured-news-highlight-row) {
    display: flex;
    gap: 4px;
    height: 318px !important;
}

.top-left-content .left-center-list:not(.featured-news-highlight-row) .left {
    width: 404px !important;
    height: 318px !important;
    position: relative;
    overflow: hidden;
}

.top-left-content .left-center-list:not(.featured-news-highlight-row) .right {
    flex: 1;
    height: 318px;
    overflow-y: auto;
}

.top-left-content .left-center-list:not(.featured-news-highlight-row) .news-slide .new-first-image {
    width: 404px !important;
    height: 318px !important;
    object-fit: cover;
}

.top-left-content .left-center-list:not(.featured-news-highlight-row) .news-slide .new-first-name {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 404px !important;
    right: 0 !important;
    color: white !important;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}



.home-width .top-info .right .top-right .top-right-tab {
    background: url('../images/btn_item.png') no-repeat;
    background-size: cover;
    height: 44px;
    width: 78px;
    text-align: center;
    color: #fff;
    line-height: 44px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
}






.policy-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.policy-tabs-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.policy-tabs-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* index2 顶部政策筛选：同一行垂直居中，避免申报状态与区划按钮高低不齐 */
.home-width .top-info-content .policy-tabs {
    align-items: center;
}

.home-width .top-info-content .policy-tabs .tabs_check_box,
.home-width .top-info-content .policy-tabs .tabs_box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
}

.home-width .top-info-content .policy-tabs .tabs_check_box {
    transform: translateY(6px);
    align-items: flex-start;
    padding-top: 9px;
    cursor: pointer;
}

.home-width .top-info-content .policy-tabs .tabs_check_box2,
.home-width .top-info-content .policy-tabs .tabs_box2 {
    margin-top: 0 !important;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
}

.home-width .top-info-content .policy-tabs .tab-item {
    display: inline-flex;
    align-items: center;
    align-self: center;
    height: 43px;
    margin: 0;
    line-height: 1.2;
}

.home-width .top-info-content .policy-tabs .more-policy {
    margin-top: 0 !important;
    align-self: center;
    display: block;
    cursor: pointer;
    margin-left: 14px;
}

.policy-tabs .tabs_check_box {
    background: url('../images/new/polict-menu-active-bg.png') no-repeat;
    background-size: cover;
    height: 54px;
    width: 113px;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 22px;
    color: #FFFFFF;
    border: 0px  !important;
    cursor: pointer;
}


.policy-tabs .tabs_box {
    background: url('../images/new/polict-menu-bg.png') no-repeat;
    background-size: cover;
    height: 43px;
    width: 115px;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    border: 0px  !important;
}

.policy-tabs .tabs_check_box2 {
    min-width: 57px;
    height: 23px;
    background: linear-gradient(0deg, #0C8FFE 0%, #0C71FC 100%);
    border-radius: 3px;
    text-align: center;
    padding: 0px 4px;
    border: 0px;
    margin-top: 12px;
    line-height: 23px;
    cursor: pointer;
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
}


.policy-tabs .tabs_box2 {
    min-width: 63px;
    height: 23px;
    background: #BCDBFE;
    border-radius: 3px;
    text-align: center;
    padding: 0px 5px;
    font-size: 15px;
    color: #3E3A39;
    border: 0px;
    margin-top: 12px;
    line-height: 23px;
    font-size: 16px;
    color: #0D6EFD;
}



.policy-content-wrap {
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 18px;
    color: #9E9E9F;
    cursor: pointer;
}

.policy-content-right {
    width: 846px;
    height: 53px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.policy-line {
   width: 846px !important;
   height: 1px;
    float: left;
}

.policy-status-0 {
    background: url('../images/new/policy-type-0.png') no-repeat;
    background-size: cover;
    height: 23px;
    width: 80px;
}

.policy-status-1 {
    background: url('../images/new/policy-type-1.png') no-repeat;
    background-size: cover;
    height: 23px;
    width: 80px;
}

.policy-status-2 {
    background: url('../images/new/policy-type-2.png') no-repeat;
    background-size: cover;
    height: 23px;
    width: 80px;
}

.policy-title {
    width: 480px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-left: 0px;
    text-align:left;

}

.policy-time {
    margin-left: 10px;
    width: 151px;
}


.wait-png {
    width: 9px;
    height: 11px;
}

.policy-status-3 {
    font-size: 11px;
}

.policy-tabs .tab-item {
    line-height: 43px;
}


.policy-status-3 .num {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #9E9E9F;
    padding-left: 2px;
    padding-right: 2px;
}

.policy-status-3 .blue {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #9E9E9F;
    background: linear-gradient(0deg, #0D96FD 0%, #0D6FFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 2px;
    padding-right: 2px;
}

.policy-tabs .more-policy {
    width: 85px;
    height: 16px;
    font-family: Microsoft YaHei;
}

.bottom-more-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 24px;
    margin-top: -47px;
}

.bottom-more-view .more-policy {
    cursor: pointer;
}

.bottom-more-view .more-policy:first-child {
    align-self: flex-start;
}

.bottom-more-view .more-policy:last-child {
    align-self: flex-end;
}

.policy-status-3 {
    display: flex;
    align-items: center;
    min-width: 71px;
    text-align: end;
    justify-content: flex-end;
}

.center-info-title-view {
  display: flex;
  justify-content: space-between;
}

.flex-between {
     display: flex;
  justify-content: space-between;
}



.activity-search {
    /* width: 191px; */
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
    margin-left: 13px;
}


.activity-search input {
    border: none;
    width: 191px;
    line-height: 35px;
    height: 35px;
    padding-left: 12px;
    border-radius: 4px;
    font-size: 18px;
}

.activity-search button {
    /*background: #FF9640;*/
    background: url('../images/new/searchbg2.png') no-repeat;
    width: 90px;
    height: 35px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    border-bottom-right-radius:7px;
}

/* ========== 特色专区（设计稿） ========== */
.featured-zone {
    width: 1300px;
    max-width: 100%;
    margin: 28px auto 12px;
}

.featured-zone-heading {
    margin: 0;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1.15;
    color: #2c4a7c;
    letter-spacing: 2px;
}

.featured-zone-heading-accent {
    position: relative;
    display: inline-block;
    color: #0d47a1;
    padding-bottom: 6px;
}

.featured-zone-heading-accent::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 92%;
    height: 4px;
    background: linear-gradient(90deg, #5eb8ff 0%, #b8d9ff 100%);
    border-radius: 2px;
}

.featured-zone-heading-rest {
    color: #2c4a7c;
}

.featured-zone-panel {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    width: 1300px;
    max-width: 100%;
    margin: 0 auto 8px;
    min-height: 640px;
}

.featured-zone-panel .center-info-content2 {
    flex: 1;
    min-width: 0;
}

/* 特色专区 Tab：切图 zq-menu-bg（横线）、zq-menu-icon / zq-menu-icon-active；悬停与选中样式一致 */
.featured-zone-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 36px;
    margin-bottom: -14px;
    padding: 10px 0 18px;
    position: relative;
    border-bottom: none;
}

.featured-zone-tabs::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: url("../images/new/zq-menu-bg.png") repeat-x center center;
    background-size: auto 100%;
    z-index: 0;
    pointer-events: none;
}

.featured-zone-tab {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 14px 4px 7px 6px;
    position: relative;
    z-index: 1;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    background-color: transparent;
    transition: color 0.2s ease;
    width: calc(30% - 17px);
}

.featured-zone-tab:first-child {
    padding-left: 0;
}

.featured-zone-tab .name {
    margin: 0;
    line-height: 1.35;
    font-size: 20px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    text-underline-offset: 5px;
}

/* 占位 37×37，避免默认 21px 与高亮 37px 切换时跳动 */
.featured-zone-tab-icon {
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    box-sizing: border-box;
    background: url("../images/new/zq-menu-icon.png") no-repeat center center;
    background-size: 21px 21px;
    transition: background-image 0.15s ease, background-size 0.15s ease;
}

/* 悬停与选中：同一套 — 高亮图标 + 蓝字 + 下划线 */
.featured-zone-tab:hover .name,
.featured-zone-tab.is-active .name {
    color: #0d6efd;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #0d6efd;
}

.featured-zone-tab:hover .featured-zone-tab-icon,
.featured-zone-tab.is-active .featured-zone-tab-icon {
    background-image: url("../images/new/zq-menu-icon-active.png");
    background-size: 37px 37px;
}

.featured-service-cards {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
}

/* 须高于 .center-info .left-top-list .left-item 的 background 简写（3 个类），否则仍显示 center_left_bg */
.featured-zone-panel .featured-service-cards .left-item.featured-card {
    flex: 1 1 0;
    min-width: 0;
    max-width: 424px;
    height: 239px;
    margin-top: 0;
    padding: 48px 28px 24px;
    box-sizing: border-box;
    /* border-radius: 12px; */
    box-shadow: 0 8px 24px rgba(31, 115, 255, 0.12);
    border: none;
}

.featured-zone-panel .featured-service-cards .left-item.featured-card.featured-card--1 {
    background: url("../images/new/featured-card-1.png") no-repeat center / cover;
}

.featured-zone-panel .featured-service-cards .left-item.featured-card.featured-card--2 {
    background: url("../images/new/featured-card-2.png") no-repeat center / cover;
}

.featured-zone-panel .featured-service-cards .left-item.featured-card.featured-card--3 {
    background: url("../images/new/featured-card-3.png") no-repeat center / cover;
}

.featured-zone-panel .featured-service-cards .left-item .name {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.featured-zone-panel .featured-service-cards .left-item .content {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.95);
    line-height: 28px;
    margin-top: 16px;
    opacity: 1;
    text-align: justify;
}

.featured-zone-panel .show-tips-1 {
    width: calc((100% - 32px) / 3);
    max-width: 424px;
    margin-left: 0;
}

.featured-zone-panel .show-tips-2 {
    width: calc((100% - 32px) / 3);
    max-width: 424px;
    margin-left: calc((100% - 32px) / 3 + 16px);
}

.featured-zone-panel .show-tips-3 {
    width: calc((100% - 32px) / 3);
    max-width: 424px;
    margin-left: calc(((100% - 32px) / 3 + 16px) * 2);
}

/* 特色专区底栏：与旧版 .center-info .left-center-list 彻底隔离，避免 962px/404px 残留 */
.featured-zone-panel .top-left-content .left-center-list.featured-news-highlight-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 320px !important;
    margin-top: -11px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    /*padding: 20px 22px !important;*/
}

.featured-news-highlight-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /*gap: 20px;*/
    width: 100%;
    max-width: 100%;
    min-height: 320px;
    /*padding: 20px 22px;*/
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(31, 115, 255, 0.08);
    border: 1px solid #e8eef5;
}

.featured-news-col {
    flex: 1 1 58%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    gap: 0;
    overflow-y: auto;
    max-height: 360px;
    padding: 20px 40px;
}

.featured-news-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    /* padding: 14px 0px; */
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: #9E9E9F;
    transition: color 0.2s ease;
    width: 651px;
    /* height: 20px; */
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 18px;
    color: #9E9E9F;
    height: 50px;
    line-height: 50px;
}

.featured-news-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 651px;
    height: 1px;
    background: url("../images/new/news-bottom-line.png") no-repeat left center;
    background-size: 651px 1px;
    pointer-events: none;
}

/*.featured-news-item:last-child::after {*/
/*    display: none;*/
/*}*/

.featured-news-item:hover {
    color: #0d6efd;
    font-weight: bold;
    font-size: 18px;
}

.featured-news-item:hover .featured-news-date {
    color: #0d6efd;
    font-weight: bold;
    font-size: 18px;
}

.featured-news-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.featured-news-date {
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: 20px;
    color: #9E9E9F;
}

/* 设计稿 test/index.html block_16：563×366，底部 text-wrapper_21 高 65px */
.featured-zone-panel .featured-carousel-col {
    flex: 0 0 563px;
    width: 563px;
    max-width: 563px;
    min-width: 563px;
    min-height: 366px;
}

.featured-zone-panel .featured-carousel-col .news-carousel,
.featured-zone-panel .featured-carousel-col .carousel-container {
    width: 563px;
    height: 366px;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.featured-zone-panel .featured-carousel-col .carousel-wrapper {
    height: 366px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* 仅 1 条：不横向滚动，单卡铺满视口 */
.featured-zone-panel .featured-carousel-col .carousel-wrapper.single-item {
    width: 563px;
    justify-content: flex-start;
    transform: none !important;
}

.featured-zone-panel .featured-carousel-col .news-slide {
    flex: 0 0 563px;
    width: 563px;
    height: 366px;
    min-width: 563px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 0;
}

.featured-zone-panel .featured-carousel-col .news-slide .new-first-image {
    display: block;
    width: 563px !important;
    height: 366px !important;
    max-width: 563px !important;
    max-height: 366px !important;
    object-fit: cover;
    border-radius: 0;
    vertical-align: top;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

/* 标题叠在图片底部，对齐 block_16 / text-wrapper_21（高约 65px） */
.featured-zone-panel .featured-carousel-col .news-slide .new-first-name,
.center-info.featured-zone-panel .top-left-content .left-center-list.featured-news-highlight-row .featured-carousel-col .news-slide .new-first-name {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 563px !important;
    height: 65px !important;
    min-height: 65px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    background: url('../images/new/new-bg.png') no-repeat;
    background-size: 100% 100%;
    background-size: cover;

    border-radius: 0 !important;
    overflow: hidden !important;
}

.new-first-name-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% ;
}

.featured-zone-panel .featured-carousel-col .news-slide .new-first-name span,
.center-info.featured-zone-panel .top-left-content .left-center-list.featured-news-highlight-row .featured-carousel-col .news-slide .new-first-name span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
    display: block !important;
}

/* centerMenuIndex == 1：飞地云 — 按 test2/index.html section_2（设计 1299×623） */
.featured-zone-panel .featured-zone-fly-panel {
    position: relative;
    width: 100%;
    max-width: 1299px;
    margin: 0 auto;
}

.featured-zone-panel .fly-zone-section {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 1299px;
    aspect-ratio: 1299 / 623;
    min-height: 360px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 32px rgba(31, 115, 255, 0.14);
    background: url("../images/new/fly-zone-map-bg.png") center center / cover no-repeat;
}

.featured-zone-panel .south-zone-section {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 1299px;
    aspect-ratio: 1299 / 623;
    min-height: 360px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 32px rgba(31, 115, 255, 0.14);
    background: url("../images/new/south-zone-map-bg.png") center center / cover no-repeat;
}

.featured-zone-panel .fly-zone-left {
    flex: 0 0 calc(421 / 1299 * 100%);
    width: calc(421 / 1299 * 100%);
    max-width: 421px;
    min-width: 0;
    box-sizing: border-box;
    background: url("../images/new/fly-zone-left-panel-bg.png") center center / cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

.featured-zone-panel .fly-zone-desc {
    width: 329px;
    max-width: calc(100% - 96px);
    margin: 53px 0 0 48px;
    padding: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #3e3a39;
    line-height: 28px;
    text-align: justify;
    overflow-wrap: break-word;
}

.featured-zone-panel .fly-zone-graphic {
    width: 234px;
    max-width: min(234px, calc(100% - 89px));
    height: 229px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 71px 0 0 89px;
}

.featured-zone-panel .south-zone-graphic {
    width: 220px;
    height: 247px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 39px 0 0 91px;
}

.featured-zone-panel .fly-zone-tab-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 327px;
    max-width: calc(100% - 49px);
    margin: 68px 0 31px 49px;
    gap: 27px;
    box-sizing: border-box;
}

.featured-zone-panel .fly-zone-tab {
    flex: 0 0 150px;
    width: 150px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: transform 0.12s ease;
}

.featured-zone-panel .fly-zone-tab:hover {
    transform: translateY(-1px);
}

.featured-zone-panel .fly-zone-tab--primary {
    background-image: url("../images/new/fly-zone-tab-primary.png");
}

.featured-zone-panel .fly-zone-tab--secondary {
    background-image: url("../images/new/fly-zone-tab-secondary.png");
}

.featured-zone-panel .fly-zone-tab--primary .fly-zone-tab-text {
    color: #ffffff;
}

.featured-zone-panel .fly-zone-tab--secondary .fly-zone-tab-text {
    color: #0d6efd;
}

.featured-zone-panel .fly-zone-tab-text {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    white-space: nowrap;
    user-select: none;
}


.featured-zone-panel .south-zone-tab-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 327px;
    max-width: calc(100% - 49px);
    margin: 71px 0 31px 49px;
    gap: 19px;
    box-sizing: border-box;
}


.featured-zone-panel .south-zone-tab {
    flex: 0 0 97px;
    width: 97px;
    height: 43px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: transform 0.12s ease;
}

.featured-zone-panel .south-zone-tab:hover {
    transform: translateY(-1px);
}

.featured-zone-panel .south-zone-tab--primary {
    background-image: url("../images/new/south-zone-tab-primary.png");
}

.featured-zone-panel .south-zone-tab--secondary {
    background-image: url("../images/new/south-zone-tab-secondary.png");
}

.featured-zone-panel .south-zone-tab--primary .south-zone-tab-text {
    color: #ffffff;
}

.featured-zone-panel .south-zone-tab--secondary .south-zone-tab-text {
    color: #0d6efd;
}

.featured-zone-panel .south-zone-tab-text {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    white-space: nowrap;
    user-select: none;
}




.featured-zone-panel .fly-zone-map {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 100%;
}

/* 设计稿 block_2：619px,348px 起；1299 基准 */
.featured-zone-panel .fly-zone-marker--xizang {
    position: absolute;
    left: calc(619 / 1299 * 100%);
    top: calc(348 / 623 * 100%);
    width: calc(69 / 1299 * 100%);
    max-width: 69px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.featured-zone-panel .fly-zone-marker--xizang .fly-zone-pin {
    width: 20px;
    height: 17px;
    margin: 3px 0 0 25px;
}

/* block_3：822px,286px */
.featured-zone-panel .fly-zone-marker--gansu-guizhou {
    position: absolute;
    left: calc(822 / 1299 * 100%);
    top: calc(286 / 623 * 100%);
    width: calc(95 / 1299 * 100%);
    max-width: 95px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.featured-zone-panel .fly-zone-marker--gansu-guizhou .fly-zone-pin:first-of-type {
    width: 20px;
    height: 17px;
    margin: 3px 0 0 24px;
}

.featured-zone-panel .fly-zone-marker--gansu-guizhou .fly-zone-pin--guizhou {
    width: 20px;
    height: 17px;
    margin: 3px 0 0 50px;
}

.featured-zone-panel .fly-zone-marker--gansu-guizhou .fly-zone-label--guizhou {
    margin: 67px 0 0 26px;
}

/* block_4：948px,306px */
.featured-zone-panel .fly-zone-marker--henan-fujian {
    position: absolute;
    left: calc(948 / 1299 * 100%);
    top: calc(306 / 623 * 100%);
    width: calc(131 / 1299 * 100%);
    max-width: 131px;
    min-height: 176px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.featured-zone-panel .fly-zone-marker--henan-fujian .fly-zone-pin:first-of-type {
    width: 20px;
    height: 17px;
    margin: 3px 0 0 24px;
}

.featured-zone-panel .fly-zone-fujian-wrap {
    width: 64px;
    height: 59px;
    margin: 73px 0 0 67px;
    background: url("../images/new/fly-zone-fujian-wrap.png") center center / 100% 100% no-repeat;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

.featured-zone-panel .fly-zone-pin--fujian-inner {
    width: 20px;
    height: 17px;
    margin: 9px 0 0 14px;
}

.featured-zone-panel .fly-zone-marker--henan-fujian .fly-zone-label--fujian {
    position: absolute;
    left: 57px;
    top: 99px;
}

.featured-zone-panel .fly-zone-label {
    position: relative;
    width: 69px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.featured-zone-panel .fly-zone-label--xizang {
    background-image: url("../images/new/fly-zone-label-xizang.png");
}

.featured-zone-panel .fly-zone-label--gansu {
    background-image: url("../images/new/fly-zone-label-gansu.png");
}

.featured-zone-panel .fly-zone-label--guizhou {
    background-image: url("../images/new/fly-zone-label-guizhou.png");
}

.featured-zone-panel .fly-zone-label--henan {
    background-image: url("../images/new/fly-zone-label-henan.png");
}

.featured-zone-panel .fly-zone-label--fujian {
    background-image: url("../images/new/fly-zone-label-fujian.png");
}

.featured-zone-panel .fly-zone-label-txt {
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    color: #ffffff;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    white-space: nowrap;
    margin: 3px 0 0 18px;
}

@media (max-width: 1100px) {
    .featured-zone-panel .fly-zone-marker--xizang,
    .featured-zone-panel .fly-zone-marker--gansu-guizhou,
    .featured-zone-panel .fly-zone-marker--henan-fujian {
        transform: scale(0.92);
        transform-origin: top left;
    }
}

/* 首页 #home 内嵌科技地图：对齐 test/index.html 中 box_13 / box_14（见 test/index.css） */
.center-info2-map {
    --sm-home-filter-h: 115px;
    --sm-home-map-row-h: 384px;
    --sm-home-map-inner-h: 353px;
    --sm-home-left-w: 211px;
    --sm-home-map-gap: 16px;
    --sm-home-inset-l: 13px;
    --sm-home-inset-r: 14px;
    --sm-home-search-h: 30px;
    --sm-home-list-h: 317px;
    --sm-home-list-mt: 6px;
    width: 100%;
    max-width: 1300px;
    margin: 20px auto 28px;
    padding: 0;
    box-sizing: border-box;
}

.center-info2-map .module-container.map-container {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    min-height: 0;
}

/* 首页不展示「科技地图 / 已收录机构」横幅（仅 list 页需要） */
.center-info2-map .module-banner-wrap {
    display: none !important;
}

.center-info2-map [v-cloak] {
    display: none !important;
}

/* ---------- box_14：地图行 384px，背景切片 ---------- */
.center-info2-map .map-container > div:last-child {
    position: relative;
    margin-top: 14px;
    width: 100%;
    max-width: 1300px;
    height: var(--sm-home-map-row-h);
    min-height: var(--sm-home-map-row-h);
    box-sizing: border-box;
    padding: 15px 0 16px 0;
    background: url("../images/new/science-map-home-box14-bg.png") center / 100% 100% no-repeat;
}

.center-info2-map .map-wrap {
    position: absolute !important;
    top: 15px;
    left: calc(var(--sm-home-inset-l) + var(--sm-home-left-w) + var(--sm-home-map-gap));
    right: var(--sm-home-inset-r);
    z-index: 1;
    width: auto !important;
    max-width: none !important;
    height: var(--sm-home-map-inner-h) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.center-info2-map .map-search-wrap {
    position: absolute !important;
    top: 15px;
    left: var(--sm-home-inset-l);
    z-index: 2;
    width: var(--sm-home-left-w) !important;
    height: var(--sm-home-map-inner-h) !important;
    bottom: auto !important;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    box-sizing: border-box;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0;
    background:
        url("../images/new/science-map-home-search-row-bg.png") top left / 211px var(--sm-home-search-h) no-repeat,
        url("../images/new/science-map-home-list-bg.png") left bottom / 211px var(--sm-home-list-h) no-repeat;
    background-color: transparent;
    color: #676f89;
}

.center-info2-map .map-search-wrap .map-search-addr,
.center-info2-map .map-search-wrap .map-search-keyword,
.center-info2-map .map-search-wrap button {
    height: var(--sm-home-search-h) !important;
    min-height: var(--sm-home-search-h) !important;
    line-height: var(--sm-home-search-h) !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 300;
    color: #9e9e9f !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.center-info2-map .map-search-wrap .map-search-addr {
    width: 58px !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    cursor: pointer;
}

.center-info2-map .map-search-wrap .map-search-addr input {
    width: 100% !important;
    padding-left: 8px !important;
    height: var(--sm-home-search-h) !important;
    line-height: var(--sm-home-search-h) !important;
    font-size: 12px !important;
    background: transparent !important;
}

.center-info2-map .map-search-wrap .map-search-keyword {
    position: relative;
    width: 100% !important;
    max-width: none;
    padding: 0 36px 0 62px !important;
    box-sizing: border-box;
    flex-shrink: 0;
    background: transparent !important;
}

.center-info2-map .map-search-wrap .map-search-keyword input::-webkit-input-placeholder {
    font-size: 12px !important;
    color: #9e9e9f !important;
    opacity: 1 !important;
}

.center-info2-map .map-search-wrap .map-search-keyword input::placeholder {
    font-size: 12px !important;
    color: #9e9e9f !important;
    opacity: 1 !important;
}

.center-info2-map .map-search-wrap button {
    top: 0 !important;
    right: 0 !important;
    width: 32px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-info2-map .map-search-wrap button img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.center-info2-map .map-search-wrap .map-search-addr::before {
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) {
    flex: 0 0 var(--sm-home-list-h);
    width: 100% !important;
    height: var(--sm-home-list-h) !important;
    max-height: var(--sm-home-list-h) !important;
    margin-top: var(--sm-home-list-mt) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0;
}

.center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) li {
    height: auto !important;
    min-height: 13px;
    line-height: 1.25 !important;
    padding: 0 8px 0 11px !important;
    margin: 0 0 14px 0;
    font-size: 14px !important;
    font-weight: 300;
    color: #676f89 !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) li:last-child {
    margin-bottom: 0;
}

.center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) li img {
    width: 10px !important;
    height: 13px !important;
    padding: 0 2px 0 0 !important;
    vertical-align: middle;
}

.center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) li.is-active {
    background-color: transparent !important;
}

.center-info2-map .map-search-wrap ul.map-search-addr-list {
    margin-top: 2px !important;
    min-height: 174px !important;
    max-height: 180px !important;
    width: 100% !important;
    max-width: 211px;
}

/* ---------- box_13：筛选区背景切片 ---------- */
.center-info2-map .map-search-collapse.search-collapse {
    width: 100%;
    min-height: var(--sm-home-filter-h);
    height: auto !important;
    overflow: visible !important;
    margin: 0;
    padding: 17px 13px 12px 13px;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: url("../images/new/science-map-home-box13-bg.png") center / 100% 100% no-repeat;
}

.center-info2-map .search-collapse-tabs-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 !important;
    margin: 0;
    min-height: 16px;
}

.center-info2-map .search-collapse-tabs-line + .search-collapse-tabs-line {
    margin-top: 6px;
}

.center-info2-map .tabs-line-label {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: auto !important;
    min-width: 69px;
    min-height: 21px;
    margin: 2px 0 0 0 !important;
    padding: 3px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-image: linear-gradient(
        180deg,
        rgba(12, 149, 254, 1) 0,
        rgba(12, 114, 253, 1) 100%
    );
    color: #fff !important;
    font-size: 14px;
    font-weight: 300;
    /*line-height: 10px;*/
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    text-align: center;
}

/* 设计稿角标：独立 DOM，非 ::after；仅首页嵌入显示 */
.center-info2-map .sm-hot-tag {
    display: inline-block !important;
    flex-shrink: 0;
    width: 26px;
    height: 14px;
    margin: 3px 0 0 3px;
    align-self: flex-start;
    object-fit: contain;
    vertical-align: top;
}

.center-info2-map .tabs-line-contet {
    width: auto !important;
    flex: 1;
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.center-info2-map .tabs-line-contet.line-alignment {
    align-items: flex-start;
}

/* 未选中：须低于 p.tabs_check_box 的特异性，避免盖住选中态 */
.center-info2-map .tabs-line-contet p:not(.tabs_check_box) {
    /*margin: 2px 10px 2px 0 !important;*/
    /*padding: 3px 6px !important;*/
    border: none !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    /*line-height: 10px;*/
    color: #9e9e9f !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    background: transparent !important;
    padding: 2px 8px !important;
    box-sizing: border-box;
    font-size: 14px;
}

/* 选中：覆盖 public .tabs_check_box 与上一段 p 规则（更高特异性） */
.center-info2-map .map-search-collapse .tabs-line-contet p.tabs_check_box {
    color: #0D6EFD !important;
    background-color: #BCDBFE!important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 300 !important;
    /*min-width: 36px;*/
    /*min-height: 16px;*/
    padding: 2px 8px !important;
    box-sizing: border-box;
    font-size: 14px;

}

.tabs-line-contet p {
    margin: 3px 4px;
    cursor: pointer;
}


.home-map-line-alignment {
    margin-left: 24px;
}

.home-map-line-alignment2 {
    margin-left: 50px;
}







@media (max-width: 1100px) {
    .center-info2-map {
        --sm-home-map-inner-h: min(52vh, 353px);
        --sm-home-map-row-h: calc(var(--sm-home-map-inner-h) + 31px);
        --sm-home-left-w: 200px;
        --sm-home-list-h: min(280px, calc(var(--sm-home-map-inner-h) - 32px));
    }
}

@media (max-width: 900px) {
    .center-info2-map .map-container > div:last-child {
        height: auto;
        min-height: 0;
        padding-bottom: 16px;
    }

    .center-info2-map .map-search-wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 12px;
        background: #fff;
        border: 1px solid #e6e8ef;
        border-radius: 8px;
        padding: 12px !important;
    }

    .center-info2-map .map-search-wrap ul.map-search-list:not(.map-search-addr-list) {
        flex: 1 1 auto;
        height: auto !important;
        max-height: 220px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .center-info2-map .map-wrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        height: min(48vh, 360px) !important;
    }
}

/* ========== index2 底部 footer2：对齐 test/index.html box_23 / test/index.css ========== */
.footer-container.footer-index2 {
    margin-top: 0;
    height: 229px;
    min-height: 229px;
    background-color: #0d6efd;
    background-image: url("../images/new/index2-footer-box23-bg.png");
    background-repeat: no-repeat;
    background-position: -8px 0;
    background-size: 1930px 229px;
    color: #fff;
}

.footer-container.footer-index2 .footer-wrap {
    background: none !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.footer-container.footer-index2 .footer-head.footer-index2-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 75px 0 0 0;
    margin: 0;
    list-style: none;
}

.footer-container.footer-index2 .footer-index2-col {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.footer-container.footer-index2 .footer-index2-col-host {
    width: 260px;
    margin-right: 113px;
}

.footer-container.footer-index2 .footer-index2-col-phone {
    width: 157px;
    margin-right: 6px;
}

.footer-container.footer-index2 .footer-index2-col-hours {
    width: 171px;
    margin-right: 118px;
    margin-top: 36px;
    align-self: flex-start;
}

.footer-container.footer-index2 .footer-index2-col-qr {
    /*flex: 1 1 auto;*/
    min-width: 0;
    margin-top: -2px;
}

.footer-container.footer-index2 .footer2-label {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    color: #fff !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.footer-container.footer-index2 .footer-index2-col-host .footer-links-list {
    float: none;
    width: auto;
    max-width: 260px;
    margin-top: 12px;
    line-height: 21px;
}

.footer-container.footer-index2 .footer-index2-col-host .footer-links-list a {
    margin-top: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    color: #fff !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.footer-container.footer-index2 .footer-index2-col-phone .footer-phone {
    margin: 14px 0 0 0;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    color: #fff !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.footer-container.footer-index2 .footer2-hours {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    color: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    white-space: nowrap;
}

.footer-container.footer-index2 .qr-div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}

.footer-container.footer-index2 .qr-div .qr-image {
    width: 66px;
    height: 67px;
    flex-shrink: 0;
    object-fit: contain;
}

.footer-container.footer-index2 .qr-div .content {
    margin: 6px 0 0 10px;
    max-width: 403px;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    color: #fff;
}

.footer-container.footer-index2 .footer2-follow {
    margin-top: 12px;
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
}


.map-search-list li {
    height: 24px  !important;
    line-height: 29px  !important;
    padding: 0 3px 0 6px  !important;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .footer-container.footer-index2 {
        background-size: cover;
        background-position: center top;
    }
}

@media (max-width: 1100px) {
    .footer-container.footer-index2 {
        height: auto;
        min-height: 0;
        padding-bottom: 32px;
        background-size: cover;
    }

    .footer-container.footer-index2 .footer-head.footer-index2-head {
        flex-wrap: wrap;
        padding-top: 48px;
        gap: 20px 24px;
    }

    .footer-container.footer-index2 .footer-index2-col-host,
    .footer-container.footer-index2 .footer-index2-col-phone,
    .footer-container.footer-index2 .footer-index2-col-hours {
        width: auto;
        margin-right: 0;
        margin-top: 0 !important;
    }

    .footer-container.footer-index2 .footer-index2-col-qr {
        flex-basis: 100%;
        margin-top: 8px;
    }

    .footer-container.footer-index2 .qr-div {
        justify-content: flex-start;
    }
}

/* Fly Zone Area Buttons */
.fly-zone-area-btn {
  position: absolute;
  width: 69px;
  height: 44px;
  background-image: url('../images/new/mxn-btn-blue.png');
  background-size: cover;
  background-repeat: no-repeat;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  transition: background-image 0.3s ease;
  z-index: 10;
  line-height: 24px;
   text-align: center;
}

.fly-zone-area-btn:hover {
  background-image: url('../images/new/mxn-btn-yellow.png');
}

.fly-zone-area-btn:active {
  background-image: url('../images/new/mxn-btn-yellow.png');
}

.fly-zone-area-btn.selected {
  background-image: url('../images/new/mxn-btn-yellow.png');
}

.fly-zone-area-btn.hover {
  background-image: url('../images/new/mxn-btn-yellow.png');
}

.fly-zone-more-text {
  position: absolute;
  bottom: 24px;
  right: 27px;
  height: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
}

.fly-zone-more-text span {
  display: block;
  text-align: right;
}