﻿/* 轮播 */
.carousel{background: url(../images/lunbo-bg.png) no-repeat; background-size: cover; }
.swiper-container {width: 1200px;}  
.swiper-pagination-bullet{background: #dbe5d3;}
.index_r_img{width:120px;}
/* 新闻资讯 */
.a_block{display: block; height: 100%; width: 100%; overflow: hidden;}
.news{background: #f1f3f6; padding: 2vw 0;}
.news_container{width: 1200px; margin: 0 auto;}
.title{padding-bottom: 1vw; display: flex; align-items: center; justify-content: space-between;}
.title h2{font-size: 24px; font-weight: bold;}
.title a{color: #ababac;}
.title a i{font-size: 12px;}
.news .main{display: flex; width: 100%; overflow: hidden;}
.news .main .left{position: relative; min-width: 600px; flex: 1;}
.news .main .left .news_img{width: 100%; height: 100%; transition: 1.5s;}
.news .main .left_cont{position: absolute; color: white; bottom: 0; left: 0; width: 100%; transition: 0.5s; padding: 4vw 0 1vw; background: linear-gradient(transparent, rgba(0,0,0.4));}
.news .main .left_cont span,
.news .main .left_cont h3,
.news .main .left_cont p{margin-left: 3%; margin-right: 20%; margin-top: 20px;}
.news .main .left_cont span{background: #0065b3; padding: 5px 10px;}
.news .main .left_cont h3{font-size: 18px; font-weight: bold;}
.news .main .left_cont p{color: #c9c9c9;}
.news .main .right{max-width: 500px; box-sizing: border-box; background: #fff; flex: 1; overflow: hidden; display: flex; flex-direction: column;}
.news .main .right a{flex: 1;}
.news .main .right a{display: flex; align-items: center; background: white; border-bottom: 1px solid #e1e1e1; transition: 0.5s;}
.news .main .right .r_txt{padding: 0 1vw; flex: 1;}
.news .main .right .date{font-size: 12px;}
.news .main .right p{font-size: 16px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .main .right a:hover{color: red; border-color: red;}
.news .main .left:hover .news_img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
/* 通知公告&学术讲座 */
.notice_lecture{display: flex; height: 750px; overflow: hidden;}
.notice_lecture .container{display: block;}
.notice_lecture .title{border-bottom: 3px solid black; justify-content: space-between;}
.notice, .lecture{padding: 2vw 0;}
.notice{width: 57%; position: relative;}
.notice .container{width: 680px; position: absolute; right: 2.60416vw; height:75%; overflow: hidden;}
.notice .main{margin-top: 0.5vw;}
.notice .main li{border-bottom: 1px solid #d4d4d4;}
.notice .main a{ line-height: 1.5; font-weight: 600; transition: 0.5s;}
.notice .main p, .notice .main .date{font-size: 16px;}
.notice .main .date{color: #d4d4d4; padding-top: 10px;}
.notice .main p{padding: 10px 0;}
.lecture{position: relative; width: 43%; background: #0065b3;}
.lecture .container{width: 420px; position: absolute; left: 2.60416vw;  height:80%; overflow: hidden;}
.lecture .bg{position: absolute; bottom: 0; right: 0; z-index: -1;}
.lecture .title{color: #ffffff; border-color: white; justify-content: space-between;}
.lecture .title a{color: #ffffff;}
.lecture .main a{color: white; line-height: 1.5; display: flex; padding-top: 2vw; transition: 0.5s;}
.lecture .main .date{text-align: center; padding-right: 1vw; z-index: 1;}
.lecture .main .date h3{font-size: 24px; font-weight: 600;}
.lecture .main .date p{font-size: 12px;}
.lecture .main .txt{font-size: 16px; border-bottom: 1px solid #3384c2; padding-bottom: 1vw; z-index: 1; flex: 1;}
.notice_lecture .main li:hover a{color: red; transition: 0.5s;}
/* 四卡片 */
.cards{background: #f1f3f6; width: 100%; padding: 2.5vw;}
.cards_container{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.cards .card{width: 280px; height: 156px; transition: 0.5s;}
.cards .card:hover{transform: scale(1.1); transition: 0.5s;}
.cards .card p{display:none;}
.cards .bg1{background: url(../images/c1.png) no-repeat; background-size: cover;}
.cards .bg2{background: url(../images/c2.png) no-repeat; background-size: cover;}
.cards .bg3{background: url(../images/c3.png) no-repeat; background-size: cover;}
.cards .bg4{background: url(../images/c4.png) no-repeat; background-size: cover;}
.cards .card h2{font-size: 24px; font-weight: 600; padding-top: 40px; padding-left: 25px; padding-bottom: 10px;}
.cards .card p{font-size: 14px; padding-left: 25px;}
.cards .bg1 h2{color: #0c530f;}
.cards .bg1 p{color: #90b779;}
.cards .bg2 h2{color: #85420c;}
.cards .bg2 p{color: #b7a172;}
.cards .bg3 h2{color: #277f77;}
.cards .bg3 p{color: #38a79d;}
.cards .bg4 h2{color: #5b0000;}
.cards .bg4 p{color: #c68787;}
/* 校友中心 */
.alumnu{width: 100%; padding: 2vw; position: relative;}
.alumnu .bg{position: absolute; left: 0; bottom: 0; z-index: -1;}
.alumnu_container{width: 1200px; margin: 0 auto;}
.alumnu .main{display: flex; justify-content: space-between;}
.alumnu .main > div{flex: 1; height: 500px;}
.alumnu .main > div > a{display: block; width: 100%; height: 100%}
.alumnu .main h2{font-size: 16px; color: #3384c2; font-weight: 600; padding-top: 40px; margin-bottom: 25px;}
.alumnu .main h3{font-size: 18px; font-weight: 600;}
.alumnu .main .time{font-size: 16px; position: absolute; bottom: 1.5vw; padding-left: 0;}
.alumnu .main .time i{color: #b3b3b3;}
.alumnu .main .time .date{color: #cdcdcd;}
.alumnu .main .left, .alumnu .main .center, .alumnu .main .right{display: block; width: 100%; line-height: 1.5; margin-right: 1vw; transition: 0.5s; position: relative;}
.alumnu .main .left .txt, .alumnu .main .center .txt{padding: 0 20px;}
.alumnu .main .left img{width: 100%;}
.alumnu .main .right{margin-right: 0; overflow: hidden;}
.alumnu .main .center{background: #f8f8f8;}
.alumnu .main .center p{font-size: 15px; margin-top: 60px; color: #707070; font-weight: 600;}
.alumnu .main .right a{transition: 0.5s;}
.alumnu .main .right .img_item a{display: flex; padding: 1vw 0; height: 100%;}
.alumnu .main .right .img_item img{max-width: 6vw;}
.alumnu .main .right  ul{height: 100%;}
.alumnu .main .right li{border-bottom: 1px solid #e1e1e1; height: 25%;}
.alumnu .main .right a p{color: #b1b1b1;}
.alumnu .main .right a h3{font-size: 16px;}
.alumnu .main .right a div{padding-left: 1vw; flex: 1;}
.alumnu .main .right .item p{padding-top: 1vw; padding-bottom: 0.5vw;}
.alumnu .main .right .item h3{padding-bottom: 1vw;}
.alumnu .main .left:hover{transform: scale(1.05); box-shadow: 0px 4px 20px -5px rgb(0, 0, 0, 0.3); z-index: 1; background: white;}
.alumnu .main .center:hover{transform: scale(1.05); box-shadow: 2px 2px 10px black; z-index: 1;}
.alumnu .main .right a:hover{color: red;}
/* 友链 */
.friend_link{background: #f1f3f6; width: 100%;}
.friend_link ul{width: 1200px; margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.friend_link ul li{margin: 0 0.6vw;}
.friend_link a{font-size: 16px; display: block; padding: 1vw 0; transition: 0.5s;}
.friend_link a:hover{color: red;}

@media screen and (min-width: 980px) and (max-width: 1500px){
  .alumnu .main .right .img_item img{max-width: 12vw;}
}

@media screen and (max-width:1290px){
  .swiper-container,.news_container,.cards_container,.alumnu_container,.friend_link ul{width: 90vw;}
  .news .main .right li:last-child{display: none;}
  .notice .container{width: 50vw;}
  .lecture .container{width: 35vw;}
  .notice{padding-left: 6.25vw;}
  .lecture{padding-right: 6.25vw;}
  .cards .card{width: 20.49780vw; height: 11.42020vw;}
  .cards .card h2{font-size: 18px; padding-top: 25px;}
  .cards .card p{font-size: 12px;}
}
@media screen and (max-width:980px){
  .news_container,.cards_container,.alumnu_container,.friend_link ul{width: 95%;}
  .swiper-container{height: auto;}
  .swiper-button-prev:after, .swiper-button-next:after {font-size: 20px;}
  .title h2 {font-size: 18px;}
  .title a{font-size: 12px;}
  .news{padding: 5vw 0 10vw;}
  .news .main{display: block; height: auto;}
  .news .main .left{width: 100%; height: 39vh; display: block; margin: 3vw 0 5vw; min-width: auto;}
  .news .main .right{width: 100%;}
  .news .main .left_cont{height: 100%; background: rgba(0, 0, 0, 0.7); top: 0; overflow: hidden;}
  .news .main .left_cont span{display: block; margin-top: 2vw; padding: 1vw 0; width: 20vw; text-align: center;}
  .news .main .left_cont h3{font-size: 16px;}
  .news .main .left_cont h3{margin: 3%; margin-top: 10vw;}
  .news .main .left_cont p{margin: 3%; margin-top: 10vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .news .main .right p{font-size: 14px;}
  .news .main .right .r_txt{padding: 10px;}
  .notice_lecture{display: block; height: auto;}
  .notice_lecture .container{position: static; width: 95%; height: 100%;}
  .notice,.lecture{width: 100%; margin-right: 0; padding: 0 2vw; height: 75vh; overflow: hidden;}
  .lecture{margin-top: 5vw;}
  .notice .main p, .notice .main .date{font-size: 15px;}
  .notice_lecture .title{padding-top: 10px;}
  .lecture .main .date h3{font-size: 18px;}
  .lecture .main .txt{font-size: 15px; padding-left: 20px; padding-right: 20px;}
  .lecture .bg{width: 80%;}
  .cards{padding: 3vw; padding-bottom: 7vw;}
  .cards_container{display: block;}
  .cards .card{display: block; width: 100%; height: 50vw; margin-top: 5vw;}
  .cards .card h2{padding-top: 60px; font-size: 20px;}
  .cards .card p{font-size: 14px;}
  .alumnu .main{display: block;}
  .alumnu .main .left, .alumnu .main .center, .alumnu .main .right{display: block; width: 100%; height: 70vh; margin-top: 5vw;}
  .alumnu .main .left, .alumnu .main .center{background: #f1f1f1;}
  .alumnu .main .right .img_item img{max-width: 33vw;}
  .alumnu .main .time{bottom: 3vw;}
  .alumnu .center h2{padding-top: 5vw;}
  .alumnu .center h3{padding: 2vw 0;}
  .alumnu .main .right .img_item a,.alumnu .main .right .item p{padding: 5vw 0;}
  .friend_link{margin-top: 5vw;}
  .friend_link a{padding: 10px;}
  .alumnu{padding: 5vw 0 10vw;}
  nav li:hover dd{display: none;}
}