@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; font-family:"Microsoft YaHei";}
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var{font-style:normal;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden; min-width:1300px;}
a{ text-decoration:none; color:#333;}

/*head*/
.index_v{ width:100%; height:109px; background:#863988; margin:0 auto; display:block;}
.ndu{ width:80%; height:109px; margin:0 auto;min-width:1300px; color:#FFF;}
.ndu .nd{ width:456px; height:79px; float:left;color:#FFF; font-size:14px;}
.ndu .nd .ndj{ width:246px; height:60px; float:right; margin-top:18px;}
.ndu .nd .ndj dd{ width:auto; line-height:30px; font-size:20px; font-weight:bold; color:#FFF;}
.ndu .nd .ndj dt{width:auto; line-height:30px; font-size:20px; font-weight:bold;color:#FFF;letter-spacing:4.3px;}
.ndu .nd .logo{ width:200px; height:79px; float:left; margin-top:20px;}
.ndu .nd .logo img{ width:85%; height:auto;}

.ndu .tel{ width:200px; height:auto; float:right;margin-top:30px;}
.ndu .tel dd{ width:40px; height:40px; float:left;}
.ndu .tel dd img{ width:40px; height:40px;}
.ndu .tel dt{width:150px;line-height:40px; float:right; font-size:22px; color:#FFF; font-weight:bold; font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Heiti SC","Microsoft Yahei",sans-serif;}
.ndu .tel dt span{width:150px;line-height:25px; float:right; font-size:16px;}


.mou{ width:100%; height:200px; margin:0 auto; position: absolute; z-index:9999px;top:109px; min-width:1300px; }
.mov{ width:100%; height:200px; margin:0 auto; position: relative; z-index:1000;background:url(/njuweb/img/head-bg.png) repeat-x;min-width:1300px;}
.mov ul{zoom:1; height:90px; margin:0px; width:75%;margin:0 auto;min-width:1300px;}
.mov ul li{float:left; height:90px; line-height:90px; position:relative;min-width:50px; font-size:18px; text-align:left; padding:0 35px 0 35px;}
.mov ul li.first{background:none}
.mov ul li a{ font-size:18px; color:#FFF; text-decoration:none; font-weight:bold;}
.mov ul li a:hover, .mov ul li .a{color:#FFF !important;  display:block;}
.mov ul li .this{color:#FFF;  background:url(/njuweb/img/bg1.png) center 0px; display:block;}
.mov ul li dl{min-width:160px; display:none; position:absolute; left:-10px; top:80px; z-index:9999;background:url(/njuweb/img/bg1.png); padding-top:10px;}
.mov ul li dt{min-height:50px !important;border-bottom:1px solid #dddddd;}
.mov ul li dt a{font-size:14px !important; line-height:48px !important; text-align:left !important; text-indent:30px; color:#333 !important; overflow:hidden; display:block;}
.mov ul li dt a:hover{ background:none !important;line-height:50px; display:block; color:#63065f !important;}
.mov ul li.item{float:right}


.fullSod{width:100%; position: relative; min-width:1300px;}
.fullSod .bd{margin:0 auto;height:600px;}
.fullSod .bd ul{width:100% !important; overflow:hidden;}
.fullSod .bd li{width:100% !important;height:600px; overflow:hidden;text-align:center;}
.fullSod .bd li img { width:100%;}
.fullSod .bd li a{display:block; height:600px;}
.fullSod .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSod .hd ul{text-align:center;}
.fullSod .hd ul li{width:100%;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px; margin-right:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=80);opacity:0.8;line-height:999px; position:relative; z-index:333; border-radius:100px;}
.fullSod .hd ul .on{background:#69005f; position:relative; z-index:333;}
.fullSod .prev,.fullSlid .next{width:100%;display:block;position:absolute;z-index:1;top:45%;margin-top:-35px;left:10%;z-index:1;width:45px;height:100px;background:url(img/slider-arrow.png) -123px -117px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSod .next{left:auto;right:10%;background-position:-4px -119px;} 


.nju_edu{ width:auto; min-height:700px; margin:0 auto; min-width:1300px; background-color:#F2F3F9; padding-top:80px;}
.nju_nw{ width:1300px; height:45px; margin:0 auto;}
.nju_nw .noj{ width:890px; height:auto; float:left;}
.nju_nw .noj h1{ width:auto; height:45px; line-height:30px; font-size:32px; color:#63065f; font-weight:bold;}
.nju_nw .noj dd{ width:30px; height:0px; border:1px solid #63065f; float:left;}
.nju_nw .noj dt{ width:auto; line-height:30px; font-size:15px; float:left;color:#63065f; position:relative; top:-15px; left:10px;}

.nju_nw .nej{ width:360px; height:auto; float:right;}
.nju_nw .nej h2{ width:auto; height:45px; line-height:30px; font-size:32px; color:#63065f; font-weight:bold;}
.nju_nw .nej dd{ width:30px; height:0px; border:1px solid #63065f; float:left;}
.nju_nw .nej dt{ width:auto; line-height:30px; font-size:15px; float:left;color:#63065f; position:relative; top:-15px; left:10px;}


.nju_cae{ width:85%; height:40px; float:left; background: linear-gradient(to right, #1635d0, #863988);  margin-bottom:60px;}

.anli{ width:100%; height:960px; margin:0 auto; overflow:hidden;}

.index_ca{ width:1300px;min-height:80px; margin:0 auto; padding-top:0px; min-width:1300px; padding-bottom:30px;}
.index_ca ul{ width:1300px; margin:0px;}
.index_ca ul li{ min-width:80px; height:50px; line-height:50px; color:#000; font-size:18px; font-weight:bold; text-align:center; float:left; position:relative; margin-left:50px;cursor:pointer;}
.index_ca ul li a{text-decoration:none;height:50px;line-height:50px;color:#863988;cursor:pointer; font-size:18px;}
.index_ca ul li.cur {border-bottom:3px solid #863988;display:inline-block; }
.index_ca ul li:hover,.index_ca ul li.cur{ border-bottom:3px solid #863988;}
.index_ca ul li:nth-child(9n+1){margin-left:0px;}
.index_cae {width:1300px; height:415px; margin:0 auto;}
.index_cae dl{min-height:415px;position:relative; overflow:hidden; display:none;}

.case{ width:1300px; height:500px; margin:0px;clear:both; }
.case ul{ width:1300px; margin:0 auto;}
.case ul li{ width:410px; min-height:200px; float:left; margin-left:35px; position:relative;background:#fff;webkit-transition: all .2s linear;transition: all .2s linear;  margin-bottom:20px;}
.case ul li:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.case ul li:hover img{width:410px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}
.case ul li:nth-child(3n+1){margin-left:0px;}
.case ul li span{ width:410px; height:273px; float:left; overflow:hidden;}
.case ul li span img{ width:410px; min-height:273px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;overflow:hidden;}
.case ul li h3{ width:410px; line-height:60px; font-size:18px; text-align:left; font-weight:bold; margin:0 auto;}
.case ul li p{width:410px; min-height:60px; line-height:22px; font-size:14px; text-align:left; font-style:normal; color:#888; margin:0 auto;}

.nju_t{ width:1300px; height:80px; margin:0 auto;clear:both;}
.nju_t h2{ width:auto; height:45px; line-height:30px; font-size:32px; color:#63065f; font-weight:bold;}
.nju_t dd{ width:30px; height:0px; border:1px solid #63065f; float:left;}
.nju_t dt{ width:auto; line-height:30px; font-size:15px; float:left;color:#63065f; position:relative; top:-15px; left:10px;}

.index_n{ width:1300px; height:660px; margin:0 auto; margin-top:30px;}

.index_n .njuu{ width:890px; height:530px; float:left;position:relative; display:block;}

.index_n .njur{ width:360px; height:530px; float:right; border-left:1px solid #e1e1e1;}
.index_n .njur ul{ width:auto; margin:0px;}
.index_n .njur ul li{ width:auto; height:106px; line-height:45px; border-bottom:1px solid #e2e2e2; font-size:16px; font-weight:bold; padding-left:20px;}
.index_n .njur ul li p{ width:auto; line-height:20px; font-size:14px; color:#666666; font-weight:normal;}


.swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
	margin:0 3px;
	background:#63065f;
}

.swiper-container{ width:auto; height:530px; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#FFF !important;}
.swiper-pagination{margin-top:0px; width:100%; margin:0 auto; position:relative; bottom:30px;}
.swiper-container .swiper-slide{display:inline-block; width:100%; height:auto; position:relative; z-index:9; text-align:center; margin-bottom:80px;box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.1); margin:0 auto;}
.swiper-container .swiper-slide span{ width:auto; height:auto; position:relative; z-index:9; border-top:10px solid #2e439c;}
.swiper-container .swiper-slide span img{display:block; width:890px; height:530px;}
.tnj{ width:100%; height:160px; margin:0 auto; position: relative; z-index:666; top:-130px;background-color: rgba(0, 0, 0, 0.6); padding-left:3%;}
.tnj h1{ width:auto; line-height:40px; font-size:28px;color:#FFFFFF; text-align:left;position: relative; z-index:666;padding-top:10px;}
.tnj p{display:inline-block; text-align:center;width:100%; color:#FFFFFF;line-height:30px;font-size:16px; text-align:left;}
.swiper-container .swiper-slide a:hover p{color:#FFFFFF;}



.swiper-pagination2 .swiper-pagination-bullet{ 
background: #63065f !important;
}
.swiper-pagination2{margin-top:100px; width:100%; margin:0 auto; position: relative; text-align:center;}
.swiper-container2 .swiper-slide{display:inline-block; position:relative; overflow:hidden; text-align:center; margin-bottom:50px; background:#FFF; padding-top:0px; width:100%;}
.swiper-container2 .swiper-slide img{width:100%; height:230px;}
.swiper-container2 .swiper-slide span{display:inline-block; text-align:center;width:100%; height:60px; line-height:60px;font-size:16px;}
.swiper-container2 .swiper-slide span a{ text-decoration:none; color:#333;}
.swiper-container2 .swiper-slide a:hover span{color:#333;}
.index_li{ width:100%; height:400px; margin:0 auto; position: relative; overflow:hidden;}


.nju_in{ width:1300px; height:585px; margin:0 auto;}
.nju_in .inv{ width:690px; height:485px; float:left;webkit-transition: all .2s linear;transition: all .2s linear;}
.nju_in .inv span{ width:690px; height:485px; float:left; overflow:hidden;}
.nju_in .inv:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.nju_in .inv:hover img{width:690px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}

.nju_in .invs{ width:590px; height:auto; float:right;}
.nju_in .invs ul{ width:590px; margin:0px;}
.nju_in .invs ul li{ width:285px; min-height:250px; float:left; position:relative; margin-left:20px;webkit-transition: all .2s linear;transition: all .2s linear;overflow:hidden;}
.nju_in .invs ul li span{ width:285px; height:200px; position:relative;}
.nju_in .invs ul li span img{display:block; width:100%; height:200px;overflow:hidden;}
.nju_in .invs ul li:nth-child(2n+1){margin-left:0px;}
.nju_in .invs ul li p{ width:auto; line-height:45px; font-size:16px;}
.nju_in .invs ul li:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.nju_in .invs ul li:hover img{width:690px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}


.nju_nm{ width:1300px; height:600px; margin:0 auto;}
.nju_nm ul{ width:1300px; margin:0px;}
.nju_nm ul li{ width:300px; height:500px; float:left; position:relative; margin-left:32px; overflow:hidden;}
.nju_nm ul li:nth-child(4n+1){margin-left:0px;}
.nju_nm ul li .ouv{ width:100%; height:100%;  text-align:center;position:relative; z-index:500px; top:0px;background-color:rgba(0, 0, 0, 0.7);}
.nju_nm ul li .ouv dl{ width:200px; height:360px; position:relative; margin:0 auto; top:60px;background:#bd0028;}
.nju_nm ul li .ouv dl dd{ width:200px; height:80px; line-height:80px; font-size:26px;color:#FFF; font-weight:bold;text-align:center;background:#63065f; margin-bottom:10px;}
.nju_nm ul li .ouv dl dd a{color:#FFF;}
.nju_nm ul li .ouv dl dt{ width:200px; line-height:40px; font-size:16px; color:#63065f; top:60px; text-align:center;}
.nju_nm ul li .ouv dl dt a{color:#FFF;}
.nju_nm ul li span{ width:300px; height:500px; position: absolute; float:left;overflow:hidden;}
.nju_nm ul li span img{display:block; width:100%; height:500px;overflow:hidden;}
.nju_nm ul li:hover{ box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.nju_nm ul li:hover img{width:300px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}


.nju_xm{ width:1300px; height:800px; margin:0 auto; clear:both;}
.nju_xm ul{ width:1300px; margin:0px;}
.nju_xm ul li{ width:245px; height:165px; float:left; position:relative; margin-left:18px; background:#CCCCCC; margin-bottom:20px;position:relative;transition:all .7s;overflow:hidden}
.nju_xm ul li span{ width:245px; height:165px; position:relative;}
.ove{ width:100%; height:100%; position:relative; top:-300px; background-color:rgba(0, 0, 0, 0.5);transition:all .5s;}
.ove:hover{cursor:pointer;background:rgba(147,46,104,.8); position:relative;}
.nju_xm ul li:hover {width:245px; height:165px;background:rgba(147,46,104,.8);transition:all .5s; position: relative; top:0px;}
.ove dd{ width:40px; height:60px; margin:0 auto; position:relative; top:30px;margin-top:135px;transition:all .5s}
.nju_xm ul li:hover dd img{margin-top:-30px}
.ove dd img{ width:35px; height:auto;}
.ove dt{ width:auto; line-height:60px; font-size:24px; top:10px; color:#FFFFFF; position:relative; text-align:center;transition:all .5s}
.nju_xm ul li:hover dt{margin-top:-30px;center;transition:all .5s;}
.nju_xm ul li:nth-child(5n+1){margin-left:0px;}


a,.index_Px .img, .index_Px li h2, .index_Px li a .box, .index_Px li a i:before, img, .nav {
  transition: All 0.5s linear;
  -webkit-transition: All 0.5s linear;
  -moz-transition: All 0.5s linear;
  -o-transition: All 0.5s linear;}

.justifyCenter, .indexFlash .dots, .indexPart2 .box, .indexPart2 .list .time, .indexPart4 li h2 {
  justify-content: center;
  -webkit-justify-content: center;}

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around;}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;}

html {
  font-size: 100px;}

body {
  font-size: .14rem;
  color: #333;
  -webkit-text-size-adjust: none;}

a {
  color: #333;
  text-decoration: none;
  outline: none;}
  a:active {
    star: expression(this.onFocus=this.blur());}
  a:link {
    text-decoration: none;
    outline: none;}
  a:visited {
    text-decoration: none;
    outline: none;}
  a:hover {
    text-decoration: none;
    color: #bd0028;
    outline: none;}

li {
  list-style: outside none;}

h1 {
  font-size: 16px;}

h2, h3, h4, h5 {
  font-size: 14px;}

h5 {
  font-size: 12px;}

textarea, input {
  background: transparent;
  font-size: 12px;
  color: #888;
  outline: none;
  border: 0px;}

em {
  font-style: normal;}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
 }

.fl {
  float: left;}

.fr {
  float: right;}

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit;}

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;}


.wal {
  max-width: 12.8rem;
  margin: 0 auto;}
  .wal.cont {
    max-width: 10rem;}

.index_Px ul{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;}
.index_Px {
  min-height: 5.64rem;
  position: relative;  margin:0 auto; margin-bottom:80px;}
  .index_Px .img {
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;}
    .index_Px .img.show {
      opacity: 1;
      visibility: visible;}
  .index_Px ul {
    margin-left: -1px;
    position: relative;
    z-index: 10;}
  .index_Px li {
    width: 25%;
    height: 5.64rem;
    border-left: #fff solid 1px;
    position: relative;}
    .index_Px li h2 {
      font-size: .26rem;
      color: #fff;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 60%;
      bottom: auto;
      line-height: .5rem;
      margin-top:-10px;
      width: 100%;
      text-align: center;
      text-shadow: 0 1px 3px rgba(85, 1, 92, 0.5);}
    .index_Px li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(135, 57, 136, 0.85);
      padding: 1.55rem .3rem 0 .3rem;
      opacity: 0;}
      .index_Px li a .box {
        position: relative;
        top: 1rem;
        opacity: 0;}
      .index_Px li a .name {
        font-size: .18rem;
        opacity: .8;}
      .index_Px li a h3 {
        font-size: .26rem;
        padding-top: .1rem;
        text-shadow: 0 1px 3px rgba(85, 1, 92, 0.5);}
      .index_Px li a p {
        line-height: 1.85em;
        text-align: justify;
        padding: .15rem 0;
        min-height: 1.3rem;}
      .index_Px li a i {
        display: block;
        width: .32rem;
        height: .32rem;
        margin: 0 auto;

        background-size: cover;}
        .index_Px li a i:hover {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1);}

@media screen and (min-width: 800px) {
  .index_Px li:hover h2 {
    opacity: 0;}
  .index_Px li:hover a {
    opacity: 1;}
    .index_Px li:hover a .box {
      opacity: 1;
      top: 0;
      transition-delay: .15s;
      -webkit-transition-delay: .15s;
      -moz-transition-delay: .15s;} }





.foot{ width:auto; height:400px; margin:0 auto; background:#590d57; margin:0 auto;}
.footer{ width:1300px; height:auto; margin:0 auto;}
.foote{ width:600px; height:auto; float:left; margin-top:60px;}
.foote dl{ width:300px; margin:0px; float:left; margin-bottom:20px;}
.foote dl dd{ width:auto; line-height:30px; font-size:16px; font-weight:bold; color:#FFFFFF;}
.foote dl dt{width:auto; height:auto;}
.foote dl dt em{ width:auto; line-height:30px; font-size:16px;color:#FFFFFF;}
.wx{ width:180px; height:auto; float:right;}
.wx dd{ width:auto; height:auto;margin-top:60px;}
.wx dt{ width:auto; line-height:50px; font-size:14px; color:#FFFFFF; text-align:center;}
.wx dd img{ width:100%;}

.nju{ width:300px; height:auto; float:left;}
.copy{ width:auto; height:60px; line-height:60px; font-size:14px; margin:0 auto; background:#390336;color:#FFFFFF; text-align:center;}

.nju_case{ width:100%; height:1590px; float:left; background: linear-gradient(to right, #1635d0, #863988);  margin-bottom:60px; padding-top:60px;}
.nju_th{ width:1300px; height:80px; margin:0 auto;clear:both;}
.nju_th h2{ width:auto; height:45px; line-height:30px; font-size:32px; color:#FFF; font-weight:bold;}
.nju_th dd{ width:30px; height:0px; border:1px solid #FFF; float:left;}
.nju_th dt{ width:auto; line-height:30px; font-size:15px; float:left;color:#FFF; position:relative; top:-15px; left:10px;}


.nju_yh{ width:1300px; height:1590px; margin:0 auto;clear:both; }
.nju_yh ul{ width:1300px; margin:0 auto;}
.nju_yh ul li{ width:410px; height:600px; float:left; margin-left:35px; position:relative;-webkit-transition: all 500ms ease;transition: all 500ms ease;  margin-bottom:35px; overflow:hidden;}	
.nju_yh ul li dd{ width:410px; height:600px;}
.nju_yh ul li:nth-child(3n+1){margin-left:0px;}
.nju_yh ul li span{ width:410px; height:600px; position: relative; float:left;overflow:hidden;}
.nju_yh ul li span img{display:block; width:100%; height:600px;overflow:hidden;}
.nju_yh ul li:hover{box-shadow:0 10px 50px rgba(51, 51, 51, .25);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease;}
.nju_yh ul li:hover img{width:410px;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}

.contu{position:absolute;z-index:666; bottom:0px; width:auto; height:200px; margin:0 auto; padding:0 15px 0 15px; padding-top:30px;  -webkit-transition: all 500ms ease;transition: all 500ms ease;}
.nju_yh ul li:hover .contu{width:100%; height:260px; position:absolute; background:#63065f;   -webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contu h3{ width:100%; min-height:60px; line-height:40px; font-size:30px; text-align:left; font-weight:bold; margin:0 auto;color:#FFF;}
.contu p{width:100%; min-height:60px; line-height:60px; font-size:16px; text-align:left; font-style:normal; color:#FFF; margin:0 auto; background:url(/njuweb/img/coni.png) left no-repeat;background-size:30px; text-indent:40px;}
.contu p img{ background-size:20px;}
.nju_yh ul li:before .contu {
    content: '';
    position: absolute;
    left:0;
    bottom:0px;
    width: 100%;
    height:260px;
    background:rgba(79, 84, 230, 1);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all 800ms ease; }



.nju_yh ul li:hover:before{transform: scaleY(1);}

.card{position: absolute;width:100%;height:600px;overflow:hidden; top:0px; z-index:666;}
.card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(47, 37, 37, 0) 50%, rgba(42, 34, 34, .3) 60%, rgba(36, 28, 28, .7) 73%, #181313 95%);
}

.nju_moe{ width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#FFFFFF; border:1px solid #FFFFFF;border-radius:100px; margin:0 auto; clear:both; position:relative; top:-280px;}
.nju_moe a{ text-decoration:none; color:#FFFFFF;}