/* banner */
.nyBanner{height: 18.67rem;border-bottom: 2px solid #FECF30;}
.nyBanner .nav{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;line-height: 3rem;color: #FFFFFF;}
.nyBanner .nav::before{content: "";width: 27.33rem;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(270deg, #BE1A11 2%, rgba(190, 26, 17, 0.3) 100%);
clip-path: polygon(0% 0%, calc(100% - 1.67rem) 0%, 100% 100%, 0% 100%);}
.nyBanner .nav .title{margin-right: 2rem;}
.nyBanner ul{padding-right: 1.2rem;}
.nyBanner ul li{margin-right: 1.33rem;}
.nyBanner ul li a{display: block;position: relative;}
.nyBanner ul li a::before{content: "";width: 100%;height: 2px;background: #FECF30;position: absolute;left: 0;bottom: 0;transform: scale(0, 1);}
.nyBanner ul li.on a,
.nyBanner ul li a:hover{color: #FECF30;}
.nyBanner ul li.on a{font-weight: bold;}
.nyBanner ul li.on a::before,
.nyBanner ul li a:hover::before{transform: scale(1);}

.nyContainer{min-height: 300px;background: #FCF8F8 url(../images/ny_bg.png) no-repeat center top;background-size: cover;background-attachment: fixed;}

/* 工作人员 */
.teamList{padding-bottom: 0.67rem;}
.teamList li{margin-bottom: 1.33rem;padding: 1rem 0 0 1.17rem;position: relative;}
.teamList .pic{width: 7.33rem;height: 9.87rem;position: absolute;left: 0;top: 0;z-index: 2;}
.teamList .pic img{width: 100%;height: 100%;object-fit: cover;}
.teamList .wrap{display: block;padding: 1rem 1rem 1rem 7.17rem;background: #FFFFFF;}
.teamList .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right, rgba(190, 26, 17, 0.3) 0%, #BE1A11 102%);opacity: 0;}
.teamList .top{display: flex;align-items: flex-end;padding-bottom: 0.8rem;border-bottom: 1px solid #EFEFEF;}
.teamList .top .name{color: #3D3D3D;margin-right: 1.73rem;}
.teamList .top .pos{line-height: 0.67rem;}
.teamList .desc{color: #3D3D3D;line-height: 1.07rem;height: 2.13rem;margin: 0.8rem 0 1.85rem;}
.teamList .btm .item{margin-right: 0.67rem;padding: 0 0.67rem;border: 1px solid #C9C9C9;border-radius: 0.67rem;line-height: 1.27rem;}
.teamList .btm .item:last-child{margin-right: 0;}
.teamList .btm .item img{margin-right: 0.27rem;}
.teamList li:hover .pic{top: 1rem;}
.teamList li:hover .wrap::before{opacity: 1;}
.teamList li:hover .wrap,
.teamList li:hover .top .name,
.teamList li:hover .desc{color: #fff;}
.teamList li:hover .btm .item{border-color: #fff;}
.teamList li:hover .btm img{filter: brightness(0) invert(1);}

/* 分页 */
.page a{margin: 0 0.33rem;border: 1px solid #999999;border-radius: 0.8rem;min-width: 1.53rem;height: 1.53rem;text-align: center;}
.page a img{filter: brightness(0) invert(0.5);height: 30%;}
.page a.on,
.page a:hover{border-color: var(--primary-color);background: var(--primary-color);color: #fff;}
.page a.on img,
.page a:hover img{filter: brightness(1) invert(0);}

/* 日期 */
.dateStyle{width: 2.67rem;height: 2.67rem;background: var(--primary-color);flex-direction: column;color: #fff;position: absolute;right: 1rem;top: -0.8rem;text-align: center;z-index: 2;}
.dateStyle span{font-family: "DINProBold";line-height: 1.1;}
.dateStyle em{font-family: "DINReg";}

/* 新闻描述 */
.newsText{padding: 0.8rem 1rem 1.33rem;}
.newsText .title{color: #3D3D3D;line-height: 1.07rem;height: 2.13rem;transition: 0.3s;}
.newsText .line{width: 100%;border-bottom: 1px dashed #EFEFEF;margin: 0.8rem 0;}
.newsText .desc{color: #707070;line-height: 0.93rem;height: 1.87rem;margin-bottom: 1rem;}
.newsText .more{color: #767676;align-items: center;}
.newsText .more img{filter: brightness(0) invert(0.5);margin-left: 2px;}
a:hover .newsText .title,
a:hover .newsText .more{color: var(--primary-color);}
a:hover .newsText .more img{filter: brightness(1) invert(0);}

/* 公告 */
.noticeList li{width: 32%;margin: 0 2% 2.13rem 0;}
.noticeList li:nth-child(3n){margin-right: 0;}
.noticeList .wrap{display: block;background: #FFFFFF;}
.noticeList .newsText{padding-top: 2.67rem;}
.noticeList .wrap:hover{box-shadow: 0px 2px 0.53rem 0px rgba(61, 9, 6, 0.1);}

/* 新闻列表 */
.newsList li{width: 32%;margin: 0 2% 2.13rem 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newsList .wrap{display: block;background: #FFFFFF;}
.newsList .pic{padding-bottom: 58.86%;}
.newsList .wrap:hover{box-shadow: 0px 2px 0.53rem 0px rgba(61, 9, 6, 0.1);}

/* 新闻详情页 */
.passage{box-sizing: border-box;padding: 1.33rem 1.33rem 2rem;background: #FFFFFF;}
.passage .psgTitle{padding-bottom: 0.8rem;border-bottom: 1px solid #EFEFEF;}
.passage .psgTitle .title{color: #333333;line-height: 1.14;text-align: center;margin-bottom: 0.8rem;}
.passage .psgTitle .info{color: #7E7E7E;line-height: 0.6rem;}
.passage .psgTitle .info .item{margin: 0 0.67rem;}
.passage .psgTitle .info img{margin-right: 0.33rem;}
.passage .psgCont{padding: 1rem 0 2rem;min-height: 300px;}
.passage .confirm{align-items: center;line-height: 0.67rem;}
.passage .psgBtm{padding-top: 2rem;border-top: 1px solid #EFEFEF;margin-top: 2rem;}
.passage .psgBtm ul{line-height: 2;flex: 1;overflow: hidden;}
.passage .psgBtm ul a:hover{color: var(--primary-color);text-decoration: underline;}
.passage .psgBtm .btn{flex-shrink: 0;margin-left: 1rem;padding: 0 0.9rem;border: 1px solid #C9C9C9;border-radius: 0.8rem;line-height: 1.53rem;}
.passage .psgBtm .btn img{margin-left: 0.47rem;height: 0.6rem;}

/* 实践育人 */
.practiceList{padding-bottom: 0.67rem;}
.practiceList li{margin-bottom: 1.33rem;}
.practiceList .wrap{padding: 1rem;background: #FFFFFF;}
.practiceList .date{flex-shrink: 0;display: flex;flex-direction: column;}
.practiceList .date span{color: #3D3D3D;line-height: 1.33rem;font-family: "DINProBold";}
.practiceList .date em{color: #999999;font-family: "DINReg";}
.practiceList .line{flex-shrink: 0;width: 1px;height: 2rem;background: #DDDDDD;margin: 0 1rem 0 1.33rem;}
.practiceList .text{flex: 1;overflow: hidden;}
.practiceList .title{color: #3D3D3D;}
.practiceList .desc{color: #767676;line-height: 0.8rem;margin-top: 0.27rem;}
.practiceList .wrap:hover{box-shadow: 0px 2px 16px 0px rgba(61, 9, 6, 0.1);}
.practiceList .wrap:hover .date span,
.practiceList .wrap:hover .title{color: var(--primary-color);}

/* 活动预告 */
.previewList{padding-bottom: 0.67rem;}
.previewList li{width: 32%;margin: 0 2% 2.13rem 0;}
.previewList li:nth-child(3n){margin-right: 0;}
.previewList .wrap{display: block;padding: 1rem;background: #FFFFFF;color: #3D3D3D;}
.previewList .pic{padding-bottom: 150%;margin-bottom: 0.67rem;}
.previewList .title{line-height: 1rem;text-align: center;height: 2rem;}
.previewList .wrap:hover{box-shadow: 0px 2px 16px 0px rgba(61, 9, 6, 0.1);color: var(--primary-color);}

/* 下载专区 */
.downloadList{padding-bottom: 0.67rem;}
.downloadList li{margin-bottom: 1.33rem;}
.downloadList .wrap{background: #FFFFFF;height: 3.07rem;padding: 0 1rem;}
.downloadList .right{flex-shrink: 0;padding-left: 1rem;}
.downloadList .date{margin-right: 1.33rem;}
.downloadList .btn{padding: 0 0.5rem;border: 1px solid #999999;border-radius: 0.67rem;line-height: 1.27rem;}
.downloadList .btn img{margin-right: 0.27rem;height: 0.53rem;filter: brightness(0) invert(0.5);}
.downloadList .title{color: #3D3D3D;flex: 1;overflow: hidden;}
.downloadList .wrap:hover{box-shadow: 0px 2px 16px 0px rgba(61, 9, 6, 0.1);}
.downloadList .wrap:hover .title,
.downloadList .wrap:hover .btn{color: var(--primary-color);}
.downloadList .wrap:hover .btn{border-color: var(--primary-color);}
.downloadList .wrap:hover .btn img{filter: brightness(1) invert(0);}

/* 单页面 */
.singlePage{box-sizing: border-box;padding: 1rem;background: #fff;min-height: 300px;}

@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 1024px){
.nyBanner{height: 12rem;}
.nyBanner .nav{line-height: 2rem;}
.nyBanner .nav::before{width: 10rem;}
.nyBanner ul{display: none;}

}

@media screen and (max-width: 760px){
.nyBanner{height: 9rem;}

.teamList li{padding: 1rem;background: #fff;}
.teamList li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right, rgba(190, 26, 17, 0.3) 0%, #BE1A11 102%);opacity: 0;}
.teamList .pic{position: relative;left: 0;top: 0;margin-bottom: 0.5rem;width: 6rem;height: auto;}
.teamList .wrap{padding: 0;background: none;}
.teamList .wrap::before{display: none;}
.teamList .desc{margin: 0.4rem 0 0.8rem;}
.teamList .btm{display: block;}
.teamList .btm .item{margin-bottom: 0.2rem;margin-right: 0;padding: 0;}
.teamList .top{padding-bottom: 0.4rem;}
.teamList .top .name{margin-right: 0.4rem;}
.teamList li:hover::before{opacity: 1;}
.teamList li:hover .pic{top: 0;}


.page a{margin: 0 0.1rem;min-width: 1.2rem;height: 1.2rem;}

.noticeList{justify-content: space-between;}
.noticeList li{width: 49%;margin-right: 0;margin-bottom: 1.4rem;}

.newsText .line{margin: 0.4rem 0;}
.newsText .desc{margin-bottom: 0.6rem;}

.newsList{justify-content: space-between;}
.newsList li{width: 49%;margin-right: 0;margin-bottom: 1.4rem;}

.passage{padding: 0.8rem;}
.passage .psgTitle .title{margin-bottom: 0.5rem;line-height: 1.5;}
.passage .psgTitle .info{display: block;}
.passage .psgTitle .info .item{margin: 0.2rem 0;}
.passage .psgCont{padding-bottom: 1rem;}
.passage .psgBtm{padding-top: 1rem;margin-top: 1rem;}
.passage .psgBtm .btn{display: none;}

.practiceList li {margin-bottom: 0.6rem;}
.practiceList .wrap{padding: 0.6rem;}
.practiceList .line{margin: 0 0.5rem;height: 1.8rem;}

.previewList{justify-content: space-between;}
.previewList li{width: 49%;margin-right: 0;margin-bottom: 0.6rem;}
.previewList .wrap{padding: 0.6rem;}
.previewList .title{line-height: 0.8rem;height: 1.6rem;}

.downloadList li{margin-bottom: 0.6rem;}
.downloadList .wrap{padding: 0.6rem;height: auto;display: block;}
.downloadList .wrap .right{justify-content: flex-start;padding: 0;margin-top: 0.3rem;justify-content: space-between;}
.downloadList .btn{padding: 0 0.3rem;line-height: 1rem;}
.downloadList .btn img{margin-right: 0.1rem;}
}

@media screen and (max-width: 468px){
.noticeList li,
.newsList li{width: 100%;}

.newsText .title,
.newsText .desc{height: auto;}

}