@font-face { font-family: 'number'; src: url(../fonts/number.jpg) format('embedded-opentype'), url(../fonts/number..jpg) format('woff'), url(../fonts/number.w.jpg) format('woff2'), url(../fonts/number.jpg) format('truetype'), url(../fonts/number.svg#nu.jpg) 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(../images/xiaoxun.jpg) 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;} .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:#066357;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:#066357;} @-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(../images/bb.jpg) 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(../images/xq.jpg) 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(../images/xq_star.jpg) 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(../images/xq_arrow.jpg) 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 #066357;} .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; /* background: url(../images/t_bg1.jpg) no-repeat right bottom; */ 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:#066357; 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(../images/title_icon3.jpg) 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:#066357;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: #066357; 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: #066357; 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: #066357; 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:#066357;} .news_txt1 i{display:inline-block;background:#066357;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: #066357; padding-right: 40px; box-sizing: border-box;} .news_info1:hover i{ background: #fff; color: #066357; 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:#066357;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: #066357; 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 #066357;height:74px;box-sizing:border-box;} .item_date2 strong{display:block;line-height:1;font-weight:400;padding-top:15px;color:#066357;} .item_date2 span{color:#066357;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(../images/notice_date_bg.jpg) 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(../images/notice_date_bghover.jpg) 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: #066357; 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:#066357;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:#066357;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:#066357; */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(../images/mode02_til0721.jpg) 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(../images/title_icon2.jpg) 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(../images/mode03_til.jpg) 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(../images/mode04_bg.jpg) 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(../images/map_dot.jpg) 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(../images/beijing.jpg) 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(../images/mode04_item_bg.jpg) center no-repeat;opacity: 0;z-index: -1;transform: scale(.8); position: absolute;left: 0%;top: 0%;} /* .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:#066357;stroke-width:7px;} .index_04 .tip{font-family: 'number';color: #066357;font-size: 75px;line-height: 66px;height: 67px;} .index_04 .tip .unit{width: 25px;height: 25px;display: inline-block;color: #fff;background: #066357;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: #066357;} .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;} .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 #066357;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: #066357;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(../images/mode05_style2_nexth.jpg);} .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(../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; transform: rotate(-90deg);} .style0721 .news-slider-next{ transform: rotate(90deg);} .style0721 .news-slider-next:hover, .style0721 .news-slider-prev:hover{ background: #fff; color: #066357;} .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(../images/name_line.jpg) no-repeat center/cover;} .style0721 .wrap_mode05{ background: url(../images/mode05_style4_bg.jpg) 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: #066357; margin-top: -16px;} .mode05_title h2 .enTitle::before{ left: -24px; top: -45px; width: 94px; height: 90px; background: url(../images/title_icon3.jpg) no-repeat center/cover;} .style0721 .topicLink{ border-radius: 0;} .style0721 .topicLink::before{ border-radius: 0;} .style0721 .topicLink::before{ background: url(../images/xq_5.jpg) 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: #e7e9e7;} .style0721 .notice_date::after{ background: #066357;} .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(../images/more_hover0721.jpg) no-repeat left/cover;} .style0721 .news_txt1 i{ width: 45px; height: 40px; border-radius: 0; background: url(../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; /* background: url(../images/t_bg1_0721.jpg) no-repeat right bottom; */ max-width: calc(100% - 40px); } .listTitle1 h2 { font-weight: 400; padding: 53px 40px 20px; line-height: 1; /* background: url(../images/t_bg1.jpg) no-repeat right bottom; */ max-width: 468px; box-sizing: border-box; position: relative; } .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;} .style0721 .mode05{ padding-bottom: 151px;} .style0721 .index_title6{} .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: #e7e9e7;} .style0721 .notice_date::after{ background: #066357;} .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;} .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 #066357;border-left: 6px solid #066357; 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 #066357;border-bottom: 6px solid #066357; 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{} .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(../images/mode02_bg.jpg) center no-repeat;background-size: cover;} .mode03{background: url(../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 #066357;border-left: 2px solid #066357;left: -6px;top: -6px;} .mode06_title::after{width: 14px;height: 14px;border-right: 2px solid #066357;border-bottom: 2px solid #066357;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) { }