@charset "utf-8";

@font-face{font-family:'sysb';font-style:normal;src:url(../fonts/SourceHanSerifSC-Bold.woff)}
.sysb{font-family:'sysb'; }
.arc-con{line-height: 1.8em;color: #555;text-align: justify;}
.arc-con img{display: inline-block;width: auto!important;margin: .1rem 0}
.arc-con p{margin-bottom: .2rem;text-indent: 2em}
.arc-con .tbsc{margin-bottom:.2rem}
.arc-con .tbsc::-webkit-scrollbar{height: 8px;}
.arc-con .tbsc::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.arc-con .tbsc::-webkit-scrollbar-thumb{border-radius:5px;background:#015a9e;}
.arc-con table{border: 1px solid #eee;min-width: 640px;margin-left:0!important;width: 100%;background: #fff}

.arc-con table tr th,.arc-con table tr td{border: 1px solid #eee!important;padding: 15px;text-align: center;}
/*.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;}
.arc-tit h1{font-size: .34rem;text-align: center;}
.arc-info{padding-bottom: .15rem;border-bottom: 1px solid #ddd;margin-bottom: .2rem;text-align: center;padding-top: .15rem;font-size: .16rem;}
.arc-info span{display: inline-block;margin: 0 .1rem;padding: 3px 0}
.arc-sib{border-top: 1px solid #ddd;padding-top: .26rem}
.arc-sib div{padding: .08rem 0;color: #025a9e}
.arc-sib a{color: #025a9e}

.pages{padding-top: .2rem}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin:.02rem}
.pages ul li a{height: .35rem;text-align: center;line-height: .33rem;padding: 0 8px;min-width: .35rem;
display: block;border: 1px solid #ddd;border-radius: 3px;background: #fff}
.pages ul li.cur{background:#015a9e;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;
border: 1px solid #015a9e;border-radius: 3px }
.pages ul li a.on{background:#015a9e;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color:#fff;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border:1px solid #ddd;width: .35rem;height: .35rem;float: left;text-align: center;padding: 0 3px;background: transparent;border-radius: 3px;margin: 0 5px;background: #fff}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: 52px;height: .35rem;line-height: .35rem;text-align: center;margin-left: 3px;
float: left;background: #015a9e;color: #fff;border-radius: 3px;margin-left: 5px}


.ny-ba{position: relative;overflow: hidden;}
.ny-ba:before{content: '';position: absolute;left: 0;right: 0;top: 0;height: 50%;background: url(../images/blackms1.png) no-repeat top center;background-size: 101% 100%;z-index: 1;opacity: .8}
.ny-ba .imgBox .img{padding-bottom: 28.8%}
.nysubNav{flex:1;margin-right: .2rem}
.nysubNav ul li{display: inline-block;padding: 0 .1rem .15rem;position: relative;margin-right: .1rem}
.nysubNav ul li a{display: block;font-size: .2rem;position: relative;}
.nysubNav ul li a span{position: relative;z-index: 3}
.nysubNav ul li.on:after{content: '';position: absolute;left: 0;bottom: -1px;right: 0;background: #015393;z-index: 0;height: 3px}
.nysubNav ul li.on a{color: #015393}

.nyMain{min-height: 3rem;padding-bottom: 1.3rem}

.typeName{margin-top: -.54rem;position: relative;z-index: 5;margin-bottom: .35rem}
.typeName .h3{background: #015393;color: #fff;text-align: center;padding: .25rem .8rem .25rem 0;position: relative;}
.typeName .h3:before{content: '';position: absolute;right: 100%;top: 0;bottom: 0;background:#015393;width: calc((100vw - 14.4rem) / 2) }
.typeName .h3 span{font-size: .36rem;display: block;line-height: 1.1em}
.typeName .h3 em{color: rgba(255,255,255,.5);text-transform: uppercase;}

.typeSub{border-bottom: 1px solid #ddd;margin-bottom: .3rem;align-items: center;}
.posi{padding-left: .3rem;background: url(../images/ny/home.png) no-repeat left center;background-size:.23rem .23rem }
.typeNames{font-size: .36rem;margin-bottom: .3rem;text-align: center;}

.nyleftNav{width: 3.25rem;padding: .2rem 0 .2rem .2rem;position: relative;height: 100%}
.nyleftNav:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 80%;background: #015393;z-index: 0}
.nyleftNav ul{background:#f6f6f6;position: relative;z-index: 3;padding: .15rem 0 }
.nyleftNav ul li{padding: 0 .25rem;position: relative;}

.nyleftNav ul li:nth-child(1) a{border-top: 0}
.nyleftNav ul li a{display: block;position: relative;border-top: 1px solid #eee;padding: .18rem 0;font-size: .2rem;padding-right: .3rem}
.nyleftNav ul li a:after{content: "\e623";font-family: swiper-icons!important;position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #c5c5c5;font-weight: bold;}
.nyleftNav ul li.on:before{content: '';width: 3px;height: 80%;background: #f2991b;position: absolute;left: 0;top: 10%; }
.nyleftNav ul li.on a{color: #f2991b}
.nyleftNav ul li.on a:after{color: #f2991b}

.nyrightList{flex:1;margin-left: .5rem}
.nyrightList .typeNames{text-align: left;}
.nyrightList .typeNames:after{content: '';display: block;height: 2px;width: .7rem;background:#015393;margin-top: .1rem; }



.left_menus{position:relative;display:none;padding:.18rem .3rem;background: #015393;color:#fff;cursor:pointer;width: 100%;margin-bottom: 5px}
.left_menus i{height: 15px}
.left_menus.on i{display:inline-block;transform:rotate(180deg)}
.left_menus span{position:relative;display:block;overflow:hidden;width:calc(100% - .2rem);
text-overflow:ellipsis;white-space:nowrap;line-height:1em;font-size: .22rem;font-weight: bold;text-align: left;}

@media screen and (max-width: 1024px){
.left_menus {display: flex;}
}

.nyArc{padding-top: .2rem}
.nyarcLeft{width:calc(100% - 4.6rem);border-top: 5px solid #015393;padding: .3rem .4rem .4rem;background: #fff}
.nyarcRight{width: 3.8rem;margin-left: .5rem}
.nyarcRight dl dt{background: #015393;padding:.08rem .3rem;color: #fff;font-size: .26rem}
.nyarcRight dl dd{background: #f8fcff;padding: .25rem;width: 100%}
.nyarcRight dl dd ul li{border-bottom: 1px solid #ddd;padding: .18rem 0;font-size: .18rem}
.nyarcRight dl dd ul li:last-child{border-bottom: 0}
.nyarcRight dl dd ul li h4{font-weight: normal;}
.nyarcRight dl dd ul li .imgBox{margin-bottom: .15rem}


@media (max-width: 1024px){
.ny-ba .imgBox .img{padding-bottom: 42%}
.nysubNav ul li a{font-size: .2rem;}
.nysubNavp.nosub{display: none}
.typeName .h3:before{width: 3vw}
.posi{width: 100%;order: 1;margin-bottom: .25rem}
.nysubNav{width: 100%;order: 2;margin-right: 0}

.nyleftNav{width:100%;padding: .1rem 0 .1rem .1rem;}
.nyrightList{margin-left: 0;width: 100%;margin-top: .3rem}
.nyleftNav{display: none}
.nyleftNav ul li a{padding: .15rem 0;font-size: .18rem}

.nyarcRight{width: 3rem;margin-left: .3rem}
}
@media (max-width: 900px){
.ny-ba .imgBox .img{padding-bottom: 0;height: 50vw}
.nysubNav ul li{margin-right: 0}
.nysubNav ul{white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.nysubNav ul::-webkit-scrollbar{width:4px;height: 4px;display: block;}
.nysubNav ul::-webkit-scrollbar-track{border-radius:5px;;background: #eee}
.nysubNav ul::-webkit-scrollbar-thumb{border-radius:5px;background:#bbb;}
.nyarcRight{width:100%;margin-left:0;margin-top: .3rem}
.nyarcLeft{width:100%}
}
@media (max-width:750px){
.typeName .h3:before{width: 5vw}
}
@media (max-width: 640px){
.typeName .h3{padding:.15rem 5vw .15rem 0; }
.typeName .h3 span{font-size: .3rem}
.typeName{margin-top: -.45rem}
.typeNames{font-size: .32rem}
.arc-tit h1{font-size: .3rem}
.nyarcLeft{padding: .3rem 0 .3rem;background: transparent;}
.arc-con p,.arc-con span{font-size: .18rem!important}
}
@media (max-width: 375px){
}



/**/
.nypbg{background: url(../images/ny/nybg.jpg) no-repeat bottom center;background-size:100% auto}

.tzggList{padding-bottom: .3rem}
.tzggList li{padding: .2rem .35rem .3rem;position: relative;background: #f8f8f8;transition: .3s}
.tzggList li a{display: flex;position: relative;z-index: 3}
.tzggList li .time{width: .84rem;height: .84rem;background: #f3ab45;border-radius: 5px;color: #fff;text-align: center;font-size: .14rem;display: flex;justify-content: center;flex-direction: column;}
.tzggList li .time span{display: block;font-size: .32rem;line-height: 1em;margin-bottom: 5px}
.tzggList li .txt{margin-left: .25rem;flex:1;padding-top: .4rem}
.tzggList li .txt h4{font-size: .22rem;font-weight: normal;}
.tzggList li:before{content: '';height: .35rem;background: url(../images/ny/tzggbg.png) repeat-x bottom center;background-size: auto 100%;position: absolute;left: 0;top: 0;right: 0}

.txtList{padding-bottom: .2rem}
.txtList li{padding: .18rem 0;border-top: 1px dashed #ddd;display: flex}
.txtList li h4{flex:1;font-size: .18rem;font-weight: normal;}
.txtList li span{margin-left: .2rem;color: #888}

.picList{padding-bottom: .2rem}
.picList li{padding: .25rem 0;border-top: 1px dashed #ddd;position: relative;z-index: 2}
.picList li:after{content: '';position: absolute;top: -1px;right: 0;bottom: -1px;left: 1.6rem;background: url(../images/ny/listbg.png) no-repeat left center;background-size: 100% 100%;z-index: 0;opacity: 0;visibility: hidden;transition: .3s}
.picList li a{display: flex;flex-wrap: wrap;position: relative;z-index: 3;align-items: center;}
.picList li .imgBox{width: 4rem;margin-right: .35rem}
.picList li .imgBox .img{padding-bottom: 62.5%}
.picList li .txt{flex:1;transition: .3s}
.picList li .txt time{color: #666;transition: .3s}
.picList li .txt h4{font-size: .22rem;margin-bottom: .15rem;margin-top: .15rem;font-weight: normal;}
.picList li .txt p{line-height: 1.8em;color: #888;margin-bottom: .3rem;transition: .3s}
.picList li .txt .mor{display: flex;align-items: center;transition: .3s}
.picList li .txt .mor i{display: block;width: .28rem;height: .28rem;border-radius: 50%;background: #015393;text-align: center;line-height: .28rem;font-size: .14rem;color: #fff;margin-left: .1rem;transition: .3s}

.nyabout{padding: .4rem 0 .4rem;overflow: hidden;position: relative;margin-bottom: .4rem;z-index: 5}
.nyabout:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;width: 65%;background: #f3f7fa;transform: skewX(-10deg);transform-origin: right bottom;background: url(../images/ny/ab1bg.jpg) no-repeat center;background-size: cover}
.nyabout .img{width: 49%;margin-right: .4rem;position: relative;z-index: 3}
.nyabout .txt{flex:1;position: relative;z-index: 3;color: #fff;padding-right: .4rem}
.nyabout .txt p{font-size: .18rem !important;margin-bottom: .2rem !important;line-height: 1.6em !important;text-indent: 2em;text-align: justify !important;}
.nyabout1{position: relative;z-index: 5;margin-bottom: .4rem}
.nyabout1 p{font-size: .18rem !important;margin-bottom: .2rem !important;line-height: 1.6em !important;text-indent: 2em;text-align: justify !important;}
.nyabout2{padding: .4rem 0 .4rem;overflow: hidden;position: relative;margin-bottom: .4rem;z-index: 5}
.nyabout2:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 65%;background: #f3f7fa;transform: skewX(10deg);transform-origin: right bottom;background: #fff}
.nyabout2 .img{width: 49%;margin-left: .4rem;position: relative;z-index: 3}
.nyabout2 .txt{flex:1;position: relative;z-index: 3;padding-left: .4rem}
.nyabout2 .txt p{font-size: .18rem !important;margin-bottom: .2rem !important;line-height: 1.6em !important;text-indent: 2em;text-align: justify !important;}
.nyabwp{position: relative;}
.nyabwp:after{content: '';position: absolute;top: 25%;bottom: 25%;left: calc(-1 * (100vw - 14.4rem) / 2);right: calc(-1 * (100vw - 14.4rem) / 2);background: #f2f6f9;z-index: 0}

.nyleader{max-width: 13.2rem;margin: 0 auto}
.nyleader dl{width: 47%;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-bottom: .6rem}
.nyleader dl:nth-child(3){width:100%}
.nyleader dl dt{padding: .3rem;width: 2.4rem;text-align: center;}
.nyleader dl dd{padding: .3rem .3rem .3rem 0;flex: 1}
.nyleader dl:nth-child(1) dt{background: url(../images/ny/ldbg1.jpg) no-repeat bottom right;background-size: cover}
.nyleader dl:nth-child(2) dt{background: url(../images/ny/ldbg2.jpg) no-repeat bottom right;background-size: cover}
.nyleader dl:nth-child(3) dt{background: url(../images/ny/ldbg3.jpg) no-repeat bottom right;background-size: cover}
.nyleader dl dt ul li{padding: .25rem 0;font-size: .24rem;color: #015393;line-height: .24rem}
.nyleader dl dd ul li{padding: .25rem 0;font-size: .2rem;line-height: .24rem;border-bottom: 1px dashed #ddd;padding-left: .3rem}
.nyleader dl dd ul li:last-child{border-bottom: 0}
.nyleader dl dd ul li span{display: inline-block;margin: 0 .1rem;}

.nyfs .img{height: 4.8rem;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%}
.nyfs .txt{position: absolute;top: 0;right: 0;bottom: 0;width: 40%;z-index: 5;overflow: hidden;padding-left: 10%}
.nyfs .txt:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../images/ny/fs2.jpg) no-repeat right center;transform: skewX(-12deg);transform-origin: left bottom;background-size: cover}
.nyfs .txt .con{position: relative;z-index: 4;padding: .5rem .5rem .5rem 0;color: #fff}
.nyfs .txt h4{font-size: .26rem;margin-top: .3rem;margin-bottom: .3rem;font-weight: normal;}
.nyfs .txt p{margin-bottom: .1rem}
.nyfs .txt p a{color: #fff}

.nyorg{padding-top: .2rem}
.nyorg dl{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-bottom: .5rem;border-top: 6px solid #015393;border-bottom: 6px solid #f2991b;padding: .3rem .5rem}
.nyorg dl dt{font-size: .3rem;margin-bottom: .2rem}
.nyorg dl dd ul{display: flex;flex-wrap: wrap;}
.nyorg dl dd ul li{width: 23.5%;margin-right: 2%;margin-bottom: .2rem}
.nyorg dl dd ul li:nth-child(4n){margin-right: 0}
.nyorg dl dd ul li a{display: flex;height: .6rem;border:1px solid #eee;border-left: 3px solid #015393;align-items: center;padding: 0 .2rem;font-size: .2rem;line-height: 1.2em;transition: .3s}

.nydj .typeName .h3{background: #d50008}
.nydj .typeName .h3:before{background: #d50008}
.nydj .nysubNav ul li.on a{color: #d50008}
.nydj .nysubNav ul li.on:after{background: #d50008}
.nydj .posi a:hover{color: #d50008}
.nydj .djplist{width: 100%;margin-bottom: .5rem}
.nydj .djplist  .slide-dj{width: 50%}
.nydj .djplist  .slide-dj .imgBox{height: 100%}
.nydj .djplist  .slide-dj .imgBox .img{padding-bottom:0;height: 100%}
.nydj .djplist  .slide-dj .imgBox:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 40%;background: url(../images/ny/maskr.png) no-repeat bottom center;background-size: 101% 100%;z-index: 1}
.nydj .djplist  .slide-dj .item a{display: block;position: relative;height: 100%}
.nydj .djplist  .slide-dj .item .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 4;color: #fff;padding: .2rem;padding-right: 1.2rem}
.nydj .djplist  .slide-dj .item .txt h4{font-size: .2rem;font-weight: normal;}
.nydj .djplist  .slide-dj .swiDots{position: absolute;width: auto;right: .2rem;bottom: .25rem;z-index: 5;left: auto;}
.nydj .djplist  .slide-dj .swiDots span{background: #fff;opacity: .5;}
.nydj .djplist  .slide-dj .swiDots span.active{opacity: 1;}
.nydj .djplist  .txtsList{width: 50%;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1)}
.nydj .djplist  .txtsList dt{align-items: center;color: #fff;background: linear-gradient(90deg,#c00007,#d60008);padding:.25rem .3rem}
.nydj .djplist  .txtsList dt span{font-size: .3rem}
.nydj .djplist  .txtsList dt a{color: #fff}
.nydj .djplist  .txtsList dd{padding:.2rem .3rem}
.nydj .djplist  .txtsList dd ul li{padding: .18rem 0;display: flex;border-top: 1px solid #eee;justify-content: space-between;align-items: center;}
.nydj .djplist  .txtsList dd ul li:nth-child(1){border-top: 0;padding-top: 0}
.nydj .djplist  .txtsList dd ul li h4{font-weight: normal;font-size:.18rem;width: calc(100% - 1.2rem)}
.nydj .djplist  .txtsList dd ul li span{color: #888;}
.nydj .djplist  .txtsList dd ul li a:hover{color:  #d50008}
.nydj .djlist{width: 48%;margin-bottom: .5rem;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);padding:.3rem .35rem}
.nydj .djlist dt{display: flex;align-items: center;padding: 0 0 .1rem;position: relative;margin-bottom: .1rem}
.nydj .djlist dt:after{content: '';height: 3px;width: 100%;background: linear-gradient(90deg,#fa4317,#fa9320);position: absolute;bottom: 0;left: 0;}
.nydj .djlist dt span{font-size: .3rem;color: #df0007}
.nydj .djlist dt a:hover{color:  #d50008}
.nydj .djlist dd ul li{padding: .15rem 0;display: flex;border-top: 1px solid #eee;justify-content: space-between;align-items: center;}
.nydj .djlist dd ul li:nth-child(1){border-top: 0;}
.nydj .djlist dd ul li h4{font-weight: normal;font-size:.18rem;width: calc(100% - 1.2rem)}
.nydj .djlist dd ul li span{color: #888;}
.nydj .djlist dd ul li a{padding-left: .2rem;position: relative;}
.nydj .djlist dd ul li a:before{color:  #d50008;content: "\e614";font-family: swiper-icons!important;position: absolute;left: 0;top: 1px}
.nydj .djlist dd ul li a:hover{color:  #d50008}
.nydj .djlistl{width: 100%;margin-bottom: 0}


@media (min-width: 1025px){
.tzggList li:hover{background: #015393}
.tzggList li:hover h4{color: #fff}
.picList li:hover{z-index: 5}
.picList li:hover:after{opacity: 1;visibility: visible;}
.picList li:hover .txt {color: #fff}
.picList li:hover .txt p{color: rgba(255,255,255,.7);}
.picList li:hover .txt .mor{color: #fff}
.picList li:hover .txt .mor i{color: #015393;background: #fff}
.picList li:hover .txt time{color: #fff}
.nyorg dl dd ul li:hover a{background: #015393;border-left-color: #f2991b;color: #fff}

}
@media (max-width: 1024px){
.tzggList li .txt h4{font-size: .2rem}	
.picList li .txt p{line-height: 1.6em;-webkit-line-clamp: 2;}

.nyabout{padding: 0 .3rem .5rem}
.nyabout .img{width: 100%;margin-right: 0;margin-bottom: .3rem;text-align: center;}
.nyabout:after{top: 20%;right: 0;bottom: 0;width: 100%;transform: skewX(0deg) skewY(10deg);transform-origin: top left;}
.nyabout .txt{padding-right: 0}
.nyabout1{margin-bottom: 0}
.nyabout2{padding:0}
.nyabout2 .img{width: 100%;margin-left: 0;margin-bottom:0;text-align: center;}
.nyabout2:after{display: none}
.nyabout2 .txt{padding-left: 0}
.nyabwp:after{display: none}


.nyleader dl{width: 100%}
.nyfs .txt{width: 45%}
.nyorg dl dd ul li{width: 32%;margin-right: 2%;margin-bottom: .2rem}
.nyorg dl dd ul li:nth-child(4n){margin-right: 2%}
.nyorg dl dd ul li:nth-child(3n){margin-right: 0}

.nydj .djplist  .slide-dj{width: 100%;order: 1}
.nydj .djplist  .txtsList{width: 100%;order: 2}
.nydj .djplist  .slide-dj .imgBox .img{height: 50vw}
.nydj .djlist{width: 100%}
}
@media (max-width: 900px){
.picList li .imgBox{width: 3.2rem;margin-right: .25rem}	
.picList li .txt p{margin-bottom: .1rem}
.nyleader dl dt{width: 2rem;}
.nyfs .img{height: 50vw}
.nyfs .txt{width: 100%;position: relative;padding-left: 0;padding-top: .8rem;margin-top: -.8rem}
.nyfs .txt .con{padding: 0 .4rem .5rem}
.nyfs .txt:after{top:0;left: 0;bottom: 0;right: 0;transform: skewX(0deg) skewY(5deg);transform-origin: left bottom;}
.nyorg dl dd ul{justify-content: space-between;}
.nyorg dl dd ul li{width: 48%;margin-right: 0;}
.nyorg dl dd ul li:nth-child(4n){margin-right: 0}
.nyorg dl dd ul li:nth-child(3n){margin-right: 0}
}
@media (max-width: 640px){

.tzggList li{padding: .2rem .25rem .3rem}
.tzggList li .txt{padding-top: .3rem}
.txtList li h4{font-size: .18rem}
.tzggList li .txt h4{font-size: .18rem}
.picList li .imgBox{width: 100%;margin-bottom: .2rem}
.picList li .txt p{margin-bottom: .2rem}
.nyabout:after{top: 10%;transform: skewX(0deg) skewY(6deg);}
.nyleader dl {margin-bottom: .4rem}
.nyleader dl dt{width: 1.8rem;}
.nyleader dl dt ul li{font-size: .22rem}
.nyleader dl dd ul li{font-size: .18rem}
.nyleader dl dd ul li span:nth-child(1){margin-bottom: 0}
.nyleader dl dd ul li span{margin-bottom: .1rem}
.nyfs .txt{margin-top: -.6rem}
.nyorg dl dd ul li{width: 100%}
.nyorg dl{padding: .3rem}
.nydj .djplist .txtsList dt{padding: .15rem .3rem}
}
@media screen and (min-width: 1025px){
.trans-mask:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}	
.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

}
.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:scale(1.01)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform:scale(1.01)}

.worklist{margin-bottom: .5rem}
.worklist li:nth-child(1){width: 68%;margin-bottom: .2rem}
.worklist li:nth-child(11){width: 68%;float: right;}
.worklist li:nth-child(1) .pic{height:5.9rem; }
.worklist li:nth-child(11) .pic{height:5.9rem; }
.worklist li:nth-child(3){position: absolute;top: 0;right: 0}
.worklist li:nth-child(5){position: absolute;top: 3.05rem;right: 0}
.worklist li:nth-child(7){position: absolute;top: 6.1rem;left: 0}
.worklist li:nth-child(9){position: absolute;bottom:0;left: 0}

.worklist li{width: calc(32% - .2rem);overflow: hidden;}
.worklist li .pic{height:2.85rem;position: relative; }
.worklist li .pic img{display: none}
.worklist li a{display: block;position: relative;}
.worklist li .txt{position: absolute;left: 0;bottom: 0;right: 0;height: .5rem;line-height: .5rem;background: rgba(255,255,255,.9);color: #fff;font-size: .18rem;padding-right: 1.4rem;padding-left: .15rem;transition: .3s;}
.worklist li .txt p{font-size: .18rem;color: #015393;line-height: .45rem}
.worklist li .txt time{position: absolute;top: 0;right: 0;bottom: 0;padding: 0 .2rem 0 .3rem;z-index: 3;overflow: hidden;}
.worklist li .txt time:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;background:#015393;transform: skewX(-15deg);transform-origin: left bottom}
.worklist li .txt time span{position: relative;z-index: 3}
.worklist li .hidet{position: absolute;left:0;top: 0;right: 0;bottom: 0;background: rgba(1,83,147,.8);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;padding-right: .6rem;width: 100%}
.worklist li .hidet .txt1 time{font-size: .18rem;}
.worklist li .hidet .txt1 p{font-size: .18rem;margin-top: .1rem}
.worklist li .hidet .icon-tuji{position: absolute;top: .35rem;right: .35rem;width: .4rem;height: .35rem;background: url(../images/ny/tj.svg) no-repeat center;background-size: .4rem .35rem}

.worklist li:hover .txt{bottom: -.6rem}
.worklist li:hover .hidet{opacity: 1;visibility:visible;}
.worklist li:hover .pic:before{opacity: 0}
.worklist li:hover .pic:after{opacity: 0}

@media (max-width: 900px){
.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) .pic{height:35vw; }
.worklist li:nth-child(11) .pic{height:35vw; }
.worklist li:nth-child(3){position: static;top: 0;right: 0}
.worklist li:nth-child(5){position: static;top:0;right: 0}
.worklist li:nth-child(7){position: static;top:0;left: 0}
.worklist li:nth-child(9){position: static;bottom:0;left: 0}

.worklist li{width: calc(50% - .1rem);overflow: hidden;margin-bottom: .2rem}
.worklist li .pic{height:35vw;position: relative; }

}
@media screen and (max-width: 640px){
.worklist li:nth-child(1){width:100%;margin-bottom: .3rem}
.worklist li:nth-child(6){width:100%;}
.worklist li:nth-child(1) .pic{height:60vw; }
.worklist li:nth-child(6) .pic{height:60vw; }
.worklist li{width:100% !important;overflow: hidden;margin-bottom: .3rem}
.worklist li .pic{height:60vw;position: relative; }
.worklist{margin-bottom: .3rem}

}


.nyyuanx{background: url(../images/ny/yxbg.png)#fff no-repeat top center;background-size: 100% auto;border-top: .1rem solid #f2991b;min-height: 3rem;padding: .2rem 10% .3rem}
.nyyuanx dl{padding: .3rem 0}
.nyyuanx dl dt{margin-bottom: .15rem;}
.nyyuanx dl dt h4{font-size: .28rem;color: #015393;display: flex;align-items: center;}
.nyyuanx dl dt h4:before{content: '';display: block;height: 5px;width: 2.8rem;background: url(../images/ny/linel.png) no-repeat right center;margin-right: .2rem}
.nyyuanx dl dt h4:after{content: '';display: block;height: 5px;width: 2.8rem;background: url(../images/ny/liner.png) no-repeat left center;margin-left: .2rem}
.nyyuanx dl dd p{margin-top: .15rem;line-height: 1.8em;font-size: .22rem}
.nyyuanx dl dd p.sysb{font-size: .24rem;margin-top: 0}
.nyyuanx dl dd ul{display: flex;justify-content: space-between;margin-top: .3rem;flex-wrap: wrap;}
.nyyuanx dl dd ul.ul4 li{width: calc(25% - .1rem)}
.nyyuanx dl dd ul.ul2 li{width: calc(50% - .1rem)}
.nyyuanx dl dd ul li{background: #f7fbfe;padding: .25rem;font-size: .18rem;text-align: left;line-height: 1.8em}
.nyyuanx dl dd ul li span{font-weight: bold;color: #015393}
.nyyuanx dl dd ul li p{margin-top: 0;font-size: .18rem}
@media screen and (max-width: 1024px){
.nyyuanx dl dt h4:before{width: 15vw}
.nyyuanx dl dt h4:after{width: 15vw}
.nyyuanx dl dd ul.ul4 li{width: calc(50% - .1rem);margin-bottom: .2rem}
.nyyuanx dl dd p{font-size: .22rem}
}
@media screen and (max-width:640px){
.nyyuanx{padding: .2rem 5% .3rem}
.nyyuanx dl dt h4:before{width: 10vw}
.nyyuanx dl dt h4:after{width: 10vw}
.nyyuanx dl dd ul.ul4 li{width:100%;margin-bottom: .2rem;text-align: center;}
.nyyuanx dl dd ul.ul2 li{width:100%;margin-bottom: .2rem}
.nyyuanx dl dd p{font-size: .2rem}
}