.index-body{ margin-top: 30px;}

/*轮播图*/
.hiSlideBox{float:left;width: 578px;height: 370px;}

.hiSlider li { position: relative;}
.hiSlider li a img {width: 100%;height: 370px;cursor: pointer;}
.hiSlider li a p {cursor: pointer;overflow: hidden;width: 100%;height: 70px;line-height: 100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);display: block;font-size: 12px;color: #fff;position: absolute;bottom: 0px;left: 0px;padding-left: 20px;text-align: left;font-weight: 700;}
.hiSlider-pages, .hiSlider-title { position: absolute; z-index: 3; }
.hiSlider-btn-prev, .hiSlider-btn-next { position: absolute; z-index: 5; top: 40%; height: 70px; width: 40px; background: url(/eportal/imageDir/ybj/2021/11/2021110215411725320.png) no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .8; filter: alpha(opacity:60); }
.hiSlider-btn-prev { left: 0px; }
.hiSlider-btn-next { right: 0px; background: url(/eportal/imageDir/ybj/2021/11/2021110215411757868.png) no-repeat; }
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover { opacity: 1; filter: alpha(opacity:100); }
.hiSlider-pages {bottom: 14px;right: 10px;text-align: right;}
.hiSlider-pages a {height: 6px;width: 6px;margin: 0 2px;display: inline-block;overflow: hidden;text-indent: -100px;font-size: 0!important;border-radius: 50%;background: #ccc;}
.hiSlider-pages a.active { background: #fff;width: 15px;border-radius:10px; }





/*tab切换*/
.gzdt {width: 600px;height: 370px;display: inline-block; float: right;}
.superTab{width: 100%;position: relative;}
.superTabMenu {height: 54px;position:relative;margin: 0 15px 0 15px;line-height: 55px;}
.superTabMenu h2 {float: left;font-size: 20px;font-weight: bold;font-family: "Microsoft Yahei";color: #cc2924;line-height: 35px;width: 118px;background: url(/eportal/uiFramework/commonResource/image/2023112009513466974.png) top repeat-x;padding-top: 10px;}
.superTabMenu ul {float: left;position: absolute;left: 0;height: 54px;}
.superTabMenu ul li {display: block;height: 54px;float: left;cursor: pointer;text-align: left;margin-left: 0;}
.superTabMenu ul li a {font-size: 18px;color: #333;height: 54px;display: block;font-weight: bold;line-height: 54px;font-family: auto;margin-right: 45px;}
.superTabMenu ul li.on a{ color: #BE1A2D;border-bottom: 4px solid #BE1A2D;}
.superTabBox .more{position: absolute;top: 0;right: 40px;color: #BD1A2D;font-size: 14px;height: 54px;line-height: 54px;font-family: auto;}
#gzdt{margin-top:20px;}
#tzgg{margin-top:20px;}
#bszn{background:#fff;}
/*右侧列表*/

.tabList li {line-height: 52px;height: 52px;margin: 0 30px 0 30px;border-bottom: 1px dashed #bbbbbb;}
.tabList li:last-child {border-bottom: none;}
.tabList li:hover {font-weight: bold;cursor: pointer;}
.tabList li:hover span {font-weight: bold;cursor: pointer;}
.tabList li a{font-size: 16px;font-family: auto;color:#000;}
.tabList li span {float: right;color: #999999;font-family: auto;font-size: 16px;cursor: pointer;}
.tabList li .pio{margin-right: 5px;margin-top: -7px;}


/*链接*/
.ptlj{overflow:hidden;margin-top: 30px;margin-bottom: 30px;display: block;width: 100%;}
/**.ptlj a{width: 48%;float:left;}**/
.ptlj a:nth-child(even){float:right;}
.ptlj a img.fa-img{width: 100%;}


/*主体列表*/
.item-wrap { background: url(/eportal/uiFramework/commonResource/image/2023112216432371072.png) no-repeat;background-position: center top;}
.item-wrap .more{position:absolute;right: 30px;color: #BD1A2D;font-size: 14px;font-family: auto;}
.item-wrap .superTabMenu{border-bottom:none;background-image:url(/eportal/uiFramework/commonResource/image/2023112216435450664.png);background-repeat:no-repeat;background-size:100%;margin: 0;}
.item-wrap .superTabMenu ul{padding-left:30px;}
#zcfg,#bszn,#xzzf,#xzfw,#jsbz,#bmcs{width: 578px;height: 385px;;margin-top: 30px;}

.item-wrap .tabList li:hover  span{color:#BD1A2D;cursor: pointer;}
.item-wrap .tabList li:hover  a{color:#BD1A2D;cursor: pointer;}

.item12{width: 578px;
    height: 370px;
    display: inline-block;
    float: right;}





/* ====================================================
   【基础】先完全引用您原本skin.css里的响应式代码
   ==================================================== */
@media screen and (max-width: 750px){
        .item { 
        width: 20rem;
    }
 
    .index-body{margin-top:-2px}
    .tpxw{width:100%;height: 300px;}
    .hiSlider-wrap{ width:100%! important; height:300px! important;}
    .hiSlideBox{ width:100%; margin-bottom:3%;}
    .hiSlider li{ height:300px! important;}
    .hiSlider li .hiSliderTitle{width:74%;padding-left:2%; padding-right:20%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .hiSlider li .hiSliderImg{ width:100%; height:auto;}
    .hiSlider li .hiSliderImg img{ width:100%; height:300px;}
    .superTabMenu{margin:0 10px;}
    .gzdt{width:100%;border-left:1px solid #BE1A2D}
    .ptlj{margin:10px 0;}
    #zcfg,#bszn,#xzzf,#xzfw,#jsbz,#bmcs{width:100%;margin-top: 0px;}
    .item-wrap .superTabMenu ul{padding-left:10px;}
    .item-wrap .more{right:10px;}
    .tabList li{margin:0 10px}
    .tabList li a{text-overflow: ellipsis;overflow: hidden;display: inline-block;white-space: nowrap;}
    .tabList li .pio{display:none;}
    .superTabBox .more{right:10px;}
    
    /* ========== 1. 去掉手机端Tab菜单的强制left ========== */
    .superTabMenu ul {
        position: relative !important;
        left: auto !important;
    }
    
    /* ========== 2. 手机端隐藏搜索框 ========== */
    .genal-ipt-c,
    .top-search-bg,
    .form_box2 {
        display: none !important;
    }
}

/* ====================================================
   【重点】统一所有列表模块的手机端样式
   ==================================================== */
@media screen and (max-width: 768px) {
    
    /* 基础布局 */
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
    
    /* 通用容器 */
    .comwidth,
    .content,
    .wrap,
    .index-body {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
        overflow-x: hidden !important;
    }
    
    /* ========== 核心修复：统一所有Tab盒子宽度 ========== */
    .gzdt,
    .item12,
    #zcfg, 
    #bszn, 
    #xzzf, 
    #xzfw, 
    #jsbz, 
    #bmcs,
    .item-wrap {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        height: auto !important;
        margin-top: 20px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Tab菜单统一 */
    .superTabMenu {
        margin: 0 10px !important;
        height: auto !important;
        line-height: normal;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .superTabMenu ul {
        position: relative !important;
        left: auto !important;
        float: none !important;
        height: auto !important;
        padding-top: 5px;
        width: 100% !important;
    }
    
    .superTabMenu h2 {
        width: auto !important;
        float: none !important;
        font-size: 18px !important;
        line-height: 40px !important;
    }
    
    .superTabMenu ul li {
        height: 40px !important;
        line-height: 40px !important;
    }
    
    .superTabMenu ul li a {
        font-size: 14px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    
    .superTabBox .more,
    .item-wrap .more {
        right: 10px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    
    /* ========== 核心修复：统一所有列表项样式 ========== */
    .superTabBox,
    .item-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    .tabList {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        padding: 0 !important;
    }
    
    .tabList li {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 10px !important;
        height: auto !important;
        line-height: 24px !important;
        padding: 12px 0 !important;
        border-bottom: 1px dashed #ddd !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    .tabList li a {
        font-size: 14px !important;
        line-height: 24px !important;
        /* 强制省略号，跟商务动态一样 */
        display: inline-block !important;
        width: auto !important;
        max-width: calc(100% - 85px) !important; /* 留85px给日期 */
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        vertical-align: top !important;
    }
    
    .tabList li span {
        font-size: 12px !important;
        line-height: 24px !important;
        margin-top: 0 !important;
        float: right !important;
        width: 75px !important;
        text-align: right !important;
    }
    
    /* 政务公开卡片 */
    .gov-open .gov-container {
        width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .gov-list {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    .gov-item {
        width: 48% !important;
        margin-bottom: 10px !important;
        float: none !important;
    }
    
    .gov-img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    .gov-card span {
        font-size: 13px !important;
        display: block !important;
        text-align: center;
        padding-top: 5px;
    }
    
    /* 办事服务 */
    .business-services .bs-container {
        width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .bs-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-around !important;
    }
    
    .bs-link {
        width: 48% !important;
        margin-bottom: 15px !important;
        float: none !important;
        padding: 15px 10px !important;
        box-sizing: border-box;
        text-align: center !important;
        font-size: 13px !important;
        display:none!important;
    }
    
    /* 专题专栏 */
    .special-topics .st-container {
        width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .st-content {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-around !important;
    }
    
    .st-link {
        width: 48% !important;
        margin-bottom: 15px !important;
        float: none !important;
        height: auto !important;
    }
    
    .st-link-label {
        font-size: 14px !important;
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    
    /* 友情链接 */
    .friendbar3 .container {
        width: 100% !important;
        padding: 15px 10px !important;
        box-sizing: border-box;
    }
    
    .friendbar-inner {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .friendbar-select {
        width: 100% !important;
        margin-bottom: 10px !important;
        height: 40px !important;
    }
    
    /* 底部 */
    .footer3 .container {
        width: 100% !important;
        padding: 20px 10px !important;
        box-sizing: border-box;
    }
    
    .footer-inner {
        text-align: center !important;
    }
    
    .footer-nav {
        margin-bottom: 15px !important;
    }
    
    .footer-nav a {
        display: inline-block !important;
        margin: 5px 8px !important;
        font-size: 13px !important;
    }
    
    .footer-mid {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    
    /* 图片链接 */
    .ptlj a {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 10px !important;
    }
    
    .ptlj a img.fa-img {
        width: 100% !important;
        height: auto !important;
    }
}

/* 超小屏幕 */
@media screen and (max-width: 480px) {
    .gov-item,
    .bs-link,
    .st-link {
        width: 100% !important;
    }
}