#header .swiper-slide{margin:0 auto;}

#swaps{width: 100%;position: relative;}
#swaps img,
.nnyw{max-width: 100%;height: auto;}
.header{position:absolute;left:0%;right:0;top:40px;z-index:100;-webkit-background-size:cover;background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
/*.header .wp{height:140px;}*/
.logo{float:left;width:30%;}
/*.logo img{display:inline-block;vertical-align:top;margin-right:0px;height: 100px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}*/
.logo img{height:100px;}
.memue{float:right;}
.nav{float:left}
.nav li{float:left;position:relative}
.nav .v1{display:block;font-size:18px;color:#fff;line-height:56px;border-top:2px solid transparent;padding:0 8px;font-weight: 550;}
.nav li:hover {display:block;}
.nav dl{overflow: hidden;}
.nav li:hover dl{display:block;}
.nav  dl dd{float: left;width: 100%;margin:0 auto;}
.nav dl dd{display:block;float: left;font-size:18px;color:#333!important;line-height:24px;position: relative;}

.nav .con{width:100px;position:absolute;left:-10%;top:100%;
	z-index:10;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.18);
	padding:19px 0 17px 18px;display:block;
	overflow: hidden;
	display: none;
}
.nav li:hover .subNav{display:block}
.subNav{width:165px;background:#fff;white-space:normal;position:absolute;right:calc(50% - 90px);top:100%;display:none;border-top:3px solid #3C8154;}
.subNav a{color:#333;padding: 12px 10px;display:block;line-height:24px;font-size:18px;text-align:center;}
.subNav a:hover{background-color:#3C8154;color:#fff;}
.header.currents{box-shadow:0 2px 6px rgba(0,0,0,.4);background:rgba(0,117,53,.8);position:fixed}
.header.currents .top{height:120px}
.header.fix .top_link{display:none}
.nav ul li:hover .subNav{-webkit-animation-name:flipInY;animation-name:flipInY;animation-duration:.6s;-webkit-animation-duration:.6s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block;}
@keyframes flipInY{
	/* from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	to{-webkit-transform:perspective(400px);transform:perspective(400px)} */
	from{opacity: 0;}
	to{opacity: 1;}
}

.nav .i7 .con{left:-160px;}
.nav .i3 .con{left:-250px;}
.nav .i4 .con{left:-300px;}
.nav .i5 .con{left:-380px;}
.nav .i6 .con{left:-480px;}
.nav .i7 .con{left:-580px;}
.nav .i8 .con{left:-680px;}
.nav .i9 .con{left:-680px;}
.fastNav{ float: right;}
.fastNav ul li{ font-size: 4em; float: left;padding:5px; }
.fastNav ul li a{color: #fff; font-size:18px;}
.fastNav .circle{background-color: #3F815F;border-radius: 50%;font-size: 14px; margin-right: 10px;line-height:20px;margin-top:36px;}
.fastNav ul li a{color: #fff}

/*南农要闻部分样式*/
.nnyw{
  overflow:hidden;
  background: url("../images/bg-03.jpg") no-repeat;
  background-size: 100% 100%; 
}
.nnyw_title{width: 10%;margin: 50px auto 0}
.more{
	color: #4C8B71;font-size: 14px;float: right;margin-top: -27px;margin-right: 10px;
}
.more img{vertical-align: bottom;margin-right: 10px;}
.nnyw_content{
	width: 25%;
	height: 700px;
	margin: 10px;
	float: left;
}
.nnyw_content ul li { margin: 20px 0;border-bottom: 1px solid #D1D1D0;padding-bottom: 10px;}
.nnyw_content ul li:last-child{border:none;}
.nnyw_content ul li img{width: 350px;height:264px;border-radius: 0px 50px;}
.nnyw_content ul li p{font-size: 14px;color: #3B3B3B;line-height: 20px;font-weight:500;padding:6px 0 2px;}
.nnyw_content ul li .data{color: #4C8B71;font-size: 17px;}
.nnyw .swiper-container .swiper-slide{margin:0 auto; }
/*.nnyw .swiper-container .swiper-slide img{height:400px!important;}*/
.nnyw .swiper-container .swiper-button-prev,
.nnyw .swiper-container .swiper-button-next{background-size: 35px 35px!important;width: 40px;}
.nnyw .swiper-container .swiper-button-prev{left:55px;}
.nnyw .swiper-container .swiper-button-next{right:55px;}
.tips{ text-align: center;position: absolute; bottom: 10px;left: 0 }
.tips p { font-size: 18px;color: #3B3B3B; font-weight: bold;}
.tips span{ display: block;margin-top: 10px; font-size: 17px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("../images/left.png")!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("../images/right.png")!important;
}
.ztwz .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("../images/ztwz_pre.png")!important;
}
.ztwz .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("../images/ztwz_next.png")!important;
}
.ztwz .swiper-button-next, .swiper-button-prev{background-size: 35px 20px!important;}
/*通知公告板块样式*/
.notice{
	width: 100%;
	height: 580px;
	background: url("../images/bg-02.jpg") no-repeat;
	background-size: 100% 100%;
	padding-top: 20px;
}
.notice_title{width: 10%;margin: 25px auto }
.notice ul li{width: 22%;height: 250px;background-color: #3C8154; float: left;margin: 20px;border-radius: 0px 50px;}
.notice ul li:nth-child(2){margin-top: 80px;}
.notice ul li:nth-child(3){border-radius: 50px 0px;margin-top: 80px;}
.notice ul li:nth-child(4){border-radius: 50px 0px;}
.notice ul li:hover{background-color:#EACC6C;}
.notice .notice_content{margin: 40px;}
.notice .notice_content .title{font-size:18px;color: #fff;line-height: 23px;}
.notice .notice_content .desc{display: block;margin-top:10px;height:73px;font-size:16px;color: #ABC8B5;line-height: 23px;  
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.notice .notice_content .data{display: block;margin-top:10px;font-size:17px;color: #fff;font-family: "仿宋";}
/*教学科研样式*/
.jxky{height: 700px; background: url("../images/bg_04.jpg");padding-top:110px;background-size: 100% 100%;}
.jxky .left{width: 45%;float: left;}
.jxky .right{width: 55%;float: left;padding-left: 120px;}
/*左边新闻列表*/
.jxky .left ul li{width: 93%;height: 100px;margin: 20px;}
.jxky .left ul  li:hover{background-color: #EACC6C;border-radius: 0 30px 0 30px;}
.jxky .left  ul li .data{float: left;width: 18%;padding:20px 10px 20px 25px;font-family: "新宋体";}
.jxky .left ul  li p{float: left;width: 65%;}
.jxky .left  ul li .data span{display: inline-block;color: #fff;}
.jxky .left  ul li .data span:nth-child(1){font-size:25px;margin-bottom: 5px;letter-spacing:1.3px; margin-left:5px;}
.jxky .left  ul li .data span:nth-child(2){font-size:24px; }
.jxky .left ul  li .item p{margin: 25px 0;line-height: 25px;color: #fff;font-size:18px;}
/*右边轮播图*/

/*南农校友*/
.nnxy{overflow: hidden;background: linear-gradient(to bottom, #DFEFE1, #fff);padding-top:80px;}
.nnxy .left_nn{width: 55%;float: left;margin-right: 20px;}
.nnxy .rwfc{width: 40%;float: left;height: 300px;}
.nnxy .left_nn .photo{display: inline-block;float: left; border-radius: 50%;vertical-align: middle;}
.nnxy .left_nn span{position: absolute;top: 40px;left:180px; display: inline-block;width:130px;color: #fff;font-size: 18px;}
.nnxy .left_nn p{float: left;width: 77%; color: #B6C3BD;padding:35px 20px 0 40px;line-height: 27px;}
.nnxy .rwfc ul{margin: 30px 0 0 20px;}
.nnxy .rwfc ul li{overflow: hidden;}
.nnxy .rwfc ul li:nth-child(1){margin-bottom: 20px;}
.nnxy .rwfc ul li .left{float: left;width: 53%}
.nnxy .rwfc ul li .right{float: left;width: 47%;padding-left: 25px;}
.nnxy .rwfc ul li .right p{line-height: 24px;font-size:18px; }
.nnxy .rwfc ul li .right span{display:inline-block;margin-top:25px; font-size:16px;line-height: 25px;color: #7F8080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

#nnrw{margin-left: 120px;}
#nnrw .swiper-slide img{transition: transform 0.3s ease;}
#nnrw .swiper-slide img:hover{border: 1px dashed yellow;border-radius: 50%;padding: 10px;transform: scale(1.1);}
.nnxy .swiper-container .swiper-button-prev{ background-image: url(../images/leftsy.png)!important;}
.nnxy .swiper-container .swiper-button-next{background-image: url(../images/rightsy.png)!important;}
/*媒体南农*/
.mtnn{height: 700px;margin-top: 50px;}
.mtnn .content{height: 250px;background-color: #F4F4EB;margin-top:30px;padding: 30px 0;}
.mtnn .content span{width: 20%;display:block;margin-top:30px;color: #3C8154;font-size:16px;}
.mtnn .content p{width: 90%;font-size:18px;margin:15px 0;}
.mtnn .content .desc{color: #6E6E6D; opacity: 0.8; font-size:16px;line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.mtnn .content .img{ top:-79px;left:-30px;float: left; width: 400px;height: 300px; margin-left: 250px;background: #3C8154;border-radius: 30px 0 30px 0; position: relative;}
.mtnn .content .img img{position: absolute; top:20px;left:-20px;border-radius:30px 0 30px 0; }
.mtnn .content ul li{width: 22%;height: 250px;background-color: #F4F4EB; float: left;margin: 15px;border-radius: 30px 0px;box-sizing: border-box;padding:0 25px;}
.mtnn .content ul  li:hover{background-color: #EACE72;}
#mtnn_news span{width: 50%;display:block;margin-top:30px;color: #3C8154;}
#mtnn_news p{width: 90%;font-size:18px;margin:15px 0;line-height: 25px;}
#mtnn_news .desc{color: #6E6E6D; opacity: 0.8; font-size:16px;line-height: 24px;-webkit-line-clamp:2;}

/*融媒南农*/
.nmnn{height: 780px;position: relative;}
.nmnn .icon{width: 30%;position: absolute;top: 10px;right: 55px;}
.nmnn .left{width: 60%;float: left;} 
.nmnn .left ul li{width: 49%;height: 320px; float:left;margin:0 5px 5px 0;overflow: hidden;position: relative;}
.nmnn .left ul li:nth-child(1){border-radius: 30px 0 0 0}
.nmnn .right{border-radius: 0 0 30px 0}
.nmnn .right{width: 40%;float:left;height: 623px; box-sizing: border-box;overflow: hidden;position: relative;}
.nmnn  .content {margin-top: 30px;}
.nmnn  .content img{width: 100%; display: block;transition: all linear .35s;-ms-transition: all linear .35s;-moz-transition: all linear .35s;-webkit-transition: all linear .35s;-o-transition: all linear .35s;}
 .nmnn .content  img:hover {transform: scale(1.1, 1.1);}
 .nmnn .content .ico {width: 36px;height: 36px;position: absolute;left: 0;bottom: 60px;z-index: 2;}
 .nmnn .content .title {margin: 0 0 0;position: absolute;left: 50px;right: 24px;bottom: 40px;color: #fff;z-index: 2;font-size: 18px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
 .nmnn .content .time 
 {position: absolute;font-size: 14px;left: 50px;bottom: 80px;color: rgba(255,255,255,.7);z-index: 2;}
 .nmnn .right .play {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
  .nmnn .right .play img{width:80%;}

  /*影像南农*/
  .yxnn{width: 100%;height: 870px;background: url("../images/footer_bg.jpg");}
 .yxnn .swiper-button-next, .swiper-button-prev{background-size: 35px 20px!important;}

 /*底部样式*/
 /*.footer{ border-bottom: 1px solid #ACBDB6;padding-bottom: 170px;}*/
.footer .left,
.footer .center,
.footer .right{float: left;height: 200px;text-align:center;}
.footer .left{width: 30%;}
.footer .center{width: 40%;}
.footer .right{width: 29%;padding-left: 190px}
.footer .left div{font-size: 20px;}
.footer .left p{font-size: 18px;color:  #B6C3BD;line-height: 20px;margin-bottom: 6px;text-align:left;}
.footer .right ul li{float: left;margin: 0 10px;} 
.footer .right ul{overflow: hidden;} 
.footer .right ul:nth-child(2){color: #fff;font-size: 16px;margin-top:30px;}
.footer .right ul:nth-child(2) li{margin: 0 8px;}
.footer .right ul:nth-child(2) li:hover{font-weight: bold;}
.icp{text-align: center;color: #B6C3BD;padding-top:40px;padding-bottom:20px;letter-spacing: 0.5px;}
.icp a:hover{color:blue;text-decoration: underline;}


.animated1{
animation:somename1 0.8s ease;
transform: translateY(0px);
opacity:1;
}
@keyframes somename1{
0%{transform: translateY(150px);opacity: 1;}
15%{transform: translateY(120px);opacity: 1}
25%{transform: translateY(100px);opacity: 1}
35%{transform: translateY(70px);opacity: 1}
50%{transform: translateY(50px);opacity: 1}
75%{transform: translateY(30px);opacity: 1}
100% {transform: translateY(0px);opacity: 1}

}
.animated2{
animation:somename2 1s ease;
transform: translateY(0px);
opacity:1;
}
@keyframes somename2{
0%{transform: translateY(150px);opacity: 1;}
15%{transform: translateY(120px);opacity: 1}
25%{transform: translateY(100px);opacity: 1}
35%{transform: translateY(70px);opacity: 1}
50%{transform: translateY(50px);opacity: 1}
75%{transform: translateY(30px);opacity: 1}
100% {transform: translateY(0px);opacity: 1}

}
