.title{ margin-bottom:30px; height: 30px; line-height: 30px; position: relative; width: 100%; } .title::before{ content: ""; display: block; width: 5px; height: 30px; background: #aa0018; position: absolute; left:0; top:0; } .title h3{ font-size: 24px; color: #434343; padding-left:15px; float: left; } .title a{ float: right; font-size: 14px; color: #999999; position: relative; padding-left:20px; } .title a:hover{ color: #aa0018; } .title a::before{ content: ""; display: block; width: 13px; height: 1px; background: #aa0018; position: absolute; left:0; top:14.5px; } /*banner*/ .banner{ width:100%; } .banner .swiper-slide{ width: 100%; height: 600px; } .banner .swiper-slide a{ height: 100%; width: 100%; } .banner .w12{ height: 38px; position: absolute; left: 0; top:50%; bottom:0; right:0; z-index: 3; margin-top:-19px; } .banner .swiper-button-next,.swiper-button-prev{ width: 20px; height: 38px; margin-top:-19px; } .banner .swiper-button-next{ background: url(../img/right.png) no-repeat; } .banner .swiper-button-prev{ background: url(../img/left.png) no-repeat; } /*part01*/ .part01{ width: 100%; padding: 40px 0px; background: url(../img/part01_bg.png) no-repeat top center; } .news{ width:100%; margin-bottom:40px; } .news-left{ width: 615px; height: 439px; } .news-left .swiper-slide{ width: 100%; height: 100%; } .news-img{ width: 100%; height: 409px; position: absolute; top:0; left:0; } .news-img img{ width: 100%; height: 409px; object-fit: cover; } .news-txt{ width: 516px; background: #aa0018; position: absolute; right:0; bottom:0; text-align: left; } .news-txt a{ padding: 20px 30px; } .news-txt h3{ color: #ffffff; font-size: 18px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-weight: normal; margin-bottom:16px; } .news-txt span{ font-size: 14px; color: #ffffff; } .news-txt span::before{ content: url(../img/icon1.png); position: relative; top:2px; margin-right:8px; } .news-left .swiper-pagination{ text-align: right; width: 60px; bottom:20px; right:30px; left:inherit; color:#ffffff; font-size: 20px; } .news-left .swiper-pagination .swiper-pagination-current{ font-size: 14px; } .news-right{ width: 555px; } .news-list{ width: 100%; } .news-list ul li{ padding-bottom:17px; border-bottom: 1px solid #dddddd; margin-bottom:17px; transition: .4s all; } .news-list ul li:last-child{ margin-bottom:0; } .news-list ul li a{ max-width: calc( 100% - 120px ); color: #434343; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float: left; transition: .4s all; } .news-list ul li a::before{ content: url(../img/icon2.png); position: relative; top:3px; margin-right: 8px; } .news-list ul li:hover{ border-bottom:1px solid #aa0018; } .news-list ul li:hover a{ color: #aa0018; } .news-list ul li time{ font-size: 14px; color: #888888; float: right; } /*学术动态*/ .xsdt,.notice{ width: 585px; } .xsdt-list ul li.headline{ width: 100%; margin-bottom:14px; } .xsdt-img{ width: 210px; height: 140px; overflow: hidden; } .xsdt-img img{ width: 100%; height: 100%; object-fit: cover; transition: 0.6s all; } .headline-txt{ width: 345px; } .headline-txt h3{ font-size: 18px; line-height: 28px; height: 56px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .headline-txt h3 a{ color: #434343; } .headline-txt p{ font-size: 14px; color: #666666; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height: 60px; margin-top:22px; } .xsdt-list ul li.headline:hover .xsdt-img img{ transform: scale(1.1,1.1); } .xsdt-list ul li.headline:hover .headline-txt h3 a{ color: #aa0018; } .xsdt-list ul li.not-headline{ line-height: 42px; } .xsdt-list ul li.not-headline a{ color: #434343; max-width: calc( 100% - 66px ); float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .xsdt-list ul li.not-headline time{ color: #666666; float:right; } .xsdt-list ul li.not-headline a:hover{ color: #aa0018; } /*通知公告*/ .notice-list ul li{ width: 100%; height: 100px; margin-bottom:30px; } .notice-list ul li:last-child{ margin-bottom:0; } .notice-list ul li .time{ width: 94px; height: 100px; background: #aa0018 url(../img/time_bg.png) no-repeat center center; position: relative; float: left; transition: 0.4s all; } .time p{ font-size: 24px; color: #ffffff; font-weight: bold; text-align: left; position: absolute; left:13px; top:15px; } .time span{ font-size: 14px; color: #ffffff; text-align: right; position: absolute; right:10px; bottom:10px; } .notice-list ul li .notice-txt{ width: 491px; height: 100px; background: #f4f4f4; float: left; } .notice-txt h3{ color: #434343; margin-bottom:15px; padding: 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; margin-top:20px; font-weight: normal; font-size: 16px; } .notice-txt p{ font-size: 14px; color: #888888; padding: 0 20px; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .notice-list ul li:hover .time{ background: #dfbc67 url(../img/time_bg.png) no-repeat center center; } .notice-list ul li:hover .notice-txt h3{ color: #aa0018; } /*团学活动*/ .part02{ width: 100%; padding: 35px 0; background: url(../img/part02_bg.jpg) no-repeat top center; position: relative; } .part02 .title::before,.part02 .title a::before{ background: #dfbc67 } .part02 .title h3,.part02 .title a{ color: #ffffff; } .part02-list{ margin-bottom:30px; } .part02-list ul li{ width:237.5px; height: 152px; padding:12px 20px; float: left; margin-right: 30px; background: #ffffff; position: relative; transition: 0.6s all; } .part02-list ul li:hover{ box-shadow: 0 0 14px 6px rgba(0,0,0,.2); } .part02-list ul li:last-child{ margin-right: 0; } .part02-list ul li h3{ font-size: 16px; color: #434343; font-weight: normal; line-height: 30px; height: 60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .part02-list ul li p{ font-size: 14px; color: #909090; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height: 48px; margin:10px 0; } .part02-list ul li time{ font-size: 14px; color: #909090; position: absolute; right:20px; bottom:14px; } .part02-list ul li time::before{ content: url(../img/icon3.png); position: relative; top:7px; } .part02-list ul li:hover h3{ color: #aa0018; } .part02-piclist img{ width: 100%; height: 184px; object-fit: cover; } .part02-piclist p{ width: calc( 100% - 40px ); height: 36px; line-height: 36px; background: rgba(0,0,0,.6); color: #ffffff; padding:0 20px; text-align: left; position: absolute; bottom:0px; left:0px; font-size: 16px; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .swi-button{ width:1300px; height: 38px; position: absolute; left: 50%; transform: translate(-50%,-50%); bottom:90px; } .swi-button .button-next,.swi-button .button-prev{ width: 20px; height: 38px; position: absolute; top:0; cursor: pointer; } .swi-button .button-next{ background: url(../img/right.png) no-repeat; right:0; } .swi-button .button-prev{ background: url(../img/left.png) no-repeat; left:0; } .part03{ width: 100%; padding: 40px 0; background: #ffffff url(../img/part03_bg.png) no-repeat top center; } .zt{ margin-bottom:40px; } .zt ul li{ width: 216px; height: 102px; float: left; margin-right:30px; overflow: hidden; } .zt ul li:last-child{ margin-right: 0; } .zt ul li img{ width: 100%; height: 100%; object-fit: cover; transition: 0.6s all; } .zt ul li:hover img{ transform: scale(1.1,1.1); } .links .title{ width: 120px; margin-right:30px; margin-bottom:0px; } .links .title::before{height:22px;top:4px;} .links .title h3{font-size:20px;} .links .link-list{ width: 1050px; height: 30px; line-height: 30px; } .link-list ul li{ display: inline-block; margin-right: 50px; } .link-list ul li a{ color: #434343; } .link-list ul li a:hover{ color: #aa0018; } .links1{ margin-top:30px; }