*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}
.s1{float: left;}
.s2{float: left;}
.s3{float: right;}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; 
}
.onlyMb{display: none;}
.mbOnly{display: none;}
.topttl{display: none;}
.behind{display: none;}
.topOnly{display: none;}
.barOnly{display: none;}

ul,ol,li{list-style: none;}
a{text-decoration: none;}
.b-in{width: 1200px;margin: 0 auto;}
/* 顶部工具条 */

.top-toolbar {border-top:2px solid #d2d2d2;border-bottom:3px solid #d2d2d2;background:#e3e3e3;position: relative;z-index: 99;overflow: visible;}
.top-toolbar  .bIn{height:32px; line-height:32px;}
.top-toolbar  .s2{float: right;}
.top-toolbar  a{margin:0 6px;font-size: 16px;}
.top-toolbar  a.tti-8{color: #a00}
.lgnup{display: inline-block;position: relative;padding: 0 10px;}
.lgnttl{position: relative;z-index: 1;}
.lgnttl a{color:#00f;}
.lgnttl:after{content: "»";display:inline-block;color: #666;font:400 24px/24px Arial;vertical-align:middle;padding: 0 3px;transform:rotate(90deg);overflow: hidden;margin-top:-1px;}
.lgnbox{display: none;position: absolute;top:25px;left:0;width:200px;box-sizing: border-box;padding:12px 0;z-index: 99;}
.lgnbox ul{border-radius: 5px;border:1px solid #ddd;background:#fff;box-sizing: border-box;padding:10px 5px;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height:40px;font-size: 18px;}
.lgnbox:before{content: "▲";display:inline-block;color: #fff;font:400 20px/20px Arial;overflow: hidden;position: absolute;top:0;left:24px;}
.lgnup:hover .lgnbox{display: block;}
.lgnup:focus .lgnbox{display: block;}
.lgnup:hover .lgnttl:after{transform:rotate(270deg);}
.lgnbox a{color:#5e5d5b;display: block;height: 100%;padding: 0 0 0 15px;width: 100%;overflow: hidden;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;}
.lgnbox a:hover{background:#fcf0f2;color:#951f16;text-decoration: none;}
.lgnicon a:before{display: inline-block;margin: -1px 10px 0 0;vertical-align: middle;content: "";width:20px;height: 20px;background: url(http://odp.cn/comm/img/proicon_32.png) no-repeat;background-size: 20px 20px;}
.lgni3 a:before{background-image: url(http://odp.cn/comm/img/efile_32.png);}
.mqpbox{display: none;position: absolute;top:0;left:195px;width:140px;box-sizing: border-box;padding:10px 0;text-align: center;border:1px solid #ddd;background:#fff;box-sizing: border-box;padding:10px 5px;color:#1d5396;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height:40px;font-size: 18px;}
.mqpbox img{display: block;width:120px;height: auto;}
.lgni1:hover .mqpbox{display: block;}
.lgni2:hover .mqpbox{display: block;font-size: 14px;left:180px;top:30vh;left:9vw;width:80vw;}

/* 顶部搜索条美化样式 */
.iptbox {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #159e94;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 22px;
    line-height: 20px;
    margin-top: 2px;
}

.iptbox:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-color: #008040;
}

.slctype {
    border: none;
    background: #f0f8f0;
    color: #333;
    padding: 0 3px;
    height: 100%;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    border-right: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.slctype:hover {
    background: #e6f3e6;
    color: #006633;
}

.iptkey {
    /* flex: 1; */
    border: none;
    padding: 0 12px;
    font-size: 12px;
    color: #333;
    outline: none;
    height: 100%;
    width: 120px;
    background: transparent;
}

.iptkey::placeholder {
    color: #999;
    font-style: italic;
    font-size: 12px;
}

.iptbtn {
    background: #159e94;
    color: #fff;
    border: none;
    padding: 0 10px;
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.iptbtn:hover {
    background: #008040;
    box-shadow: 0 2px 6px rgba(0, 102, 51, 0.3);
    transform: translateY(-1px);
}

.iptbtn:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(0, 102, 51, 0.2);
}

/* 搜索框响应式设计 */
@media (max-width: 768px) {
    .iptbox {
        width: 100%;
        margin: 5px 0;
    }
    
    .iptbtn {
        padding: 0 10px;
    }
}


/* 全屏大图 */
.fullscreen-banner {
    position: relative;
    height: 500px;
    background-image: url('bigbar-1.jpg');
    background-size: cover;
    background-position: center;
}
.banmask{
    background-color: rgba(0, 0, 0, 0.3);
}

.banner-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-title {
    float: left;
}

.logo {
    width: 300px;
    height: 71px;
    margin-right: 15px;
}

.website-title {
    display:none;
}

.channel-nav {
    display: flex;
    gap: 30px;
}

.channel-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.channel-nav a:hover {
    color: #00cc66;
}

.banner-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 15px 20px;
}

.banner-bottom .s1{width:920px;}


.notices .notice-icon{
    background: url(speaker.png) no-repeat left center;
    width:28px;
    height: 28px;
    overflow: hidden;
    text-indent:28px;
}
.notices .notice-icon a{display: block;height: 100%;}



/* 公告条样式 */
.notices {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.notices .ss1 {
    flex-shrink: 0;
}

.notices .ss2 {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 0 25px;
    /* 添加两端渐隐效果 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 5%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}

.notices .tranX-list {
    display: flex;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.notices .tranX-list li {
    display: inline-block;
    margin-right: 30px;
    white-space: nowrap;
}

.notices .tranX-list li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s ease;
}

.notices .tranX-list li a:hover {
    color: #00cc66;
}

.notices .tranX-list li .date {
    color: #fff;
    font-size: 12px;
    margin-left: 8px;
}


/* 移动端适配 */
@media (max-width: 768px) {
    .notices {
        gap: 10px;
    }
    
    .notices .tranX-list li {
        margin-right: 20px;
    }
    
    .notices .tranX-list li a {
    }
    
    .notices .tranX-list li .date {
        font-size: 10px;
        margin-left: 5px;
    }
}

.idxso .iptbox{
background: none;
border: none;

}
.idxso .iptkey{font-size:14px;color: #fff;}
.idxso .slctype{
    background: none;
    color: #fff;
    border: 0;
    font-size: 14px;
}
.idxso .slctype option{background:#000;color:#fff;}
.idxso .iptbtn{
    background: url(so.png) no-repeat right center;
    padding-right: 18px;
    font-size: 14px;
}



/* 容器 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

/* 频道栏目页布局 - 仅应用于同时包含侧边栏和主内容的页面 */
.container:has(.sidebar):has(.main-content) {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.container:has(.sidebar):has(.main-content) > .sidebar {
    order: 2;
    flex: 1;
    align-self: stretch;
}

.container:has(.sidebar):has(.main-content) > .main-content {
    order: 1;
    flex: 3;
    align-self: stretch;
}

/* 焦点图版块 */
.focus-section {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.carousel {
    flex: 1;
    height: 470px;
    FONT-VARIANT: JIS04;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 745px;
}

.featured-articles {
    flex: 1;
    position: relative;
    /* background-color: #f9f9f9; */
    /* padding: 15px; */
}




.section-title{margin-bottom: 15px;}
    
.section-title h3 {
    display:inline-block;
    font-size: 24px;
    font-weight: 400;
    color: #363636;
    margin-bottom:-1px;
    border-bottom: 2px solid #159e94;
    padding-bottom: 3px;
}

.section-title .more{float:right;width:50%;text-align:right;margin-top: 8px;}
.section-title .more a{font-size:14px;color:#9f9f9f;}
.section-title .more a:hover{color:#c00;}


.nctbox{border-bottom: 1px solid #9f9f9f;}


.nmtbox {background: #159e94;padding:0 20px;}
.nmtbox h3 {
    display:inline-block;
    font-size: 24px;
    line-height: 48px;
    color: #fff;
    margin-bottom:0;
    border-bottom: none;
    padding: 0;
}
.nmtbox .more{margin-top:12px;}
.nmtbox .more a{font-size:14px;color:#fff;}
.nmtbox .more a:hover{color:#ff0;}


.article-list {
    list-style: none;
}

.article-list li {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


.astbox {
    font-size: 48px;
    font-weight: 400;
    color: #363636;
    margin:20px;
    padding-bottom: 3px;
    text-align: center;
}


.article-list li a {
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.article-list li a:hover {
    color: #006633;
}



.oc-focus {
    position: relative;
    width: 745px;
    height: 470px;
    margin: 0 auto;
}

.oc-focus li {
    list-style: none;
}

.owl-stage .item {
    position: relative;
    display: block;
}

.owl-stage img {
    display: block;
    width: 745px;
    height: 470px;
    object-fit: cover;
    overflow: hidden;
}

.owl-stage b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 78px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.owl-stage span {
    position: absolute;
    left: 0;
    bottom: 37px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 18px;
    font: 18px/32px "微软雅黑", "黑体";
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 22px;
    text-align: center;
}

.owl-carousel button.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-image: url(bg15.png);
    *display: inline;
    *zoom: 1;
}

.owl-carousel .owl-dots .active {
    width: 25px;
    background-image: url(bg16.png);
}

.owl-buttons {
    display: none;
}

.owl-buttons div {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    text-indent: -9999px;
}










/* 动态版块 */
.news-section {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.news-column {
    flex: 1;
    /* background-color: #f9f9f9; */
    /* padding: 15px; */
    width: 40%;
}

/* 湿地协会版块 */
.association-section {
    background: #f9f9f9 url(abg.jpg) no-repeat center bottom;
    padding: 20px;
    margin-bottom: 30px;
}

.association-section .container {
    margin: 0 auto;
    padding: 28px 0;
}

.association-intro {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.8em;
}

.association-intro p{
    text-indent:2em;
}


.association-links {
    margin:20px auto;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    place-content: space-around;
    position: relative;
}

.association-links:before {
    content: '';
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #c1c1c1;
}

.association-links a {
    color: #4b4a4a;
    text-decoration: none;
    padding: 10px 15px;
    transition: all 0.3s ease;
}

.association-links .icon {
    display: block;
    margin: 0 auto 60px auto;
    width: 30px;
    height: 30px;
    background: url(dot.png) no-repeat 0 -100px;
    position: relative;
}

.association-links a:nth-child(2) .icon {
    background-position: -50px -100px;
}

.association-links a:nth-child(3) .icon {
    background-position: -100px -100px;
}

.association-links a:nth-child(4) .icon {
    background-position: -150px -100px;
}

.association-links a:nth-child(5) .icon {
    background-position: -200px -100px;
}


.association-links a:hover .icon{background-position-y:-150px;}

.association-links .icon:after {
    position: absolute;
    top: 50px;
    left: 0;
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url(dot.png) no-repeat -200px 0;
    margin-left: 5px;
    vertical-align: middle;
}

.association-links b{font-size: 28px;font-weight: 400;}


.association-links a:hover {
    color: #159e94;
}
.association-links a:hover .icon:after {
    background-position: -150px 0;
}

/* 动态版块2 */
.news-section-2 {
    display: flex;
    gap: 20px;
}

.news-main {
    flex: 4;
    display: flex;
    gap: 20px;
    width: 60%;
}

.news-main-column {
    flex: 1;
    /* background-color: #f9f9f9; */
    /* padding: 15px; */
    width: 40%;
}

.news-sidebar {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 30%;
}

.sidebar-btn {
    height:48px;
    padding: 0 0 0 50px;
    background-color: #159e94;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    position: relative;
}

.sidebar-btn:before {
    position: absolute;
    top: 4px;
    left: 6px;
    content: ' ';
    width: 36px;
    height: 36px;
    margin-right: 5px;
    background: url(dot.png) no-repeat 0 -200px;
}

.sidebar-btn:nth-child(2):before {
    background-position: -50px -200px;
}
.sidebar-btn:nth-child(3):before {
    background-position: -100px -200px;
}
.sidebar-btn:nth-child(4):before {
    background-position: -150px -200px;
}
.sidebar-btn:nth-child(5):before {
    background-position: -200px -200px;
}
.sidebar-btn b{font-size: 24px;font-weight: 400;display: block;height: 48px;line-height: 48px;background: rgba(255,255,255,0.4);}

.sidebar-btn:hover {
    background-color: #004d26;
}

/* 党群建设版块 */
.party-section {
    /* display: flex; */
    /* gap: 20px; */
    margin-bottom: 20px;
}

.party-banner {text-align: center;}
.party-banner .section-title {
    background: url(flag.png) no-repeat 0 100%;
    font-size: 48px;
    font-weight: bold;
    color: #ca0000;
    text-align: center;
    padding: 10px 120px 20px 120px;
    margin: 0;
    display:inline-block;
    text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff,1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;
}
.party-content {background: url(pbg.jpg) no-repeat center center;margin: 40px 0 0;background-size: cover;}

.party-content .container {
    display: flex;
    gap: 20px;
    padding: 20px;
}

.calendar {
    flex: 1;
    background-color: #f9f9f9;
    padding: 15px;
}

.party-articles {
    flex: 2;
    padding: 15px;
}

/* 湿地中国版块 */
.shidi-china-section {
    margin-bottom: 30px;
}

.shidi-china-banner {
    position: relative;
}

.shidi-china-banner a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.shidi-china-banner a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.shidi-china-banner img {
    display: block;
}

/* 友情链接版块 */
.links-section {
    background-color: #159e94;
    padding: 20px;
    /* margin-bottom: 30px; */
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.links-container {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.links-column {
    flex: 1;
    min-width: 200px;
}

.links-column h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #006633;
}

.links-column select {
    width: 100%;
    padding: 8px;
    border: 1px solid rgba(255,255,255,0.5);
    color:#fff;
    background-color: transparent;
}

.links-column select option {
    background-color: #159e94;
    color: #fff;
    /* 添加一些可能有助于悬停效果的属性 */
    transition: background-color 0.3s ease;
}




/* 版权条 */
.footer {
    background-color: #159e94;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.footer p {
    margin: 5px 0;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}
.footer a.efile {
    color: #ff0;
}





.txt h3{
    font-size: 24px;
    margin-bottom: 20px;
}
.txt p{
    text-indent: 2em;
    line-height: 1.8;
    margin-bottom: 20px;
}
.txt .pic{
    text-align: center;
}
.txt .pic img{
    padding: 5px;
    margin: 0 auto;
}








.caseTab{border-bottom: 2px solid #ddd;text-align: center;margin: 15px 0 18px 0;font:400 18px/36px "微软雅黑";}
.caseTab li{border: 2px solid #ddd;border-bottom:0;/* margin-bottom: -2px; */*display:inline;display: inline-block;*zoom:1;}
.caseTab li.cur{background: #fff;}
.caseTab li a{display: block;padding:3px 30px;}
#emlbox,#emlbox input,#emlbox textarea{font:400 14px/24px "宋体", Arial;}
#emlbox table{ table-layout:fixed;}
#emlbox .sitebutton{ color:#fff; background:#a0a0a0;border-radius:5px; border:none; padding:0px 30px; font:400 18px/36px "微软雅黑", "黑体"}
#emlbox .button_blue{ background:#3399cc;}

.jedatebox ol{margin: 0;padding: 0;}
.jedatebox em{font-style: normal;}

.emlBox input[type="text"],
.emlBox input[type="email"],
.emlBox textarea{
  box-sizing: border-box;
  padding:3px 6px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.emlBox select {
  padding:3px 2px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.emlBox fieldset{padding: 0;text-align: left;border: 1px solid #eee;margin-right: -10px;padding-right: 10px;}
.emlBox legend{margin-left: 20px;padding: 0 10px;}









/* 响应式设计 */
@media (max-width: 768px) {
    .focus-section,
    .news-section,
    .news-main,
    .party-section {
        flex-direction: column;
    }

    .channel-nav {
        flex-wrap: wrap;
        gap: 10px;
    }

    .association-links {
        /* flex-direction: column; */
    }
}

/* 导航栏 */
.nav {
    background: #159e94 url(bigbar-1.jpg) no-repeat 0 center;
    color: #fff;
    padding: 15px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

/* 频道导航样式优化 */
.channel-nav {
    display: flex;
    gap: 5px;
    position: relative;
    float: right;
}
.index .channel-nav{
    margin-top: 15px;
}
.channel-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 8px 12px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.channel-nav a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #159e94;
    transition: width 0.3s ease;
}

.channel-nav a:hover {
    color: #00cc66;
    background-color: rgba(255, 255, 255, 0.1);
}

.channel-nav a:hover::before {
    width: 100%;
}

/* 侧边栏 */
.sidebar {
    flex: 1;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* 桌面端隐藏下拉菜单 */
.sbn-dropdown {
    display: none;
}

/* 侧边栏导航移动端优化 */
@media (max-width: 768px) {
    .sbn-box {
        position: relative;
    }
    
    /* 隐藏栏目导航标题 */
    .sbn-box .sidebar-title {
        display: none;
    }
    
    /* 调整侧边栏容器样式 */
    .sbn-box {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-left: -10px;
    }
    
    .sbn-box .sidebar-nav {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /* padding-bottom: 5px; */
        margin-bottom: 0;
        flex: 1;
        /* margin-right: 10px; */
        padding: 5px 5px 5px 10px;
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 5%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.95) 95%, rgba(255,255,255,1) 100%);
        mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    }
    
    .sbn-box .sidebar-nav::-webkit-scrollbar {
        display: none;
    }
    
    .sbn-box .sidebar-nav li {
        display: inline-block;
        margin: 0 3px 0 0;
        margin-bottom: 0;
    }
    
    .sbn-box .sidebar-nav a {
        display: inline-block;
        padding: 6px 12px;
        border-radius: 18px;
        background-color: rgba(0, 102, 51, 0.08);
        color: #333;
        font-size: 13px;
        transition: all 0.3s ease;
        vertical-align: middle;
    }
    
    .sbn-box .sidebar-nav a.active {
        background-color: #159e94;
        color: #fff;
        font-weight: bold;
    }
    
    .sbn-box .sidebar-nav a:hover {
        background-color: rgba(21, 158, 148, 0.2);
        padding-left: 12px;
        transform: translateY(-2px);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    
    /* 下拉菜单样式 - 放在右侧 */
    .sbn-dropdown {
        position: relative;
        flex-shrink: 0;
        margin-left: auto;
        display: flex !important;
    }
    
    .sbn-dropdown-btn {
        /* background-color: #159e94; */
        color: #159e94;
        border: none;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
    
    .sbn-dropdown-btn:hover {
        /* background-color: #006633; */
        transform: scale(1.1);
    }
    
    .sbn-dropdown-content {
        display: none;
        position: absolute;
        right: 0;
        top: 40px;
        background-color: #fff;
        min-width: 200px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        z-index: 100;
        padding: 8px 0;
    }
    
    .sbn-dropdown-content.show {
        display: block;
        animation: fadeIn 0.3s ease;
    }
    
    .sbn-dropdown-content a {
        color: #333;
        padding: 10px 18px;
        text-decoration: none;
        display: block;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    
    .sbn-dropdown-content a:hover {
        background-color: rgba(21, 158, 148, 0.1);
        color: #159e94;
        padding-left: 22px;
    }
    
    .sbn-dropdown-content a.active {
        background-color: rgba(21, 158, 148, 0.2);
        color: #159e94;
        font-weight: bold;
    }
    
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
}

/* 党群建设版块样式 */
.party-container {
    display: flex;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.calendar-wrapper {
    flex: 0 0 45%;
    max-width: 45%;
}

.calendar {
    margin: -30px 0;
    border: 1px solid #e4e4e4;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    height: 380px;
    box-sizing: border-box;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}

.calendar-nav {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.calendar-select {
    padding: 8px 12px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-radius: 6px;
    transition: all 0.3s ease;
    outline: none;
    min-width: 100px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    padding-right: 32px;
}

.calendar-select:hover {
    border-color: #c00;
    box-shadow: 0 0 0 2px rgba(192, 0, 0, 0.1);
}

.calendar-select:focus {
    border-color: #c00;
    box-shadow: 0 0 0 2px rgba(192, 0, 0, 0.2);
}

.calendar-select option {
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
}

.calendar-select option:hover {
    background-color: #f0f0f0;
}

.calendar-header .today-in-history {
    font-size: 18px;
    color: #c00;
    font-weight: bold;
    margin: 0;
}

.calendar-grid {
    width: 100%;
}

.calendar-weekdays {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.calendar-weekdays .weekday {
    width: calc(100% / 7);
    text-align: center;
    font-weight: bold;
    color: #333;
    padding: 8px 0;
}

.calendar-days {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: anchor-center;
}

.calendar-day {
    width: calc(100% / 7 - 2px);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #f9f9f9; */
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
}

.calendar-day:hover {
    background-color: #e4e4e4;
}

.calendar-day a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-day a:hover {
    text-decoration: underline;
    color: #c00;
}

.calendar-day.today {
    background-color: #c00;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    width: 30px;
    height: 30px;
    display: flex;
    margin: 0 auto;
}

.calendar-day.today a {
    color: #fff;
}

.calendar-day.today a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 中央精神样式 */
.party-articles {
    flex: 2;
    padding: 15px;
}

.party-articles .section-title {
    color: #c00;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.party-article-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.party-article-list li {
    padding: 10px 0;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    font-size: 0;
}

.party-article-list li:last-child {
    border-bottom: none;
}

.party-article-list li a {
    color: #333;
    text-decoration: none;
    flex: 1;
    margin-right: 15px;
    transition: color 0.3s ease;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.party-article-list li a:before{
    content:"●";
    color:#c00;
    font-size:12px;
    margin:0 5px;
}

.party-article-list li a:hover {
    color: #006633;
}

.party-article-list .date {
    color: #ca0000;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
    float: right;
}

.sidebar-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #159e94;
    border-bottom: 2px solid #e8f5e8;
    padding-bottom: 8px;
    position: relative;
}

.sidebar-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #159e94;
}

.sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-nav li {
    margin-bottom: 8px;
    position: relative;
}

.sidebar-nav a {
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 10px 15px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.sidebar-nav a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #006633;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.sidebar-nav a:hover {
    color: #006633;
    background-color: rgba(0, 102, 51, 0.08);
    padding-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.sidebar-nav a:hover::before {
    transform: scaleY(1);
}

/* 当前激活导航项样式 */
.channel-nav a.active{
    color: #ff0;
    font-weight: bold;
}
.sidebar-nav a.active {
    color: #159e94;
    font-weight: bold;
}

.channel-nav a.active::before {
    width: 100%;
}

.sidebar-nav a.active::before {
    transform: scaleY(1);
}
.index .channel-nav a.active{
    color: #159e94;
}

/* 侧边栏列表样式 - 升级版 */
.sidebar-list {
    list-style: none;
    padding: 0;
    /* margin: 20px 0 0 0; */
    background: linear-gradient(135deg, #f9f9f9 0%, #f0f8f5 100%);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(21, 158, 148, 0.1);
}

.sidebar-list li {
    margin-bottom: 15px;
    padding: 12px 15px;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-size: 14px;
    line-height: 1.7;
    background-color: rgba(255, 255, 255, 0.7);
    border-left: 3px solid transparent;
}

.sidebar-list li:last-child {
    margin-bottom: 0;
}

.sidebar-list li:hover {
    background-color: rgba(21, 158, 148, 0.08);
    border-left-color: #159e94;
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(21, 158, 148, 0.15);
}

.sidebar-list a {
    color: #006633;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
    /* display: inline-block; */
}

.sidebar-list a:hover {
    color: #159e94;
    text-decoration: none;
    transform: translateX(3px);
}

.sidebar-list li::before {
    content: '🌿';
    display: inline-block;
    width: 1.2em;
    margin-right: 8px;
    font-size: 14px;
    vertical-align: middle;
    color: #159e94;
    transition: transform 0.3s ease;
}

.sidebar-list li:hover::before {
    transform: rotate(15deg) scale(1.2);
}

.mTop h2{font-weight:400;font-size:21px;text-align:center;margin-bottom:15px}



/* 会员服务页面主体样式 - 升级版 */



.member-page .sidebar {
    /* background: linear-gradient(135deg, #ffffff 0%, #f8faf9 100%); */
    /* border-radius: 12px; */
    /* padding: 25px; */
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); */
    /* border: 1px solid rgba(21, 158, 148, 0.1); */
}

.member-page h3 {
    color: #159e94;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 4px solid #159e94;
}


/* 申请按钮样式 - 升级版 */
.member-page .jnbnts {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.member-page .jnbnts li {
    margin-bottom: 0;
}

.member-page .jnbnts a {
    display: block;
    padding: 18px 25px;
    background: linear-gradient(135deg, #159e94 0%, #006633 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(21, 158, 148, 0.3);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.member-page .jnbnts a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.member-page .jnbnts a:hover::before {
    left: 100%;
}

.member-page .jnbnts a:hover {
    background: linear-gradient(135deg, #006633 0%, #159e94 100%);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(21, 158, 148, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

.member-page .jnbnts a:active {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(21, 158, 148, 0.3);
}


/* 会员入会申请页面样式 */
.content-body-join {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); */
}

/* 标签页样式 */
.caseTab {
    list-style: none;
    padding: 20px 0 0;
    margin: 0 0 20px 0;
    /* border-bottom: 2px solid #e8f5e8; */
}

.caseTab li {
    margin-right: 2px;
}

.caseTab li a {
    display: block;
    padding: 8px 24px;
    background-color: #f9f9f9;
    color: #666;
    text-decoration: none;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    transition: all 0.3s ease;
    border-bottom: none;
}

.caseTab li a:hover {
    background-color: #e8f5e8;
    color: #006633;
}

.caseTab li.cur a {
    background-color: #fff;
    color: #006633;
    border-color: #159e94;
    border-bottom-color: #fff;
    position: relative;
    top: 2px;
}

/* 表单样式 */
.emlBox {
    /* padding: 20px; */
    border-radius: 8px;
}

.mailTable {
    width: 100% !important;
    background-color: #fff !important;
    border-collapse: collapse !important;
    margin-bottom: 10px !important;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
    border-radius: 8px;
    overflow: hidden;
}

.mailTable tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.mailTable tr:hover {
    background-color: #f9f9f9;
}

.mailTable tr:last-child {
    border-bottom: none;
}

.mailTable td {
    padding: 5px 0 !important;
    vertical-align: middle;
    font-size: 13px;
}

.mailTable td:first-child {
    font-weight: bold;
    color: #333;
    /* background-color: #fafafa; */
    width: 120px;
}

.mailTable .form1 {
    /* width: 100% !important; */
    /* padding: 10px !important; */
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    background-color: #fff;
}

.mailTable .form1:focus {
    outline: none;
    border-color: #159e94;
    box-shadow: 0 0 0 3px rgba(21, 158, 148, 0.1);
}

/* 字段集样式 */
fieldset {
    border: 1px solid #e8f5e8;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

legend {
    background: linear-gradient(135deg, #006633 0%, #159e94 100%);
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 8px rgba(0, 102, 51, 0.2);
}

/* 单选按钮样式 */
input[type="radio"] {
    margin-right: 0px;
    accent-color: #159e94;
}

input[type="radio"] + label {
    margin-right: 10px;
    cursor: pointer;
    color: #333;
    transition: color 0.3s ease;
}

input[type="radio"]:hover + label {
    color: #159e94;
}

/* 文件上传样式 */
input[type="file"] {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

input[type="file"]:hover {
    border-color: #159e94;
    box-shadow: 0 0 0 3px rgba(21, 158, 148, 0.1);
}

/* 省市区选择样式 */
.slct3 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.slct3 select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    min-width: 150px;
}

.slct3 select:hover {
    border-color: #159e94;
}

.slct3 select:focus {
    outline: none;
    border-color: #159e94;
    box-shadow: 0 0 0 3px rgba(21, 158, 148, 0.1);
}

/* 按钮样式 */
.sitebutton {
    padding: 12px 30px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 15px;
}

.sitebutton.button_blue {
    background: linear-gradient(135deg, #159e94 0%, #006633 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21, 158, 148, 0.3);
}

.sitebutton.button_blue:hover {
    background: linear-gradient(135deg, #006633 0%, #159e94 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(21, 158, 148, 0.4);
}

.sitebutton:not(.button_blue) {
    background-color: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
}

.sitebutton:not(.button_blue):hover {
    background-color: #e0e0e0;
    color: #333;
    border-color: #ccc;
}

/* 必填项样式 */
.mailTable font[color="#FF0000"] {
    font-size: 16px;
    margin-right: 3px;
}

/* 提示信息样式 */
.ebtip {
    color: #666;
    font-size: 12px;
    margin-left: 10px;
}

/* 说明文字样式 */
.mailTable .hot {
    color: #159e94;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.mailTable .hot:hover {
    color: #006633;
    text-decoration: underline;
}


.iL3{padding:0 10px;}
.iL3 ul>li{height:auto;text-align:right;padding: 10px 0;box-sizing: border-box;font-size: 12px;line-height: 21px;background: none;border-bottom: 1px solid #eee;color:#999;font-family: FontAwesome,Arial, "sans-serif";position:relative;overflow: hidden;}
.iL3 ul>li:last-child{border-bottom: 0;}
.iL3 li a[href]{ background-color:#fff;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height: 25px;font-family:"微软雅黑", "黑体";}
.iL3 li a[href^='http:']{float: left;/* padding: 0 0 0 0; */font-size:12px;display:inline-block;max-width: 50%;}
.iL3 li a.ext,.iL3 li a[href*='sf_'],.iL3 li a[href*='/article/'],.iL3 li a[href*='sf.html'],.iL3 li a[href*='showfile.html']{float:none;display:block;/* display: -webkit-flex; *//* display: flex; *//* padding: 0 0 0 0; */width:auto;height: 50px;text-align: left;font-size:18px;color:#363635;white-space: normal;/* text-overflow: ellipsis; *//* overflow: hidden;background:#fff url(i5.png) 3px 11px no-repeat; */max-width: 100%;}
.iL3 li a:hover{color: #004a98;}
.iL3 li:after{content:"…";position:absolute;top:36px;right:0;width:36px;height:20px;color:#fff;background: linear-gradient(to right,rgba(62,173,0,0) 0,#fff 60%,#fff 100%);}
.aiconbox{float:left;margin-right: 5px;background:#fff url(sdr.png) center no-repeat;background-size: 60%;font-size: 0;line-height: 0;}
.iL3 li .aiconbox a{float:none;display:inline;}
.aiconbox img{width: 100px;height: 75px;display:block;object-fit: cover;opacity: 0.98;}
.iL3 li>a{/* padding-left:105px; */}
.iL3 li>a:first-child:before{content:"…";position:absolute;top:10px;display: inline-block;left: 0;width:100px;height:75px;color:#fff;background:#fff url(http://www.npadata.cn/img/sdr.jpg) center no-repeat;background-size:90%;border: 1px solid #eee;box-sizing: border-box;}


.pagination{text-align: center;margin: 10px auto;}
.pagination a,.pagination span{display: inline-block;*display:inline;*zoom:1;vertical-align: middle;border: 1px solid #159e94;color:#159e94;padding: 0 9px;border-radius: 5px;}
.pagination .current{background-color: #159e94;color: #fff;}
.pagination a:hover{
	border-color: #c00;
    color: #c00;
    text-decoration: none;
}
.pagination .more{margin: 0;}
.pagination .more i{font-style: normal;}
.pagination .more i:before{content:"＋";display: inline-block;transition: transform 0.3s;}
.pagination .more:hover i:before{transform: rotate(90deg);}
.next+.more{display:none;}


/* 汉堡包菜单样式 */
.hamburger-menu {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 1000;
}

.hamburger-menu span {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: #fff;
    transition: all 0.3s ease;
}

/* 移动端菜单样式 */
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background-color: #159e94;
    z-index: 999;
    padding: 80px 20px 20px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
}

.mobile-menu.active {
    display: block;
}

/* 移动端菜单内容样式 */
.mobile-menu .top-toolbar {
    background: none;
    border: none;
    margin-bottom: 20px;
    padding: 0;
}

/* 移动端菜单中的搜索框样式 */
.mobile-menu .search.idxso {
    /* margin: 15px 0; */
    /* padding: 15px; */
    /* background-color: rgba(255, 255, 255, 0.1); */
    /* border-radius: 8px; */
}

.mobile-menu .search.idxso .iptbox {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #159e94;
    height: 36px;
    line-height: 34px;
    display: flex;
}

.mobile-menu .search.idxso .iptkey {
    /* width: auto; */
    flex: 1;
    color: #333;
    font-size: 14px;
}

.mobile-menu .search.idxso .slctype {
    background: #f0f8f0;
    color: #333;
    font-size: 14px;
    border: 1px solid #e0e0e0;
}

.mobile-menu .search.idxso .slctype option {
    background: #fff;
    color: #333;
}

.mobile-menu .search.idxso .iptbtn {
    background: #159e94;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    background-image: none;
}

.mobile-menu .top-toolbar .bIn {
    height: auto;
    line-height: normal;
    padding: 0;
}

.mobile-menu .top-toolbar .s1, .mobile-menu .top-toolbar .s3 {
    float: none;
    text-align: left;
    margin-bottom: 15px;
}

/* 工具栏链接网格布局 */
.mobile-menu .top-toolbar .sIn {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 15px;
}

.mobile-menu .top-toolbar a {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.mobile-menu .top-toolbar a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* 频道导航网格布局 */
.mobile-menu .channel-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 20px 0;
    float: none;
}

.mobile-menu .channel-nav a {
    display: block;
    margin: 0;
    font-size: 14px;
    color: #fff;
    padding: 10px 8px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 调整菜单内边距，确保在一屏显示 */
.mobile-menu {
    padding: 60px 15px 20px;
}

.mobile-menu .channel-nav a:hover, .mobile-menu .channel-nav a.active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ff0;
}

/* 菜单关闭按钮 */
.mobile-menu .close-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
}




/* 主内容 */
.main-content {
    flex: 3;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.main-content:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.content-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #159e94;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #e8f5e8;
}

.content-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #159e94;
}

.content-body {
    background-color: #fff;
    padding: 0;
    line-height: 1.8;
    color: #333;
}

.content-body h2.coltitle {
    font-size: 22px;
    color: #159e94;
    margin: 30px 0 15px;
    padding-left: 12px;
    border-left: 4px solid #159e94;
}

.content-body p {
    margin-bottom: 15px;
    text-align: justify;
}

.content-body ul, .content-body ol {
}

/* 协会领导样式 */
.leadlist {
    padding: 20px 0;
}

.leader-section {
    margin-bottom: 40px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.leader-title {
    font-size: 20px;
    color: #006633;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #006633;
    font-weight: bold;
}

.leader-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.leader-item {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leader-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #006633;
}

.leader-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.leader-name {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold;
}

.leader-position {
    font-size: 14px;
    color: #666;
    margin: 0;
}

/* 协会介绍样式 */
.abtidx {
    padding: 20px 0;
}

/* 协会简介 */
.about-intro {
    background-color: #f0f8f5;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.about-logo {
    margin-bottom: 20px;
}

.association-logo {
    max-width: 150px;
    height: auto;
    margin-bottom: 15px;
}

.about-logo h2 {
    color: #006633;
    font-size: 24px;
    margin: 0;
}

.about-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    max-width: 800px;
    margin: 0 auto;
}

/* 章节样式 */
.about-section {
    margin-bottom: 40px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

h2.section-heading {
    background-color: #159e94;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    margin: 0;
    text-align: center;
}


.section-content {
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

/* 职能网格 */
.function-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.function-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 6px;
    transition: all 0.3s ease;
    border-left: 4px solid #159e94;
}

.function-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: #e8f5f2;
}

.function-icon {
    width: 60px;
    height: 60px;
    background-color: #159e94;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    flex-shrink: 0;
}

.function-content {
    flex: 1;
}

.function-content h3 {
    font-size: 16px;
    color: #006633;
    margin: 0 0 8px 0;
    font-weight: bold;
}

.function-content p {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.6;
}

/* 组织结构图片 */
.organization-image {
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
}

.org-chart-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.org-chart-image:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.content-body li {
    /* margin-bottom: 8px; */
}

/* 文章列表样式美化 */
.article-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    overflow: hidden;
}

.article-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.article-list li:hover {
    padding-left: 8px;
}

.article-list li a {
    color: #333;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}

.article-list li a:hover {
    color: #006633;
}

.alf-box{
    overflow: hidden;
}

.featured-articles .section-title{display:none;}
.alf li{height: 80px;overflow:hidden;border: 0;padding: 10px 0;margin-bottom: 10px;}
.alf li a{
    width: 76%;
    float: right;
    font-size: 18px;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}
.alf li:hover{border:1px solid #e4e4e4}
.alf li a:hover{
    color: #159e94;
}
.alf li i{width:19%;
    float: left;
    font-size: 12px;
    color: #999;
}


.alf li:last-of-type{padding-bottom: 10px;}
.alf .date{border-right: 2px solid #e4e4e4;font-style: normal;text-align:right;padding:0 10px 0 0;display: inline-block;height: 60px;}
.alf .date b{font-size: 21px;color:#159e94;white-space: nowrap;}
.alf li:hover .date b{color:#7f7f7f;}



.als li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.als li .date{float:right;font-style: normal;font-size: 14px;color: #666;}

.als li a::before{content:'·';margin-right:5px;}

.article-meta {
    font-size: 14px;
    color: #999;
    margin-top: 8px;
    display: flex;
    gap: 15px;
}

.article-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 内容区图片样式 */
.content-body img {
    max-width: 100%;
    border-radius: 5px;
    /* margin: 15px 0; */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.content-body img:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* 引用样式 */
.content-body blockquote {
    border-left: 4px solid #006633;
    padding: 12px 18px;
    margin: 15px 0;
    background-color: #f8f9fa;
    font-style: italic;
    color: #555;
    border-radius: 0 4px 4px 0;
}

/* 代码块样式 */
.content-body pre {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    overflow-x: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    margin: 15px 0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.content-body code {
    background-color: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: #d63384;
}







/* 响应式设计 */
@media (max-width: 768px) {
    /* 显示汉堡包菜单 */
    .hamburger-menu {
        display: block;
    }
    
    /* 基础样式调整 */
    .b-in {
        width: 100%;
        /* padding: 0 15px; */
        position: relative;
    }
    
    /* 顶部工具条 - 在移动端隐藏，移到汉堡包菜单中 */
    .top-toolbar {
        display: none;
    }
    
    /* 全屏大图 */
    .fullscreen-banner {
        height: 300px;
    }
    
    .logo-title {
        /* float: left; */
        /* text-align: left; */
        /* margin-bottom: 0; */
        flex: auto;
    }
    
    .logo {
        width: 200px;
        height: auto;
        margin: 0;
        display: block;
    }
    
    /* 频道导航 - 在移动端隐藏，移到汉堡包菜单中 */
    .channel-nav {
        display: none;
    }
    .banner-top{padding:5px}
    /* 在logo行右侧显示汉堡包菜单 */
    .banner-top .b-in,
    .nav .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    /* 确保导航栏在移动端显示汉堡包菜单 */
    @media (max-width: 768px) {
        .nav .channel-nav {
            display: none;
        }
        
        /* 调整导航栏高度 */
        .nav {
            padding: 10px 0;
        }
    }
    
    /* 焦点图版块 */
    .focus-section {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
    }
    
    /* 容器 */
    .container {
        padding: 10px;
    }
    
    /* 焦点图版块 */
    .focus-section {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
    }
    
    .carousel {
        width: 100%;
        height: 250px;
    }
    
    .oc-focus {
        width: 100%;
        height: 250px;
    }
    
    .owl-stage img {
        width: 100%;
        height: 250px;
    }

    .alf .date b{font-size:18px;}
    
    /* 动态版块 */
    .news-section {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
    }
    
    .news-column {
        width: 100%;
    }
    
    /* 湿地协会版块 */
    .association-section {
        padding: 10px;
    }
    
    .association-links {
        overflow:hidden;
        gap: 0;
    }
    
    .association-links:before {
        display: none;
    }
    .association-links a{padding:10px;}
    .association-links a .icon{text-align:center;position:relative;}
    .association-links a .icon:before {
        content:" ";
        position:absolute;
        top:60px;
        width:50vw;
        margin-left:-25vw;
       border-bottom: 1px solid #ccc;
        z-index:1;
    }
    
    .association-links a .icon:after {
        z-index:2;
       
    }
    .association-links b{font-size:21px;}
    
    /* 动态版块2 */
    .news-section-2 {
        flex-direction: column;
        gap: 15px;
    }
    
    .news-main {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    
    .news-main-column {
        width: 100%;
    }
    .nmtbox .more{margin-top:6px;}
    .news-sidebar{width:auto}
    
    /* 党群建设版块 */
    .party-banner .section-title{padding: 0 calc(50vw - 150px);font-size: 36px;background-size: contain;}
    .party-container {
        flex-direction: column;
        gap: 15px;
        padding: 10px;
    }
    .party-content{margin-top:10px;}
    .calendar-wrapper {
        flex: 1;
        max-width: 100%;
    }
    
    .calendar {
        margin: 0;
        height: auto;
    }
    .party-articles{padding:0;}
    .party-articles .section-title{margin-bottom:3px;}
    .party-article-list li{padding:5px 0}
    .party-article-list li a{width:70%;}
    .party-article-list .date{font-size:12px;margin-top: 4px;}
    /* 湿地中国版块 */
    .shidi-china-banner img {
        width: 100%;
        height: auto;
    }
    
    /* 友情链接版块 */
    .links-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .links-column {
        min-width: 100%;
    }
    
    /* 搜索框样式 */
    .iptkey {
        /* width: 150px; */
    }
    
    /* 会员服务页面 */
    .content-body-join {
        padding: 0;
    }
    
    .mailTable {
        display: block;
        overflow-x: auto;
    }
    
    .slct3 {
        flex-direction: column;
    }
    
    .slct3 select {
        width: 100%;
        min-width: auto;
    }
    
    .caseTab {
        /* flex-direction: column; */
    }
    
    .caseTab li {
        /* margin-right: 0; */
        /* margin-bottom: 2px; */
    }
    
    .caseTab li a {
        /* border-radius: 6px; */
        /* border: 1px solid #e8f5e8; */
    }
    
    .caseTab li.cur a {
        /* position: static; */
    }

    
.mailTable td{display: inline-block;width:32%;}
.mailTable td:first-child{width:32%;}
.mailTable td:nth-child(even){width:68%;}
.mailTable td.list_link{width: 100%;font-size: 12px;}
#emlbox .sitebutton{padding:0px 10px;}
    
    .sitebutton {
        /* display: block; */
        /* width: 100%; */
        /* margin-right: 0; */
        /* margin-bottom: 10px; */
    }
    .sidebar{padding:0;}
    .content-title{margin-bottom:10px;font-size: 24px;}
    .main-content{padding:10px;}
    .abtidx{padding:0 0;}
    .about-intro{padding:10px;}
    .txt h3{margin-bottom:10px;}
    .about-logo{margin-bottom:10px;}
    h2.section-heading{padding:5px;}
    .about-section{margin-bottom:10px;}
    .content-body p{margin-bottom:5px;}
    .section-content{padding:10px;}
    /* 频道栏目页布局 */
    .container:has(.sidebar):has(.main-content) {
        flex-direction: column;
        gap: 10px;
    }
    
    .container:has(.sidebar):has(.main-content) > .sidebar {
        /* order: 1; */
    }
    
    .container:has(.sidebar):has(.main-content) > .main-content {
        order: 2;
    }

    .article .container:has(.sidebar):has(.main-content) > .sidebar {
        order: 3;
    }
    
    
    /* 协会领导样式 */
    .leader-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    /* 职能网格 */
    .function-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 10px;
    }

    .alf-slider{margin-bottom:40px;}
    /* 文章列表样式美化 */
    .article-list li a {
        width: 100%;
        /* font-size: 16px; */
    }
    
    /* 文章列表样式 */
    .alf li a {
        width: 70%;
        /* font-size: 16px; */
    }
    
    .alf li i {
        width: 25%;
    }
    
    .als li .date{font-size:12px;color:#888;margin: 5px 5px 5px 10px;float: left;}
    
    /* 全屏大图底部样式 */
    .banner-bottom {
        padding: 5px 10px;
    }
    .banner-bottom .s1{width:100%;}
    
    .notices .notice-icon {
    width: 18px;
    height: 18px;
    background-size: contain;
    }
    
    .idxso {
        margin-top: 10px;
    }
    
    /* 在移动端隐藏首页原搜索框 */
    .banner-bottom .search.idxso {
        display: none;
    }
    
    /* 标题样式调整 */
    .section-title h3 {
        font-size: 20px;
    }
    
    .nmtbox h3 {
        font-size: 20px;
        line-height: 40px;
    }
    
    .astbox {
        font-size: 36px;
        margin: 10px;
    }
    
    /* 版权条 */
    .footer {
        padding: 15px;
        font-size: 14px;
    }


.onlyMb{display: inherit;}
.mbOnly{display: inherit;}
.pcOnly{display:none;}
.onlyPc{display:none;}

.mobile-menu .top-toolbar a{padding:0;}
.lgnup{padding:0 3px}
.lgnttl{white-space:nowrap;}
.lgnttl:after{font:400 20px/20px Arial;margin-top:0;color:#fff;}
.lgnup:hover .lgnbox{display: none;}
.lgnup:hover .lgnttl:after{transform:rotate(90deg);}
.lgni1:hover .mqpbox{display: none;}

.lgnup > [type="checkbox"] {position: absolute;display: block;width: 90%;height:32px;margin: 0 0 0 -6px;z-index: 999;opacity: 0;}
.lgnup > [type="checkbox"]:checked + .lgnttl:after{transform:rotate(270deg);}
.lgnup > [type="checkbox"]:checked + .lgnttl + .lgnbox{display: block;}




}

/* 小屏手机适配 */
@media (max-width: 480px) {
    .fullscreen-banner {
        height: 200px;
    }
    
    .carousel {
        height: 200px;
    }
    
    .oc-focus {
        height: 200px;
    }
    
    .owl-stage img {
        height: 200px;
    }
    
    .logo {
        width: 150px;
    }
    
    .channel-nav a {
        font-size: 12px;
        padding: 5px 8px;
    }
    
    .association-intro {
        /* font-size: 16px; */
        /* line-height: 1.6em; */
    }
    
    .alf li a {
        /* width: 65%; */
        /* font-size: 14px; */
    }
    
    .alf li i {
        /* width: 30%; */
        font-size: 10px;
    }
    
    .iptkey {
        /* width: 100px; */
    }
    
    .astbox {
        font-size: 28px;
    }
}