@charset "utf-8";
@import url('animate.css');
html{font-size: 100px;}
.nys{padding:  .9rem 0 1.8rem;}




/* 科研团队 */
.ysbox{width: 100%;margin: 1.8rem auto;align-items: flex-start;background: url(../images/nys/ys-bg.jpg) repeat right top;background-size: 90% auto;}
.ysbox .ysimg{padding-left: .5rem ;background-size:3.73rem auto ;width: 30%;position: relative;}
.ysbox .ysimg::before{content: '';background: url(../images/nys/ysbg.png);width: 3.8rem;height: calc(100% + .5rem);position: absolute;left: 0rem;top: 0;z-index: 0;background-size: 100% 100%;}
.ysbox .ysimg img{box-shadow: 0 0 32px rgba(0,0,0,.4);margin-top:-.84rem ;width: 100%;position: relative;z-index: 1;transition: all .8s;}
.ysbox .ysimg:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.ysbox .info{width: 64%;padding: 1.5rem .5rem 2.1rem 0;}
.ysbox .info .infoname{position: relative;padding-bottom: .1rem;font-size: .36rem;color: #032477;margin-bottom: .2rem;}
.ysbox .info .infoname::before{content: '';background: url(../images/nys/syh.png);width: 1.57rem;height: 1.17rem;position: absolute;left: -.2rem;bottom: 0;background-size: 100% auto;transition: all .8s;-webkit-transition: all .8s;}
.ysbox .info:hover .infoname::before{left: -.3rem;}
.ysbox .info .infodes{font-size: .18rem;line-height: .34rem;color: #333;text-indent: 2em;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
@media screen and (max-width:1500px) {
    .ysbox .info{padding: 1rem .5rem 1.5rem 0;}
}
@media screen and (max-width:980px) {
    .ysbox{width: 100%;background-size: cover;}
    .ysbox .ysimg{width: 40%;}
    .ysbox .info{width: 55%;}
    .ysbox .ysimg::before{max-width: 80%;}
    .ysbox .info{padding: 1rem .5rem 1rem 0;}
}
@media screen and (max-width:768px) {
    .ysbox{background: url(../images/nys/ys-bg.jpg) no-repeat right bottom;}
    .ysbox .ysimg{width: 100%;margin: 0 auto;padding: 0 20%;}
    .ysbox .ysimg::before{left: calc(20% - .5rem);width: 50%;}
    .ysbox .info{width: 100%;padding: 1.5rem .5rem .6rem .5rem;} 
}
@media screen and (max-width:480px) {
    .ysbox{margin: 1.5rem auto .8rem;}
    .ysbox .ysimg::before{width:85% ;}
}
/* 联系我们 */
.content{padding: .53rem .6rem .7rem .2rem;align-items: center;justify-content: flex-end;width: 100%;position: relative;z-index: 5;margin-top:.9rem;}
.content .contentimg{width: 48%;position: absolute;z-index: 0;height: 100%;left: .2rem; top: 0;overflow: hidden;}
.content .contentimg .img{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;position: absolute;z-index: 0;height: 100%;left: .2rem; top: 0;transition: all .8S;-webkit-transition: all .8S;overflow: hidden;}
.content .contentimg .img:hover{transform: scale(1.02);-webkit-transform: scale(1.02);}
.content .info{padding: 1.04rem 1.15rem 1.04rem 1rem;background: #f3f3f3 url(../images/nys/contentbg.jpg) no-repeat right bottom; position: relative;background-size: 100%;width: 57%;}
.content .info::after{content: '';width:calc(100% + .4rem);height:calc(100% - .4rem);position: absolute;right: -.4rem;bottom: -.4rem;background: #1857a4;z-index: -1;}

.content .conitem{width: 100%;justify-content: flex-start;align-items: flex-start;margin-bottom: .22rem;}
.content .conitem .ico{width: .25rem;margin-right: .12rem;transition: all .8s;-wekit-transition: all .8s;}
.content .conitem .des{width:calc(100% - .37rem) ;font-size: .2rem;justify-content: flex-start;align-items: flex-start;}
.content .conitem .des .desname{font-weight: bold; color: #021f74;width: .6rem;}
.content .conitem .des .desR{color: #333;width: calc(100% - .6rem);font-size: .2rem;}
.content .conitem .des .desR h3{font-size: .2rem;}
.content .conitem .des .desR p{font-size: .14rem;word-break: break-all;}
.content .conitem:hover .ico{margin-top: -.06rem;}

@media screen and (max-width:960px) {
    .nys{padding: .5rem 0 .8rem;}
    .content{padding: 0;margin:0}
    .content .info{padding: .5rem;}
.content .contentimg{width:100%;position:static;}
.content .info{width:100%}
.content .contentimg .img{position:static}
}
@media screen and (max-width:768px) {
    .content{padding: 0;}
    .content .info{padding: .5rem .3rem;}
    .content .info::after{right: -.2rem;bottom: -.2rem;}
}
/* 组织机构 */
.about{width: 100%;background: url(../images/nys/abbg.png) no-repeat center bottom; background-size: 100%; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.about .infolist{padding: 0 .58rem;}
.about .infolist .oritem{margin-bottom: .3rem;}
.about .infolist .oritem > a{width: 2.15rem;background: url(../images/nys/orbg.jpg) no-repeat left top; background-size: 100% 100%;font-size: .18rem;padding-left: .2rem;line-height: .4rem;color: #fff;display: block;cursor: auto;}
.about .oritem:last-child{margin-bottom: 0;}
.about .infolist .oritem .orsub{width: 100%; padding: .18rem;background: #f2f6fb url(../images/nys/orlistbg.png) no-repeat right center;box-shadow: 0 0 15px rgba(0,0,0,.1);}
.about .infolist .oritem .orsub ul{justify-content: flex-start;}
.about .infolist .oritem .orsub li{width: calc(100%/3);line-height: .36rem;font-size: .16rem;color: #040004;}
.about .infolist .oritem .orsub li > a{color: #040004;cursor: auto;}
/*.about .infolist .oritem .orsub li:hover > a{color: #296ab8;}*/

@media screen and (max-width:768px) {
    .about .infolist{padding: 0;}
    .about .infolist .oritem .orsub li{width: calc(100%/2);}
}
@media screen and (max-width:320px) {
    .about .infolist .oritem .orsub li{width: 100%;}
}

/* 详情页 */
.detail{align-items: flex-start;width: 100%;padding: 0 .7rem}
.detail .detailwen{width: 63%;}
.detail .detailwen .detailtitle{text-align: center;font-size: .34rem;color: #000;line-height: 1.5em;}
.detail .detailwen .detailinfo{width: 100%;text-align: center;padding:.1rem 0 .2rem; border-bottom:1px #e5e5e5 solid;margin-bottom: .3rem;}
.detail .detailwen .detailinfo span{padding: 0 .15rem; color: #999999; font-size: .14rem;}
.detail .detailwen .con{font-size: .16rem;line-height: .28rem;color: #333;overflow: hidden;}
.detail .detailwen .con p{font-size: .16rem;line-height: .28rem;color: #333;margin-bottom: .3rem;}
.detail .detailwen .con video,.detail .detailwen .con table{width:100%;height:auto;}
.detail .detailwen .con img{display: block;max-width: 100%;height: auto;-webkit-transition:.8s;-o-transition:.8s;-moz-transition:.8s;transition:.8s;width:auto;margin:0 auto .1rem}
.detail .detailwen .con img:hover{transform:scale(1.05);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);}
.detail .newpags{margin-top: .3rem;}
.detail .newpags a{display:block;font-size:.14rem;color:#333;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:16px;-webkit-transition:.8s;-o-transition:.8s;-moz-transition:.8s;transition:.8s}
.detail .newpags a:hover{color:#286bb8}

.detail .nesTJ{width: 30%;}
.detail .nesTJ .nesTJTiT{font-size: .2rem; text-align: center;color: #000;font-weight: bold;margin-bottom: .3rem;}
.detail .nesTJ .nesTJlist li{padding-bottom: .3rem;position: relative;}
.detail .nesTJ .nesTJlist li::before{content: '';position: absolute;left: .15rem;top: .05rem;width: 1px;height: 100%;border-left: 1px #adadad dashed;z-index: -1;}
.detail .nesTJ .nesTJlist li:last-child::before{display: none;}
.detail .nesTJ .nesTJlist li .ico{width: .34rem;height: .31rem;background: url(../images/nys/plan.png) no-repeat center center;background-size: 100% 100%;transition: all .8s;-webkit-transition: all .8s;float: left;margin-right: .16rem;}
.detail .nesTJ .nesTJlist li .title{width: calc(100% - .5rem);float: left;}
.detail .nesTJ .nesTJlist li .title a{color: #333;font-size: .16rem;display: block;height: .3rem;line-height: .3rem;}
.detail .nesTJ .nesTJlist li span{font-size: .14rem; color: #737373; padding-top: .05rem;display: block;}
.detail .nesTJ .nesTJlist li:hover .ico{background: url(../images/nys/plan2.png) no-repeat center center;}
.detail .nesTJ .nesTJlist li:hover .title a{color: #094d91;font-weight: bold;}

@media screen and (max-width:1080px) {
    .detail{padding: 0rem}
}
@media screen and (max-width:960px) {
    .detail .detailwen{width: 100%;}
    .detail .nesTJ{width:100%;}
    .detail .detailwen .detailtitle{font-size: .3rem;}
}

/* 科研团队介绍 */
.TMlist{width: 100%;margin: 1.5rem auto 0;}
.TMlist .TMitem{width: 32%;margin-bottom:.8rem;position: relative;align-items: flex-start;}
.TMlist .TMitem:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.TMlist .TMitem::before{content: '';position: absolute;right: 0;top: 0;background: #e9f0f8;width: 90%;height: 100%;z-index: -1;}
.TMlist .TMitem .pic{width: 45%;box-shadow: 0 0 30px rgba(0,0,0,.3);overflow: hidden;margin-top: -.44rem;}
.TMlist .TMitem .pic img{width: 100%;height: 100%;transition: all .8s;-webkit-transition: all .8s;object-fit: cover;}
.TMlist .TMitem .txt{width: 55%;padding: .3rem .35rem .4rem;}
.TMlist .TMitem .txt .title{font-size: .3rem;color: #032477;padding-bottom: .1rem; border-bottom: 1px #ccc solid;margin-bottom: .15rem;}
.TMlist .TMitem .txt .des{font-size: .18rem;color: #333;line-height: .22rem;height: .88rem;margin-bottom: .2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.TMlist .TMitem .txt .more{font-size: .16rem;color: #999999;margin-bottom: .2rem;}
.TMlist .TMitem:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.pages,.pb_sys_common{text-align:center;font-size:.16rem;margin:.2rem 0 1rem}
.pages ul{display:inline-block}
.pages ul li{display:inline-block;vertical-align:top;margin:0 .03rem .06rem}
.pages .inp,.pages ul li a{display:block;width:.33rem;height:.33rem;line-height:.31rem;text-align:center;color:#333;border:1px solid #c4c4c4;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.pages ul a:hover,.pages ul li.on a{background-color:#032477;color:#fff;border: 1px #032477 solid;}
.pages ul li.next a,.pages ul li.prev a{background-repeat:no-repeat;background-position:center;background-size:.13rem;}
.pages ul li span{display:inline-block;vertical-align:bottom;width:33px;line-height:33px;color:#333}

@media screen and (max-width:960px) {
    .TMlist .TMitem{flex-direction: column;width: 31%;}
    .TMlist .TMitem::before{width: 100%;}
    .TMlist .TMitem .pic{width: 100%;}
    .TMlist .TMitem .txt{width: 100%;}
    .TMlist{margin: .6rem auto 0;}
    .pages{margin:0 0 .6rem}
}
@media screen and (max-width:680px) {
    .TMlist .TMitem{flex-direction: row;width: 100%;}
    .TMlist .TMitem:nth-child(3n-1){margin-left:0;margin-right:0;}
    .TMlist .TMitem::before{width: 100%;}
    .TMlist .TMitem .pic{width: 30%;}
    .TMlist .TMitem .txt{width: 70%;}
}
@media screen and (max-width:480px) {
    .TMlist .TMitem .pic{width: 40%;}
    .TMlist .TMitem .txt{width: 60%;}
}
@media screen and (max-width:400px) {
    .TMlist .TMitem{flex-direction: column;width: 100%;}
    .TMlist .TMitem .pic{width: 100%;}
    .TMlist .TMitem .txt{width: 100%;}
}

/* 通航新闻 */
.Newlist{width: 100%;margin: .9rem auto 0;position: relative;justify-content: flex-start;}
.Newlist .Newitem{width: calc(100%/4 - .4rem);margin-bottom:.6rem;align-items: flex-start;overflow:hidden;margin-right: .4rem;}
.Newlist .Newitem:nth-child(4n){margin-right:0;}
.Newlist .Newitem .pic{width: 100%;box-shadow: 0 0 30px rgba(0,0,0,.3);border-radius: .1rem .1rem 0 0;height: auto;overflow: hidden;position: relative;}
.Newlist .Newitem .pic::before{content: '';width: calc(100% - .4rem);position: absolute;left: .2rem;bottom: 0;height: .02rem;border-top: .02rem transparent dashed;}
/* .Newlist .Newitem .pic::before{content: '';position: absolute;left: -.15rem;bottom: -.15rem;background: #e9f0f8;width: .3rem;height: .3rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Newlist .Newitem .pic::after{content: '';position: absolute;right: -.1rem;bottom: -.15rem;background: #e9f0f8;width: .3rem;height: .3rem;z-index: 5;background: #f00;border-radius: 100%;z-index: 10;} */
.Newlist .Newitem .pic img{width: 100%;height: 100%;transition: all .8s;-webkit-transition: all .8s;}
.Newlist .Newitem .txt{width: 100%;padding: 0rem .15rem .15rem;background: url(../images/nys/NTbgN.png) no-repeat right bottom;background-size: cover;position: relative;border-radius: 0 0 .1rem .1rem;}
.Newlist .Newitem .txt .xian{width: 100%;position: relative;padding: .3rem .15rem .25rem;}
.Newlist .Newitem .txt .xian::before{content: '';width: calc(100% - 0rem);position: absolute;left: 0rem;top: 0;height: .02rem;border-top: .02rem #fff dashed;}
.Newlist .Newitem .txt::before{content: '';position: absolute;left: -.15rem;top: -.15rem;background: #e9f0f8;width: .3rem;height: .3rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Newlist .Newitem .txt::after{content: '';position: absolute;right: -.15rem;top: -.15rem;background: #e9f0f8;width: .3rem;height: .3rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
/* .Newlist .Newitem .txt::before{content: '';width: calc(100% - .4rem);position: absolute;left: .2rem;top: 0;height: .02rem;border-top: .02rem #fff dashed;} */
.Newlist .Newitem .txt .date{font-size: .16rem;color: #999;}
.Newlist .Newitem .txt .title{font-size: .18rem;color: #0658a7; margin:.1rem 0 .2rem;line-height: .26rem;height: .52rem/0;}
.Newlist .Newitem .txt .title a{color: #0658a7; display: block;}
.Newlist .Newitem .txt .des{font-size: .14rem;color: #7e8083;line-height: .22rem;height: .44rem/0;margin-bottom: .3rem;overflow: hidden;}
.Newlist .Newitem .txt .more{background: url(../images/nys/moreN.png) no-repeat right center;display: block; background-size: .32rem .06rem;transition: all .8s;-webkit-transition: all .8s;width: .32rem;height: .06rem;margin: 0 0 0 auto;}
.Newlist .Newitem:hover .txt::before{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.Newlist .Newitem:hover .txt::after{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.Newlist .Newitem:hover .pic::before{border-top: .02rem #fff dashed;}
.Newlist .Newitem:hover .pic img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Newlist .Newitem:hover .txt{background: #0963b2 url(../images/nys/NTbg.png) no-repeat right bottom;}
.Newlist .Newitem:hover .more{background:url(../images/nys/more.png) no-repeat right center;background-size: .32rem .06rem;}
.Newlist .Newitem:hover .date{color: rgba(255,255,255,.7);}
.Newlist .Newitem:hover .title a{color: #fff;font-weight: bold;}
.Newlist .Newitem:hover .des{color: rgba(255,255,255,.7);}


@media screen and (max-width:960px) {
    .Newlist .Newitem{width: calc(100%/3 - .25rem);margin-right: .37rem;}
  .Newlist .Newitem:nth-child(3n){margin-right: 0 !important;}
    .Newlist .Newitem:nth-child(4n){margin-right: .37rem;}
}
@media screen and (max-width:680px) {
.Newlist{margin:.5rem auto 0;}
.Newlist .Newitem:nth-child(3n){margin-right: auto;}
    .Newlist .Newitem:nth-child(4n){margin-right: auto;}
    .Newlist .Newitem{width: calc(100%/2 - .15rem);margin-right: .3rem;}
.Newlist .Newitem:nth-child(2n){margin-right: 0;}

}
@media screen and (max-width:480px) {
    .Newlist .Newitem{width: 100%;margin-right: 0;}
}


/* 通知公告 */
.Notlist{width: 100%;align-items: flex-start;margin: 1.5rem auto 0;}
.Notlist .Notitem{width: 48%;margin-bottom: .5rem;align-items: stretch;overflow: hidden;}
.Notlist .Notitem .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 30%;background-size: 100% 100%;background: url(../images/nys/datebg.png) no-repeat right bottom;color: #fff;position: relative;overflow: hidden;}
.Notlist .Notitem .date .month{font-size: .24rem;}
.Notlist .Notitem .date .day{font-size: .48rem;}
.Notlist .Notitem .date .year{font-size: .16rem;}
.Notlist .Notitem .date::before{content: '';position: absolute;left: -.1rem;top: -.1rem;background: #e9f0f8;width: .2rem;height: .2rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Notlist .Notitem .date::after{content: '';position: absolute;left: -.1rem;bottom: -.1rem;background: #e9f0f8;width: .2rem;height: .2rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Notlist .Notitem .txt{width: 70%;padding: .4rem .5rem;background: url(../images/nys/txtbg.png) no-repeat right bottom;background-size: 100% 100%;position: relative;border-radius: 0 .1rem .1rem 0;position: relative;}
.Notlist .Notitem .txt::before{content: '';position: absolute;left: -.1rem;top: -.1rem;background: #e9f0f8;width: .2rem;height: .2rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Notlist .Notitem .txt::after{content: '';position: absolute;left: -.1rem;bottom: -.1rem;background: #e9f0f8;width: .2rem;height: .2rem;z-index: 5;background: #fff;border-radius: 100%;z-index: 10;}
.Notlist .Notitem .txt{position: relative;}
.Notlist .Notitem .txtX::before{content: '';position: absolute;left: 0;top: .1rem;height: calc(100% - .2rem);width: .01rem;border-left: .02rem #3d8ece dashed;}
.Notlist .Notitem .txt .title{font-size: .18rem;color: #000; margin:.1rem 0 .2rem;line-height: .26rem;height: .52rem;}
.Notlist .Notitem .txt .title a{color: #000; display: block;font-weight: 400;}
.Notlist .Notitem .txt .des{font-size: .14rem;color: #7e8083;line-height: .22rem;height: .66rem/0;margin-bottom: .3rem;overflow: hidden;}
.Notlist .Notitem .txt .more{background: url(../images/nys/moreN.png) no-repeat right center;display: block; background-size: .32rem .06rem;transition: all .8s;-webkit-transition: all .8s;width: .32rem;height: .06rem;margin: 0 0 0 auto;}
.Notlist .Notitem:hover .txt::before{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.Notlist .Notitem:hover .txt::after{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.Notlist .Notitem:hover .pic::before{border-left: .02rem #387ab9 dashed;}
.Notlist .Notitem:hover .title a{color: #094d91;font-weight: bold;}
.Notlist .Notitem:hover .date::before{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.Notlist .Notitem:hover .date::after{box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
@media screen and (max-width:960px) {
    .Notlist .Notitem .date{width: 40%;}
    .Notlist .Notitem .txt{width: 60%;padding: .3rem .4rem;}
    .Notlist .Notitem:hover .txt::before{box-shadow:inset 0 0 3px rgba(0,0,0,.3);}
.Notlist .Notitem:hover .txt::after{box-shadow:inset 0 0 3px rgba(0,0,0,.3);}
    .Notlist .Notitem:hover .date::before{box-shadow:inset 0 0 3px rgba(0,0,0,.3);}
.Notlist .Notitem:hover .date::after{box-shadow:inset 0 0 3px rgba(0,0,0,.3);}
.Notlist .Notitem .txtX::before{content: '';position: absolute;left: 0;top: .1rem;height: calc(100% - .2rem);width: .01rem;border-left: .01rem #3d8ece dashed;}
}
@media screen and (max-width:768px) {
.Notlist{margin:.5rem auto 0;}
    .Notlist .Notitem{width: 100%;}
    .Notlist .Notitem .date{width: 25%;}
    .Notlist .Notitem .txt{width: 75%;padding: .3rem .4rem;}
}
@media screen and (max-width:480px) {
    .Notlist .Notitem .date{width: 30%;}
    .Notlist .Notitem .txt{width: 70%;padding: .3rem .4rem;}
}