html,body{background: #fff}.banner{position: relative}.banner img{display: block;width: 100%}.pagination{text-align: center;font-size: 0;padding-top: 50px}.pagination a{display: inline-block;border: 1px solid #dcdcdc;padding: 0 12px;height: 35px;font-size: 14px;line-height: 35px;text-align: center;color: #666;margin: 0 7px}.pagination a.active{background: #006B38;color: #fff;border: 1px solid #006B38}.pagination a:hover{background: #006B38;color: #fff;border: 1px solid #006B38}.pagination span{display: inline-block;font-size: 14px}.nymain{position: relative;padding-top: .35rem;padding-bottom: .5rem;z-index: 3}.nymain>div{display: flex;align-items: flex-start}.nymain .leftNav{float: left;width: 2.62rem;position: relative;margin-right: .68rem;background: #006B38;padding-bottom: 0.08rem}.nymain .leftNav>h2{line-height: .8rem;color: #fffafc;font-size: .3rem;text-align: center;position: relative;display: flex;justify-content: center;align-items: center}.nymain .leftNav>h2 img{vertical-align: middle;margin-right: 10px;margin-top: -5px}.nymain .leftNav p{margin-left: 20px;font-size: 26px;font-weight: 600;color: #fff;padding: 20px 0}.nymain .leftNav>ul{background-position: right bottom;position: relative;background: #fff;padding: 0.18rem 0 1.5rem 0;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2)}.nymain .leftNav>ul>li{position: relative}.nymain .leftNav>ul>li:first-child{border-top: none}.nymain .leftNav ul li a{display: block;font-size: .18rem;line-height: .52rem;color: #1D1818;padding-left: .63rem}.nymain .leftNav>ul>li>span{position: absolute;width: .3rem;height: .52rem;right: .1rem;top: 0;background: url(../images/sub_left_down4.png) no-repeat center center;cursor: pointer;transition: all 0.3s}.nymain .leftNav>ul>li.on>a{color: #006B38;font-weight: 600}.nymain .leftNav>ul>li.activ{background: #dadada}.nymain .leftNav>ul>li.active>a{color: #fff !important;font-weight: 600;background: #006B38}.nymain .leftNav>ul>li.active>span{background: url(../images/sub_left_down4.png) no-repeat center center}.nymain .leftNav ul li.active ul{display: block}.nymain .leftNav ul li a:hover{background-position: 31px center;color: #006B38}.nymain .leftNav>ul>li>ul{display: none;padding-top: 0;padding-bottom: 0;padding-right: 0;padding-left: .63rem}.nymain .leftNav>ul>li>ul>li>a{font-size: 16px;line-height: 46px;padding-left: .2rem;color: #666666;border: none}.nymain .leftNav>ul>li>ul>li:nth-child(1)>a{border: none}.ny-right{flex: 1;min-width: 0}.ny-rcom{font-size: 24px;color: #006B38;margin-bottom: 15px;font-weight: normal}.position{display: flex;justify-content: space-between;border-bottom: 1px solid #D8D8D8;padding-bottom: .25rem;padding-top: .4rem}.position>div{position: relative;text-align: right;font-size: 0;line-height: .21rem;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap}.position>h3::after{content: "";height: 1px;background: #eee;z-index: 1;display: block;flex: 1}.position h3{font-size: .28rem;line-height: .3rem;font-weight: normal;color: #2C2C2C;text-align: left;bottom: 0;left: 0;font-weight: 600;z-index: 9;position: relative;border-left: .05rem solid #006B38;padding-left: .15rem;margin-right: .05rem;display: flex;align-items: center;margin-left: .05rem}.position svg{margin-right: .1rem;height: .16rem}.position svg *{fill: #006B38}.position span{color: #626262;font-size: .16rem;vertical-align: middle;z-index: 9;position: relative}.position img{height: 16px;vertical-align: middle;margin-right: 5px;display: none;z-index: 9;position: relative}.position a{font-size: .16rem;padding: 0 .05rem;vertical-align: middle;color: #626262;z-index: 9;position: relative}.position a:hover{color: #006B38}.ind_art_box{padding: 30px 0}.ind_art h3{text-align: center;font-size: 20px;font-weight: 900;text-indent: 0;color: rgba(0, 0, 0, .85)}.ind_art h4{font-weight: 900;line-height: 1.5;margin: 2em 0;color: rgba(0, 0, 0, 0.65)}.ind_art p.noIndent{text-indent: 0}.ind_art_main p{color: rgba(0, 0, 0, .6);line-height: 2.5em;text-indent: 2em}.ind_art .c img{display: block;width: 300px;margin: 0 auto}.ind_art p.noTitle{font-weight: 400;font-size: 14px;text-align: left;text-indent: 2em}.timg-list ul li a{display: block;transition: all 0.3s;border-bottom: 1px dashed #D1D1D1;padding: .3rem 0}.timg-list ul li:nth-child(1) a{padding-top: 0}.timg-list ul li a h3{font-size: .2rem;color: #1D1818;line-height: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;clear: both;margin: .2rem 0 .15rem 0}.timg-list ul li a>div{align-items: center;display: flex}.timg-list-img{float: left;width: 2.95rem;margin-right: .4rem}.timg-list ul li a .pic{padding-top: 66%}.timg-list ul li a:hover span b{color: #fff}.timg-linfo{flex: 1;min-width: 0}.timg-linfo p{font-size: .16rem;line-height: .28rem;color: #999999;height: .56rem;white-space: pre-wrap;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin: .23rem 0 .26rem 0}.timg-linfo div{display: flex;align-items: flex-end;font-family: "sysong";position: relative}.timg-linfo div b{font-size: 0.16rem;font-weight: normal;line-height: .16rem;color: #006B38}.timg-linfo div span{font-size: 0.14rem;font-weight: normal;line-height: .24rem;color: #A3A4A5}.timg-list ul li a:hover h3{color: #006B38;font-weight: 600}.img-lists ul{margin: 0 -.2rem;display: flex;flex-wrap: wrap;margin-top: -.55rem}.img-lists ul li{float: left;width: 33.33%;margin-top: .55rem;transition: all 0.3s;position: relative;top: 0}.img-lists ul li:nth-child(3n+1){margin-left: 0}.img-lists ul li a:hover{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5)}.img-lists ul li:hover .info{background: #006B38}.img-lists ul li:hover .info p{color: #fff}.img-lists ul li a{display: block;margin: 0 .2rem;transition: all 0.5s}.img-lists ul li a .pic{padding-top: 65%}.img-lists ul li a>img{display: block;width: 100%;height: 196px}.img-lists ul li a>div.info{padding: .18rem .15rem;font-size: 0;background-position: left center;background: #F7F7F7;transition: all 0.5s}.img-lists ul li a>div.info p{color: #333333;font-size: .18rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: .24rem}.img-lists ul li a>div.info img{height: 14px;vertical-align: middle}.img-lists ul li a>div.info span{font-size: 14px;display: inline-block;margin-left: 5px;color: #999;vertical-align: middle}.art-main .art-tit h3{text-align: center;color: #000;font-weight: normal;font-size: .3rem;font-weight: normal;font-weight: 600;margin: 0 0 .3rem 0}.art-main .art-tit h4{text-align: center;color: #666666;font-weight: normal;font-size: 18px;margin-top: 30px}.art-main .art-body p{color: #333333;text-indent: 2em;font-size: .18rem;line-height: .36rem;margin-top: .05rem}.art-main .art-body img{max-width: 100% !important;display: block;margin: .05rem auto}.art-main .cont-tit p{font-size: 0;text-align: center;line-height: .3rem;background: bottom;color: #666666;border-bottom: 1px solid #D8D8D8;padding-bottom: .1rem}.art-main .cont-tit p img{display: inline-block;vertical-align: middle;height: 16px;margin-right: 5px}.art-main .cont-tit p .liulan{margin-left: 50px}.art-main .cont-tit p span{display: inline-block;vertical-align: middle;font-size: .16rem;margin: 0 10px;color: #4e4e4e}.art-info{border-top: 1px solid #D8D8D8;margin-top: 25px}.pnext{margin-top: 25px}.pnext p{text-indent: initial;font-size: .18rem;line-height: .4rem;color: #006B38}.pnext p a{color: #0B0B0B}.pnext p:hover{color: #006B38}.pnext p:hover a{color: #006B38}.szdw{margin-top: 8px}.szdw ul{font-size: 0}.szdw ul li{box-sizing: border-box;display: inline-block;padding-top: 67px;font-size: 0;width: 49%;margin-left: 2%}.szdw ul li:nth-child(2n+1){margin-left: 0}.szdw ul li .z{display: block}.szdw ul li:hover .zi1{border-bottom: 2px solid #084295;box-shadow: 10px 0 10px #eee}.szdw .aaa{float: left;width: 180px}.szdw .zi1{overflow: hidden;padding-left: 25px;padding-top: 10px;padding-right: 20px;padding-bottom: 8px;border-bottom: 2px solid transparent;transition: all 0.5s}.szdw .pic{padding-top: 127%}.szdw .zi1 h4{font-size: 18px;line-height: 30px;color: #333;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.szdw .zi1 p{font-size: 15px;line-height: 25px;height: 50px;overflow: hidden;color: #666;margin-top: 20px;margin-bottom: 35px}.szdw .zi1 a{display: block}.szdw .zi1 span{display: block;font-size: 14px;line-height: 30px;color: #1b4fa2;padding-top: 12px;border-top: 1px solid #ccc}.col-main{float: left;width: 75%;padding-top: 50px}.col-side{float: right;width: 23.34%;padding-top: 60px}.m-txt5{overflow: hidden;padding: 10px 0 39px}.m-txt5 .pics{float: left;width: 262px;margin-right: 30px}.m-txt5 .pics .pic{padding-top: 134%}.m-txt5 .pics img{display: block;width: 100%}.m-txt5 .txt{overflow: hidden;font-size: 16px;line-height: 1.75;color: #333}.m-txt5 p{font-size: 16px}.m-txt5 .m-tit3{margin-bottom: 34px;font-size: 22px;color: #333;font-weight: 700;line-height: 1;margin-bottom: 30px}.m-tit3{font-size: 22px;color: #333;font-weight: 700;line-height: 1;margin-bottom: 30px}.p-list2{padding: 4px 0 12px}.p-list2 li{padding-bottom: 29px;margin-bottom: 28px;border-bottom: 1px solid #ccc;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #333;line-height: 30px}.p-list2 .col-r,.p-list2 .date{float: right;font-size: 16px;color: #666}.p-list2 .date{margin-left: 40px}.p-list2 a{color: inherit;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.p-list2 .col-r a:hover,.p-list2 a:hover,.p-list2 em{color: #204ba0}.p-list2 .col-r a{color: #666;margin-left: 30px}.pages{text-align: center;clear: both;margin-bottom: 80px;font-size: 14px;color: #666;line-height: 30px}.pages .p-flip,.pages ul{display: inline-block;vertical-align: top}.pages .p-flip{margin-left: 12px}.pages .inp{display: inline-block;vertical-align: top;width: 30px;height: 30px;border: 1px solid #ddd;font-size: 14px;color: #333;line-height: 28px;text-align: center;margin: 0 8px}.pages ul li{float: left;margin: 0 3px}.pages ul a{display: block;width: 30px;height: 30px;font-size: 14px;color: #666;line-height: 30px;text-align: center;background-repeat: no-repeat;background-position: center center}.pages ul a:hover{color: #204ba0}.pages ul li.on a{background-color: #204ba0;color: #fff}.pages .p-first a{background-image: url()}.pages .p-last a{background-image: url()}.pages .p-next,.pages .p-prev{display: inline-block;vertical-align: top;color: #333}.pages .p-next a,.pages .p-prev a{color: inherit;width: auto;margin: 0 5px}.pages .p-next a:hover,.pages .p-prev a:hover{color: #204ba0}.m-txt6{background: #f3f9ff;font-size: 14px;color: #333;line-height: 2}.m-txt6 .tit{font-size: 22px;font-weight: 700;color: #333;line-height: 62px;border-bottom: 1px solid #ccc;margin-bottom: 23px}.m-txt6 .tit img{display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 8px;height: 26px}.m-txt6 .more{display: block;font-size: 14px;color: #fff;line-height: 40px;text-align: center;background: #204ba0}.m-txt6 .more:hover{background: #4070cf}.m-txt6 .con{padding: 12px 20px 17px}.m-txt6 p{overflow: hidden;margin-bottom: 7px}.m-txt6 p em{display: block;float: left;width: 56px;margin-right: 5px}.m-txt6 p span{display: block;overflow: hidden}.project{margin-top: .35rem}.project h3{font-size: .2rem;font-weight: 600}.i-list li{position: relative}.i-list li a{display: flex;color: #111111;padding-left: .3rem;position: relative;line-height: .8rem;border: 1px solid transparent;border-top: 1px dashed #CBCBCB;padding-right: .05rem;transition: all 0.5s}.i-list li:nth-child(1) a{border-top: 1px solid transparent}.i-list li:last-child a{border-bottom: 1px dashed #CBCBCB}.i-list li a::before{content: "";position: absolute;left: .125rem;top: 50%;transform: translateY(-50%);width: .05rem;height: .05rem;border-radius: 50%;opacity: 1;background: #333333}.i-list li a p{font-size: .18rem;font-weight: normal;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0}.i-list li a span{font-size: .18rem;font-weight: 500;color: #999999;background-position: left center;margin-left: .1rem}.i-list li:hover a p{color: #006B38;font-weight: 600}.i-list li:hover a{background: #FFFFFF;box-sizing: border-box;border-bottom: 1px solid #006B38;padding-right: 0.1rem;box-shadow: 0px 4px 10px 0px rgba(148, 7, 10, 0.34)}.i-list li:hover a:before{background: #006B38}.jgsz-box{margin-top: .65rem;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1)}.jgsz-box:nth-child(1){margin-top: 0}.jgsz-box h3{background: rgba(0, 96, 175, .1);text-align: center;font-size: .24rem;font-weight: bold;line-height: .77rem;text-align: center;color: #006B38}.jgsz-box ul{display: flex;flex-wrap: wrap;padding: .15rem .2rem .3rem .2rem}.jgsz-box ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .18rem;line-height: .62rem;color: #474747;padding: 0 .4rem 0 0}.jgsz-box ul li a:hover{font-weight: 600;color: #006B38;text-decoration: underline}.szlb ul{display: flex;flex-wrap: wrap;margin: 0 -.35rem;margin-top: -.4rem}.szlb ul li{width: 50%;margin-top: .4rem}.szlb ul li a{display: block;margin: 0 .35rem;background: #FFFFFF;border: 1px solid #E8E8E8;border-top: 4px solid #006B38;padding: .4rem;transition: all 0.5s;height: 100%}.szlb ul li a h3{font-size: 0.24rem;font-weight: normal;line-height: 0.3rem;color: #000000}.szlb ul li a div{border-top: 1px solid #D8D8D8;padding: .2rem 0 0 0;margin-top: .3rem}.szlb ul li a div p{font-size: 0.18rem;font-weight: normal;line-height: 0.3rem;color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: .9rem}.szlb ul li a:hover{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5)}.szlb ul li a:hover h3{color: #006B38}.searchpage .secpag{display: flex;flex-wrap: wrap;justify-content: center;font-size: 16px;line-height: 26px;color: #333}.searchpage .secpag a{color: #333}.searchpage .secpag a:hover{color: rgba(6, 131, 88, 1.0)}.jgsz img{display: block;margin: 0 auto;max-width: 100%}.zzjg-list{background: #f7f7f7;margin-top: .2rem}.zzjg-list:nth-child(1){margin-top: 0}.zzjg-list>p{background: #006B38;color: #fff;line-height: .46rem;font-size: .2rem;font-weight: 600}.zzjg-list ul{padding: .1rem .3rem;overflow: hidden}.zzjg-list ul li{float: left;width: 33.33%}.zzjg-list ul li a{display: block;padding-left: .1rem;position: relative;font-size: .16rem;line-height: .24rem;margin: .08rem 0;color: #333}.zzjg-list ul li a::before{content: "";position: absolute;left: 0;width: .04rem;height: .04rem;background: #006B38;top: 10px}.zzjg-list ul li a:hover{color: #006B38}
.history-timeline {
position: relative;
padding: .4rem 0 .2rem 0;
}
.history-timeline::before {
content: "";
position: absolute;
left: 1.26rem;
top: .4rem;
bottom: .2rem;
width: 2px;
background: #006B38;
}
.history-item {
display: flex;
align-items: flex-start;
position: relative;
padding-bottom: .35rem;
padding-left: .15rem;
}
.history-item:last-child {
padding-bottom: 0;
}
.history-year {
width: 1.05rem;
font-size: .24rem;
font-weight: 700;
color: #006B38;
text-align: right;
flex-shrink: 0;
line-height: .3rem;
padding-right: .25rem;
}
.history-dot {
width: .14rem;
height: .14rem;
background: #006B38;
border-radius: 50%;
flex-shrink: 0;
margin-top: .08rem;
position: relative;
z-index: 2;
box-shadow: 0 0 0 4px rgba(0, 107, 56, 0.15);
}
.history-content {
flex: 1;
padding-left: .25rem;
min-width: 0;
}
.history-content p {
font-size: .18rem;
line-height: .32rem;
color: #333;
text-indent: 0;
margin-top: 0;
}
.history-content p:first-child {
margin-top: 0;
}
.history-item:hover .history-dot {
transform: scale(1.3);
transition: all 0.3s;
}
.history-item:hover .history-year {
color: #004d29;
}
/* 移动端适配 */
@media screen and (max-width: 768px) {
.history-timeline::before {
left: 0.88rem;
}
.history-year {
width: .7rem;
font-size: .18rem;
padding-right: .15rem;
}
.history-dot {
width: .1rem;
height: .1rem;
box-shadow: 0 0 0 3px rgba(0, 107, 56, 0.15);
}
.history-content {
padding-left: .15rem;
}
.history-content p {
font-size: .16rem;
line-height: .28rem;
}
}
.org-chart {
display: flex;
width: 100%;
max-width: 1100px;
margin: 0 auto;
position: relative;
}
/* ========== 左侧节点：行政管理 ========== */
.left-side {
width: 220px;
flex-shrink: 0;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
}
/* 左侧节点向右延伸的横线 */
.left-side::after {
content: '';
position: absolute;
right: -20px;
top: 50%;
width: 20px;
height: 2px;
background: #006B38;
transform: translateY(-50%);
}
.node-left {
width: 180px;
padding: 24px 0;
background: #006B38;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 107, 56, 0.2);
position: relative;
z-index: 2;
letter-spacing: 2px;
}
/* ========== 右侧结构 ========== */
.right-side {
flex: 1;
padding-left: 30px;
margin-left: 20px;
position: relative;
display: flex;
flex-direction: column;
}
/* 竖线层：精确对齐卡片中点（顶部78px，底部78px） */
.vertical-line {
position: absolute;
left: 0;
top: 78px;
bottom: 78px;
width: 2px;
background: #006B38;
z-index: 1;
}
/* ========== 单个卡片包裹层 ========== */
.card-wrapper {
position: relative;
margin-bottom: 32px;
display: flex;
align-items: center;
}
/* 消除最后一张卡片的底部间距，让竖线精准封底 */
.card-wrapper:last-child {
margin-bottom: 0;
}
/* 连接主干竖线与卡片的横线 */
.card-wrapper::before {
content: '';
position: absolute;
left: -30px;
top: 50%;
width: 30px;
height: 2px;
background: #006B38;
transform: translateY(-50%);
z-index: 2;
}
/* ========== 卡片样式（静态，无hover动效） ========== */
.card {
background: #fff;
border: 1px solid #006B38;
border-radius: 8px;
overflow: hidden;
width: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
position: relative;
z-index: 10;
}
.card-header {
background: #006B38;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
padding: 10px 0;
letter-spacing: 1px;
user-select: none;
}
.card-body {
padding: 14px 20px;
color: #222;
font-size: 15px;
}
/* ========== 信息行：table-cell 布局确保标签与内容完美对齐 ========== */
.row {
display: table;
width: 100%;
margin-bottom: 6px;
line-height: 1.6;
}
.row:last-child {
margin-bottom: 0;
}
.label {
display: table-cell;
width: 72px;
color: #444;
font-weight: 500;
white-space: nowrap;
vertical-align: top;
}
.value {
display: table-cell;
vertical-align: top;
word-break: break-all;
}
/* ========== 手机端响应式适配 ========== */
@media (max-width: 768px) {
.org-chart {
flex-direction: column;
}
.left-side {
width: 100%;
justify-content: center;
margin-bottom: 30px;
}
.left-side::after,
.vertical-line,
.card-wrapper::before {
display: none;
}
.right-side {
margin-left: 0;
padding-left: 0;
width: 100%;
}
.node-left {
width: 200px;
font-size: 20px;
padding: 20px 0;
}
.card-header {
font-size: 16px;
padding: 8px 0;
}
.card-body {
font-size: 14px;
padding: 12px 16px;
}
.card-wrapper {
margin-bottom: 20px;
}
.label {
width: 60px;
font-size: 13px;
}
.value {
font-size: 13px;
}
.row {
margin-bottom: 4px;
}
}
@media (max-width: 400px) {
.node-left {
width: 160px;
font-size: 18px;
padding: 16px 0;
}
.card-body {
padding: 10px 12px;
font-size: 13px;
}
.label {
width: 52px;
font-size: 12px;
}
.value {
font-size: 12px;
}
}