@font-face {
  font-family: 'number';
  src: url('https://www.nudt.edu.cn/fonts/number.eot') format('embedded-opentype'),
  url('https://www.nudt.edu.cn/fonts/number.woff') format('woff'),
  url('https://www.nudt.edu.cn/fonts/number.woff2') format('woff2'),
  url('https://www.nudt.edu.cn/fonts/number.ttf') format('truetype'),
  url('https://www.nudt.edu.cn/fonts/number.svg#number') format('svg');
}

.body_home{height:100%;overflow:hidden;position: relative;z-index: 1;}
.body_b{position:fixed;left:0;top:100%;bottom:0;right:0;background:#fff;transition:top .7s cubic-bezier(.5,0,.2,1) 0s;z-index:1;overflow:auto;outline:0}
.body_b *{outline:0}
.body_b.showdiv{top:0}
@media screen and (max-width: 996px){
  .body_b{position: static !important;}
	/* .body_b.showdiv .header{display: none;} */
}

.banner{z-index:1;position:relative;}
.banner a{display:block;position:relative}
.banner .slick-img{display:block;overflow:hidden;position:relative;width:100%}
.banner .swiper-slide-active .slick-img img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
  0%{transform:scale(1)}
  100%{transform:scale(1.1)}
}
@keyframes scaleBig{
  0%{transform:scale(1)}
  100%{transform:scale(1.1)}
}

.roll-container{position: relative;z-index: 2;}
/* .rollBox{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;} */

.wrapbanner{ transition: transform 0s ease;}
.Banner .slick-active .slick-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d}
.banner .swiper-wrapper{position: fixed;top: 0;left: 0;}
.slick-slide img{position:relative;z-index:5}
.banner{position:relative;overflow:hidden;height:100vh}
.banner .swiper-container{max-width:initial; position: relative;max-width: 100vw;height: 100vh;}
.banner .swiper-container::before{ content: ''; display: block; width: 100%; height: 100%; background: url(https://www.nudt.edu.cn/images/xiaoxun.png) no-repeat center/cover;position: absolute; top: 0; left: 0; z-index: 2;}
.banner .banner-dots{width:auto;text-align:center;position:absolute;left:calc(50% - 107px);bottom:52px;text-align:center;overflow:hidden}
.banner .slick-img{display:block;height:100vh;overflow:hidden;position:relative;background-size:cover!important;padding-bottom:0;}
.banner .bottom{padding:0 0 17px;bottom:0;z-index:2;letter-spacing:3px}
.banner .title{color:#fff;margin:auto;white-space:nowrap;font-weight:700;line-height:1.2em}
.banner .vicetitle{margin:9px 0 0;color:#fff;width:100vw;max-width:1320px;text-align:center}
.banner a{display:block;position:relative}
/* .banner a::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 2;} */
.banner .slick-img img,.banner .slick-img video{width:100%;height:100%;position:absolute;left:0;top:0}
.banner .slick-img img{min-width:100%;object-fit:cover}
.banner .slick-img video{width:100%;height:120%;position:absolute;left:0;top:50%;transform:translateY(-50%);object-fit:cover}
.banner_btns{display: none;position:absolute;left:260px;bottom:165px;z-index:10}
.banner_more{padding:0 17px 0 14px;position:relative;display:inline-block;vertical-align:top;margin:0 0 0 18px}
.banner_more::before{content:'';position:absolute;width:1px;height:20px;background:rgba(255,255,255,.5);left:0;top:0}
.banner_more::after{content:'';position:absolute;right:0;top:calc(50% - 4px);border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.5}
.banner_more a{color:#fff}
.banner_btns .swiper-pagination{position:relative;display:inline-block;vertical-align:middle}
.banner .swiper-slide-active .slick-img img{transition:transform 6s linear 0s;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 10px;background:#fff;text-align:center;position:relative;transition:all ease-in-out .3s;border-radius:0;opacity:.5;border-radius:50%}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.banner .swiper-arrows{right:50px;bottom:50px;position:absolute;z-index:50;
  width: 150px; height: 50px; font-size: 0; position: absolute; right: 50px; bottom: 50px;}
.banner .swiper-arrows>div{color:#fff;font-size:30px !important;border:1px solid #fff;width:60px;height:60px;line-height:60px;text-align:center;display:inline-block;border-radius:50%;cursor:pointer;overflow:hidden;position:absolute;box-sizing: border-box; left: 0; bottom: 0;}
.banner .swiper-arrows>div:last-child{ left: auto; right: 0;}
.banner .swiper-arrows>div::before{display:inline-block;z-index:5;position:relative}
.banner .swiper-arrows>div::before{display: block;z-index:5;position:relative;vertical-align: middle;/* line-height: 36px; *//* height: 36px; */}
.banner .swiper-button-prev::before{transform:rotate(-90deg)}
.banner .swiper-button-next::before{transform:rotate(90deg)}
.banner .swiper-arrows>div::after{content:'';width:0;height:100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;top:0;z-index:0}
.banner .swiper-arrows>div:hover::after{width:100%}
.banner .swiper-arrows>div:hover{border-color:#971E25}
@-webkit-keyframes pulse{
  0%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
  50%{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
  100%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
}
@keyframes pulse{
  0%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
  50%{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
  100%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
}




 .bb{position:absolute;left:50%;bottom:30px;text-align:center;transform:translateX(-50%);color:#94070a;cursor: pointer;animation:bb 2s linear 0s infinite;width: 32px;height: 32px;background: url(https://www.nudt.edu.cn/images/bb.png) no-repeat center/cover;z-index: 10;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}






.content{position: relative;z-index: 50;background: #fff;}

.width130{ width:160px; height: 260px; overflow: hidden; position: fixed;right: 0px;top: 50%;transform: translateY(-50%);z-index: 799;}
.header:not(.currents) ~ .width130{display: none;}
.topicLink{ width:260px; height: 260px; border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0;}
.topicLink::before{ content: ''; display: block; width: 0%; height: 0%; border-radius: 50%; background: #e6002e url(https://www.nudt.edu.cn/images/xq.png) no-repeat left center/cover;position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: all 0.35s ease;animation: xqBackground 1.5s ease-out forwards;}
.topicLink a{display: block;}
.topicLink a::before{ content: ''; display: block; width: 100%; height: 100%; background: url(https://www.nudt.edu.cn/images/xq_star.png) no-repeat left center;position: absolute; top: -20px; top: 0; opacity: 0; animation: xqStar 2s ease-out 1.5s forwards;}
.topicLink a::after{ content: ''; display: block; width: 15px; height: 7px; background: url(https://www.nudt.edu.cn/images/xq_arrow.png) no-repeat center; position: absolute; bottom: 25%; left: 29.2%; opacity: 0;animation: xqArrow 2s ease-out 3s forwards;}
.topicLink a img{ position: absolute; left: 0%; top: 15%; opacity: 0; animation: xqLogo 2s ease 2.5s forwards;}
@keyframes xqBackground { 0%{ width: 0%; height: 0%;} 100%{ width: 100%; height: 100%;}}
@-webkit-keyframes xqBackground { 0%{ width: 0%; height: 0%;} 100%{ width: 100%; height: 100%;}}
@-moz-keyframes xqBackground { 0%{ width: 0%; height: 0%;} 100%{ width: 100%; height: 100%;}}
@keyframes xqStar { 0%{ opacity: 0; top: -40px; left: -20px;} 100%{ opacity: 1; top: 0px; left: 0px;}}
@-webkit-keyframes xqStar { 0%{ opacity: 0; top: -40px; left: -20px;} 100%{ opacity: 1; top: 0px; left: 0px;}}
@-moz-keyframes xqStar { 0%{ opacity: 0; top: -40px; left: -20px;} 100%{ opacity: 1; top: 0px; left: 0px;}}
@keyframes xqLogo { 0%{ opacity: 0; left: 0%;} 100%{ opacity: 1; left: -10%;}}
@-webkit-keyframes xqLogo { 0%{ opacity: 0; left: 0%;} 100%{ opacity: 1; left: -10%;}}
@-moz-keyframes xqLogo { 0%{ opacity: 0; left: 0%;} 100%{ opacity: 1; left: -10%;}}
@keyframes xqArrow { 0%{ opacity: 0;} 100%{ opacity: 1;}}
@-webkit-keyframes xqArrow { 0%{ opacity: 0;} 100%{ opacity: 1;}}
@-moz-keyframes xqArrow { 0%{ opacity: 0;} 100%{ opacity: 1;}}

.wrap_mode1{padding: 144px 0 162px;background-color:#eee;}
.mode1{justify-content:space-between}
.mode1 .listTitle1{ border-bottom: 1px solid #971E25;}
.mode1 .lf{width:70%;background-color:#fff;box-sizing:border-box;padding-bottom:20px}
.mode1 .rt{background-color:#fff;width:26.875%;margin-left:auto}
.style0721 .mode1 .rt .listTitle1 h2{ background: none;}

.listTitle1 h2{font-weight:400;padding:53px 40px 20px;line-height:1;max-width:468px;box-sizing:border-box; position: relative;}
.mode02_title h2 a,
.mode03_title h2 a,
.mode04_title h2 a,
.mode05_title h2 a,
.listTitle1 h2 a{ position: relative; font-weight: bold; padding-left: 42px;}

.listTitle1 h2 .enTitle,
.mode02_title h2 .enTitle,
.mode03_title h2 .enTitle,
.mode04_title h2 .enTitle,
.mode05_title h2 .enTitle{ display: block; font-weight: normal; font-family: 'Arial'; text-transform: uppercase; padding-left: 18px; color: #971E25; margin-top: -5px; position: relative;}
.mode05_title h2 .enTitle{padding-left: 12px;}

.listTitle1 h2 .enTitle::before,
.mode02_title h2 .enTitle::before,
.mode03_title h2 .enTitle::before,
.mode04_title h2 .enTitle::before,
.mode05_title h2 .enTitle::before{ content: ''; display: block; width: 70px; height: 64px; background: url(https://www.nudt.edu.cn/images/title_icon3.png) no-repeat center/cover;position: absolute; left: -10px; top: -30px;}

.listTitle1 h2 .enTitle b,
.mode02_title h2 .enTitle b,
.mode03_title h2 .enTitle b,
.mode04_title h2 .enTitle b,
.mode05_title h2 .enTitle b{ text-transform: uppercase; font-weight: normal;}

.news_info1{padding:0 30px 50px 30px;justify-content:space-between; overflow: hidden; position:relative}
.news_bg{perspective:960px;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:0}
.inner_bg{background-color:#971E25;height:130%;transform:rotateZ(301deg);width:200%;position:absolute;left:-50%;top:-55px;transform-origin:0 0;transform:rotateZ(300deg);transition:transform 2.8s ease-out}
.news_img1{ width:600px; margin-top:30px; z-index:5;}
.news_img1 .gp-img-responsive{ padding-bottom: 66.67%; background: #fff;}
.news_txt1 > a{ display: block; position: relative;}
.news_txt1{margin:30px 0 0 0; width: 430px; background-color:#fff;order:1; z-index:2; position: relative;}
.news_txt1::before{ content: ''; display: block; width: 600px; height: 0%; background: #971E25; transition: height 0.35s ease;position: absolute; right: -50px; bottom: 0px; z-index: -1;}

.plan2::before{bottom: 50%; transform: translateY(50%);}
.news_txt1 .date{ line-height: 1; font-size: 14px; color: #971E25; margin-top: 70px;}
.news_title{font-weight:400;line-height:1; margin-top: 30px; overflow:hidden}
.news_summary{line-height:34px;color:#666;max-height:102px;overflow:hidden;margin-top:24px; color: #999; -webkit-line-clamp: 3;}
.news_more{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #971E25; border-radius: 20px; text-align:center; color:#fff; overflow: hidden; margin-top: 42px; position: relative; transition: all .3s cubic-bezier(.77,0,.175,1);}
.news_more a{color:#971E25}
.news_txt1 i{display:inline-block;background:#971E25;font-size:16px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; color: #fff;transition: all .3s cubic-bezier(.77,0,.175,1); vertical-align: bottom;position: absolute; right: 0px; top: 0;}
.news_txt1 i::before{transform:rotate(90deg);display: inline-block;}
@media screen and (min-width:997px){
  .news_info1:hover .news_txt1::before{ height: 100%;}
  .news_info1:hover .news_txt1 .news_title{ color: rgba(255,255,255,1);}
  .news_info1:hover .news_txt1 .date{ color: rgba(255,255,255,.8);}
  .news_info1:hover .item-date1 span::before{background: rgba(255, 255, 255, .8);}
  .news_info1:hover .news_txt1 .news_summary{ color: rgba(255,255,255,.4);}
  .news_info1:hover .news_more{ width: 150px; /* background: #f5da4d; */background: #fff; color: #971E25; padding-right: 40px; box-sizing: border-box;}
  .news_info1:hover i{ background: #fff; color: #971E25; right: 10px;animation: arrowMove 1.3s cubic-bezier(.455,.03,.515,.955) .15s;}
}
@keyframes arrowMove {
  0% { transform: translateX(0);}
  15% { transform: translateX(5px);}
  30% { transform: translateX(0);}
  45% { transform: translateX(3px);}
  60% { transform: translateX(0);}
  75% { transform: translateX(2px);}
  100% { transform: translateX(0);}
}
@-webkit-keyframes arrowMove {
  0% { transform: translateX(0);}
  15% { transform: translateX(5px);}
  30% { transform: translateX(0);}
  45% { transform: translateX(3px);}
  60% { transform: translateX(0);}
  75% { transform: translateX(2px);}
  100% { transform: translateX(0);}
}

.NUDT-list1{margin:0 23px}
.NUDT-list1 li{margin-bottom:20px}
.NUDT-list1 li>div{display:block;background-color:#f9f8f8;padding:15px 20px;margin:0 16px; min-height: 132px; box-sizing: border-box;}
.item-img1{ width:160px; float:left;}
.item-img1 .gp-img-responsive{ padding-bottom: 66.67%;}
.item-txt1{margin-left:180px}
.item-date1{display: inline-block; color:#971E25;display:block;margin-bottom:15px; overflow: hidden; line-height: 20px;}
.item-date1 span{ display: inline-block; line-height: 1; margin-right: 17px; vertical-align: text-bottom; position: relative;}
.item-date1 span::before{ content: ''; display: block; width: 1px; height: 20px; background: #971E25; position: absolute; right: -9px; top: 50%; transform: translateY(-50%);}
.item_title{line-height:34px;font-weight:400;max-height:68px;overflow:hidden}

.item_date2{float:left;width:74px;text-align:center;border:1px solid #971E25;height:74px;box-sizing:border-box}
.item_date2 strong{display:block;line-height:1;font-weight:400;padding-top:15px;color:#971E25}
.item_date2 span{color:#971E25;line-height:1;padding-top:9px}
.notice_date{ display: block; float: left; width: 64px; height: 80px; position: relative;}
.notice_date::before{ content: ''; display: block; width: 100%; height: 100%; background: url(https://www.nudt.edu.cn/images/notice_date_bg.png) no-repeat center/cover;position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 2;}
.notice_date::after{ content: ''; display: block; width: 0%; height: 100%; background: url(https://www.nudt.edu.cn/images/notice_date_bghover.png) no-repeat center/cover;position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 2;}
.notice_date span{ display: block; text-align: center; color: #971E25; position: relative; z-index: 3;}
.notice_date .day{ line-height: 26px; margin-top: 12px;}
.notice_date .year{ line-height: 18px; margin-top: 2px;}
li:hover .notice_date::before{ transition: all 0.3s ease; width: 0%;}
li:hover .notice_date::after{ transition: all 0.3s ease; width: 100%;}
li:hover .notice_date span{ color: #fff;}
  
  .NUDT_list2 li{border-top:1px solid rgba(0, 0, 0, 0.1);padding:40px 20px 40px 10px;position:relative}
  .NUDT_list2 li::before{content:'';width:10px;height:0;background-color:#971E25;position:absolute;left:0;bottom:0;transition:all .35s ease-out}
  .NUDT_list2 li a{display: block;position: relative;}
  .NUDT_list2 li h3{margin-left:90px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
  /* .NUDT_list2 li:hover h3{ color: #333;} */
  .NUDT_list2 li .item_date2{transition:all .35s ease-out;position:relative}
  .NUDT_list2 li .item_date2 > * {z-index:5;position:relative}
  .NUDT_list2 li .item_date2::after{content:'';width:100%;height:0;position:absolute;left:0;bottom:0;background-color:#971E25;transition:all .35s ease-out;z-index:0}
  .NUDT_list2 li:hover .item_date2::after{height:100%}
  .NUDT_list2 li:hover .item_date2>*{color:#fff}
  .NUDT-list1 li > div{transition:transform .4s ease-out}
  .NUDT-list1 li > div:hover img{transform:scale(1.2)}
  
  /* ----------------------------------------------------------------- */
  .news_info1 .cover{position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 0 30px 40px 40px;/* background:#971E25; */z-index: 3;}
  .news_info1 .cover .news_txt1{width: 38.2%;box-sizing: border-box;background: transparent;}
  .news_info1 .cover .news_more,.news_info1 .cover .news_more i,.news_info1 .cover .news_summary,.news_info1 .cover .news_title{color:#fff;transition-delay:1.8s;transform:none;transition:all .35s ease-in-out}
  
  .mode1.showdiv .news_info1 .cover{animation-duration: 1s; -webkit-animation-duration: 1s;animation-timing-function: linear; -webkit-animation-timing-function: linear;-webkit-animation-name: ani2;animation-name: ani2;overflow: hidden;}
  @-webkit-keyframes ani1{
    from {clip-path: polygon( 0 0, 0 0 , 0 0 , 0 0 , 0 0 ,50% 50%)}
    25% {clip-path: polygon( 0 0, 100% 0 , 100% 0 , 100% 0 , 100% 0 ,50% 50%)}
    50% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 100% 100% , 100% 100% ,50% 50%)}
    75% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% , 0 100% ,50% 50%)}
    to {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% , 0 0 ,50% 50%)}
  }
  @keyframes ani1{
    from {clip-path: polygon( 0 0, 0 0 , 0 0 , 0 0 , 0 0 ,50% 50%)}
    25% {clip-path: polygon( 0 0, 100% 0 , 100% 0 , 100% 0 , 100% 0 ,50% 50%)}
    50% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 100% 100% , 100% 100% ,50% 50%)}
    75% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% , 0 100% ,50% 50%)}
    to {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% , 0 0 ,50% 50%)}
  }
  @-webkit-keyframes ani2{
    from {clip-path: polygon( 0 0, 100% 0 , 100% 0 , 100% 0 )}
    35% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 100% 100% )}
    to {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% )}
  }
  @keyframes ani2{
    from {clip-path: polygon( 0 0, 100% 0 , 100% 0 , 100% 0 )}
    35% {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 100% 100% )}
    to {clip-path: polygon( 0 0, 100% 0 , 100% 100% , 0 100% )}
  }
  
.wrap_mode02{position: relative;}
.mode02{overflow: hidden;position: relative;padding: 174px 0 178px 0px;z-index: 1;}
.mode02 video{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);object-fit:cover;min-height: 100%;z-index: 1;}
.mode02 .cover{position: absolute;left: -400px;top: -800px;z-index: 2;max-width: initial;width: 125%;}
.mode02 .cover{-webkit-animation: mode02cover 12s linear infinite;animation: mode02cover 12s linear infinite}
@-webkit-keyframes mode02cover {
  0% {-webkit-transform: translate(0, 0) scale(1)}
  20% {-webkit-transform: translate(250px, -350px) scale(1.03)}
  40% {-webkit-transform: translate(50px, -150px) scale(1.1)}
  60% {-webkit-transform: translate(150px, 0) scale(1)}
  80% {-webkit-transform: translate(150px, 250px) scale(1)}
  100% {-webkit-transform: translate(0, 0) scale(1)}
}
@keyframes mode02cover {
  0% {-webkit-transform: translate(0, 0) scale(1)}
  20% {-webkit-transform: translate(250px, -350px) scale(1.03)}
  40% {-webkit-transform: translate(50px, -150px) scale(1.1)}
  60% {-webkit-transform: translate(150px, 0) scale(1)}
  80% {-webkit-transform: translate(150px, 250px) scale(1)}
  100% {-webkit-transform: translate(0, 0) scale(1)}
}
.index_02{position: relative;z-index: 3;}
  
.mode02_title{width: 402px;height: 126px;position: absolute;left: calc(50% - 670px);top: -63px;background: url(https://www.nudt.edu.cn/images/mode02_til0721.png) no-repeat center/cover;box-sizing: border-box;overflow: hidden;z-index: 2;color: #fff;}
.mode02_title::before{content: '\e635';display: block;font-family: 'iconfont';font-size: 92px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.mode02_title h2, .mode03_title h2, .mode04_title h2, .mode05_title h2{ padding-left: 40px; padding-top: 35px;}
.mode02_title h2 a, .mode03_title h2 a, .mode04_title h2 a, .mode05_title h2 a{ color: #fff;}
.mode02_title h2 .enTitle, .mode03_title h2 .enTitle, .mode04_title h2 .enTitle, .mode05_title h2 .enTitle{ color: #F5DA4D; margin-top: -14px;}
.mode02_title h2 .enTitle::before,
.mode03_title h2 .enTitle::before,
.mode04_title h2 .enTitle::before,
.mode05_title h2 .enTitle::before{ width: 54px; height: 64px; background: url(https://www.nudt.edu.cn/images/title_icon2.png) no-repeat center/cover;}

.mode02 > .gp-container,
.mode03 > .gp-container{ position: relative; z-index: 2; width: 100%;}
.mode02 .modeCon,
.mode03 .modeCon{ position: relative; flex-direction: row-reverse;display: block;}
.mode02 .til_list,
.mode03 .til_list{ width: calc(100% - 800px); position: absolute; left: 50px; top: 80px; z-index: 1;}
.mode02 .til_list .til_tab{ transition: all 0.35s ease; padding-left: 50px; padding-right: 90px; box-sizing: border-box;}
.mode03 .til_list .til_tab{ transition: all 0.35s ease; padding-left: 90px; padding-right: 50px; box-sizing: border-box;}
.mode02 .til_list .til_tab.on,
.mode03 .til_list .til_tab.on{ border-top: 10px solid #f5da4d; background: rgba(255,255,255,.8); padding-top: 50px;padding-bottom: 50px;}
.mode02 .til_list .til_tab.on:hover,
.mode03 .til_list .til_tab.on:hover{background: #fff;}
.mode02 .til_list .title,
.mode03 .til_list .title{ color: #fff; line-height: 1; padding: 20px 12px; border-top: 1px solid #fff; position: relative;}
.mode02 .til_tab.on .title,
.mode03 .til_tab.on .title,
.mode02 .til_tab.on+.til_tab .title,
.mode03 .til_tab.on+.til_tab .title{ border-top: none;}
.mode02 .til_list .til_tab:first-child .title,
.mode03 .til_list .til_tab:first-child .title{ border-top: none;}
.mode02 .til_list .title:before,
.mode03 .til_list .title:before{ content:''; display: block; width: 4px; height: 4px; border-radius: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.mode02 .til_list .til_tab.on .title,
.mode03 .til_list .til_tab.on .title{ color: #333; padding: 0px; margin-bottom: 16px; border-bottom: none;}
.mode02 .til_list .til_tab.on .title:before,
.mode03 .til_list .til_tab.on .title:before{ display: none;}
.mode02 .til_list .til_tab.on .title:hover,
.mode03 .til_list .til_tab.on .title:hover{color: #8f1e22;}
.mode02 .til_list .summary,
.mode03 .til_list .summary{ color: #666; max-height: 0px; line-height: 34px; overflow: hidden;}
.mode02 .til_list .til_tab.on .summary,
.mode03 .til_list .til_tab.on .summary{ max-height: 68px;}
.mode02 .box_list,
.mode03 .box_list{ width: 737px; margin-right: 50px;}
.mode02 .box_list{float: right;}
.mode02 .box_list .gp-img-responsive:hover img,
.mode03 .box_list .gp-img-responsive:hover img{ opacity: 1;}
.mode02 .box_list .tabListBox,
.mode03 .box_list .tabListBox{ opacity: 0; max-height: 0; overflow: hidden; transform: translateY(60px); transition: opacity 0.3s ease, transform 0.3s ease;}
.mode02 .box_list .tabListBox.on,
.mode03 .box_list .tabListBox.on{ opacity: 1; max-height: 1000px; transform: translateX(0);}
  
.mode03 .modeCon{ flex-direction: column;}
.mode03 .til_list{ left: auto; right: 50px;}
.mode03 .box_list{ margin-right: 0; margin-left: 50px;}
.mode03 .til_list .til_tab.on{ border-top: none; border-left: 10px solid #f5da4d;}
.mode03 .til_list .til_tab.on .title{
white-space: normal;
line-height: 38px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -ms-flexbox; /* IE 10 */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.wrap_mode03{position: relative;}
.mode03{overflow: hidden;position: relative;padding: 170px 0px;z-index: 1;}
.mode03 video{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);object-fit:cover;min-height: 100%;z-index: 1;}
.mode03 .cover{position: absolute;left: 0px;top: -800px;z-index: 2;max-width: initial;width: 100%;}
.index_03{position: relative;z-index: 3;}
.mode03_title{width: 402px;height: 126px;position: absolute;right: calc(50% - 713px);top: -63px;background: url(https://www.nudt.edu.cn/images/mode03_til.png) no-repeat center/cover;box-sizing: border-box;overflow: hidden;z-index: 2;color: #fff;padding: 0 0 0 40px;}

.wrap_mode04{padding: 91px 0 178px;background: url(https://www.nudt.edu.cn/images/mode04_bg.png) center no-repeat #eee;position: relative;background-size: cover;overflow: hidden;}
#mainMap{ width: 100%; height: 100%;position: absolute; top: 0px; left: 0px; z-index: 0;}
#mainMap .dot{ display: inline-block; width: 17px; height: 16px; border-radius: 50%; background: url(https://www.nudt.edu.cn/images/map_dot.png) no-repeat center/cover; font-size: 0;position: absolute; left: 100px; top: 100px; opacity: 0; transition: opacity 0.35s ease;}
#mainMap .dot.on{ opacity: 1;}
#mainMap .dot i::before{ content: ''; display: block; width: 1px; height: 0px; background: #c4151f;position: absolute; left: 50%; bottom: 3px; transform: translateX(-50%); transition: height 1.5s ease-out;}
#mainMap .dot.on i::before{ height: 150px;}
/* #mainMap .dot::before{ content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid rgba(196,23,31,1); box-sizing: border-box;
position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); */
/* animation: ripple .8s ease infinite;} */
#mainMap .dot span{display: inline-block; font-size: 18px; color: #666666; line-height: 1; min-width: 100px; text-align: center;position: absolute; left: 50%; bottom: 160px; transform: translateX(-50%); opacity: 0; transition: opacity 2s ease;}
#mainMap .dot.on span{ opacity: 1;}
#mainMap .dot:nth-of-type(1){ left: 55.83%; top: 41.6%; background: url(https://www.nudt.edu.cn/images/beijing.png) no-repeat center;}
#mainMap .dot:nth-of-type(2){ left: 56.6%; top: 70.6%;}
#mainMap .dot:nth-of-type(3){ left: 47.2%; top: 53%;}
#mainMap .dot:nth-of-type(4){ left: 67.2%; top: 56.6%;}
#mainMap .dot:nth-of-type(5){ left: 34.1%; top: 78%;}
#mainMap .dot:nth-of-type(6){ left: 59.2%; top: 62.4%;}
#mainMap .dot:nth-of-type(7){ left: 63.7%; top: 60.4%;}
@keyframes ripple {
  0%{ width: 15px; height: 15px; border-color: rgba(196,23,31,1); border-width: 2px;}
  100%{ width: 25px; height: 25px; border-color: rgba(196,23,31,0); border-width: 0px;}
}

  .wrap_mode04 .rt_bg{position: absolute;right: 0;top: 0; z-index: 1;}
  .mode04{ width: 1193px; margin-left: 120px; position: relative; opacity: 0; z-index: -1; transition: all 0.35s ease; transform: translateX(-300px);}
  .mode04.show{ animation: showTime 2s ease 0s; opacity: 1; z-index: 1; transform: translateX(0px);}
  .index_title4{margin: 0 0 45px 17px;}
  @keyframes showTime {
    0% { opacity: 0; z-index: -1; transform: translateX(-100px);} 100% { opacity: 1; z-index: 1; transform: translateX(0px);}
  }
  @-o-keyframes showTime {
    0% { opacity: 0; z-index: -1; transform: translateX(-100px);} 100% { opacity: 1; z-index: 1; transform: translateX(0px);}
  }
  
  .index_04{overflow: hidden;}
  .index_04 ul{margin: 0 0 -1px -1px;background: #d9d9d9;}
  .index_04 li{width: 25%;}
  .index_04 .item{margin: 0 0 1px 1px;position: relative;background: #fff;text-align: center;padding: 30px 0 0;box-sizing: border-box;height: 258px;z-index: 2;}
  .index_04 .item::before{content: '';display: block;width: 100%;height: 100%;background: url(https://www.nudt.edu.cn/images/mode04_item_bg.png) center no-repeat;opacity: 0;z-index: -1;transform: scale(.8);
    position: absolute;left: 0%;top: 0%;
  /* transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s; */
  }
  /* .index_04 .item::before{-webkit-animation: index_04rotate 12s linear infinite;animation: index_04rotate 12s linear infinite}
  @-webkit-keyframes index_04rotate {
    0% {-webkit-transform: rotate(0deg) scale(.8)}
    100% {-webkit-transform: rotate(360deg) scale(.8)}
  }
  @keyframes index_04rotate {
    0% {-webkit-transform: rotate(0deg) scale(.8)}
    100% {-webkit-transform: rotate(360deg) scale(.8)}
  } */
  
  .index_04 .item:hover::before{-webkit-animation: index_04rotate2 12s linear infinite;animation: index_04rotate2 12s linear infinite}
  @-webkit-keyframes index_04rotate2 {
    0% {-webkit-transform: rotate(0deg) scale(1)}
    100% {-webkit-transform: rotate(360deg) scale(1)}
  }
  @keyframes index_04rotate2 {
    0% {-webkit-transform: rotate(0deg) scale(1)}
    100% {-webkit-transform: rotate(360deg) scale(1)}
  }
  
  .index_04 .item::after{content: '';display: block;position: absolute;left: 0;width: 10px;background: #f5da4d;top: 50%;transform: translateY(-50%);height: 0;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
  .index_04 .ico{width: 80px;height: 110px;margin: 0 auto;}
  .index_04 .ico *{fill:none;stroke:#971E25;stroke-width:7px;}
  .index_04 .tip{font-family: 'number';color: #971E25;font-size: 75px;line-height: 66px;height: 67px;}
  .index_04 .tip .unit{width: 25px;height: 25px;display: inline-block;color: #fff;background: #971E25;border-radius: 50%;margin: 0 0 10px 10px;vertical-align: bottom;line-height: 28px;text-align: center;}
  .index_04 .item:hover:before{opacity: 1;transform: scale(1);}
  .index_04 .item:hover::after{height: 100%;}
  
  .index_04 .item.more{background: #971E25;}
  .index_04 .item.more::after,.index_04 .item.more::before{display: none;}
  .index_04 .box{position: absolute;color: #fff;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .index_04 .box img{margin: 10px 0 0;}
  .index_04 .item.more:hover .box{transform:translateX(-50%) translateY(-50%) scale(1.2);}
  
  .wrap_mode05{padding: 80px 0; /* background: url(https://www.nudt.edu.cn/images/mode05_bg.png) no-repeat center/cover; */}
  .mode05{margin: 0 135px 0 120px;overflow: hidden;}
  .index_title5{margin: 0 0 40px;}
  .index_05{ }
  .index_05 ul{margin: 0 0 0;padding: 0 0 0;}
  .index_05 li{width: auto;position: relative;}
  .index_05 li::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;cursor: e-resize;}
  .index_05 .item{margin: 0 0 0;padding: 5px 10px 0 0;position: relative;z-index: 1;}
  .index_05 .img_box{width: 310px;float: left;position: relative;overflow: hidden;}
  .index_05 .img_box::before{content: '';display: block;position: absolute;right: -3px;top: 38px;border-right: 0 solid #971E25;border-top: 21px solid transparent;border-bottom: 21px solid transparent;z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .index_05 .img{ padding-bottom: 175.4%; position: relative;}
  /* .index_05 .img .gp-img-responsive{ padding-bottom: 66.67%; border-radius: 10px; overflow: hidden;} */
  .index_05 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 50%;z-index: 2;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.9));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.9));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.9));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.9));}
  .index_05 .bottom{padding: 0 23px 19px;position: absolute;left: 0;right: 0;bottom: 0;white-space: nowrap;z-index: 3;opacity: 1;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .index_05 .title1{margin: 0 10px 0 0;text-overflow: initial;display: inline-block;vertical-align: middle;padding: 0 10px 0 0;border-right: 1px solid #fff;color: #fff;width: 1em;white-space: normal;line-height: 20px;}
  .index_05 .vicetitle1{display: inline-block;vertical-align: middle;color: #fff;max-width: calc(100% - 50px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  
  .index_05 .info_box{margin: -60px 0 0 310px;padding: 0;position: relative;top: 0;background: #971E25;box-sizing: border-box;width: 0px;overflow: hidden;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .index_05 .info_box .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;opacity: .18;mix-blend-mode: multiply;}
  .index_05 .title2{position: absolute;top: 34px;left: 28px;width: 1em;color: #fff;text-overflow: initial;z-index: 2;line-height: 30px;}
  .index_05 .vicetitle2{margin: 0 0 12px;max-height: 76px;overflow: hidden;color: #fff;z-index: 2;position: relative;}
  .index_05 .info{margin: 0 0 0;color: #fff;line-height: 34px;height: 306px;z-index: 2;position: relative;padding: 10px 0 0;border-top: 1px solid #fff;}
  
  .index_05 li.on::before{display: none;}
  .index_05 li.on .item{padding-right: 30px;}
  .index_05 li.on .bottom{bottom: -200px;opacity: 0;}
  .index_05 li.on .info_box{width: 376px;padding: 59px 50px 80px 90px;top: 0px;}
  .index_05 li.on .img_box::before{border-right: 21px solid #961d21;}
  .index_05 li.on .img::before{background: -webkit-linear-gradient(top, rgba(150, 29, 33, 0) , rgba(150, 29, 33,.9));background: -o-linear-gradient(bottom, rgba(150, 29, 33, 0) , rgba(150, 29, 33,.9));background: -moz-linear-gradient(bottom, rgba(150, 29, 33, 0) , rgba(150, 29, 33,.9));background: linear-gradient(to bottom, rgba(150, 29, 33, 0) , rgba(150, 29, 33,.9));}
  
  .style0721 .wrap_mode05{ background: none; padding: 80px 0 0;}
  .style0721 .mode05{ padding-bottom: 135px;}
  .style0721 .mode05_slides{ width: calc(100% - 48px); margin-left: auto; margin-right: auto; position: relative;}
  .style0721 .mode05_slides .img{ padding-bottom: 66.67%;border-radius: 10px;}
  .style0721 .mode05_slides a{ display: block; padding: 50px 30px; box-sizing: border-box;}
  /* .style0721 .mode05_slides a:hover{ color: #333;} */
  .style0721 .mode05_slides .name{ font-weight: bold; line-height: 30px; margin-top: 40px; position: relative;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .style0721 .mode05_slides .name::before{ content: ''; display: block; width: 120px; height: 2px; background: linear-gradient(90deg, rgba(245, 218, 77, 1) 0%, rgba(218, 13, 43, 1) 100%);
    position: absolute; bottom: -22px; left: 0px;}
  .style0721 .mode05_slides .subtitle{ font-weight: bold; line-height: 30px; margin-top: 64px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
  .style0721 .mode05_slides .summary{ line-height: 30px; margin-top: 20px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;max-height: 60px;overflow: hidden;}

  .news-slider-next, .news-slider-prev{ display: block; width: 64px; height: 64px; line-height: 64px; text-align: center; border-radius: 50%; position: absolute; right: 0px; bottom: -104px; box-sizing: border-box;}
  .news-slider-next:hover, .news-slider-prev:hover{ background: url(https://www.nudt.edu.cn/images/mode05_style2_nexth.png);}
  .news-slider-prev{ right: 94px; transform: rotateZ(180deg);}
  .news-slider-next{ transform: rotateZ(180deg);}
  .news-slider-next:hover{ transform: rotateZ(0deg);}
  .swiper-container-horizontal>.swiper-pagination-progressbar{ width: 86.13%; height: 1px; top: auto; bottom: -108px; background: rgba(0, 0, 0, 0.1);}
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: rgba(218, 13, 43, 1);}
  .item-bg {width: 300px;height: 500px;position: absolute;background: #fff;border-radius: 20px;box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.2);opacity: 0;transition: all 0.3s;left: -30px;top: 0px;}
  .item-bg.active {left: 0;opacity: 1;}

  .style0721 .wrap_mode06{ padding-top: 50px;}
  .style0721 .wrap_mode05{ background: url(https://www.nudt.edu.cn/images/mode05_style3_bg.jpg) no-repeat center/cover;}
  .style0721 .mode05{ padding-bottom: 184px;}
  .style0721 .mode05_slides a{ color: #fff;}
  /* .style0721 .mode05_slides a:hover, */
   .style0721 .mode05_slides a.active{ color: #333;}
  .style0721 .mode05_slides .name{ margin-top: 0;}
  .style0721 .mode05_slides .img{ margin-top: 40px;}
  .style0721 .news-slider-prev, .style0721 .news-slider-next{ border: 1px solid rgba(255, 255, 255, 0.3); font-size: 30px; color: #fff;/*  background: url(https://www.nudt.edu.cn/images/style3_prev.png) no-repeat center/cover; */}
  .style0721 .news-slider-next{ transform: none; }
  .style0721 .news-slider-next:hover, .style0721 .news-slider-prev:hover{ background: #fff; color: #971E25;}
  .style0721 .swiper-container-horizontal>.swiper-pagination-progressbar{ background: rgba(255, 255, 255, 0.3);}
  .style0721 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #fff;}
  .style0721 .banner .swiper-arrows{ right: auto; left: 50px;}
  .banner .swiper-container::before{ display: none;}

  .xiaoxun{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 2;}
  .xiaoxun span{ display: inline-block; position: absolute; top: calc(50% - 80px); left: 50%; opacity: 0; z-index: 2;width: 387px;}
  .xiaoxun span:nth-of-type(1){ margin-left: -410px;transform: translate3d(-200%, 0, 0)}
  .xiaoxun span:nth-of-type(2){ left: 52%; width: 379px;}
  .swiper-slide-active .xiaoxun span:nth-of-type(1){animation: xioaoXun1 2s ease forwards; }
  .swiper-slide-active .xiaoxun span:nth-of-type(2){animation: xioaoXun2 2s ease forwards; }
  @keyframes xioaoXun1 {
    0%{ opacity: 0; transform: translate3d(-200%, 0, 0);}
    100%{ opacity: 1; transform: translate3d(0%, 0, 0);}
  }
  @-webkit-keyframes xioaoXun1 {
    0%{ opacity: 0; transform: translate3d(-200%, 0, 0);}
    100%{ opacity: 1; transform: translate3d(0%, 0, 0);}
  }
  @keyframes xioaoXun2 {
    0%{ opacity: 0; transform: translate3d(200%, 0, 0);}
    100%{ opacity: 1; transform: translate3d(0%, 0, 0);}
  }
  @-webkit-keyframes xioaoXun2 {
    0%{ opacity: 0; transform: translate3d(200%, 0, 0);}
    100%{ opacity: 1; transform: translate3d(0%, 0, 0);}
  }
  
  .style0721 .wrap_mode05{ padding: 50px 0 0; }
  .style0721 .index_title5{ margin: 0 auto 23px; width: calc(100% - 48px);}
  .style0721 .index_title5.mode04_title h2{ padding-left: 10px;}
  .style0721 .swiper-slide{ opacity: 0;}
  .style0721 .swiper-slide-next,
  .style0721 .swiper-slide-prev,
  .style0721 .swiper-slide-active{ opacity: 1;}
  .style0721 .mode05_slides a{ background: rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px  rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 30px;}
  .style0721 .mode05_slides .subtitle{ margin-top: 42px;}
  .style0721 .mode05_slides .img{ margin-top: 30px;}
  .style0721 .mode05_slides .name::before{ background: #F5DA4D;}
  /* .style0721 .mode05_slides a:hover, */
  .style0721 .mode05_slides a.active{ background: none; box-shadow: none;}
  /* .style0721 .mode05_slides a:hover .name::before, */
  .style0721 .mode05_slides a.active .name::before{ background: url(https://www.nudt.edu.cn/images/name_line.png) no-repeat center/cover;}
  .style0721 .wrap_mode05{ background: url(https://www.nudt.edu.cn/images/mode05_style4_bg.png) no-repeat center/cover;}
  /* .style0721 .index_title6{ padding-top: 0; margin-top: -15px;} */
  .style0721 .wrap_mode06{ padding-top: 75px;}
  .style0721 .NUDT_list2 li{ padding: 40px 20px;}
  .style0721 .index_title6 a{ color: #333333;}

  .mode05_title h2{ position: absolute; top: 0; right: 36px;}
  .mode05_title h2 .enTitle{ color: #971E25; margin-top: -16px;}
  .mode05_title h2 .enTitle::before{ left: -24px; top: -45px; width: 94px; height: 90px; background: url(https://www.nudt.edu.cn/images/title_icon3.png) no-repeat center/cover;}

  .style0721 .topicLink{ border-radius: 0;}
  .style0721 .topicLink::before{ border-radius: 0;}
  .style0721 .topicLink::before{ background: url(https://www.nudt.edu.cn/images/xq_5.svg) no-repeat left; background-size: auto 100%;}
  .style0721 .topicLink a::before{ display: none;}
  .style0721 .topicLink a img{ top : 30%; animation: xqLogo2 2s ease 1.6s forwards; max-width: 46.5%;}
  .style0721 .topicLink a::after{ left: 40%;}
  @keyframes xqLogo2 { 0%{ opacity: 0; left: 0%; transform: scale(0.7);} 65%{ transform: scale(1.25); } 100%{ opacity: 1; left: 13%; transform: scale(1);}}
  @-webkit-keyframes xqLogo2 { 0%{ opacity: 0; left: 0%; transform: scale(0.7);} 65%{ transform: scale(1.25); } 100%{ opacity: 1; left: 13%; transform: scale(1);}}
  @-moz-keyframes xqLogo2 { 0%{ opacity: 0; left: 0%; transform: scale(0.7);} 65%{ transform: scale(1.25); } 100%{ opacity: 1; left: 13%; transform: scale(1);}}
  .style0721 .notice_date{ width: 94px; height: 57px;}
  .style0721 .NUDT_list2 li h3{ margin-left: 84px;}
  .style0721 .notice_date::before{ background: url(https://www.nudt.edu.cn/images/notice_date_bg_5.png) no-repeat center/cover;}
  .style0721 .notice_date::after{ background: url(https://www.nudt.edu.cn/images/notice_date_bghover_5.png) no-repeat center/cover;}
  .style0721 .notice_date .day{ margin-top: 0;}
  .style0721 .notice_date .year{ margin-top: 0; line-height: 18px; margin-top: -1.5px;}

  .style0721 .news_more{ width: 45px; border-radius: 0;}
  .style0721 .news_more{ background: transparent;}
  .style0721 .news_info1:hover .news_more{ background: url(https://www.nudt.edu.cn/images/more_hover0721.png) no-repeat left/cover;}
  .style0721 .news_txt1 i{ width: 45px; height: 40px; border-radius: 0; background: url(https://www.nudt.edu.cn/images/more0721.png) no-repeat center/cover;}
  .style0721 .news_info1:hover .news_txt1 i{ background: transparent;}
  .style0721 .news_info1:hover .news_txt1 i{ width: 45px; height: 40px; border-radius: 0; background: transparent;}
  .style0721 .listTitle1 h2{ padding: 26px 40px 20px; max-width: calc(100% - 40px);}
  .style0721 .mode1 .rt .listTitle1 h2{ max-width: calc(100% - 20px); }
  .style0721 .mode02_title, .style0721 .mode03_title{ padding-left: 0;}
  .style0721 .wrap_mode05{ padding: 0;}
  .style0721 .mode05{ padding-top: 50px; }
  .style0721 .swiper-container-horizontal>.swiper-pagination-progressbar{ bottom: -72px;/*  width : 1000px; left: 50%; margin-left: -500px; */}
  .style0721 .mode05{ padding-bottom: 151px;}
  .style0721 .index_title6{ /*margin-top: -58px;*/}
  .style0721 .wrap_mode06{ padding-top: 137px;}
  .style0721 .news_info1{ padding: 0 30px 30px;}
  .style0721 .NUDT_list2 li a{ display: block; min-height: 80px;}
  .style0721 .index_title5{ margin-bottom: 30px;}
  .style0721 .wrap_mode06{ padding-bottom: 80px;}
  .style0721 .notice_date::before{ background: url(https://www.nudt.edu.cn/images/notice_date_bg0721.png) no-repeat center/cover;}
  .style0721 .notice_date::after{ background: url(https://www.nudt.edu.cn/images/notice_date_bghover0721.png) no-repeat center/cover;}
  .style0721 .notice_date{ width: 64px; height: 80px;}
  .style0721 .notice_date .day{ margin-top: 7px; font-weight: bold;}
  .style0721 .notice_date .year{ margin-top: 12px;}
  .fixed.true{ position: fixed; top: 0; left: 0;}

.wrap_mode06{padding: 80px 0 185px;/* background: url(https://www.nudt.edu.cn/images/mode06_bg.png) center bottom no-repeat; */}
.mode06{ margin: 0 auto;position: relative;padding: 0;max-width: 1600px;}
.mode06_btns{position: absolute;left: 340px;top: 53px;}

.mode06_title{position: absolute;width: 254px;height: 105px;left: 50%;bottom: 50%; transform: translate3d(-50%,50%,0); z-index: 2;}
.mode06_title::before{content: '';display: block;width: 40px;height: 40px;position: absolute;left: 0;top: 0;border-top: 6px solid #971E25;border-left: 6px solid #971E25; box-sizing: border-box;left: -19px;top: -16px;}
.mode06_title::after{content: '';display: block;width: 40px;height: 40px;position: absolute;right: 2px;bottom: 2px;border-right: 6px solid #971E25;border-bottom: 6px solid #971E25; box-sizing: border-box;right: -14px;bottom: -15px;}
.mode06 li:hover .mode06_title:before{opacity: 1;left: -19px;top: -16px; animation: shiKeDa1 0.5s ease;}
.mode06 li:hover .mode06_title::after{opacity: 1;right: -14px;bottom: -15px; animation: shiKeDa2 0.5s ease;}
.mode06 li:hover .mode06_title:before,.mode06 li:hover .mode06_title::after{transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
@keyframes shiKeDa1 {
  0%{ left: 0;top: 0; opacity: 0;}
  100%{ left: -19px;top: -16px; opacity: 1;}
}
@-moz-keyframes shiKeDa1 {
  0%{ left: 0;top: 0; opacity: 0;}
  100%{ left: -19px;top: -16px; opacity: 1;}
}
@keyframes shiKeDa2 {
  0%{ right: 2px;bottom: 2px; opacity: 0;}
  100%{ right: -14px;bottom: -15px; opacity: 1;}
}
@-moz-keyframes shiKeDa2 {
  0%{ right: 2px;bottom: 2px; opacity: 0;}
  100%{ right: -14px;bottom: -15px; opacity: 1;}
}

.mode06_til{ font-size: 0; padding-bottom: 58px;}
.index_title6{position: relative;padding-bottom: 56.25%;height: 0;margin: 0 0 10px;}
.index_title6.isView .title3.fiexd{bottom: 0px;transform: scale(1) rotate(0);transform: scale(1);opacity: 1;position: fixed; height: 100%; bottom: 0px; right: auto; left: 0;}
.index_title6 > img{display: block;position: absolute;right: 0;bottom: 0;max-width: calc(50vw - 250px);}

.mode06Con{ width: 100%;}
.mode06Con .item{ position: relative;margin: 0 0 10px;overflow: hidden;}
.mode06Con .item::before{ content: ''; display: block; width: 100%; height: 10px; background: #F5DA4C;  position: absolute; top: 0; left: 0; z-index: 1}
.mode06Con .item.c2::before{ background: #DA0D2B;}
.mode06Con .item.c3::before{ background: #0C5543;}
.mode06Con .item.c4::before{ background: #006DB1;}

.mode06Con .left{ width: 70%;}
.mode06Con .left .col{width: 50%;box-sizing: border-box;padding: 0 10px 0 0;}
.mode06Con .right{ width: 30%;}

.mode06Con .left .lf,.mode06Con .left .md,.mode06Con .right{transform: translate(-100px,0px);opacity: 0;    transition: all 0.8s ease-out 0s;}
.mode06Con .left .md{ transition-delay: 0.3s;}
.mode06Con .right{ transition-delay: 0.6s;}

.wrap_mode06.isView .mode06Con .left .lf,
.wrap_mode06.isView .mode06Con .left .md,
.wrap_mode06.isView .mode06Con .right{transform: none;opacity: 1;}


.mode06Con .gp-img-responsive{ padding-bottom: 56.25%; width: 100%;background-size: cover;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.mode06Con .right .gp-img-responsive{ padding-bottom: 130.83%;}
.mode06Con .item:hover .gp-img-responsive{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}

.mode06Con li{ position: relative;}
.mode06Con .infoBox{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; padding-bottom: 33.5px;}
.mode06Con .infoBox:before{ content: ''; display: block; width: 100%; height: 90px; background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);position: absolute; bottom: 0; left: 0; z-index: -1;}
.mode06Con .infoBox .title{ display: block; width: 100%; padding: 0 20px 0 80px; color: #fff; box-sizing: border-box;}
.mode06Con .infoBox .mediaTag{ position: absolute; left: 20px; bottom: 20px;display: block;width: 50px;height: 50px;}

@media screen and (min-width:1920px){
  .Banner .slick-arrow{font-size:30px}
}

/* 响应式样式 */
@media screen and (max-width:1840px){
  .news_txt1{ width: calc(100% - 620px);}
  .gp-container{ width: unset; margin-left: 30px; margin-right: 30px; margin: 0 auto;max-width: calc(100vw - 120px);}
  .mode02, .mode03{ padding: 135px 0;}
  .mode02 > .gp-container, .mode03 > .gp-container{width: unset;margin: 0 auto;}
  .mode05{ width: 100%; max-width: 1600px; margin: 0 auto;}
  .style0721 .index_title5, .style0721 .mode05_slides{ width: 100%;}
  .mode05_title h2{ padding-top: 0px;}
  
}

@media screen and (max-width:1700px){
  .mode05{ width: unset; margin-left: 30px; margin-right: 30px;}
}

@media screen and (max-width:1640px){
  .wrap_mode1{padding: 50px 0 100px;}
  .mode02_title::before{font-size: 60px;}

  .index_title6 > img{max-width: 36vw;}
}

@media screen and (max-width:1600px){
  .mode1 .rt{ width: 29%;}
  .mode02 .til_list{ left: 0;width: calc(100% - 740px);}
  .mode03 .til_list{ right: 0;width: calc(100% - 740px);}
  .mode02 .box_list, .mode03 .box_list{ margin-right: 30px;}
  .mode02_title h2 .enTitle, .mode03_title h2 .enTitle, .mode04_title h2 .enTitle, .mode05_title h2 .enTitle{ margin-top: -10px;}
  .style0721 .index_title6{/* margin-top: -30px; */}
  .mode05_title h2{}
  .style0721 .wrap_mode06{padding-top: 50px;padding-bottom: 50px;}
  .xiaoxun span{}

  .width130{height: 150px;width: 80px;}
  .style0721 .topicLink{width: 150px;height: 150px;}

}

@media screen and (max-width:1480px) {
  
  .news_img1{ width: 540px; }
  .news_txt1{ width: calc(100% - 560px)}
  .style0721 .NUDT_list2 li{ padding: 35px 20px;}
  .news_txt1 .date{ margin-top: 30px;}
  .mode02 .til_list, .mode03 .til_list{width: calc(100% - 560px);}
  .mode02 .box_list, .mode03 .box_list{ width: 600px;margin-left: 0;margin-right: 0;}
  .mode02_title h2 .enTitle, .mode03_title h2 .enTitle, .mode04_title h2 .enTitle, .mode05_title h2 .enTitle{ margin-top: -5px;}
}

@media screen and (max-width:1400px) {
  .mode02_title{ left: 30px; width: 300px; height: 78px; top: -30px;}
  .mode03_title{ right: 30px; width: 300px; height: 78px; top: -30px;}
  .mode02_title h2, .mode03_title h2{ padding-top: 18px; padding-left: 25px;}
  .mode02, .mode03{padding: 70px 0;}
  .mode02 .til_list .til_tab.on, .mode03 .til_list .til_tab.on{/* padding: 40px 25px; */padding-top: 32px;padding-bottom: 32px;}
  .mode06_title{width: 200px;height: auto;}
}

@media screen and (max-width:1280px) {
  .gp-container{max-width: calc(100vw - 60px);}
  .news_img1{ width: 500px; }
  .news_txt1{ width: calc(100% - 520px)}
  .NUDT-list1 li>div{ padding: 15px 10px; margin: 0 10px;}
  .style0721 .NUDT_list2 li h3{ margin-left: 90px;}
  .style0721 .news_info1{ padding: 0 20px 20px;}
  .NUDT-list1{ margin: 0 10px;}
  .style0721 .NUDT_list2 li{ padding: 25px 10px;}
  .mode02 .box_list, .mode03 .box_list{ width: 580px;}
  
}

@media screen and (max-width:1200px) {
  .item-img1{ width: 140px;}
  .item-txt1{ margin-left: 150px;}
  .item_title{ line-height: 26px; max-height: 52px;}

}

@media screen and (max-width:1100px) {
  .news_img1{ width: 440px; }
  .news_txt1{ width: calc(100% - 460px)}
  .news_txt1 .date{ margin-top: 10px;}
  .news_title{ margin-top: 15px;}
  .news_txt1 .news_more{ margin-top: 15px;}
  .style0721 .NUDT_list2 li{ padding: 20px 15px;}
  .mode02 .box_list, .mode03 .box_list{ width: 540px;}
  .mode02 .til_list, .mode03 .til_list{ width: calc(100% - 540px);}
  .mode02 .til_list, .mode03 .til_list{ top: 30px;}
  .mode02 .til_list .til_tab{ padding-left: 30px; padding-right: 60px;}
  .mode03 .til_list .til_tab{ padding-left: 30px; padding-right: 30px;}
  .mode03 .til_list .til_tab.on .title{ line-height: 28px;}
  .mode02 .til_list .til_tab.on .title, .mode03 .til_list .til_tab.on .title{ margin-bottom: 5px;}

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

@media screen and (max-width:997px) {
  .bb{display: none;}
  .gp-container,.mode02 > .gp-container, .mode03 > .gp-container{max-width: initial;margin-left: 15px;margin-right: 15px;}

  .banner,.banner .swiper-container{height: auto;}
  .banner .swiper-wrapper{position: relative;}
  .banner .slick-img{padding-bottom: 50%;height: 0;}
  .style0721 .banner .swiper-arrows{bottom: 16px;left: 24px;width: 88px;}
  .banner .swiper-arrows>div{width: 36px;height: 36px;font-size: 14px !important;line-height: 36px;}

  .xiaoxun span{ top: calc(50% - 40px);width: 194px;}
  .xiaoxun span:nth-of-type(1){ margin-left: -205px;}
  .xiaoxun span:nth-of-type(2){ width: 190px;}


  .header:not(.currents) ~ .width130{display: block;}
  .width130{height: 150px;width: 80px;}
  .style0721 .topicLink{width: 150px;height: 150px;}
  .style0721 .listTitle1 h2,.style0721 .mode1 .rt .listTitle1 h2{max-width: initial;padding: 30px 24px 16px 34px;}

  .listTitle1 h2 .enTitle::before, .mode02_title h2 .enTitle::before, .mode03_title h2 .enTitle::before, .mode04_title h2 .enTitle::before, .mode05_title h2 .enTitle::before{height: 50px;background-size: auto 100%;background-position: left center;}
  .mode02_title h2 a, .mode03_title h2 a, .mode04_title h2 a, .mode05_title h2 a, .listTitle1 h2 a{padding-left: 30px;}
  .listTitle1 h2 .enTitle, .mode02_title h2 .enTitle, .mode03_title h2 .enTitle, .mode04_title h2 .enTitle, .mode05_title h2 .enTitle{padding-left: 14px;}

  .wrap_mode1{padding: 0 0 65px;}
  .mode1{flex-wrap: wrap;margin: 0;}
  .mode1 .lf,.mode1 .rt{width: 100%;}
  .mode1 .lf{padding-bottom: 8px;}
  .mode1 .rt{margin: 24px 0 0;}
  .style0721 .news_info1{flex-wrap: wrap;}

  .mode02 .modeCon, .mode03 .modeCon{display: block;}
  .mode02 .til_list, .mode03 .til_list{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: 100%;}
  .mode02 .box_list, .mode03 .box_list{width: 100%;float: none;}

  .style0721 .mode05{padding-bottom: 100px;padding-top: 30px;}
  .swiper-container-horizontal>.swiper-pagination-progressbar{width: calc(100% - 110px);}
  .style0721 .news-slider-prev, .style0721 .news-slider-next{width: 40px;height: 40px;line-height: 40px;font-size: 20px;bottom: -70px;}
  .style0721 .swiper-container-horizontal>.swiper-pagination-progressbar{bottom: -52px;}
  .style0721 .news-slider-prev{right: 56px;}
  
  .mode06Con,.mode06Con .left{flex-wrap: wrap;}
  .mode06Con .left,.mode06Con .right{width: 100%;}
  .mode06Con .left .col{width: 100%;float: none;padding: 0 0 10px;}
  .style0721 .index_title6{padding-bottom: 0;height: auto;}
  .index_title6 > img{max-width: 100%;position: relative;}
  
  .mode06Con .left .lf .left_row2{display: none;}
  .mode06Con .left .md li:nth-child(2){display: none;}

  .mode05_title h2{top: 20px;}
  .news_img1{order: 1;width: 100%;margin-top: 24px;}
  .news_txt1 .date{margin-top: 6px;}
  .news_txt1{order: 2;width: 100%;margin-top: 0;padding: 10px 0;box-sizing: border-box;position: relative;}
  .news_txt1::before{width: 100%;right: 0;}
  .news_summary{line-height: 21px;max-height: 63px;margin-top: 8px;}
  .news_title{line-height: 22px;}
  .news_txt1 .news_more{display: none;}
  .NUDT-list1 li{width: 100%;margin-bottom: 16px;}
  .style0721 .NUDT_list2 li{padding: 24px 0;}
  .mode05_title h2{top: 0;right: 0;font-size: 30px;}

  .item-bg{display: none;}
  .style0721 .mode05_slides a{transition: all ease-in-out .1s;-ms-transition: all ease-in-out .1s;-moz-transition: all ease-in-out .1s;-webkit-transition: all ease-in-out .1s;-o-transition: all ease-in-out .1s;}
  .style0721 .mode05_slides a.active{background: #fff;}

  .NUDT-list1 li>div{padding: 8px;overflow: hidden;}
  .item_title{line-height: 24px;max-height: 48px;}

  .NUDT_list2{margin: 0 24px;}
  .style0721 .NUDT_list2 li a{min-height: initial;height: 65px;}
  .style0721 .NUDT_list2 li h3{line-height: 24px;max-height: 48px;font-size: 16px;margin-left: 68px;}
  .style0721 .notice_date{width: 52px;height: 65px;}
  .style0721 .notice_date .year{font-size: 12px;margin-top: 8px;}
  .style0721 .notice_date .day{font-size: 16px;margin-top: 2px;}

  .mode02_title{left: 24px;}
  .mode03_title{right: 24px;}
  .mode02_title h2, .mode03_title h2, .mode04_title h2, .mode05_title h2{font-size: 20px;}

  .mode02 > .gp-container, .mode03 > .gp-container{margin: 0;}
  .mode02 .box_list, .mode03 .box_list{margin: 24px 24px -24px;width: calc(100% - 48px);position: relative;z-index: 2;}
  .mode03 .til_list .til_tab:first-child, .mode02 .til_list .til_tab:first-child{padding-top: 30px;}
  .mode03 .til_list .til_tab.on{border-left: none;border-top: 10px solid #F5DA4D;}

  .mode02{background: url(https://www.nudt.edu.cn/images/mode02_bg.png) center no-repeat;background-size: cover;}
  .mode03{background: url(https://www.nudt.edu.cn/images/mode03_bg.jpg) center no-repeat;background-size: cover;}
  .mode02 video,.mode03 video{display: none;}

  .style0721 .mode05_slides .name{font-size: 20px;}
  .style0721 .mode05_slides .subtitle{margin-top: 34px;line-height: 24px;}
  .style0721 .mode05_slides .name::before{bottom: -10px;}
  .style0721 .mode05_slides .summary{font-size: 14px;line-height: 21px;max-height: 42px;}
  .style0721 .mode05_slides .img{margin-top: 24px;}
  .mode05_title h2 .enTitle::before{ left: -8px; top: -32px;}

  .style0721 .wrap_mode06{padding-bottom: 8px;}

  .mode05_title h2 .enTitle{font-size: 16px;}
  .mode05_title h2 .enTitle b{font-size: 24px;}

  .mode06Con .right ul:first-child{width: calc(50% - 8px);float: left;}
  .mode06Con .right ul:nth-child(2){width: calc(50% - 8px);float: right;}

  .mode06Con .item{margin: 0 0 16px;}
  .mode06Con .right .gp-img-responsive{padding-bottom: 150%;}
  .mode06Con .right ul:first-child .gp-img-responsive{padding-bottom: calc(75% - 8px);}

  .mode06_title{width: 130px;}
  .mode06_title::before{width: 14px;height: 14px;border-top: 2px solid #971E25;border-left: 2px solid #971E25;left: -6px;top: -6px;}
  .mode06_title::after{width: 14px;height: 14px;border-right: 2px solid #971E25;border-bottom: 2px solid #971E25;right: -6px;bottom: -6px;}

  .mode06Con .infoBox{padding-bottom: 12px;}
  .mode06Con .infoBox .mediaTag{width: 30px;height: 30px;left: 8px;bottom: 8px;}
  .mode06Con .infoBox .title{padding-left: 46px;padding-right: 16px;}


}

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

  .banner .swiper-arrows>div::before{display: block;z-index:5;position:relative;line-height: 34px;height: 34px;}

  .item-img1{width: 126px;}
  .item-txt1{margin-left: 142px;}
  .item-date1{margin-bottom: 6px;}
  .NUDT-list1 li>div{min-height: initial;}

  .mode02, .mode03{padding: 50px 0;}
  .mode03 .til_list .til_tab,.mode02 .til_list .til_tab{padding-left: 24px;padding-right: 24px;}
  .style0721 .mode05_slides a{padding: 24px 16px;background: transparent;box-shadow: none;}



}

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

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

@media screen and (max-width:479px) {
  .mode02_title{width: 260px;}
  .mode02_title::before{font-size: 45px;right: 15px;}
  
}

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