@charset "utf-8";

.nyArc .wp{background: linear-gradient(to bottom,#fff 70%,rgba(255,255,255,0) 100%);border-top: .05rem solid #d2b65a;padding: .5rem 5%}


.nyarc{background:linear-gradient(to bottom,#fff4e7 60%,rgba(255,255,255,0) 100%);min-height: 3rem;border-top: 4px solid #630108;padding: .4rem .8rem .5rem;z-index: 5;position: relative;}

.arc-con{line-height: 1.8em;color: #333;text-align: justify; font-size: .18rem;padding-bottom: .3rem}
.arc-con p{margin-bottom: .2rem;line-height: 2em;/* text-indent: 2em; */font-size: .2rem;}

.arcCon{line-height: 1.8em;color: #333;text-align: justify;padding-bottom: .2rem;font-size: .18rem}
.arcCon p{margin-bottom: .2rem;line-height: 1.8em;}

/* .arc-con img{margin: .1rem auto;max-width: 10rem;width: auto!important;display: block;height: auto!important;} */


.arc-con table{border: 1px solid #ddd;/* margin-left:0!important; */width: 100%;background: #fff}
.arc-con table p{margin-bottom: 0}
.arc-con table tr th,.arc-con table tr td{border: 1px solid #ddd!important;padding:.1rem .15rem;/* text-align: center; */}
.arc-con table tr th,.arc-con table tr td p{text-indent:0 !important;word-break: break-word;}
/*.arc-con table tr:nth-child(2n){background: #EEEEEE}*/
.tbsc{overflow: auto;padding: 15px 0;width: 100%}
.tbsc::-webkit-scrollbar{height:4px}
.tbsc::-webkit-scrollbar-thumb{border-radius:10px;background:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.tbsc::-webkit-scrollbar-track{border-radius:10px;background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.arc-con video{max-width: 100%!important;height: auto!important;display: block;margin:0 auto .2rem;}
.arc-tit{margin-bottom: .25rem;}
.arc-tit h1{font-size: .32rem;text-align: center;line-height: 1.4em;font-weight: normal;}
.arc-info{padding-bottom: .25rem;font-size: .16rem;color: #666;border-bottom: 1px solid rgba(0, 106, 57, .4);margin-bottom: .3rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.arc-info em{display: flex;align-items: center; margin: 0 .2rem;padding: 5px 0;font-style: normal;}
 
.arc-info em img{width: .2rem;height: .2rem;margin-right: .1rem }
#resize a{margin: 0 .05rem}
.arc-sibs{}
.arc-sib{border-top: 2px solid rgba(0, 106, 57, 1);padding-top: .26rem;font-size: .18rem;line-height: 1.6em;display: flex;flex-wrap: wrap;justify-content: space-between;}
.arc-sib div{padding: .08rem 0;max-width: 49%}

.arc-back{margin-left: .3rem}
.arc-back a{display: flex;border-radius: 5px;color:#d2b65a;text-align: center;width: 1.2rem;height: .38rem;line-height: .38rem;justify-content: center;align-items: center;background-size: cover;border-radius: 5px;margin: 0 auto}
.arc-back a span{display: block;margin-left: 5px}
.arc-back a img{width: .24rem}
.arc-tool a{display: flex;align-items: center;margin-left: .3rem;font-size: .18rem;color: #888}
.arc-tool a img{height: .21rem;margin-right: .05rem}

.arc-info .share{display: flex;align-items: center;justify-content: center;}
@media (min-width: 993px){
.arc-sib div:hover{color: #006a39;}
.arc-sib div:hover {color: #006a39;font-weight: bold;}
.arc-sib div:hover a{color: #006a39;font-weight: bold;}
}
@media (max-width: 992px){
.arc-con img{width: auto!important;height: auto!important;max-width: 100%;}
.arc-tit h1{font-size: .36rem}
.arc-info{font-size: .24rem}
.arc-info em img{width: .26rem;height: .26rem;margin-right: .14rem }
.arc-con,.arc-sib{font-size: .24rem}
.arc-sib div{max-width: 100% ;width: 100%}
.arc-info .share{width: 100%;margin-top: .3rem}
}
@media (max-width: 576px){
.arc-con img{width: auto!important;height: auto!important}
.arc-tit h1{font-size: .36rem}
.arc-info{font-size: .26rem}
.arc-con,.arc-sib{font-size: .28rem}
}


.pages{display: flex;justify-content: flex-end;    margin-top: .5rem;}
.pages .p_pages{text-align: center;}
.pages .p_pages span.p_fun_d.p_first_d,
.pages .p_pages span.p_fun_d.p_last_d,
.pages .p_pages span.p_first_d a,
.pages .p_pages span.p_last_d a,
.pages .p_pages span.p_first a,
.pages .p_pages span.p_last a{padding: 0 .3rem!important}

.pages .p_pages span{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem}
.pages .p_pages span a,.pages .p_pages span.p_fun_d{height: .5rem;text-align: center;line-height: .5rem;padding: 0 8px;min-width: .5rem;
display: inline-block;border-radius: 3px;background: #f3f5f0;color: #666}
.pages .p_pages span a{display: block;}
.pages .p_pages span.p_no_d{background:#006a39;padding: 0 8px;min-width: .5rem;height: .5rem;line-height: .5rem;
border: 1px solid #006a39;border-radius: 3px;color:#fff; }

.pages .p_pages span.page-count{line-height: .5rem}
.page-form {line-height: .5rem}
.page-form input{ width: .5rem;height: .5rem;float: left;text-align: center;padding: 0 3px;background: #f3f5f0;border-radius: 3px;margin: 0 5px}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: 52px;height: .5rem;line-height: .5rem;text-align: center;margin-left: 3px;float: left;background: #006a39;color: #f3f5f0;border-radius: 3px;margin-left: 5px}

@media (max-width: 992px){
.pages .p_pages span{padding: 0}
.pages .p_pages span.pageitem{display: none}
.pages .p_pages span.page-form{padding-left: .1rem}
.pages{justify-content: center;}
.pages .p_pages span{font-size: .24rem;margin:.02rem}
.pages .p_pages span a{height: .56rem;line-height: .56rem;min-width: .56rem;}
.pages .p_pages span.cur{padding: 0 8px;min-width: .56rem;height: .56rem;line-height: .56rem; }
.pages .p_pages span.page-count{line-height: .44rem}
.page-form {line-height: .56rem}
.page-form input{width: .56rem;height: .56rem;}
.page-form button{width: 52px;height: .56rem;line-height: .56rem;}
}
@media (max-width: 576px){
.pages .p_pages span ,.page-form button{border-left: 0}
}

 
.nyMain .wp{align-items: flex-start;}
.nyLeft{width: 3rem;position: relative;z-index: 3;background-size: 100% auto ;min-height: 3rem;border-radius: .2rem .2rem .2rem .1rem; margin-top: -1.5rem;background: #006a39; box-shadow: 0 0 20px rgba(0,106,57,.4);border-left: 5px solid #006a39 }
.nyLeft .leftslog img{width: 100%}
.nyLeft .nyLeftBtn{ position: relative;padding: .6rem .15rem .15rem .3rem;position: relative;z-index: 10;align-items: center;min-height: 1.5rem;color: #fff;background:url(../images/1x.png) no-repeat bottom center;background-size: cover;border-radius: .2rem .2rem 0 0 }
.nyLeft .nyLeftBtn .slog{ position: absolute;width: 1.56rem; max-width: inherit;max-height: inherit;top: .2rem;left: .2rem;pointer-events: none;user-select: none  }
.nyLeft .nyLeftBtn .en{text-transform:uppercase;font-size:.14rem; color: rgba(255,255,255,1);position: relative;margin-top: .1rem }
.nyLeft .nyLeftBtn .cn{font-size:.36rem;position: relative; line-height: 1em}
.nyLeft .nyLeftBtn .cn:after{ }
.nyLeft .nyLeftBtn .cn:before{ }
.nyLeft .nyLeftBtn .cn span{font-size: .48rem;font-weight: normal;display: inline-block;line-height: 1em}
 
.nyLeft .nyLeftBtn i.plus{width: .6rem;display: none}
.nyLeft .nyLeftBtn i.plus:before{background: #fff}
.nyLeft .nyLeftBtn i.plus:after{background: #fff}
.nyLeft  i.plus.show:after{transform:rotate(90deg);}
.nyLeft  i.plus{display: block;width: .5rem;height: 100%;position: absolute;right:0;top: 0;z-index: 5}
.nyLeft  i.plus:before{content: '';position: absolute;left: 50%;height: 2px;top: 50%;margin-top: -1px;width: .16rem;margin-left: -.08rem;background: #fff}
.nyLeft  i.plus:after{content: '';position: absolute;left: 50%;height: .16rem;top: 50%;margin-top: -.08rem;width: 2px;margin-left: -1px;background: #fff;transition: .3s}
.subNavs i.plus:before{background: #aaa;display: none}
.subNavs i.plus:after{background: #aaa;display: none}
.subNavs i.plus{background: url(../images/nydotg.png) no-repeat center;background-size: .27rem .18rem;transition: .3s}
.subNavs .on i.plus{background: url(../images/nydot.png) no-repeat center;background-size: .27rem .18rem;transition: .3s;display: block;}
.subNavs i.plus.show{ transform:rotate(0deg);}
.subNavs i.plus{width: .3rem;right: -.1rem; display: none;transform:rotate(90deg);}
.nyLeft .subNavs{padding: .2rem 0  .65rem;background: #fff;border-radius: .1rem 0 .1rem .1rem }
.nyLeft .subNavs .li{position: relative;padding:0 .3rem}
.nyLeft .subNavs .li:after{content: '';position: absolute;left: .3rem;right: .3rem;border-bottom:1px dashed #dfdfdf }
.nyLeft .subNavs .li>a{ }
.nyLeft .subNavs .li>a{padding:.22rem .3rem .22rem 0;display:block;position:relative;font-size:.2rem ; }
.nyLeft .subNavs .li>a span{position: relative;z-index: 3}
.nyLeft .subNavs .subNav{ display: none;padding-bottom: .2rem}
.nyLeft .subNavs .on .subNav{ }
.nyLeft .subNavs .subNav .lis>a{padding:.08rem 0 .08rem .1rem;display:block;position:relative;font-size: .18rem}
.nyLeft .subNavs .subNav .liss>a{padding:.06rem 0;display:block;position:relative;font-size: .16rem}
.nyLeft .subNavs .li.on .subNav{display: block;}
.nyLeft .subNavs .li.on .subNav a{color: #fff}
.nyLeft .subNavs .li.on{background:url(../images/1s.png) #be9b61 no-repeat left top;background-size: auto .7rem }
.nyLeft .subNavs .li.on:after{opacity: 0}
.nyLeft .subNavs .li.on i.plus:before{background: #fff}
.nyLeft .subNavs .li.on i.plus:after{background: #fff}
.nyLeft .subNavs .li.on>a{color: #fff;position: relative;}
/*.nyLeft .subNavs .li.on{border-bottom: 1px solid #006a39}*/
/*.nyLeft .subNavs .li.on:after{content: '';position: absolute;width: .2rem;height: .19rem;background: url() no-repeat center;background-size: 100% 100%;left: 50%;margin-left: -.1rem;bottom: -.1rem;z-index: 1;pointer-events: none}*/
.nyLeft .subNavs .li.on>a:after{position: absolute;width: .27rem;top:50%;height: .18rem;margin-top: -.09rem; right:-.05rem;background: url(../images/nydot.png) no-repeat center;background-size: 100% 100%;z-index: 0;content: ''; }
 
.nyLeft .subNavs .li.has>a:after{display: none }
.nyLeft .subNavs .subNav .lis.on>a{color: #006a39; }


.titr{font-size: .3rem;color: #333;font-weight: bold;margin-bottom: .3rem; text-align: center;   font-family: 'sys';}

.nyLeft .subNavs .subNav a{}

.nyRight{width: calc(100% - 3.6rem);position: relative;z-index: 2; padding-top: .5rem;min-height: 5rem }
 
.nyRight .nyArc.nyrCon{padding: .4rem .4rem .6rem;background: #fff}
 
@media (max-width: 992px){
.nyLeft .nyLeftBtn .slog{top: 0;left: .1rem}
.nyLeft  i.plus:before{width: .24rem;margin-left: -.12rem;}
.nyLeft  i.plus:after{height: .24rem;margin-top: -.12rem;}

.nyLeft{width: 100%;min-height: inherit;border-bottom: 0;margin-top: 0} 
.nyRight{width: 100%; margin-top: .4rem;padding-top: 0}
.nyLeft .subNavs{display:none;border-top: 0;padding: .3rem 0 .5rem;margin-top: 0;min-height: inherit; }
.nyLeft .subNavs .li>a{font-size: .24rem;padding: .25rem }
.nyLeft .nyLeftBtn{padding:  .35rem .3rem .25rem;height: auto; display:block;min-height: inherit; }
 
.nyLeft .nyLeftBtn .en{font-size: .22rem;display: none}
.nyLeft .nyLeftBtn i.plus{width: .7rem;display: block;}
.nyRight .nyrtit{}
.nyRight .nyrtit .tit{font-size: .4rem}
.nyLeft .subNavs .li.on>a:after{font-size: .22rem}
.nyLeft .subNavs .subNav .lis>a{padding:.15rem 0 .15rem .15rem;font-size: .22rem}
.nyLeft .subNavs .subNav .liss>a{padding:.06rem 0;font-size: .2rem}
.nyLeft .subNavs .li.on:after{width: .3rem;height: .29rem;margin-left: -.15rem;bottom: -.15rem;}
.nyLeft .subNavs .li.on{background-size: auto .8rem}
}
@media (max-width: 576px){
.subNavs i.plus{width: .5rem}
.nyLeft .nyLeftBtn{padding: .45rem .25rem .15rem; }
.nyLeft .nyLeftBtn span{font-size: .36rem;text-align: left;}
.nyLeft .subNavs .li>a{font-size: .3rem;padding: .22rem .45rem .22rem .2rem;}
.nyLeft .nyLeftBtn i.plus{width: .8rem}
.subNavs .on i.plus{background-size: .36rem .24rem;}
.nyLeft .subNavs .li.on>a:after{width: .36rem;height: .24rem;margin-top: -.12rem; right:-.05rem;}
.nyLeft .subNavs .subNav .lis>a{padding:.15rem 0 .15rem .15rem;font-size: .26rem}
.nyRight .nyrtit .tit{order: 2}
.nyRight .nyrtit .posi{order: 1;width: 100%;margin-bottom: .2rem}
}

.nyMain{background: url(../images/nybg.png) ;min-height: 4rem;position: relative;background-color: #f7f9f8;}
 
.nyMain .wp{position: relative;z-index: 5;max-width: min(16rem, 94%)}
.posi{position: absolute;left: 0;top: -.5rem;color: #fff} 
.posi a+a:before{content: '-';margin: 0 .1rem;color: #fff}
.posi a{color: #fff}
.posi a:hover{ }
 
.nyba{position: relative;overflow: hidden;}
.nyba:before{content:'';position:absolute;left:0;bottom: 0;height:.24rem;background:#f0f6ff;z-index:2;width: 40%;pointer-events: none;transform: skewX(50deg);transform-origin: right bottom; display: none }
.nyba .img{position: relative;height: 6.95rem;overflow: hidden;}
.nyba .img:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50%;background: url(../images/blackms.png) no-repeat center;background-size: 100% 100%;z-index: 2;opacity: 0.8}
.nyba .img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.15);animation: small1 40s infinite linear }

@keyframes small1 {
    0% {transform: scale(1.15) }
    50% {transform: scale(1) }
    100% {transform: scale(1.15) }
}
.nyba .nysubtxt{position: absolute;left: 2rem;right: 0;background: rgba(0,22,80,.85);z-index: 4;bottom: 0;height: 1.3rem;border-left: .3rem solid #c7002f;border-radius:1.2rem 0 0 0;display: flex;align-items: center;padding-left: 1rem;padding-right: 5.4rem}
.nyba .nysubtxt .tit{font-size: .46rem;color: #ffffff;font-weight: bold;}
.nyba .nysubtxt .slog{position: absolute;width: 3.63rem;right: 1.3rem;bottom: .45rem;max-height: inherit;}
.nyba .nysubtxt .posi{flex:1;overflow: hidden;margin-left: .6rem}
.nyba .nysubtxt .posi a{color: #fff}
.nyba .nysubtxt .posi a:before{color:rgba(255,255,255,.5)}

.nyRight  .nyArc{ }
@media (max-width: 992px){
.nypage:before{display: none}
.nyMain{padding: .4rem 0 2.2rem}
.posi{top: 0;position: relative;color: #444;margin-bottom: .3rem}
.posi a+a:before{color: #888}
.posi a{ color: #444}
.nyba{padding-left: 0}
.nyba .nysubtxt{display: none}	
.nyba .img{height: 55vw}
.nyLeft .leftslog{display: none}
.posi{ }
.nyRight .nyrCon{background: transparent;}
}
@media (max-width: 597px){

.posi{ }
.nyRight .nyArc{padding-left: 0;padding-right: 0}
}

.tea-research-footer{
	position:relative;
	height:3.55rem;
	overflow:hidden;
	 background:#f7f9f8; 
	color:#174c40;

}

/**/
 
.newList{padding-bottom: .6rem}
.newList li{ padding: .35rem 0;position: relative;}
.newList li+li{border-top:1px solid rgba(0, 107, 56, .2) }
.newList li a{display: flex;align-items: center;position: relative;z-index: 3;transition: .3s;flex-wrap: wrap;}
.newList li .img{width: 4.2rem;height: 2.4rem;margin-right: .4rem}
.newList li .img time{width:1.3rem;height: .38rem;background: #006A39;position: absolute;left: 0;bottom: 0;z-index: 5;line-height: .38rem;color: #fff;border-radius: 0 .2rem 0 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.newList li   time i{display: block;width: .16rem;height: .16rem;background: url(../images/time.svg) no-repeat center;background-size: 100% 100%;margin-right: .05rem}
.newList li .txt{flex:1;overflow: hidden;  }
.newList li .txt h4{font-size: .2rem;line-height: 1.5em}
.newList li .txt p{color: #666;line-height: 1.6em;margin: .2rem 0 .3rem;max-height: .5rem\0}
.newList li .txt .more span{background: url(../images/morslog.png) no-repeat right center;background-size: auto .15rem;padding-right: .3rem;font-size: .18rem}
.newList li.nopic time{display: flex;align-items: center;color:#006A39 }
.newList li.nopic  time i{background: url(../images/timeg.svg) no-repeat center;background-size: 100% 100%; }
@media (min-width: 993px){
.newList li:after{content: '';position: absolute;top: -1px;left: 0;bottom: -1px;right: 0;z-index: 0;background: url(../images/nynbg.jpg) no-repeat center;background-size: cover;box-shadow: 0px 2px 19px 0px rgba(0, 106, 57, 0.4418);border-radius: .3rem 0 .3rem 0;opacity: 0;visibility: hidden;transition: .3s}
.newList li:hover a{padding: 0 .35rem;color: #fff} 
.newList li:hover .txt p{color: rgba(255,255,255,.7)}
.newList li:hover .txt .more span{background: url(../images/morslogw.png) no-repeat right center;background-size: auto .15rem; }
.newList li:hover .img time{background: #be9b61}
.newList li.nopic:hover  time{color: #fff}
.newList li.nopic:hover  time i{background: url(../images/time.svg) no-repeat center;background-size: 100% 100%; }
.newList li:hover:after{opacity: 1;visibility: visible;}
.newList li:hover{border-top-color: transparent}
.newList li:hover+li{border-top-color: transparent}
}
@media (max-width: 992px){
.newList li .txt h4{font-size: .26rem; } 
.newList li .txt p{font-size: .2rem} 
.newList li .txt .more span{font-size: .24rem;background-size: auto .24rem;padding-right: .5rem}
.newList li time i{width: .24rem;height: .24rem;margin-right: .1rem}
.newList li .img time{width: 1.7rem;height: .44rem;line-height: .44rem;font-size: .2rem}
}
@media (max-width: 597px){
.newList li .img{width: 100%;height: 50vw;margin: 0;margin-bottom: .3rem}
.newList li .txt{width: 100%;flex:inherit;}
.newList li .txt h4{font-size: .3rem;margin-bottom: .2rem} 
.newList li .img time{width: 2rem;height: .54rem;line-height: .54rem;font-size: .24rem}
.newList li .txt .more span{font-size: .28rem;background-size: auto .26rem;padding-right: .5rem}
.newList li time i{width: .28rem;height: .28rem;margin-right: .1rem}
.newList li .txt p{font-size: .26rem} 
}

/**/
.fancybox-caption{font-size: .2rem}
.fancybox-navigation .fancybox-button{height: 120px;width: 80px}
.fancybox-navigation .fancybox-button:disabled{display: none}
.worklist{margin-bottom: .5rem}
.worklist li:nth-child(1){width: 68%;margin-bottom: .2rem}
.worklist li:nth-child(6){width: 68%;float: right;}
.worklist li:nth-child(1) .img{height:5.2rem; }
.worklist li:nth-child(6) .img{height:5.2rem; }
.worklist li:nth-child(2){position: absolute;top: 0;right: 0}
.worklist li:nth-child(3){position: absolute;top: 2.7rem;right: 0}
.worklist li:nth-child(4){position: absolute;top: 5.4rem;left: 0}
.worklist li:nth-child(5){position: absolute;bottom:0;left: 0}


.worklist li{width: calc(32% - .2rem);overflow: hidden;}
.worklist li .img{height:2.5rem;position: relative;padding-bottom: 0 }
.worklist li a{display: block;position: relative;}
.worklist li .txt{position: absolute;left: 0;bottom: 0;right: 0; background: rgba(0, 106, 57, .8);backdrop-filter: blur(5px);color: #fff;font-size: .18rem;padding: .2rem;display: none }
 
 
.worklist li .hidet{position: absolute;left:0;top: 0;right: 0;bottom: 0;background: rgba(0, 106, 57, .8);backdrop-filter: blur(5px);padding: .35rem;color: #fff;opacity: 0;visibility: hidden;transition: .4s;z-index: 3}
.worklist li .hidet .swi-arrbar{display: block;width: .45rem;height: .45rem;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: .43rem;transition: .3s;color: #fff;position: absolute;top: 50%;right: 0;margin-top: -.23rem}
.worklist li .hidet .txt1{position: relative;width: 100%;height: 100%;text-align: center;}
.worklist li .hidet .txt1 time{font-size: .18rem;}
.worklist li .hidet .txt1 .izom{width: .4rem;height: .4rem;background: url(../images/hand.svg) no-repeat center;background-size: 100% 100%;margin: 0 auto}
.worklist li .hidet .txt1 p{font-size: .2rem;margin-top: .15rem;color: #fff}
 
.worklist li:hover .txt{bottom: -.6rem}
.worklist li:hover .hidet{opacity: 1;visibility:visible;}
.worklist li:hover .imgBox:before{opacity: 0}
.worklist li:hover .imgBox:after{opacity: 0}

@media (max-width: 992px){
.worklist{display: flex;justify-content: space-between;;flex-wrap: wrap;}
.worklist:after{display: none}
.worklist li:nth-child(1){width: calc(50% - .1rem);margin-bottom: .2rem}
.worklist li:nth-child(6){width: calc(50% - .1rem);float: inherit;}
.worklist li:nth-child(1) .img{height:30vw; }
.worklist li:nth-child(6) .img{height:30vw; }
.worklist li:nth-child(2){position: static;top: 0;right: 0}
.worklist li:nth-child(3){position: static;top:0;right: 0}
.worklist li:nth-child(4){position: static;top:0;left: 0}
.worklist li:nth-child(5){position: static;bottom:0;left: 0}
.worklist li .hidet{display: none}
.worklist li{width: calc(50% - .1rem);overflow: hidden;margin-bottom: .2rem}
.worklist li .img{height:30vw;position: relative; }
.worklist li .txt{font-size: .24rem;display: block;}
.fancybox-caption,.fancybox-infobar{font-size: .24rem}
}
@media (max-width: 597px){
.fancybox-navigation .fancybox-button{height: 120px;width: 70px}
.worklist li:nth-child(1){width:100%;margin-bottom: .3rem}
.worklist li:nth-child(6){width:100%;}
.worklist li:nth-child(1) .img{height:55vw; }
.worklist li:nth-child(6) .img{height:55vw; }
.worklist li{width:100% !important;overflow: hidden;margin-bottom: .3rem}
.worklist li .img{height:55vw;position: relative; }
.worklist{margin-bottom: .3rem}
.worklist li .txt{font-size: .28rem}
.fancybox-caption,.fancybox-infobar{font-size: .28rem}
}

/**/
.picList{padding-bottom: .3rem}
.picList:after{content: '';display: inline-block;width: calc(33.333% - .2rem);}
.picList li{width: calc(33.333% - .2rem);margin-bottom: .3rem;box-shadow: 0px 2px 13px 0px rgba(128, 128, 128, 0.1984);background: #f3f5f0;transition: .3s}
.picList li .txt{padding: .2rem;font-size: .2rem;text-align: center;}
.picList li .img{height: 2.2rem}

@media (min-width: 993px){
.picList li:hover{background: url(../images/fgbg.png) no-repeat bottom right;background-size: cover;border-radius: .2rem 0 .2rem 0;overflow: hidden;box-shadow: 0px 2px 22px 0px rgba(0, 106, 57, 0.5811);}	
.picList li:hover .txt h4{color: #fff;font-weight: bold;}
}
@media (max-width: 992px){
.picList:after{display: none}
.picList li{width: calc(50% - .2rem);margin-bottom: .3rem; }
.picList li .img{height: 26.5vw}	
.picList li .txt{padding: .25rem;font-size: .26rem;text-align: center;}
}
@media (max-width: 597px){
.picList li{width: calc(50% - .15rem);margin-bottom: .3rem; }
.picList li .img{height: 26.5vw}	
.picList li .txt{padding: .2rem;font-size: .26rem;text-align: center;}
}

/**/
.ldscList{padding-bottom: .3rem}
.ldscList:after{content: '';display: inline-block;width: calc(25% - .2rem);}
.ldscList li{width: calc(25% - .2rem);margin-bottom: .4rem; background: #f3f5f1;transition:  .3s;border-radius: .15rem;overflow: hidden;background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto}
.ldscList li .txt{padding: .2rem 0; }
.ldscList li .txt h4{line-height: 1.5em;text-align: center;font-size: .18rem;}
.ldscList li .txt time{color: #666 }
.ldscList li .txt time span{font-size: .4rem;color: #be9b60;margin-right: .05rem;line-height: 1em }
.ldscList li .img{height: 3.2rem}

@media (min-width: 993px){
.ldscList li:hover{overflow: hidden;box-shadow: 0px 2px 22px 0px rgba(0, 106, 57, 0.5811);} 
.ldscList li:hover .txt h4{color: #006b38; }

}
@media (max-width: 992px){
.ldscList:after{display: none}
.ldscList li{width: calc(50% - .2rem);margin-bottom: .3rem; }
.ldscList li .img{height: 27.5vw}  
.ldscList li .txt{padding: .25rem .25rem .4rem; }
.ldscList li .txt h4{font-size: .26rem;height: auto}
.ldscList li .txt time span{font-size: .5rem}
}
@media (max-width: 597px){
.ldscList li{width: 100%;margin-bottom: .4rem; }
.ldscList li .img{height:55vw}  
.ldscList li .txt{padding: .2rem .25rem .4rem; }
.ldscList li .txt h4{font-size: .28rem;height: auto}
.ldscList li .txt time span{font-size: .6rem}
}

/* ===== 科研平台 - 横向卡片布局 ===== */
.platform-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.platform-list > li {
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border-radius: 0.16rem;
  overflow: hidden;
  box-shadow: 0 0.02rem 0.16rem rgba(0,0,0,0.07);
  margin-bottom: 0.32rem;
  border: 0.01rem solid #e9ecef;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
}

.platform-list > li:hover {
  transform: translateY(-0.04rem);
  box-shadow: 0 0.12rem 0.4rem rgba(0,0,0,0.12);
  border-color: #d8f3dc;
}

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

/* ===== 左侧图标区 ===== */
.platform-icon-area {
  width: 2.8rem;
  min-width: 2.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.platform-icon-area.lab {
  background: linear-gradient(135deg, #2d6a4f 0%, #52b788 100%);
}

.platform-icon-area.center {
  background: linear-gradient(135deg, #1a5276 0%, #3498db 100%);
}

.platform-icon-area.key {
  background: linear-gradient(135deg, #6a4c93 0%, #9b59b6 100%);
}

/* 装饰圆环 */
.platform-icon-area::before {
  content: "";
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.03rem solid rgba(255,255,255,0.15);
  border-radius: 50%;
}

.platform-icon-area::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: -0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
}

.platform-icon-area img {
width: 1.0rem;
  height: 1.0rem;
  fill: rgba(255,255,255,0.95);
  margin-bottom: 0.12rem;
  position: relative;
  z-index: 1;
}

.platform-icon-svg {
  width: 1.0rem;
  height: 1.0rem;
  fill: rgba(255,255,255,0.95);
  margin-bottom: 0.12rem;
  position: relative;
  z-index: 1;
}

.platform-type-label {
  color: rgba(255,255,255,0.9);
  font-size: 0.13rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 1.4;
}

/* 序号 */
.platform-index {
  position: absolute;
  top: 0.12rem;
  left: 0.12rem;
  color: rgba(255,255,255,0.4);
  font-size: 0.14rem;
  font-weight: 700;
  font-style: italic;
  z-index: 1;
}

/* ===== 右侧内容区 ===== */
.platform-content {
  flex: 1;
  padding: 0.36rem 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.platform-name {
  font-size: 0.24rem;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 0.1rem 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 0.12rem;
  flex-wrap: wrap;
}

.platform-name .level-tag {
  display: inline-block;
  font-size: 0.12rem;
  font-weight: 600;
  padding: 0.02rem 0.1rem;
  border-radius: 0.04rem;
  color: #fff;
  line-height: 1.5;
  white-space: nowrap;
}

.platform-name .level-tag.provincial {
  background: #2d6a4f;
}

.platform-name .level-tag.engineering {
  background: #2980b9;
}

.platform-desc {
  font-size: 0.15rem;
  color: #6c757d;
  line-height: 1.8;
  margin: 0 0 0.16rem 0;
}

.platform-meta {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  flex-wrap: wrap;
}

.platform-meta-item {
  display: flex;
  align-items: center;
  gap: 0.06rem;
  font-size: 0.13rem;
  color: #adb5bd;
}

.platform-meta-item svg {
  width: 0.14rem;
  height: 0.14rem;
  fill: #adb5bd;
  flex-shrink: 0;
}

/* 访问链接按钮 */
.platform-visit {
  display: inline-flex;
  align-items: center;
  gap: 0.06rem;
  padding: 0.06rem 0.2rem;
  border-radius: 0.2rem;
  font-size: 0.13rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-left: auto;
  white-space: nowrap;
}

.platform-list > li .platform-visit {
  background: #e9f5ee;
  color: #2d6a4f;
}

.platform-list > li:hover .platform-visit {
  background: #2d6a4f;
  color: #fff;
}

.platform-visit svg {
  width: 0.12rem;
  height: 0.12rem;
  fill: currentColor;
  transition: transform 0.2s ease;
}

.platform-list > li:hover .platform-visit svg {
  transform: translateX(0.03rem);
}

/* ===== 响应式 ===== */
@media (max-width: 768px) {
  .platform-icon-area {
      width: 1.6rem;
      min-width: 1.6rem;
  }

  .platform-icon-svg {
      width: 0.56rem;
      height: 0.56rem;
  }

  .platform-type-label {
      font-size: 0.11rem;
  }

  .platform-content {
      padding: 0.24rem 0.2rem;
  }

  .platform-name {
      font-size: 0.18rem;
  }

  .platform-desc {
      font-size: 0.13rem;
      line-height: 1.6;
  }

  .platform-meta {
      gap: 0.12rem;
  }

  .platform-visit {
      padding: 0.05rem 0.14rem;
      font-size: 0.12rem;
  }
}

@media (max-width: 480px) {
  .platform-list > li {
      flex-direction: column;
  }

  .platform-icon-area {
      width: 100%;
      min-width: 100%;
      padding: 0.24rem 0;
  }

  .platform-icon-svg {
      width: 0.64rem;
      height: 0.64rem;
  }

  .platform-type-label {
      font-size: 0.14rem;
  }

  .platform-content {
      padding: 0.2rem 0.16rem;
  }

  .platform-name {
      font-size: 0.17rem;
  }

  .platform-visit {
      margin-left: 0;
      margin-top: 0.08rem;
  }
}

/**/;
.nyzzjg .nyrCon dl+dl{margin-top: .4rem}
.nyzzjg .nyrCon dl dt{display: flex;align-items: center;margin-bottom: .3rem}
.nyzzjg .nyrCon dl dt .t{color: #006A39;font-size: .26rem;font-weight: bold;}
.nyzzjg .nyrCon dl dt .line{background: rgba(151, 151, 151, .3);height: 1px;flex:1;position: relative;margin-left: .2rem}
.nyzzjg .nyrCon dl dt .line:before{content: '';height: 3px;top: -1px;left: 0;z-index: 5;background: #006A39;width: .7rem;position: absolute;}
.nyzzjg .nyrCon dl dd ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nyzzjg .nyrCon dl dd ul:after{content: '';width: calc(33.333% - .2rem);display: inline-block;}
.nyzzjg .nyrCon dl dd ul li{width: calc(33.333% - .2rem);margin-bottom: .3rem;background: #F3F5F1;padding: .2rem .25rem;display: flex;align-items: center; transition: .3s}
.nyzzjg .nyrCon dl dd ul li a{display: flex;align-items: center;justify-content: center;font-size: .18rem; transition: .3s}
@media (min-width: 993px){
.nyzzjg .nyLeft{position: sticky;top: 1.4rem}
.nyzzjg .nyrCon dl dd ul li:hover{background: url(../images/jgbg.png) no-repeat center;background-size: cover;border-radius: .2rem 0 .2rem 0;box-shadow: 0px 2px 10px 0px rgba(0, 106, 57, 0.6822);color: #fff;font-weight: bold;}  
.nyzzjg .nyrCon dl dd ul li:hover a{color: rgba(255,255,255,.8)}
.nyzzjg .nyrCon dl dd ul li  a:hover{color: #fff}
}
@media (max-width: 992px){
.nyzzjg .nyrCon dl dd ul li{width: calc(50% - .2rem);margin-bottom: .3rem;flex-direction: column; }
.nyzzjg .nyrCon dl dd ul li a{height: 100%;font-size: .24rem; transition: .3s}
.nyzzjg .nyrCon dl dt .t{font-size: .36rem}
.nyzzjg .nyrCon dl+dl{margin-top: .6rem}
.nyzzjg .nyrCon dl dt{margin-bottom: .5rem}
}
@media (max-width: 597px){
.nyzzjg .nyrCon dl dd ul li{width: 100%;margin-bottom: .2rem }
 .nyzzjg .nyrCon dl dd ul li a{height: 100%;font-size: .26rem} 
}


/**/
.nyldtc .gallery-top{width: 100%;background: #f3f5f0;border-radius: .2rem 0 .2rem 0;box-shadow: 0 5px 10px rgba(0,0,0,.1); }
.nyldtc .gallery-top .img{height:7rem;display: flex;align-items: center;justify-content: center;padding: .1rem;padding-right: 2.56rem}
.nyldtc .gallery-top .img img{user-select: none}
.nyldtc .gallery-top .txt{z-index: 5;padding: .25rem .3rem; background: #fff;border-radius: 0 0 .2rem 0;text-align: center;}
.nyldtc .gallery-top .txt h4{ font-size: .24rem}
.nyldtc .gallery-top .img img{ }
.nyldtc .gallery-thumbsp .swiper-button-disabled{opacity: .4;pointer-events: none}
.nyldtc .gallery-thumbsp .prev{margin-bottom: .15rem;cursor: pointer;height: .35rem;background: #e4e6e1;border-radius: 0 0 0 .2rem;display: flex;align-items: center;justify-content: center;color: #bdc0b7;font-size: .25rem;transition: .3s}
.nyldtc .gallery-thumbsp .prev:before{transform: scaleY(.8);}
.nyldtc .gallery-thumbsp .next:before{transform: scaleY(.8);}
.nyldtc .gallery-thumbsp .next{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;cursor: pointer;height: .35rem;background: #e4e6e1;border-radius: 0 0 .2rem 0 ;display: flex;align-items: center;justify-content: center;color: #bdc0b7;font-size: .25rem;transition: .3s}
 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{cursor: pointer;background: #fff;border-radius: .25rem 0 0 0;overflow: hidden;}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide .img{height: 100%;display: flex;align-items: center;justify-content: center;padding: .05rem }
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide .img img{user-select: none}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide .img:after{content: '';top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 5;position: absolute;transition: .3s;opacity: 0;visibility: hidden;}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide .img:before{content: '';width: .36rem;height: .26rem;background: url(../images/eye.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;margin-left: -.18rem;margin-top: -.13rem;z-index: 6;opacity: 0;visibility: hidden;transition: .3s}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide-thumb-active{}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide-thumb-active .img:after{opacity: 1;visibility: visible;}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide-thumb-active .img:before{opacity: 1;visibility: visible;}
@media(min-width: 993px){
.nyldtc .gallery-thumbsp{width: 2.3rem;position: absolute;right: .14rem;top: .14rem;height: 6.65rem;z-index: 8}
.nyldtc .gallery-thumbsp .gallery-thumbs{height: 5.65rem;} 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{margin-bottom: .15rem;height: 1.3rem} 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide:last-child{margin-bottom: 0}
.nyldtc .gallery-thumbsp .prev1{display: none}
.nyldtc .gallery-thumbsp .next1{display: none}
.nyldtc .gallery-thumbsp .prev:hover{background: #006a39;color: #fff}
.nyldtc .gallery-thumbsp .next:hover{background: #006a39;color: #fff}
}
@media(max-width: 992px){
.nyldtc .gallery-thumbsp .prev{display: none}
.nyldtc .gallery-thumbsp .next{display: none}
.nyldtc .gallery-top .img{height: 58vw}
.nyldtc .gallery-top .img{padding-right: .2rem;padding: .2rem}
.nyldtc .gallery-thumbsp{width: 100%;margin-top: .3rem;position: relative;height: auto}
.nyldtc .gallery-thumbsp .gallery-thumbs{width: calc(100% - .8rem);margin: 0 auto;padding: .1rem 0} 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{height: 13vw;} 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide:last-child{margin-bottom: 0;margin-right: 0}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{width: 23.5%;margin-right: 2%}
.nyldtc .gallery-thumbsp .prev1{position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 5;font-size: .3rem}
.nyldtc .gallery-thumbsp .next1{position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 5;font-size: .3rem}
.nyldtc .gallery-top .txt h4{font-size: .3rem}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide .img{padding: 5px}
}
@media(max-width: 597px){
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{height: 16vw;} 
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide{width: 32%;margin-right: 2%}
.nyldtc .gallery-thumbsp .gallery-thumbs .swiper-slide-thumb-active{ }
}

/**/
.spage{background:rgba(5, 113, 62, .03);padding: .4rem}
.spage .tit{font-size: .3rem;color: #006A39;text-align: center;margin-bottom: .3rem}
.spage .arc-con .img{ width: 5.7rem;text-align: center; }
.spage .arc-con .img img{ width:100%!important; }
.spage .arc-con p{text-indent: 2em}
.spage .arc-con .imgs{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: .2rem}
.spage .arc-con .imgs .txt{flex:1;overflow: hidden;margin-left: .3rem}
.spage .arc-con .imgs .txt:before{content: '';display: block;width: .6rem;height: 4px;background: #006A39;margin-bottom: .2rem}
@media (max-width: 992px){
  .spage .arc-con .img{ width: 100%;margin-bottom: .3rem }
  .spage .arc-con .imgs .txt{flex:inherit;width: 100%;margin-left: 0}
  .spage .tit{font-size: .4rem}
}

/*党政办*/
.ysList{padding-top: .3rem}
.ysList li{width: 3.4rem;margin-right: 0.72rem;margin-bottom: 0.8rem;background: #fff;box-shadow: 0px 2px 19px 0px rgba(212, 212, 212, 0.5);position: relative;transition: .3s;overflow: hidden;/* border-bottom: 3px solid #006A39;*/}
.ysList li:before{content: '';height: 1.58rem;position: absolute;top: -0.3rem;left: 0;right: 0;  background: #006A39;z-index: 0;transform: skewY(-10deg);overflow: hidden;}
.ysList li:after{content: '';height: 3px;position: absolute;bottom: 0;left: 0;right: 0;  background: #006A39;z-index: 1;opacity: 0;transition: .3s;}
.ysList li a{display: block;padding: .3rem 0 .1rem;position: relative;z-index: 5}
.ysList li .imgs{width: 2.56rem;height: 3.26rem;border-radius: 5%;background: #fff;padding: 5px; margin: 0 auto;margin-bottom: .2rem}
.ysList li .imgs .img{width:100%;height:100%;border-radius: 5% }
.ysList li .txt h4{background: #f5f9f8;text-align: center;padding: .15rem}
.ysList li .txt h4 span{font-size: .24rem;font-weight: bold;}
.ysList li .txt h4 em{font-size: .18rem; margin-left: .3rem}
.ysList li .txt .desc{padding: .3rem;line-height: 1.8em;color: #666;text-align: justify;}
.ysList li.passAway .txt .desc span{border: 1px solid #979797;padding: 0 3px}
.ysList li.passAway .txt h4 span{border: 1px solid #979797;padding: 0 5px}


@media (min-width: 993px){
 .ysList li:hover {box-shadow: 0px 2px 19px 0px rgba(0, 106, 57, 0.3641);}
.ysList li:hover:after{opacity: 1} 
}
@media (max-width: 992px){
.ysList li{width: 100%;margin-bottom: .5rem} 
.ysList li .txt h4{padding: .25rem}
.ysList li .txt h4 span{font-size: .34rem; }
.ysList li .txt h4 em{font-size: .26rem; } 
.ysList li .txt .desc{padding: .4rem}
}
@media (max-width: 992px){
.ysList li .txt h4 span{font-size: .38rem; }
.ysList li .txt h4 em{font-size: .28rem; } 
 
}

/**/
.tserBox{background: #F3F5F1;border-radius: .15rem;display: flex;margin-bottom: .5rem}
.tserBox .sub{background: url(../images/serbg.png) no-repeat center;background-size: cover;border-radius: .15rem;text-align: center;width: 37.5%;display: flex;align-items: center;font-size: .24rem;font-weight: bold;color: #fff;justify-content: center;cursor: pointer;}
.tserBox .sub img{width: .24rem;margin-right: .1rem}
.tserBox .inp{width: 62.5%;height: .65rem;padding: 0 .3rem}
.dhjglist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dhjglist:after{content: '';width: calc(33.333% - .2rem);display: inline-block;}
.dhjglist li{width: calc(33.333% - .2rem);margin-bottom: .3rem }
.dhjglist li a{display: flex;align-items: center;justify-content: center; background: #F3F5F1;font-size: .18rem;padding: .2rem .25rem;transition: .3s;height: 100%;text-align: center}
.dataBox.filter:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;background: rgba(255,255,255,.3);backdrop-filter:blur(2px);}
.serResBox{position: absolute;min-height: 6rem;width: 10.28rem;top: .2rem;left: 50%;margin-left: -5.14rem;z-index: 30;background: #fff;border-radius: .1rem;border: 1px solid rgba(0, 106, 57, 0.6562);box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 0.5);padding: .4rem;display: none}
.serResBox .tit{font-size: .24rem;font-weight: bold;color: #006A39;margin-bottom: .2rem}
.serResBox .close{background: #006A39;width: .36rem;height: .36rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: -.18rem;right: -.18rem;z-index: 5;color: #fff}
.serResBox .dataTable thead{background: #006A39; color: #fff;line-height: .48rem;font-size: .2rem}
.serResBox .dataTable tbody tr:nth-child(2n){background:rgba(0, 106, 57, .06)}
.serResBox .dataTable tbody tr td{text-align: center;padding:.12rem .2rem;font-size: .18rem }
.serResBox .dataTable tbody tr td:nth-child(2){border-left: 1px solid rgba(0, 106, 57, 0.2)}
.serResBox .dataTable tbody tr td span{font-weight: bold;color:#006A39 }
@media (min-width: 993px){
 
.dhjglist li:hover a{background: url(../images/jgbg.png) no-repeat center;background-size: cover;border-radius: .2rem 0 .2rem 0;box-shadow: 0px 2px 10px 0px rgba(0, 106, 57, 0.6822);color: #fff;font-weight: bold;}  
}
@media (max-width: 992px){
.dhjglist li{width: calc(50% - .2rem);margin-bottom: .3rem }
.dhjglist li a{ font-size: .24rem;padding:.2rem .25rem;transition: .3s}

.tserBox .sub{font-size: .28rem}
.tserBox .sub img{width: .24rem;margin-right: .1rem}
.tserBox .inp{width: 62.5%;height: .8rem;padding: 0 .3rem}

.serResBox .dataTable thead{line-height: .58rem;font-size: .26rem}
.serResBox .dataTable tbody tr td{ padding:.2rem .2rem;font-size: .24rem }
.serResBox .tit{font-size: .3rem}

.serResBox{width: 100%;top: .2rem;margin-left: -50%;}
}
@media (max-width: 597px){
.dhjglist li{width: calc(50% - .1rem);margin-bottom: .2rem }
.dhjglist li a{ font-size: .26rem} 
}

/**/
.nyxrld .ss dt{height: .6rem;line-height: .6rem;background: url(../images/810s.png) no-repeat left center;background-size: 100% 100%;padding-left: .25rem;border-radius: .2rem 0 0 0;font-weight: bold;font-size: .3rem;color: #fff}
.nyxrld .ss dd{padding: .4rem;background: url(../images/810.png) #fff no-repeat right bottom;background-size: 4.49rem auto; box-shadow: 0 10px 50px #ebf1f6 }
.nyxrld .ss dd .items{ font-size: .24rem; display: flex;flex-wrap: wrap;align-items: flex-start;}
.nyxrld .ss dd .items .zhiw{color: #006b38;font-weight: bold; width: 1.9rem ;border-left: 2px solid  #006b38;padding-left: .2rem}
.nyxrld .ss dd .items .names{flex:1;overflow: hidden;display: flex;align-items: flex-start;flex-wrap: wrap;}
.nyxrld .ss dd .items .names .name{margin-right: .7rem;margin-bottom: .4rem}

.nyxrld .ss+.ss{margin-top: .55rem}
@media (min-width: 993px){
.nyxrld .ss dd .items .names .name a:hover{text-decoration: underline;}
}
@media (max-width: 992px){
 .nyxrld .ss dt{height: .7rem;line-height: .7rem;font-size: .32rem;color: #fff} 
 .nyxrld .ss dd .items{ font-size: .28rem }
}
@media (max-width: 597px){
 .nyxrld .ss dt{height: .8rem;line-height: .8rem;font-size: .36rem;color: #fff} 
 .nyxrld .ss dd .items{ font-size: .32rem }
}

/**/
.ldDeat{padding:.5rem ;background: url(../images/u738bg.jpg) no-repeat bottom center;background-size: cover;display: flex;align-items: flex-start;border-radius: .2rem 0 0 0;min-height: 6rem;margin-bottom: .4rem;flex-wrap: wrap;}
.ldDeat .img{width: 2.29rem}
.ldDeat .img img{width: 100%}
.ldDeat .txt{flex:1;overflow: hidden;margin-left: .6rem}
.ldDeat .txt h4{font-size: .3rem;font-weight: bold;}
.ldDeat .txt .zw{font-size: .24rem;color: #006b38;margin-top: .1rem;display: block;margin-bottom: .35rem}
.ldDeat .txt .arc-con{font-size: .2rem;text-indent: 2em}
.ldDeat .txt .arc-con p{margin-bottom: .3rem}
.ldSib {font-size: .24rem}
.ldSib a{display: flex;align-items: center;}
.ldSib a:hover span{text-decoration: underline;}
.ldSib a:hover i{ background: #006b38}
.ldSib a i{ width: .7rem;height: .7rem;background: #caae7e;color: #fff;font-size: .24rem;display: flex;align-items: center;justify-content: center;transition:background .3s}
.ldSib .prev a i{border-radius: 0 50% 50% 50%;margin-right: .2rem}
.ldSib .next a i{border-radius: 50% 50% 0 50%;margin-left: .2rem}
@media (max-width: 992px){
.ldDeat .txt h4{font-size: .36rem; }
.ldDeat .txt .zw{font-size: .28rem; }
.ldDeat .txt .arc-con{font-size: .26rem; } 
.ldSib {font-size: .28rem} 
.ldSib a i{ width: .8rem;height: .8rem;}
}
@media (max-width: 597px){
.ldDeat .img{width: 2.29rem;margin: 0 auto .3rem}
.ldDeat .txt{flex:inherit;overflow: hidden;margin-left:0;width: 100%}
.ldDeat .txt h4{font-size: .4rem;text-align: center; }
.ldDeat .txt .zw{font-size: .32rem;text-align: center; }
.ldDeat .txt .arc-con{font-size: .28rem; } 
.ldSib {font-size: .28rem} 
.ldSib a i{ width: .8rem;height: .8rem;}
}

/**/
.nyba .posip{position: absolute;left: 0;right: 0;bottom: .6rem;;z-index: 6;color: #fff}
.nyba .posip .posi{position: relative;top: 0}
.nyAbout{background: url(../images/ab/bg.jpg) no-repeat top center;background-size: cover}
.nyAbout .mainBg{position: absolute;right: 0;width: 11.26rem;top: 38.1%;z-index: 0;pointer-events: none;user-select: none}
.nyAbout .tit{margin-bottom: .2rem}
.nyAbout .tit span{font-size: .36rem;color: #006b38;}
.nyAbout .desc{font-size: .18rem;line-height: 1.6em;text-align: justify;}
.nyAbout .desc p+p{margin-top: .3rem}
.nyAbout .div1{padding-top: .9rem}
.nyAbout .div1 .div1-1{padding-top: .7rem}
.nyAbout .div1 .div1-1 .tit{max-width: 8rem}
.nyAbout .div1 .desc{max-width: 7.8rem}
.nyAbout .div1 .imgs{border-radius:50% 0 50% 50%;position: absolute;right:.6rem;bottom: 0;z-index: 5}
.nyAbout .div1 .imgs ul li+li{display: none}
.nyAbout .div1 .imgs .img{width: 6.2rem;height: 6.2rem;border-radius:50%  50% 0 50%;overflow: hidden;}
.nyAbout .div1 .imgs .zs{width: 2.07rem;position: absolute;right: -.6rem;bottom: -.6rem;z-index: 4;pointer-events: none;user-select: none}
 
.nyAbout .gallery-top .swiper-slide{height: 2.95rem;background: #f0f3ef;border-top: 1px dashed #be9b60;border-radius:0 0 .2rem .2rem;padding: .4rem .3rem}
.nyAbout .gallery-top .swiper-slide .year{font-size: .4rem;color: #be9b60;font-weight: 500}
.nyAbout .gallery-top .swiper-slide .intro{text-align: justify;line-height: 1.6em;font-size: .18rem;margin-top: .2rem}
.nyAbout .gallery-top .swiper-slide-next+.swiper-slide{}
.nyAbout .div1 .swiBtn a{display: flex;align-items: center;justify-content: center;width: .46rem;height: .46rem; color: #006b38;border-radius: 50%; font-size: .24rem;background: #fff;margin: .15rem 0;border:  1px solid #ddd;color: #ddd}
.nyAbout .div1 .swiBtn a.next{margin-left: .2rem}
.nyAbout .div1 .swiBtn{display: flex;align-items: center}
.nyAbout .div1 .swiBtn a:hover{background: #006b38;color: #fff;border-color: #006b38}

.nyAbout .div2{padding: 1rem 0}
.nyAbout .div2 .wp{align-items: center}
.nyAbout .div2 .dataBox{position: relative;width: 5.6rem}
.nyAbout .div2 .dataBox:after{content: '';width: 3.9rem;height: 3.9rem;background: #cae0d6;border-radius: 50% 50% 0 50%;position: absolute;right: 0;bottom: 0;z-index: 0;pointer-events: none}
.nyAbout .div2 .dataBox ul{width: 4.8rem;height: 4.8rem;border-radius: 50% 0 50% 50%;background: url(../images/ab/ab3.png) no-repeat center;background-size: cover;position: relative;z-index: 3;padding: 0 .4rem;display: flex;align-items: center;justify-content: center;color: #fff}
.nyAbout .div2 .dataBox ul .num{font-size: .4rem;font-weight: 500;}
.nyAbout .div2 .dataBox ul li{padding: 0 .3rem}
.nyAbout .div2 .dataBox ul li .item{padding: .05rem 0;}
.nyAbout .div2 .dataBox ul li .item p{opacity: .7;height: 2.4em;line-height: 1.2em;}
.nyAbout .div2 .txt{flex:1;margin-left: 1.1rem;overflow: hidden;}

.nyAbout .div3 {min-height: 5.73rem;color: #fff;padding: .7rem 0;position: relative;}
.nyAbout .div3 .tit span{color: #fff}
.nyAbout .div3 .wp .txt{max-width: 8.6rem}
.nyAbout .div3 .bg{position: absolute;left: 0;top: 0;bottom: 0;width: 17.6rem;border-radius:  0 1.85rem 1.85rem 0;background: url(../images/ab/ab4.png) no-repeat left center;background-size: auto 100%;overflow: hidden;}
.nyAbout .div3 .bg img{position: absolute;bottom: 0;right: 0;z-index: 2;-webkit-mask-image: linear-gradient(90deg, transparent 0%,#000 60% );
    mask-image: linear-gradient(90deg, transparent 0%,#000 60%);height: 5.6rem}
.nyAbout .div4{padding: 1rem 0}
.nyAbout .div4 .wp .txt{max-width: 8.4rem}

.nyAbout .div5 .wp{align-items: center}
.nyAbout .div5 .img{position: relative;width: 6rem}
.nyAbout .div5 .img img{user-select: none;pointer-events: none}
.nyAbout .div5 .img .im2{border-radius: 50% 50%   50% 0;width: 100%}
.nyAbout .div5 .img .im1{position: absolute;top: 0;left: 0;z-index: 3;width: 1.62rem}
.nyAbout .div5 .txt{flex:1;margin-left:.8rem;overflow: hidden;}
.nyAbout .div6 .wp{align-items: center}
.nyAbout .div6{padding-top: .4rem}
.nyAbout .div6 .txt{flex:1;overflow: hidden;margin-right: .6rem}
.nyAbout .div6 .dataBox{width: 6.8rem;position: relative;}
.nyAbout .div6 .dataBox .item{position: absolute;background: rgba(0,0,0,0);color: #fff;padding: 0 .3rem;display: flex;align-items: center;justify-content: center;z-index: 6}
.nyAbout .div6 .dataBox .item .num+p{opacity: .7;}
.nyAbout .div6 .dataBox .item.i1{width: 1.9rem;height: 1.9rem;left: .3rem;top: 1.4rem}
.nyAbout .div6 .dataBox .item.i1 .num{color: #be9b60}
.nyAbout .div6 .dataBox .item.i2{width: 2.2rem;height: 2.2rem;left: 0;bottom: .1rem}
.nyAbout .div6 .dataBox .item.i3{width: 2.8rem;height: 2.8rem;right: 0;top: 0}
.nyAbout .div6 .dataBox .item.i4{width: 2.8rem;height: 2.8rem;left: 2.45rem;bottom:0}
.nyAbout .div6 .dataBox .bg{width: 100%}
.nyAbout .div6 .dataBox+.desc{width: 100%;margin-top: .5rem}
.nyAbout .div6 .dataBox .sp{font-size: .2rem;}
.nyAbout .div6 .dataBox .sp p{padding: .02rem 0}
.nyAbout .div6 .dataBox .num span{font-size: .4rem;font-weight: 500}
@media (min-width: 993px){
.nySubs{display: flex}
.nySubs .nyLeftBtn .slog{display: none}
.nySubSp{height: 1rem;background: url(../images/ab/abnav.png) no-repeat left center;background-size: 17.31rem 100%;margin-top: -.45rem;position: relative;z-index: 5}
.nySubSp .wp{display: flex;position: static;padding-left: .8rem}
.nySubs .nyLeftBtn{position: absolute;left: .45rem;top: -.75rem}
.nySubSp .nyLeftBtn .en{text-transform: uppercase;color: rgba(255,255,255,.3);text-align: right;margin-top: .05rem}
.nySubSp .nyLeftBtn .cn{width: 1.36rem;height: 1.36rem;background: #ba985f;border-radius: 50% 50% 0 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: .36rem;line-height: 1.2em;padding: 0 .2rem;text-align: center;letter-spacing: .1em}
 
.nySubSp .subNavs{display: flex;flex:1;overflow: hidden;}
.nySubSp .subNavs li{margin: 0 .34rem;position: relative;}
.nySubSp .subNavs li.on:after{content: '';position: absolute;left: 50%;bottom: 0;width: .23rem;height: .09rem;background: url(../images/ab/abnavon.png) no-repeat center;background-size: 100% 100%;margin-left: -.11rem;z-index: 3;pointer-events: none}
.nySubSp .subNavs li a{display: flex;align-items: center;line-height: 1rem;font-size: .2rem;color: #fff}
.nyAbout .div1 .swiDots{display: none}
.nyAbout .gallery-top{width: 11.2rem;-webkit-mask-image: linear-gradient(90deg, #000 60%, transparent 80%); mask-image: linear-gradient(90deg, #000 60%, transparent 80%);}
}
@media (max-width: 992px){
.nyAbout .div1 .div1-1 .tit{max-width: inherit;}
.nyAbout .div1 .desc{max-width: inherit;}
.nyAbout .div1 .imgs{position: relative;width: 6.2rem;margin: 0 auto .7rem;right: 0}
.nyAbout .tit span{font-size: .46rem; }
.nyAbout .desc{font-size: .26rem; }
.nyAbout .div1 .swiBtn a{width: .56rem;height: .56rem}
.nyAbout .gallery-top .swiper-slide{height: auto;padding-bottom: .5rem}
.nyAbout .gallery-top .swiper-slide .year{font-size: .5rem;}
.nyAbout .gallery-top .swiper-slide .intro{font-size: .24rem}
.nyAbout .div1 .imgs .zs{width: 1.8rem;right: -.4rem;bottom: -.4rem}
.nyAbout .div2 .dataBox{margin: 0 auto .4rem;width: 66vw}
.nyAbout .div2 .dataBox ul{width: 56vw;height: 56vw}
.nyAbout .div2 .dataBox:after{width: 39vw;height: 39vw}
.nyAbout .div2 .txt{flex:inherit;width: 100%;margin-left: 0}
.nyAbout .div2 .dataBox ul .num{font-size: .6rem}
.nyAbout .div2 .dataBox ul li{width: 50%}
.nyAbout .div3 .bg{width: 95%}
.nyAbout .div3 .bg img{opacity: .3;}
.nyAbout .div3 .wp .txt{max-width: 95%;}
.nyAbout .div4 .wp .txt{max-width: 100%;}
.nyAbout .div5 .img{margin: 0 auto .4rem;width: 56vw}
.nyAbout .div5 .txt{flex:inherit;width: 100%;margin-left: 0}

.nyAbout .div6 .txt{flex:inherit;width: 100%;margin-right: 0}
.nyAbout .div6 .dataBox{width: 80vw;margin: .5rem auto 0}
.nyAbout .div6 .dataBox .item.i1{width:22vw;height: 22vw;left: 4vw;top: 17vw }
.nyAbout .div6 .dataBox .item.i2{width:26vw;height: 26vw;left: 0;bottom: 1vw}
.nyAbout .div6 .dataBox .item.i3{width:33vw;height:33vw; }
.nyAbout .div6 .dataBox .item.i4{width:33vw;height: 33vw;bottom: 0;left: 28vw }
.nyAbout .div6 .dataBox .sp{font-size: .26rem}
.nyAbout .div6 .dataBox .num span{font-size: .5rem}
.nyAbout .div6 .wp{display: block;}
.nyAbout .mainBg{top: 40%;width: 100%;opacity: .2;}
}
@media (max-width: 597px){
.nyAbout .tit span{font-size: .48rem; }
.nyAbout .desc{font-size: .28rem; }
.nyAbout .gallery-top .swiper-slide{padding:.4rem .5rem .5rem}
.nyAbout .gallery-top .swiper-slide .year{font-size: .5rem;}
.nyAbout .gallery-top .swiper-slide .intro{font-size: .28rem}
.nyAbout .div1 .swiBtn a{width: .66rem;height: .66rem;font-size: .3rem}

.nyAbout .div2 .dataBox{margin: 0 auto .4rem;width: 86vw}
.nyAbout .div2 .dataBox ul{width: 76vw;height: 76vw;padding: 0 .8rem}
.nyAbout .div2 .dataBox:after{width: 49vw;height: 49vw}
.nyAbout .div2 .dataBox ul li .item p{font-size: .24rem}
.nyAbout .div2 .dataBox ul li .item p br{display: none}
.nyAbout .div2 .dataBox ul li{padding: 0 .1rem}
.nyAbout .div2 .dataBox ul li .item{padding: .1rem 0}
.nyAbout .div5 .img{margin: 0 auto .4rem;width: 76vw}
.nyAbout .div6 .dataBox{width: 100vw;margin: .5rem auto 0;position: relative;left: -5vw}
.nyAbout .div6 .dataBox .item.i1{width:28vw;height: 28vw;left: 4vw;top: 21.5vw }
.nyAbout .div6 .dataBox .item.i2{width:32vw;height: 32vw;left: 0;bottom: 1.5vw}
.nyAbout .div6 .dataBox .item.i3{width:41vw;height:41vw; }
.nyAbout .div6 .dataBox .item.i4{width:41vw;height: 41vw;bottom: 0;left: 35vw }
.nyAbout .div6 .dataBox .sp{font-size: .24rem}
.nyAbout .div6 .dataBox .item .num+p{font-size: .24rem}
 
}

/**/
.nydsj .gallery-thumbsp{margin-bottom: .5rem}
.nydsj .gallery-thumbsp:after{content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background:#dbc8a1;z-index: 0 }
.nydsj .gallery-thumbsp a{display: flex;align-items: center;justify-content: center;width: .46rem;height: .46rem; color: #006b38;border-radius: 50%; font-size: .24rem;background: #fff;margin: .15rem 0;border:  1px solid #ddd;color: #ddd;position: relative;z-index: 4}
.nydsj .gallery-thumbsp .gallery-thumbs{flex:1;margin: 0 .2rem}
.nydsj .gallery-thumbsp .gallery-thumbs .swiper-slide{width: 12.5%}
.nydsj .gallery-thumbsp .gallery-thumbs .item{font-size: .36rem;color: #be9b60;font-weight: 500;text-align: center;line-height: 1em;width: 1.4rem;height: 1.4rem;background: url(../images/dscir.png) no-repeat center;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;left: 50%;margin-left: -.7rem;transform: scale(.6);transform-origin: center center;cursor: pointer;transition: .3s}
.nydsj .gallery-thumbsp .gallery-thumbs .swiper-slide-thumb-active .item{transform: scale(1);background: url(../images/dsciron.png) no-repeat center;background-size: 100% 100% }
.nydsj .gallery-thumbsp .gallery-thumbs .item span{display: block;font-weight: 400;line-height: .2rem}
.nydsj .gallery-thumbsp a:hover{background: #006b38;color: #fff;border-color: #006b38}
.dataYear .tabYear+.tabYear{display: none}
.dataYear .tabYears{display: flex;align-items: flex-start;}
.dataYear .tabYear .hd{width: 1rem}
.dataYear .tabYear .hd ul{position: relative;}
.dataYear .tabYear .hd ul:after{content: '';position: absolute;width: 1px;right: .05rem;top: .4rem;bottom: .4rem;background: #d0d0d0}
.dataYear .tabYear .hd ul li{padding: .15rem 0;position: relative;}
.dataYear .tabYear .hd ul li:after{content: '';width: .11rem;height: .11rem;border-radius: 50%;background: #d0d0d0;position: absolute;right: 0;top: 50%;margin-top: -.05rem}
.dataYear .tabYear .hd ul li span{display: block;height: .4rem;width: .8rem;border-radius: 5px;display: flex;align-items: center;justify-content: center;position: relative;font-family: 'din';font-size: .24rem;cursor: pointer;width: .75rem}
.dataYear .tabYear .hd ul li.on span:after{content: '';border:.08rem solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);border-left-color: #006b38}
.dataYear .tabYear .hd ul li.on span{background: #006b38;color: #fff;}
.dataYear .tabYear .bd{flex:1;overflow: hidden;margin-left:.2rem;padding-top: .25rem}
.dataYear .tabYear .bd .item{display: flex;align-items:flex-start;}
.dataYear .tabYear .bd .item+.item{margin-top: .3rem}
.dataYear .tabYear .bd .item .month{color: #006b38;font-weight: bold;}
.dataYear .tabYear .bd .item .month:after{content: '——';font-weight: 400}
.dataYear .tabYear .bd .item .desc{flex:1;overflow: hidden;margin-left: .1rem;line-height: 1.6em}
.dataYear .tabYear .bd .item .desc p+p{margin-top: .05rem}
@media(max-width: 992px){
.nydsj .gallery-thumbsp .gallery-thumbs .swiper-slide{width: 20%}	
.dataYear .tabYear .hd{width: 1.4rem}
.dataYear .tabYear .hd ul li span{height: .5rem;font-size: .28rem;cursor: pointer;width:1rem}
.dataYear .tabYear .hd ul li:after{content: '';width: .15rem;height: .15rem;margin-top: -.08rem}
.dataYear .tabYear .hd ul:after{right: .07rem}
.dataYear .tabYear .bd .item .desc{font-size: .22rem}
.nydsj .gallery-thumbsp .gallery-thumbs .item{font-size: .38rem;width: 1.6rem;height: 1.6rem;margin-left: -.8rem;transform: scale(.7);}
.nydsj .gallery-thumbsp a{width: .56rem;height: .56rem;font-size: .24rem}
}

@media(max-width: 597px){
.nydsj .gallery-thumbsp .gallery-thumbs .swiper-slide{width: 33.3333%}	
.dataYear .tabYear .bd .item .desc{font-size: .24rem}
}

/*翻页条*/


 /* ========== 行政管理========== */
.art-body .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;
}


.vertical-line {
  position: absolute;
  left: 0;
  top: 65px;
  bottom: 65px;
  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;
}


.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: .18rem;
}

.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) {
  .art-body .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;
  }
}


/* ld */



.pic::before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  opacity: .25;
  pointer-events: none;
  /* background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 53) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .53) 100%); */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 3;
}



a:hover .pic img {
  transform: scale(1.05);
}

a:hover .pic:before {
  -webkit-animation: shine 1s;
  animation: shine 1s
}

@-webkit-keyframes shine {
  100% {
      left: 125%
  }
}

@keyframes shine {
  100% {
      left: 125%
  }
}

.pic div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  transition: all .8s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

a:hover .pic div {
  width: 110%;
  height: 110%;
}
.leader ul {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
}

.leader ul li {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: .3rem .5rem;
}

.leader ul li  .pic {
  width: 2.26rem;
  padding-top: 0.26rem;
  margin-right: .35rem;
  position: relative;
  overflow: hidden;
}



.leader ul li:hover {

  z-index: 1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 196, 142, 0.22);
}

.ld-tx {
  flex: 1;
  min-width: 0;
  padding-top: 0.3rem;
}

.ld-tx h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ld-tx h3 strong {
  font-size: .3rem;
  color: #006b38;
  display: block;
  margin-right: .35rem;
}

.ld-tx h3 span {
  color: #333333;
  font-size: .16rem;
  display: block;
  padding: 0 .15rem;
  border-radius: .99rem;
  background: #F0F8F5;
  line-height: .3rem;
}

.ld-tx p {
  font-size: .22rem;
  line-height: .36rem;
  color: #333333;
  margin-top: .3rem;
}

.leader ul li:hover p,
.leader ul li:hover b {
  color: #006b38;
}


/* 历史沿革 */
.ls-list{ position:relative; margin-top: 100px; padding-bottom: 35px;  padding-top: 35px; }
.ls-list li:hover .ls-list-width:after {transform: scale(1.3);  transition: all 0.3s;}

.ls-list:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; bottom: 0; border-right: dashed 1px #006B38; }
.ls-list-width{ width: 50%; padding-right: 130px; text-align: right; position: relative; }
.ls-title{ font-size: 20px; color: #333; line-height: 1; line-height: 40px; }
.ls-date{ font-size: 36px; color: #006B38; line-height: 1; margin-top: 15px;font-weight: bold; }
.ls-one{ position: absolute; z-index: 10; right:-78px; top: 50%; transform:translate(0,-50%);  }
.ls-list li{ height: 160px; }
.ls-list li:nth-child(even) .ls-list-width{ float: right; text-align: left; padding-left: 130px; padding-right: 0; }
.ls-list-width:before{ display: block; content: ""; position: absolute; right: 0; bottom: 61px; width: 55px; border-top: dashed 1px #006B38; }
.ls-list li:first-child .ls-list-width:before{ width: 100px; }
.ls-list li:nth-child(even) .ls-list-width:before{ left: 0; right: auto; }
.ls-list-width:after{ display: block; content: ""; position: absolute; right: -6px; bottom: 55px; width: 12px; height: 12px; border-radius: 50%; background: #006B38;box-shadow: 0 0 0 4px rgba(0, 107, 56, 0.15); }
.ls-list li:nth-child(even) .ls-list-width:after{ left: -6px; right: auto; }
.ls-list-width-a{ margin-top: -170px; }
.ls-img{ margin-bottom: 25px; }
.ls-list:after{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 10px; margin-left: -5px; border-top: solid 1px #006B38; }

/* .art-main {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: .18rem 0 .18rem 0;
  box-shadow: 0 .08rem .36rem rgba(31, 72, 55, .08);    padding: .52rem .55rem;
}
.art-main > section { position: relative; }
.art-main > section + section { border-top: 1px solid rgba(0, 107, 63, .1); }
.art-main > section:nth-of-type(even) {
  background: linear-gradient(135deg, rgba(232, 245, 238, .72), rgba(255, 255, 255, .96));
} */

/* ===== 师资列表：4列网格 + 照片放大 ===== */
.ysList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.24rem;
  padding-top: 0.3rem;
}

.ysList li {
  width: auto;
  margin-right: 0;
  margin-bottom: 0.5rem;
  border-radius: 0.12rem;
}

.ysList li::before {
  height: 1.2rem;
}

.ysList li .imgs {
  width: 1.8rem;
  height: 2.3rem;
  padding: 0.04rem;
  margin-bottom: 0.15rem;
}

.ysList li .txt h4 {
  padding: 0.1rem 0.15rem;
}

.ysList li .txt h4 span {
  font-size: 0.2rem;
}

.ysList li .txt h4 .badge {
  font-size: 0.16rem;
  margin-top: 0.10rem;
  color: #6c757d;
}

/* 平板: 3列 */
@media (min-width: 769px) and (max-width: 992px) {
  .ysList {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 手机: 2列 */
@media (max-width: 768px) {
  .ysList {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.16rem;
  }

  .ysList li .imgs {
    width: 2.2rem;
    height: 2.8rem;
  }

  .ysList li .txt h4 span {
    font-size: 0.28rem;
  }

  .ysList li .txt h4 .badge {
    font-size: 0.2rem;
  }
}

/* 小屏手机: 1列 */
@media (max-width: 480px) {
  .ysList {
    grid-template-columns: 1fr;
  }

  .ysList li .imgs {
    width: 2.56rem;
    height: 3.26rem;
  }

  .ysList li .txt h4 span {
    font-size: 0.34rem;
  }
}

.SinglePage .v_news_content p{font-size: .185rem;line-height: .36rem;font-family: '宋体';}
.SinglePage .v_news_content p video{margin:0 auto}
#vsb_content_500 .vsbcontent_start{font-size: .185rem;line-height: .36rem;font-family: '宋体';}
#vsb_content_500 P{font-size: .185rem;line-height: .36rem;font-family: '宋体';}
#vsb_content_500 DIV{font-size: .185rem;line-height: .36rem;font-family: '宋体';}
#vsb_content_500 .vsbcontent_img{text-align: center; text-indent: 0px;    margin: .15rem auto;}
#vsb_content_500 .vsbcontent_end{font-size: .185rem;line-height: .36rem;font-family: '宋体';}

/* 新闻列表 */


.list_box_wz_list li{font-size:15px;color: #000033;border-bottom: #e0e0e0 1px solid;margin-bottom: .08rem; transition: .5s;}
.list_box_wz_list li .a{color:#404040;display: flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding: 0 .1rem;height: 1rem;align-items: center;justify-content: space-between;}
.list_box_wz_list li .a:before{content:"";position:absolute;margin-top: -.025rem;left: .1rem;width: 0.16rem;height: 0.16rem;transition:0.36s;background: #006b38;border-radius: 50%;border: 0.05rem solid #deefff}
.list_box_wz_list li .a h4{display:inline-block;width: calc(100% - 1rem);font-size: .2rem;color: #000000;position:relative;padding-left: 30px;transition:.5s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.25; font-weight: 500;}
.list_box_wz_list li .a img{ display:inline-block}
.list_box_wz_list li .a span{float:right;font-size: 0.18rem;color: #666666;font-family: "georgia", Arial, "微软雅黑", "宋体";}
@media(min-width: 1200px){	
	.list_box_wz_list li:hover{ border-bottom: #006b38 1px solid;}
	.list_box_wz_list li .a:hover h4{ color: #006b38;}
	.list_box_wz_list li .a:hover:before{transform: scale(1.25);}
}

@media(max-width: 768px){
	.list_box_wz_list li{ margin-bottom: 0;}
	.list_box_wz_list li .a:before{ display: none;}
	.list_box_wz_list li .a font, .list_box_wz_list li .a h4{ padding: 0;}
}



/*新闻详情*/
.n_pb{overflow: hidden; min-height: 9.16rem;}

.n_news_detail .left{ width: calc(100% - 3.5rem); padding: 0 .66rem 0 0}
.n_news_detail .right{ width: 3.5rem; }

.n_news_detail .ar_article_box .nav01{margin-bottom: .3rem;}
.n_news_detail .ar_article_box h3{color: #000000;font-size: .24rem;line-height: 1.4375;font-weight: bold;margin: 0 auto;max-width: 100%;margin-bottom: .1rem;text-align: center;}
.n_news_detail .ar_article_box .sub-title{font-weight: bold;text-align: center;font-size: .24rem;color: #000000;line-height: 0.3rem;margin: 0.15rem 0 0.1rem;}
.n_news_detail .ar_article_box .introtitleyt{font-weight: bold;text-align: center;font-size: .2rem;color: #434343;line-height: 0.3rem;margin: 0.15rem 0 0.1rem;}
.n_news_detail .ar_article_box h6{color: #8f8f8f;font-size: 0.14rem;line-height: .42rem;margin-bottom: 0;vertical-align: top;border-bottom: #dcdcdc 1px solid;display: flex;justify-content: space-between;align-items: center;padding: 0 0 .15rem;flex-wrap: wrap;justify-content: space-around;}
.n_news_detail .ar_article_box h6 span{margin: 0 .4rem 0 0;font-size: .14rem;line-height: 1.5;color: #666666;font-weight: 300;}
.n_news_detail .ar_article_box h6 span img{margin:15px 6px 0 0;height: .14rem;}
.n_news_detail p{color: #000000!important;font-size: 18px!important;line-height: 1.6!important;font-family: "宋体";text-indent: 2em;margin-bottom: 10px;}
.n_news_detail p span{color: #000000!important;font-size: 18px!important;line-height: 1.6!important;font-family: "宋体";}

.n_news_detail .ar_article img{
	margin:0 auto;
	display:block;
}
/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: .4rem 0 0;box-sizing: border-box;width: 100%;margin-top: .4rem;border-top: #dcdcdc 1px solid;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#ar_fot h1{display:block;width: 100%;line-height: .45rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem; font-weight: bold;}
#ar_fot h1 span{
    text-decoration: none;
    display: inline-block;
}
#ar_fot h1 a{color: #333333;font-weight:normal;transition: .5s;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* text-decoration: underline; */}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#006b38; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{ color: #006b38;}


#ar_fot .ll{ width: 100%;}

.n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center}
.n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem}

.news_more .h3{line-height: .54rem;background: #006b38;font-size: .22rem;color: #fff;padding: 0 .24rem;}
.news_more .box{ padding: .2rem .25rem; border: #dcdcdc 1px solid;}

.listtj li *{ transition:.5s}
.listtjs li .a{ padding: 0;}
.listtjs li h4{font-size: .18rem;color: #000000;line-height: .28rem;max-height: .84rem\0;margin: .15rem 0 .1rem;}

.listtjs li .a{ display: block; border-bottom: #e0e0e0 1px solid; padding: .4rem 0;}
.listtj li .time{ font-size: .16rem; color: #666666;}
.listtj li .img .img_hezi{ padding-bottom: 56.38%;}
.listtj li h4{font-size: .2rem;color: #000000;line-height: .32rem;max-height: .64rem\0;margin: .1rem 0 .1rem;}
.listtj li p{font-size: .14rem;color: #999999;line-height: .26rem;max-height: .52rem\0;}
.listtj li:last-child .a{ border: none;}

.listtjs{ margin: .28rem 0 0;}
.listtjs li .a{display: block;border-top: #e0e0e0 1px solid;padding: .28rem 0 .28rem .22rem;background: url(../images/list3s1_ico.png) left .34rem no-repeat;background-size: .12rem .12rem;}
.listtjs li .time{ font-size: .14rem; color: #666666;}
.listtjs li h4{font-size: .18rem;color: #000000;line-height: .28rem;max-height: .56rem\0;margin: .0 0 .1rem;}
.cultures5 .swiper-button-next:after,.cultures5 .swiper-button-prev:after{font-size: 0.24rem;color: #fff;}
@media(min-width: 1200px){	
	.listtj li .a:hover h4{ color: #990000;}
	.listtj li .a:hover .aline_r{ background-size:100% 1px}
	
}
@media(max-width: 1200px){	
	.n_news_detail .ar_article_box h6 .rr{ display: none;}
}

@media(max-width: 768px){
	.n_news_detail .left{ width: 100%; padding: 0 0 .3rem;}
	.n_news_detail .right{ width: 100%;}
	.n_news_detail .ar_article_box h3{ font-size: .24rem;}
	.listtj li:last-child .a{ border: none;}
	#ar_fot{ padding: .25rem 0 0;}
	.n_news_detail .ar_article_box h6 span{ margin: 0 .2rem 0 0;}

	.ar_article, .n_news_detail p{font-size: .18rem;}
	.n_pb{ padding: .4rem 0 .6rem;}
}


/* 领导团队 */
@media only screen and (min-width: 1680px) {
  .u10 {
      padding-top:34px
  }

  .u10 li {
      margin-bottom: 100px;
      position: relative
  }
  .u10 li::marker,.u10 li::marker {display: none;font-size: 0px;}
  .u10 li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #02923f
  }

  .u10 li .leader_list {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      background-color: #f8fbfe;
      padding: 30px 55px 35px 22px;
      z-index: 1
  }

  .u10 li:hover::after {
      left: 10px;
      top: 10px
  }

  .u10 li:hover .imgk img {
      transform: scale(1.1)
  }

  .u10 li .imgk {
      overflow: hidden;
      margin-top: -64px
  }

  .u10 li .imgk img {
      width: 250px;
      height: 315px;
      object-fit: cover
  }

  .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: 45px
  }

  .u10 li .info .name {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 10px
  }

  .u10 li .info .zw {
      font-size: 18px;
      color: #02923f;
      margin-bottom: 10px;
      line-height: 28px;
  }

  .u10 li .info .txt {
      padding-top: 15px;
      font-size: 18px;
      border-top: 1px solid #ddd;
      color: #333;
      line-height: 28px;
  }

/* 办公室 */
.u5 {
  margin-top: 45px
}

.u5 li {
  margin-bottom: 35px;
  box-shadow: 0 0 7px 1px rgba(0,0,0,0.1)
}

.u5 li .bgs_list {
  display: block;
  width: 100%;
  height: 100%;
  padding: 27px 37px;
  ;
  display: flex
}

.u5 li .imgk {
  width: 1.9rem;
  height: 2.4rem
}

.u5 li .imgk img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.u5 li .info {
  width: 100%;
  flex: 1;
  padding-left: 28px
}

.u5 li .name {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.u5 li .name p {
  color: #02923f;
  font-size: 24px;
  margin-right: 35px;
  font-weight: bold;
  line-height: 42px;
}

.u5 li .name span {
  font-size: 18px
}

.u5 li .icon {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  align-items: center
}

.u5 li .icon p {
  margin-right: 20px;
  font-size: 18px;
  display: flex;
  align-items: center;
  word-break: keep-all;
  width: auto
}

.u5 li .icon p img {
  height: 17px;
  margin-right: 5px
}

.u5 li .txt {
  border-top: 1px solid #eeeeee;
  padding-top: 15px;
  font-size: 18px;
  line-height: 28px;
}

}

@media only screen and (min-width: 800px) and (max-width:1680px) {
  .u10 {
      padding-top:.34rem
  }

  .u10 li {
      margin-bottom: 1rem;
      position: relative
  }
  .u10 li::marker,.u5 li::marker {display: none;font-size: 0px;}
  .u10 li::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #02923f
  }

  .u10 li .leader_list {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      background-color: #f8fbfe;
      padding: .3rem .55rem .35rem .22rem;
      z-index: 1
  }
  .u10 li:hover {
    color: #02923f;
}
  .u10 li:hover::after {
      left: .1rem;
      top: .1rem
  }
  
  .u10 li:hover .imgk img {
      transform: scale(1.1)
  }

  .u10 li .imgk {
      overflow: hidden;
      margin-top: -0.64rem
  }

  .u10 li .imgk img {
      width: 2.5rem;
      height: 3.15rem;
      object-fit: cover
  }

  .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: .45rem
  }

  .u10 li .info .name {
      font-size: .28rem;
      font-weight: 600;
      margin-bottom: .1rem
  }

  .u10 li .info .zw {
      font-size: .18rem;
      color: #02923f;
      margin-bottom: .1rem;
      line-height: 28px;
  }

  .u10 li .info .txt {
      padding-top: .15rem;
      font-size: .18rem;
      border-top: 1px solid #ddd;
      color: #333;
      line-height: 28px;
  }
/* 办公室人员 */
.u5 {
  margin-top: .45rem
}

.u5 li {
  margin-bottom: .35rem;
  box-shadow: 0 0 7px 1px rgba(0,0,0,0.1)
}

.u5 li .bgs_list {
  display: block;
  width: 100%;
  height: 100%;
  padding: .27rem .37rem;
  ;
  display: flex
}

.u5 li .imgk {
  width: 1.9rem;
  height: 2.4rem
}

.u5 li .imgk img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.u5 li .info {
  width: 100%;
  flex: 1;
  padding-left: .28rem;
  
}

.u5 li .name {
  display: flex;
  align-items: center;
  margin-bottom: .1rem
}

.u5 li .name p {
  color: #02923f;
  font-size: .28rem;
  margin-right: .35rem;
  font-weight: bold;
}

.u5 li .name span {
  font-size: .18rem
}

.u5 li .icon {
  width: 100%;
  margin-bottom: .1rem;
  display: flex;
  align-items: center
}

.u5 li .icon p {
  margin-right: .2rem;
  font-size: .18rem;
  display: flex;
  align-items: center;
  word-break: keep-all;
  width: auto
}

.u5 li .icon p img {
  height: .17rem;
  margin-right: .05rem
}

.u5 li .txt {
  border-top: 1px solid #eeeeee;
  padding-top: .15rem;
  font-size: .18rem;
  line-height: 28px;
}

}

@media only screen and (max-width: 800px) {
  .u10 li {
      margin-bottom:.3rem;
      position: relative
  }
  .u10 li::marker,.u5 li::marker  {display: none;font-size: 0px;}
  .u10 li .leader_list {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      background-color: #f8fbfe;
      padding: .3rem .55rem .35rem .22rem;
      z-index: 1
  }

  .u10 li .imgk {
      text-align: center
  }

  .u10 li .imgk img {
      width: 2rem;
      height: 2.6rem;
      object-fit: cover
  }

  .u10 li .info {
      width: 100%;
      flex: 1;
      padding-left: .25rem;
      text-align: center
  }

  .u10 li .info .name {
      font-size: .3rem;
      font-weight: 600;
      margin-bottom: .1rem
  }

  .u10 li .info .zw {
      font-size: .26rem;
      color: #02923f;
      margin-bottom: .1rem
  }

  .u10 li .info .txt {
      text-align: left;
      padding-top: .15rem;
      font-size: .24rem;
      border-top: 1px solid #ddd;
      color: #333
  }

  .u10 li .info .txt p {
      display: flex;
      text-align: justify
  }
/* 办公室人员 */
.u5 {
  margin-top: .45rem
}

.u5 li {
  margin-bottom: .35rem;
  box-shadow: 0 0 7px 1px rgba(0,0,0,0.1)
}

.u5 li .bgs_list {
  display: block;
  width: 100%;
  height: 100%;
  padding: .27rem .37rem;
  
}

.u5 li .imgk {
  width: 1.9rem;
  height: 2.4rem;
  margin: 0 auto;
  margin-bottom: 10px
}

.u5 li .imgk img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.u5 li .info {
  width: 100%;
  flex: 1;
  padding-left: .28rem
}

.u5 li .name {
  display: flex;
  align-items: center;
  margin-bottom: .1rem
}

.u5 li .name p {
  color: #02923f;
  font-size: .28rem;
  margin-right: .35rem;
  font-weight: bold;
}

.u5 li .name span {
  font-size: .24rem
}

.u5 li .icon {
  width: 100%;
  margin-bottom: .1rem
}

.u5 li .icon p {
  margin-right: .2rem;
  font-size: .24rem;
  display: flex;
  align-items: center
}

.u5 li .icon p img {
  height: .17rem;
  margin-right: .05rem
}

.u5 li .txt {
  border-top: 1px solid #eeeeee;
  padding-top: .15rem;
  font-size: .24rem
}


}


/* ====== 现任领导 · #vsb_content 容器内容展现优化 ======
   说明：#vsb_content 内的结构由 CMS 编辑器生成，发布后会重新覆盖，
   因此统一在此用 CSS 美化，不改动 .htm 里的编辑区内容。 */

/* 1. 容器：清掉 VSB 编辑器注入的列表缩进与默认样式 */
#vsb_content{overflow: visible;}
#vsb_content .ny-box2{width: 100%;}
#vsb_content .u10,
#vsb_content .u10 > li{list-style: none;}
#vsb_content .u10{padding-left: 0;margin-left: 0;}
#vsb_content .u10.list-paddingleft-2{padding-left: 0;}

/* 2. 卡片：圆角 + 阴影，并给原本缺失的位移补上过渡 */
#vsb_content .u10 li::after{
  border-radius: .08rem;
  transition: left .45s cubic-bezier(.22,.72,.24,1), top .45s cubic-bezier(.22,.72,.24,1);
}
#vsb_content .u10 li .leader_list{
  border-radius: .08rem;
  box-shadow: 0 .06rem .24rem rgba(23,74,47,.08);
  transition: box-shadow .45s ease;
}
#vsb_content .u10 li:hover .leader_list{box-shadow: 0 .1rem .32rem rgba(23,74,47,.16);}

/* 3. 照片：修正被 .arc-con img{width/height:auto!important} 覆盖导致的尺寸失控
      align-self:flex-start —— .leader_list 是 flex 且默认 stretch，
      信息区文字较长时 .imgk 会被拉到整行高，照片下方露出大片 #eaf1ec 背景；
      收回内容高度后背景块与照片严格等高（≤800px 时布局为 block，此属性自动失效） */
#vsb_content .u10 li .imgk{
  flex: 0 0 auto;
  align-self: flex-start;
  overflow: hidden;
  border-radius: .06rem;
  background-color: #eaf1ec;
}
#vsb_content .u10 li .imgk > a{display: block;}
#vsb_content .u10 li .imgk img{
  display: block;
  width: 2.5rem!important;
  height: 3.15rem!important;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.22,.72,.24,1);
}
#vsb_content .u10 li:hover .imgk img{transform: scale(1.06);}

/* 4. 信息区：姓名用思源宋体并加绿色竖条，职务做成标签 */
#vsb_content .u10 li .info{display: flex;flex-direction: column;justify-content: center;}
#vsb_content .u10 li .info > a{
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}
#vsb_content .u10 li .info .name{
  display: flex;
  align-items: center;
  gap: .1rem;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .32rem;
  color: #1c1c1c;
  letter-spacing: .02em;
}
#vsb_content .u10 li .info .name::before{
  content: '';
  width: .04rem;
  height: .28rem;
  flex: 0 0 .04rem;
  border-radius: .02rem;
  background-color: #02923f;
}
#vsb_content .u10 li .info .zw br{display: none;}
#vsb_content .u10 li .info .zw{
  align-self: flex-start;
  margin-bottom: .14rem;
  padding: .02rem .16rem;
  font-size: .18rem;
  line-height: 1.9;
  color: #02923f;
  background-color: rgba(2,146,63,.08);
  border: 1px solid rgba(2,146,63,.22);
  border-radius: 999px;
}

/* 5. 正文：首段为简介，其后的电话/邮箱行降为浅色小字 */
#vsb_content .u10 li .info .txt{
  padding-top: .16rem;
  border-top: 1px dashed #dde5e0;
  font-size: .17rem;
  line-height: 2;
  color: #4b4b4b;
  text-align: justify;
}
#vsb_content .u10 li .info .txt p{margin-bottom: .08rem;}
#vsb_content .u10 li .info .txt p + p{
  margin-bottom: 0;
  font-size: .15rem;
  line-height: 1.9;
  color: #7d8b83;
}

/* 6. 键盘焦点可见 */
#vsb_content .u10 li .imgk a:focus-visible,
#vsb_content .u10 li .info a:focus-visible{
  outline: .02rem solid #02923f;
  outline-offset: .04rem;
  border-radius: .04rem;
}

@media (max-width: 800px){
  #vsb_content .u10 li{margin-bottom: .6rem;}
  #vsb_content .u10 li .leader_list{padding: .4rem .3rem .34rem;}
  #vsb_content .u10 li .imgk{margin: 0 auto;width: 2rem;}
  #vsb_content .u10 li .imgk img{width: 2rem!important;height: 2.6rem!important;}
  #vsb_content .u10 li .info{padding-left: 0;}
  #vsb_content .u10 li .info .name{justify-content: center;font-size: .34rem;}
  #vsb_content .u10 li .info .zw{align-self: center;}
  #vsb_content .u10 li .info .txt{font-size: .22rem;}
  #vsb_content .u10 li .info .txt p + p{font-size: .2rem;}
}
/* ====== /现任领导 ====== */


/* ====== 任务分工 · nyRcon 容器内容展现优化 ======
   说明：#vsb_content 内结构与 CMS 编辑器产出一致，发布后会重新覆盖，
   因此同样只用 CSS 美化，不改动 .htm 编辑区 HTML。 */

/* 1. 列表容器：清掉 VSB 注入的缩进与默认符号 */
.nyRcon #vsb_content{overflow: visible;}
.nyRcon #vsb_content .u5,
.nyRcon #vsb_content .u5 > li{list-style: none;}
.nyRcon #vsb_content .u5,
.nyRcon #vsb_content .u5.list-paddingleft-2{padding-left: 0;margin-left: 0;}
.nyRcon #vsb_content .u5{margin-top: .1rem;}

/* 2. 隐藏 CMS 编辑器遗留的空占位项（仅含一个居中空 <p> 的 li），
      否则会渲染出一张带阴影的空卡片 */
.nyRcon #vsb_content .u5 > li:has(> p:only-child){display: none;}

/* 3. 卡片：补圆角、柔化阴影、hover 轻微抬升 */
.nyRcon #vsb_content .u5 li{
  border-radius: .08rem;
  background-color: #fff;
  box-shadow: 0 .04rem .16rem rgba(23,74,47,.08);
  transition: transform .4s cubic-bezier(.22,.72,.24,1), box-shadow .4s ease;
}
.nyRcon #vsb_content .u5 li:hover{transform: translateY(-.04rem);box-shadow: 0 .1rem .28rem rgba(23,74,47,.16);}
.nyRcon #vsb_content .u5 li .bgs_list{padding: .26rem .3rem;}

/* 4. 照片：修正被 .arc-con img{width/height:auto!important} 覆盖导致的溢出 */
.nyRcon #vsb_content .u5 li .imgk{
  flex: 0 0 1.9rem;
  width: 1.9rem;
  height: 2.4rem;
  overflow: hidden;
  border-radius: .06rem;
  background-color: #eaf1ec;
}
.nyRcon #vsb_content .u5 li .imgk img{
  display: block;
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.22,.72,.24,1);
}
.nyRcon #vsb_content .u5 li:hover .imgk img{transform: scale(1.05);}

/* 5. 信息区：min-width:0 防止超长地址撑破 flex */
.nyRcon #vsb_content .u5 li .info{
  flex: 1 1 auto;
  min-width: 0;
  padding-left: .28rem;
}

/* 6. 姓名：思源宋体 + 绿色竖条 */
.nyRcon #vsb_content .u5 li .name{margin-bottom: .12rem;}
.nyRcon #vsb_content .u5 li .name p{
  display: flex;
  align-items: center;
  gap: .1rem;
  margin-right: 0;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .28rem;
  font-weight: 700;
  color: #1c1c1c;
  letter-spacing: .02em;
}
.nyRcon #vsb_content .u5 li .name p::before{
  content: '';
  width: .04rem;
  height: .26rem;
  flex: 0 0 .04rem;
  border-radius: .02rem;
  background-color: #02923f;
}

/* 7. 联系方式：允许换行（原 nowrap 会把超长门牌地址挤成一团） */
.nyRcon #vsb_content .u5 li .icon{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .05rem .26rem;
  margin-bottom: .14rem;
}
.nyRcon #vsb_content .u5 li .icon p{
  margin-right: 0;
  min-width: 0;
  font-size: .17rem;
  line-height: 1.8;
  color: #5a5a5a;
  word-break: break-word;
}
.nyRcon #vsb_content .u5 li .icon p img{
  flex: 0 0 auto;
  width: auto!important;
  height: .17rem!important;
  margin-right: .06rem;
}

/* 8. 职责：统一字号（原被 .arc-con p 拉成 .2rem，比正文还大），标签做成绿色小标题 */
.nyRcon #vsb_content .u5 li .txt{
  border-top: 1px dashed #dde5e0;
  padding-top: .14rem;
  font-size: .17rem;
  line-height: 2;
  color: #4b4b4b;
  text-align: justify;
}
.nyRcon #vsb_content .u5 li .txt > p{
  margin: 0 0 .04rem;
  font-size: .17rem;
  line-height: 1.8;
  font-weight: 700;
  color: #02923f;
}

@media (max-width: 800px){
  .nyRcon #vsb_content .u5 li{margin-bottom: .4rem;}
  .nyRcon #vsb_content .u5 li .bgs_list{display: block;padding: .3rem .26rem;}
  .nyRcon #vsb_content .u5 li .imgk{margin: 0 auto .2rem;}
  .nyRcon #vsb_content .u5 li .info{padding-left: 0;}
  .nyRcon #vsb_content .u5 li .name,
  .nyRcon #vsb_content .u5 li .icon{justify-content: center;}
  .nyRcon #vsb_content .u5 li .icon p,
  .nyRcon #vsb_content .u5 li .txt,
  .nyRcon #vsb_content .u5 li .txt > p{font-size: .22rem;}
}
/* ====== /任务分工 ====== */


/* ====== 专题组（ztz.htm）· nyRcon 容器内容展现优化 ======
   说明：nyRcon 内是 .subTab（三个外链 tab）+ .teamBox（四组团队卡片）。
   .subTab 已按需求移到 .nyRcon 外面（由 .nyRight 直接包裹），
   tab 栏落在页面底色上、压在内容卡片顶部。
   经全站检索 .subTab / .teamBox / .team-list / .subTit 仅 ztz.htm 使用，
   因此 tab 用 `.nyRight .subTab`（后代选择器，DOM 顺序变化也照样命中）、
   卡片用 `.nyRcon .teamBox` 限定作用域，不影响 kypt/rwfg/xrld 等共用页。
   主要问题：tab 相邻边框叠加、卡片淡蓝底色与全站绿主题冲突、
   无圆角阴影和 hover 反馈、图片 span+img 双重缩放、
   h3 固定 48px 高会压到 PI 行、组间距 0.98rem 过大。 */

/* 0. 卡片：白底圆角 + 顶部绿色装饰线，挂在 .teamBox 上（不是 .nyRcon），
      这样 .subTab 在卡片外侧还是内侧，观感一致 */
.nyRcon .teamBox{
  padding: .4rem .4rem .5rem;
  overflow: hidden;
  border: 0;
  border-top: .04rem solid #006a39;
  border-radius: .12rem;
  background-color: #fff;
  box-shadow: 0 .06rem .24rem rgba(18, 72, 51, .06);
}

/* 1. 顶部 tab 栏：宽度随内容、圆角上沿、无下边线，直接压在卡片的绿色装饰线上；
      激活页做成绿色块与装饰线连成一体（替掉原来的"分段按钮"观感） */
.nyRight .subTab{
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  margin-left: 0.1rem;
}
.nyRight .subTab li{
  flex: 0 0 auto;
  min-width: 2.6rem;
  overflow: hidden;
  border: 1px solid rgba(22, 116, 81, .2);
  border-bottom: 0;
  border-radius: .1rem .1rem 0 0;
  background-color: rgba(255, 255, 255, .85);
  transition: background-color .3s ease, border-color .3s ease;
}
.nyRight .subTab li + li{ margin-left: .06rem; }
.nyRight .subTab li:hover{
  border-color: rgba(22, 116, 81, .42);
  background-color: #fff;
}
.nyRight .subTab li a{
  padding: 0 .26rem;
  overflow: hidden;
  font-size: .2rem;
  line-height: .58rem;
  color: #46605a;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nyRight .subTab li a:hover{ color: #006a39; background-color: transparent; }
/* 1b. tab 图标：按 nth-child 顺序映射三个 logo（AAU / 茶研所 TRI-CAAS / 湖南农大 HAU），
      纯 CSS 注入不依赖 HTML（subTab 是 VSB 模板输出，重发布不丢）；
      白色圆形底衬保证激活页绿底上依然清晰，并统一三个 logo 的视觉尺寸 */
.nyRight .subTab li a::before{
  content: '';
  display: inline-block;
  width: .27rem;
  height: .27rem;
  margin-right: .11rem;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 84% 84%;
  box-shadow: inset 0 0 0 1px rgba(22, 116, 81, .12);
  vertical-align: middle;
}
.nyRight .subTab li:nth-child(1) a::before{ background-image: url(../images/aau_logo.png); }
.nyRight .subTab li:nth-child(2) a::before{ background-image: url(../images/caas_logo.png); }
.nyRight .subTab li:nth-child(3) a::before{ background-image: url(../images/hau_logo.png); }
.nyRight .subTab li.onli a::before{ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); }
.nyRight .subTab li.onli{
  border-color: transparent;
  background: linear-gradient(180deg, #02923f, #006a39);
}
.nyRight .subTab li.onli a,
.nyRight .subTab li.onli a:hover{
  color: #fff;
  font-weight: 700;
  background: none;
}

/* 2. 组间距从 .98rem 收敛 */
.nyRcon .teamBox .team-list:not(:last-child){ padding-bottom: .56rem; }

/* 3. 组标题 subTit：主题绿渐变底 + 思源宋体，绿色竖条改绝对定位（原为 flex 子项可能被压缩） */
.nyRcon .teamBox .subTit{
  position: relative;
  margin-bottom: .3rem;
  padding: .17rem .26rem .17rem .56rem;
  border-radius: .08rem;
  background: linear-gradient(90deg, rgba(2, 146, 63, .12), rgba(2, 146, 63, .02) 70%);
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .24rem;
  letter-spacing: .02em;
  color: #163e31;
}
.nyRcon .teamBox .subTit::before{
  position: absolute;
  left: .26rem;
  top: 50%;
  width: .06rem;
  height: .3rem;
  margin: -.15rem 0 0;
  border-radius: .03rem;
  background: linear-gradient(180deg, #02923f, #006a39);
  content: '';
}

/* 4. 卡片：淡蓝底改为白卡 + 绿调描边，补圆角、阴影、hover 抬升；
      flex 纵向布局让同行卡片等高（PI 行统一沉底） */
.nyRcon .team-list .item{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(22, 116, 81, .14);
  border-radius: .1rem;
  background-color: #fff;
  box-shadow: 0 .04rem .16rem rgba(18, 72, 51, .06);
  transition: transform .4s cubic-bezier(.22, .72, .24, 1), box-shadow .4s ease, border-color .4s ease;
}
.nyRcon .team-list .item:hover{
  transform: translateY(-.05rem);
  border-color: rgba(22, 116, 81, .4);
  box-shadow: 0 .12rem .3rem rgba(18, 72, 51, .15);
}

/* 5. 图片：修正 .Scale-img 里 span+img 双重缩放（1.05×1.05≈1.10 且 span 一起动会露边），
      只保留 img 单次缩放 */
.nyRcon .team-list .item .imgbox{ border-bottom: 1px solid rgba(22, 116, 81, .1); }
.nyRcon .team-list .item .imgbox span{ transform: none; transition: none; }
.nyRcon .team-list .item .imgbox img{ transition: transform .6s cubic-bezier(.22, .72, .24, 1); }
.nyRcon .team-list .item:hover .imgbox img{ transform: scale(1.06); }

/* 6. 文字区：去掉 h3 的固定 48px 高（三行标题会压到 PI 行），
      团队名用思源宋体、hover 变绿；PI 行做成绿色小标签并沉底对齐 */
.nyRcon .team-list .info{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: .18rem .2rem .2rem;
}
.nyRcon .team-list h3{
  height: auto;
  margin-bottom: .12rem;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .19rem;
  line-height: 1.5;
  color: #1c332a;
  transition: color .3s ease;
}
.nyRcon .team-list .item:hover h3{ color: #006a39; }
.nyRcon .team-list .info p{
  align-self: flex-start;
  margin-top: auto;
  padding: .03rem .16rem;
  border-radius: 999px;
  background-color: rgba(2, 146, 63, .08);
  font-size: .15rem;
  line-height: 1.8;
  color: #02713c;
}

/* 7. 键盘焦点可见（outline 内缩，避免被 overflow:hidden 裁掉） */
.nyRight .subTab li a:focus-visible,
.nyRcon .team-list .item a:focus-visible{
  outline: .02rem solid #02923f;
  outline-offset: -.04rem;
  border-radius: .06rem;
}

/* 8. 响应式（style.css ≤768px 已把卡片降为两列，这里补卡片留白与 tab） */
@media (max-width: 800px){
  .nyRcon .teamBox{ padding: .3rem .24rem .4rem; }
  /* tab 栏保持横向形态，放不下时横向滚动（style.css 的 min-width:100% 会破坏 tab 观感，压回去） */
  .nyRight .subTab ul{ overflow-x: auto; }
  .nyRight .subTab li{ min-width: auto; }
  .nyRight .subTab li a{ padding: 0 .2rem; font-size: .19rem; line-height: .52rem; }
  .nyRight .subTab li a::before{ width: .23rem; height: .23rem; margin-right: .08rem; }
  .nyRcon .teamBox .subTit{ font-size: .22rem; }
  .nyRcon .team-list .info p{ font-size: .16rem; }
}
/* ====== /专题组 ====== */

/* ====== 学术队伍（xsdw.htm）· nyRcon 容器内容展现优化 ======
   说明：正文是 VSB 富文本输出的 ul.research-person-list（全站仅本页使用）：
   3 个 li 分组（院士 / 杰出人才 / 固定研究人员），每组 div.title + dl.list > dd > a。
   原始无任何样式，170+ 个名字按浏览器默认列表竖排成一条细列；
   且本页与 ztz.htm 一样未加载 ny.css，.nyRcon"裸奔"，需一并补卡片底子。
   版式思路：不做"名牌方框墙"——170 个带框方块会显得杂乱拥挤。
   改用无框名录矩阵（对齐、透气）+ 标题竖条 + 极淡分隔线，靠留白分层。
   只改 CSS，不动 CMS 输出的 HTML。 */

/* 0. 容器：白底圆角卡片（:has 限定，不影响其它共用 .nyRcon 的页面） */
.nyRcon:has(.research-person-list){
  /* padding: .5rem .5rem .56rem;
  overflow: hidden;
  border-top: .04rem solid #006a39;
  border-radius: .12rem;
  background-color: #fff;
  box-shadow: 0 .06rem .24rem rgba(18, 72, 51, .06); */
}

/* 1. 骨架重置（清掉 ul 默认缩进、list-paddingleft-2 的补丁与 dl/dd 默认边距） */
.nyRcon .research-person-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 组间用一条极淡分隔线分隔，替代原来的"大色块 + 大间距" */
.nyRcon .research-person-list > li + li{
  margin-top: .44rem;
  padding-top: .4rem;
  border-top: 1px solid rgba(22, 116, 81, .09);
}

/* 2. 分组标题：竖条 + 标题字 + 向右渐隐的细线（替掉整条渐变横幅，更克制）
      标题行的细线长度随标题文字变化，右端自然消失 */
.nyRcon .research-person-list .title{
  display: flex;
  align-items: center;
  margin-bottom: .22rem;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .26rem;
  letter-spacing: .03em;
  color: #163e31;
}
.nyRcon .research-person-list .title::before{
  flex: 0 0 auto;
  width: .06rem;
  height: .28rem;
  margin-right: .16rem;
  border-radius: .03rem;
  background: linear-gradient(180deg, #02923f, #006a39);
  content: '';
}
.nyRcon .research-person-list .title::after{
  flex: 1 1 auto;
  height: 1px;
  margin-left: .26rem;
  background: linear-gradient(90deg, rgba(22, 116, 81, .28), rgba(22, 116, 81, 0));
  content: '';
}
/* 院士组：金色竖条 + 暖金标题字，突出最高学术荣誉 */
.nyRcon .research-person-list > li:first-child .title{ color: #6b5320; }
.nyRcon .research-person-list > li:first-child .title::before{
  background: linear-gradient(180deg, #d8b56a, #bf9a4a);
}

/* 3. 名录矩阵：等宽名字块 —— 格子内宽固定为 3 个字宽
      （.8rem 列宽 − 左右 .13rem 内边距 = .54rem = 3 × .18rem 字宽），
      名字块两端对齐：3 字名自然铺满，2 字名自动拉开成"张　三"式等宽，
      全部名字视觉长度一致（名单里"张 &nbsp;梁"本是手工补空格的先例，这里用 CSS 统一处理）。
      注意：a 必须是块级（有确定宽度）justify 才生效；列宽用固定值、不能 1fr 拉伸，
      否则 3 字名也会被撑出字间空隙。 */
.nyRcon .research-person-list .list{
  counter-reset: members;
  display: grid;
  grid-template-columns: repeat(auto-fill, .8rem);
  gap: .04rem .12rem;
  margin: 0;
}
.nyRcon .research-person-list .list dd{
  margin: 0;
  counter-increment: members;
}
.nyRcon .research-person-list .list a{
  display: block;
  overflow: hidden;
  padding: .2rem .13rem;
  border-radius: .06rem;
  font-size: .22rem;
  line-height: 1.4;
  color: #3c554e;
  text-align: justify;
  text-align-last: justify;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .25s ease, color .25s ease;
}
.nyRcon .research-person-list .list a:hover{
  background-color: rgba(2, 146, 63, .09);
  color: #006a39;
}
/* 院士名牌：暖金字，hover 淡金底 */
.nyRcon .research-person-list > li:first-child .list a{
  font-size: .22rem;
  color: #8a6b26;
}
.nyRcon .research-person-list > li:first-child .list a:hover{
  background-color: rgba(191, 154, 74, .14);
  color: #6b5320;
}
/* 杰出人才：名字略深（深墨绿），与固定研究人员形成轻微层次 */
.nyRcon .research-person-list > li:nth-child(2) .list a{ color: #2f5b4a; }

/* 4. 组人数：dl::after 在全部 dd 之后渲染，CSS 计数器自动统计——
      CMS 增删名单计数自动更新，无需改样式（放在 .title 上会因累加未完成而恒为 0） */
.nyRcon .research-person-list .list::after{
  grid-column: 1 / -1;
  margin-top: .08rem;
  font-size: .14rem;
  color: #93a9a2;
  text-align: right;
  content: "共 " counter(members) " 人";
}

/* 5. 键盘焦点可见（outline 内缩防裁剪） */
.nyRcon .research-person-list .list a:focus-visible{
  outline: .02rem solid #02923f;
  outline-offset: -.04rem;
}

/* 6. 响应式（网格 auto-fill 自适应，窄屏收格子下限与留白） */
@media (max-width: 800px){
  .nyRcon:has(.research-person-list){ padding: .3rem .24rem .4rem; }
  .nyRcon .research-person-list > li + li{ margin-top: .3rem; padding-top: .28rem; }
  .nyRcon .research-person-list .title{ margin-bottom: .18rem; font-size: .22rem; }
  .nyRcon .research-person-list .title::before{ height: .24rem; margin-right: .12rem; }
  .nyRcon .research-person-list .list{ grid-template-columns: repeat(auto-fill, minmax(1.24rem, 1fr)); gap: .02rem .06rem; }
  .nyRcon .research-person-list .list a{ padding: .09rem .08rem; font-size: .17rem; }
}
/* ====== /学术队伍 ====== */


/* ====== 科研平台 · 图文卡片（kypt.htm 内容区为手写 HTML，非 CMS 列表控件） ======
   说明：应用户要求参考线上站点重建为图文结合页面。照片抓取自各平台详情页
   （存于 images/kypt/），功能/设备文字为详情页原文。旧「科研平台」区块
   （ul.list_box_wz_list 图标卡片）随内容区替换而失效，其选择器保留无害。 */

/* 0. 容器：与专题组/学术队伍一致的白底圆角卡片 */
.nyRcon:has(.pt-list){
  padding: .5rem .5rem .56rem;
  border-top: .04rem solid #006a39;
  border-radius: .12rem;
  background-color: #fff;
  box-shadow: 0 .06rem .24rem rgba(18, 72, 51, .06);
}

/* 1. 页标题 + 导语 */
.pt-tit{
  margin-bottom: .06rem;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .3rem;
  letter-spacing: .06em;
  color: #163e31;
  text-align: center;
}
.pt-tit::after{
  content: '';
  display: block;
  width: .5rem;
  height: .04rem;
  margin: .14rem auto 0;
  border-radius: .02rem;
  background: linear-gradient(90deg, #02923f, #006a39);
}
.pt-lead{
  margin-bottom: .3rem;
  font-size: .16rem;
  color: #6d7f78;
  text-align: center;
}

/* 2. 卡片网格：两列，同行等高 */
.pt-list{
  counter-reset: pt;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .26rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pt-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(22, 116, 81, .14);
  border-radius: .1rem;
  background-color: #fff;
  counter-increment: pt;
  transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease;
}
.pt-card:hover{
  transform: translateY(-.05rem);
  border-color: rgba(2, 146, 63, .45);
  box-shadow: 0 .1rem .3rem rgba(18, 72, 51, .12);
}
.pt-link{
  display: flex;
  gap: .2rem;
  height: 100%;
  padding: .2rem;
  color: inherit;
  text-decoration: none;
}
.pt-link:focus-visible{
  outline: .02rem solid #02923f;
  outline-offset: -.04rem;
  border-radius: .08rem;
}

/* 3. 照片：固定比例，左上角序号角标 */
.pt-pic{
  position: relative;
  flex: 0 0 2.55rem;
  overflow: hidden;
  border-radius: .06rem;
  background-color: #eaf1ec;
}
.pt-pic img{
  display: block;
  width: 100%;
  height: 1.92rem;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.22, .72, .24, 1);
}
.pt-card:hover .pt-pic img{ transform: scale(1.06); }
.pt-pic::after{
  content: counter(pt, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  padding: .01rem .1rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .16rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, rgba(2, 146, 63, .9), rgba(0, 106, 57, .9));
  border-radius: 0 0 .06rem 0;
}
/* 生物信息平台官网详情页无实拍配图：矢量服务器图标占位（同区块统一风格） */
.pt-pic--ph{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.92rem;
  background: linear-gradient(160deg, #eaf4ee, #dcece2);
}
.pt-pic--ph::before{
  content: '';
  width: .88rem;
  height: .88rem;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3Crect%20x='8'%20y='6'%20width='32'%20height='11'%20rx='2'%20fill='none'%20stroke='%2302923f'%20stroke-width='2.5'/%3E%3Crect%20x='8'%20y='20'%20width='32'%20height='11'%20rx='2'%20fill='none'%20stroke='%2302923f'%20stroke-width='2.5'/%3E%3Crect%20x='8'%20y='34'%20width='32'%20height='8'%20rx='2'%20fill='none'%20stroke='%2302923f'%20stroke-width='2.5'/%3E%3Ccircle%20cx='14'%20cy='11.5'%20r='1.8'%20fill='%2302923f'/%3E%3Ccircle%20cx='14'%20cy='25.5'%20r='1.8'%20fill='%2302923f'/%3E%3Ccircle%20cx='14'%20cy='38'%20r='1.6'%20fill='%2302923f'/%3E%3Cpath%20d='M22%2011.5h12M22%2025.5h12'%20stroke='%2302923f'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: .8;
}

/* 4. 文字：名称 + 功能（3 行截断）+ 设备（2 行截断）+ 了解详情 */
.pt-info{
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pt-name{
  display: flex;
  align-items: center;
  gap: .08rem;
  font-family: 'sys', 'Noto Serif SC', serif;
  font-size: .21rem;
  line-height: 1.4;
  color: #163e31;
}
.pt-name::before{
  content: '';
  flex: 0 0 .04rem;
  width: .04rem;
  height: .24rem;
  border-radius: .02rem;
  background-color: #02923f;
}
.pt-func{
  margin-top: .09rem;
  font-size: .155rem;
  line-height: 1.7;
  color: #4b5b54;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.pt-dev{
  padding-top: .1rem;
  font-size: .14rem;
  line-height: 1.6;
  color: #7d8b83;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pt-dev i{
  display: inline-block;
  margin-right: .06rem;
  padding: 0 .07rem;
  font-size: .12rem;
  font-style: normal;
  line-height: 1.7;
  color: #02923f;
  background-color: rgba(2, 146, 63, .08);
  border-radius: .04rem;
}
.pt-more{
  margin-top: auto;
  padding-top: .1rem;
  font-size: .14rem;
  font-style: normal;
  color: #02923f;
}
.pt-more::after{
  content: '\2192';
  display: inline-block;
  margin-left: .05rem;
  transition: transform .3s ease;
}
.pt-card:hover .pt-more::after{ transform: translateX(.05rem); }

/* 5. 响应式 */
@media (max-width: 992px){
  .pt-list{ grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 576px){
  .nyRcon:has(.pt-list){ padding: .3rem .24rem .4rem; }
  .pt-link{ gap: .16rem; padding: .16rem; }
  .pt-pic{ flex-basis: 1.95rem; }
  .pt-pic img, .pt-pic--ph{ height: 1.5rem; }
  .pt-func{ font-size: .15rem; -webkit-line-clamp: 3; }
  .pt-dev{ font-size: .13rem; }
}
/* ====== /科研平台 · 图文卡片 ====== */

/* ====== 学术委员会（xswyh.htm）· 表格美化（简约版） ======
   页面：根目录 xswyh.htm，只加载 style.css + tea_ny.css（不加载 ny.css），
   所以 .table / .table-box 在本地没有任何样式定义——表头是裸 th，
   单元格只有 tea_ny.css 19 行给的 1px 灰边，观感偏粗糙。
   表格结构（CMS 编辑器输出，重发布会被覆盖，因此只改 CSS）：
     table.table.table-full.table-box[align=center][cellpadding=10][cellspacing=1]
       > thead > tr.firstRow > th ×4（职务/姓名/职称·身份/单位）
       > tbody > tr ×23 > td ×4
   作用域：全站检索 class 含 table-box 的表格仅此页，故用 .table-box 限定。
   设计基调（简约）：**去掉所有外框与卡片包裹**，内容直接落在页面底色上；
   只保留表头下方一条绿色基准线 + 行间极淡分隔线 + 淡斑马纹。
   **字体统一**：全表（含表头与四列）统一 .18rem / #3c554e，
   仅靠字重区分层次——表头与姓名 700，其余 400。 */

/* 1. 容器：不加白卡/边框/阴影/留白，内容与页面自然衔接 */
.nyRcon:has(.table-box){
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* 2. 表格本体：无外框，列宽可控，长单位名换行不撑破表格 */
.table-box{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  border: 0!important;
  background: none;
  font-size: .18rem;
  line-height: 1.6;
  color: #3c554e;
}

/* 3. 表头：统一字号与颜色，仅加粗 + 一条 2px 绿色基准线 */
.table-box thead tr th{
  padding: .16rem .16rem .18rem;
  font-size: .18rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: #3c554e;
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  background: none;
  border: 0!important;
  border-bottom: 2px solid #02713c!important;
}

/* 4. 表体单元格：统一字号与颜色，仅保留行间极淡分隔线 */
.table-box tbody tr td{
  padding: .17rem .16rem;
  font-size: .18rem;
  font-weight: 400;
  color: #3c554e;
  text-align: center;
  vertical-align: middle;
  border: 0!important;
  border-bottom: 1px solid #eef2ef!important;
  background: none;
  transition: background-color .25s ease, color .25s ease;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 5. 列宽：职务 / 姓名窄，职称·身份中，单位宽且左对齐 */
.table-box tbody tr td:nth-child(1){ width: 14%; }
.table-box tbody tr td:nth-child(2){ width: 15%; }
.table-box tbody tr td:nth-child(3){ width: 26%; }
.table-box tbody tr td:nth-child(4){ width: 45%; text-align: left; padding-left: .3rem; }

/* 6. 斑马纹：偶数行极淡绿底（最轻的一种分隔，替代边框） */
.table-box tbody tr:nth-child(even) td{ background: #f7faf8; }

/* 7. 职务列：原文"主任/副主任/委员"文字用零字号隐藏，
     由 ::before 按行号还原，字号颜色与全表一致，仅字重 600 */
.table-box tbody tr td:first-child{
  font-size: 0;
  color: transparent;
}
.table-box tbody tr td:first-child::before{
  font-size: .18rem;
  font-weight: 600;
  color: #3c554e;
  letter-spacing: .06em;
  line-height: 1.5;
}
.table-box tbody tr:nth-child(1) td:first-child::before{ content: '\4e3b\4efb'; }
.table-box tbody tr:nth-child(2) td:first-child::before,
.table-box tbody tr:nth-child(3) td:first-child::before,
.table-box tbody tr:nth-child(4) td:first-child::before{ content: '\526f\4e3b\4efb'; }
.table-box tbody tr:nth-child(n+5) td:first-child::before{ content: '\59d4\5458'; }

/* 8. 姓名列：仅思源宋体 + 加粗，字号颜色与全表一致 */
.table-box tbody tr td:nth-child(2){
  font-family: '微软雅黑', 'sys', 'Songti SC', serif;
  font-size: .18rem;
  font-weight: 700;
  color: #3c554e;
  letter-spacing: .04em;
}

/* 9. 职称·身份列：字号颜色统一，院士不再单独配色 */
.table-box tbody tr td:nth-child(3){
  font-size: .18rem;
  color: #3c554e;
}

/* 10. 单位列：字号颜色统一，仅左对齐 */
.table-box tbody tr td:nth-child(4){
  font-size: .18rem;
  color: #3c554e;
}

/* 11. 悬停：极淡绿底（比斑马纹略深一档即可，不改变文字颜色） */
.table-box tbody tr:hover td{ background: #f0f7f2; }

/* 12. 键盘可达性 */
.table-box a:focus-visible,
.table-box [tabindex]:focus-visible{
  outline: 2px solid #02713c;
  outline-offset: 2px;
  border-radius: 3px;
}

/* 13. 响应式：字号仍按同一系数整体缩放，保持全表一致 */
@media (max-width: 992px){
  .table-box thead tr th{ padding: .14rem .1rem; font-size: .17rem; letter-spacing: .02em; }
  .table-box tbody tr td{ padding: .15rem .1rem; font-size: .17rem; }
  .table-box tbody tr td:first-child::before{ font-size: .17rem; letter-spacing: .02em; }
  .table-box tbody tr td:nth-child(4){ padding-left: .16rem; }
}
@media (max-width: 576px){
  .table-box{ font-size: .16rem; }
  .table-box thead tr th{ padding: .12rem .08rem; font-size: .16rem; letter-spacing: 0; }
  .table-box tbody tr td{ padding: .13rem .08rem; font-size: .16rem; }
  .table-box tbody tr td:first-child::before{ font-size: .16rem; letter-spacing: 0; }
  .table-box tbody tr td:nth-child(1){ width: 17%; }
  .table-box tbody tr td:nth-child(2){ width: 16%; }
  .table-box tbody tr td:nth-child(3){ width: 25%; }
  .table-box tbody tr td:nth-child(4){ width: 42%; }
}
/* ====== /学术委员会 · 表格美化 ====== */