@charset "utf-8";

/**
 * 中共南京市委 南京市人民政府 - 首页样式
 * 根据index.html结构生成相关注释
 */

/* ==================== 全局样式 ==================== */

* {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none !important;
}

/* ==================== 第一屏 - 视频背景区域 ==================== */

/* 滚动容器 */
.homeBox {
    height: 100vh;
    width: 100%;
}

/* 视频背景容器 */
.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

#bg-video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* ==================== 第二屏 - 主体内容区域 ==================== */

/* 第二屏容器 */
.screen2 {
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.screen2::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Webkit */
}

/* 顶部横幅 */
.top_banner {
    padding-top: 20px;
    position: relative;
}

.top_banner ul {
    width: 170px;
    position: absolute;
    top: 35px;
    font-size: 12px;
    right: 0;
}

.top_banner ul li {
    color: #ffffff;
    width: 80px;
    float: left;
    line-height: 22px;
}

.top_banner ul li.x_long {
    color: #ffffff;
    width: 160px;
}

.top_banner ul li a {
    color: #ffffff;
    text-decoration: none;
}

/* ==================== 头条区域 ==================== */

.tt_box {
    width: 1180px;
    margin: 20px auto 40px;
}

.tt_title a {
    font-size: 31px;
    color: #1561af;
    display: block;
    text-align: center;
    font-weight: bold;
}

.tt_title a:hover {
    color: #1561af;
}

.tt_cont {
    margin-top: 20px;
    margin-bottom: 10px;
    text-indent: 35px;
    font-size: 16px;
    position: relative;
    color: #000;
}

.tt_more a {
    color: #4788d7;
}

.tt_more {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* ==================== 轮播图区域 ==================== */

/* Swiper分页器样式 */
.swiper-homeszf .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
}

.swiper-homeszf .swiper-pagination-bullet-active {
    width: 20px;
    background: #ae170d;
    border-radius: 5px;
}

/* ==================== 新闻列表区域 ==================== */

/* 栏目名称 */
.col_name {
    height: 36px !important;
}

.col_name span {
    font-size: 20px !important;
}

/* 新闻列表2 - 中央信息/国务院信息/江苏动态/南京要闻 */
.col_lists2 {
    margin-top: 5px;
}

.col_lists2 ul {
    display: none;
    margin-top: 25px;
}

.col_lists2 li {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    padding-left: 15px;
    background: url(/images/zgnj_index_pics201807-20.jpg) no-repeat left center;
}

/* 新闻列表3 */
.col_lists3 {
    margin-top: 5px;
}

.col_lists3 ul {
    display: none;
}

.col_lists3 li {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background: url(/images/zgnj_index_pics201807-20.jpg) no-repeat left center;
}

.syxggb a:hover {
    color: #1561af;
}

/* ==================== 政务按钮区域 ==================== */

/* 五个开放按钮 */
.five_open li a {
    padding-top: 20px !important;
}

/* 政务导航按钮 */
.gov_btn li {
    width: 20% !important;
    float: left;
    font-size: 24px;
    color: #4788d7;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 72px center !important;
    text-align: center;
    padding-left: 5% !important;
}

.gov_btn ul {
    width: 100% !important;
}

.gov_box {
    min-height: 410px;
}

/* 查询中心按钮样式 */
.govicon4.currentCov {
    background-image: url(/szfmaterial/IMAGE/cxzxbaise-20220104.png);
    background-color: #1561af;
    color: #fff;
}

.govicon4 {
    background-image: url(/szfmaterial/IMAGE/cxzxlanse20220104.png);
}

/* ==================== 在线服务区域 ==================== */

/* 个人服务滑动区域 */
.person_ser .slide_x .list li dd {
    background: #fff;
    border: 1px solid #ffffff!important;
}
.person_ser .slide_x .list li dd:hover {
    border: 1px solid #4788d7!important;
}

/* 主题服务 */
.ztfw_ser {
    overflow: hidden;
    padding-top: 25px;
}

.ztfw_ser ul {
    width: 110%;
}

.ztfw_ser li {
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 13px;
}

/* ==================== 查询中心区域 ==================== */

/* 查询中心顶部导航 */
.cxzx-top li {
    float: left;
    padding: 0 13px;
}

.cxzx-top li:hover a {
    color: #1561af;
    font-weight: bold;
    border-bottom: 1px solid;
    text-decoration: none;
}

.cxzx-top a {
    padding-bottom: 10px;
    text-decoration: none;
}

.cxzx-top {
    padding-bottom: 40px;
}

.cxzx-top ul {
    display: flex;
    justify-content: space-around;
}

/* 查询中心当前选中状态 */
.j_curr a {
    color: #1561af;
    font-weight: bold;
    border-bottom: 1px solid;
    text-decoration: none;
}

/* 查询中心底部列表 */
.cxzx-foot li {
    width: 358px;
    height: 63px;
    line-height: 63px;
    border: 1px solid #fff;
    float: left;
    padding-left: 20px;
    background: #fff;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 4px;
    position: relative;
}

.cxzx-foot li:nth-child(3n) {
    margin-right: 0px;
}

.cxzx-foot li:hover {
    border: 1px solid #1561af;
    width: 358px;
    height: 63px;
}

.cxzx-foot li img {
    position: absolute;
    right: 15px;
    top: 22px;
}

.cxzx-foot li a {
    text-decoration: none;
}

/* ==================== 互动交流区域 ==================== */

/* 意见征集/网上调查 */
.myzj_box {
    /* 由其他样式控制 */
}

/* 书记信箱/市长信箱 */
.mayorMail {
    display: flex;
    justify-content: space-between;
}

.mayorMail img {
    width: 175px;
    height: 80px;
}

/* ==================== 其他区域 ==================== */

/* 文件列表区域 */
.news_box .files_ul li {
    margin-bottom: 52px !important;
    margin-top: 22px;
}

/* 答问知识库 */
.index-wdzsk {
    display: block;
    margin-top: 30px;
}

/* 固定侧边栏 */
.side_fixed {
    top: 25%;
}

/* 新开放区域 */
.new_open {
    height: 50px;
    background-color: #f7fbfd;
    line-height: 37px;
    text-align: center;
    display: flex;
}

.new_open li {
    width: 190px;
    height: 35px;
    margin-top: 7px;
    border-right: 1px solid #d9edf7;
}

.new_open li a {
    color: #1561af;
    display: inline-block;
}

.new_open li span {
    color: #d9edf7;
}

/* 文章细览区域 */
.down_dr_tbox {
    width: 360px;
    background: #f9f9f9;
    height: 270px;
    font-family: 宋体;
    font-size: 12px;
}

.down_dr_tbox p {
    display: block;
    width: 340px;
    margin: 0px auto;
    line-height: 22px;
    padding-top: 15px;
}

.down_dr_tbox p a {
    color: #d72315;
    text-decoration: none;
}

/* 细览标题 */
.tbox_tit {
    width: 360px;
    height: 36px;
    line-height: 36px;
    margin: 0px auto;
    border-bottom: 1px solid #d72315;
}

.tbox_tit span {
    display: block;
    width: 76px;
    padding-left: 0px;
    text-align: center;
    background: none;
    float: left;
    color: #666;
    font-weight: normal;
    font-family: 微软雅黑;
    font-size: 16px;
}

.tbox_tit a {
    display: block;
    width: 100px;
    padding-left: 0px;
    text-align: center;
    background: none;
    float: left;
    color: #666;
    font-weight: normal;
    font-family: 微软雅黑;
    font-size: 16px;
    text-decoration: none;
}

.tbox_tit .gk {
    background: url(/images/top_conter_tit02.png) no-repeat center bottom;
    color: #d72315;
}

.tbox_tit a:hover {
    background: url(/images/top_conter_tit02.png) no-repeat center bottom;
    color: #d72315;
}

/* 一键登录相关 */
.ysqgk_col {
    margin-bottom: 5px;
}

/* ==================== 新闻发布会/直播访谈区域 ==================== */

/* 区域包装器 */
.section-wrapper {
    display: flex;
    gap: 20px;
    width: 1180px;
    margin: 30px auto;
    background: #fff;
}

/* 左右两个板块 */
.panel {
    flex: 1;
    min-width: 0;
}

/* 标题栏 */
.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-title {
    display: flex;
    align-items: baseline;
    gap: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding-left: 12px;
}

/* 新闻发布会：蓝色"新闻"高亮 */
.panel-title .highlight-blue {
    color: #1565c0;
    font-size: 22px;
    font-weight: bold;
}

/* 直播访谈：紫色"直播"高亮 */
.panel-title .highlight-purple {
    color: #7b2d8b;
    font-size: 22px;
    font-weight: bold;
}

.panel-title .normal-text {
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

/* LOGO图片在标题左侧 */
.panel-logo {
    height: 26px;
    margin-right: 6px;
    vertical-align: middle;
}

.more-link {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
}

.more-link:hover {
    color: #1565c0;
}

/* 内容卡片区域 */
.card {
    display: flex;
    gap: 14px;
    align-items: center;
    width: 550px;
    height: 206px;
    padding: 0 0 0 30px;
    border-radius: 2px;
}

.card-bg1 {
    background: url('/material/IMAGE/INDEX/index-xwfbh-zbft-bg2.png') center center / cover no-repeat;
}

.card-bg2 {
    background: url('/material/IMAGE/INDEX/index-xwfbh-zbft-bg.png') center center / cover no-repeat;
}

.card-thumb {
    width: 225px;
    min-width: 225px;
    height: 150px;
    object-fit: cover;
    border-radius: 2px;
    background: #ccc;
}

/* 直播访谈缩略图：带有蓝色渐变背景+文字 */
.card-thumb-live {
    width: 225px;
    min-width: 225px;
    height: 150px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.card-thumb-live img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-thumb-live .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

.card-content {
    flex: 1;
    min-width: 0;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
}

.card-title {
    font-family: '微软雅黑';
    font-size: 16px;
    font-weight: bold;
    color: #5e6ae5;
    line-height: 1.5;
    margin-bottom: 10px;
    padding-right: 20px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-xwfbh {
    color: #1274d3;
}

.card-meta {
    font-family: '微软雅黑';
    font-size: 16px;
    line-height: 1.8;
}

.card-meta .meta-row {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding-right: 20px;
    font-size: 15px;
}

.card-meta .label {
    color: #333;
    white-space: nowrap;
    flex-shrink: 0;
}

.card-meta .meta-value {
    flex: 1;
}

/* 分割线（面板中间） */
.divider {
    width: 1px;
    background: #e0e0e0;
    margin: 0;
    align-self: stretch;
}