.bannerImg img{width: 100%;height: auto;opacity: 0;} .bannerImg img:first-child{} .banner{position: relative;} .bannerList{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .bannerList li{text-align: center;overflow: hidden; width: 21%;box-sizing: border-box;border-right: 1px solid #D4E3EF;height: 100%;position: relative;} .bannerList li:last-child{border-right: none;} .bannerList li.active{width: 37%;} .bannerList li h2, .bannerList li p{color: #fff;} .bannerList li h2{font-size: 28px;} .bannerList li .line{opacity: 0; margin: 28px auto;width: 45px;height: 1px;background: rgba(255,255,255,0.5);display: block;} .bannerList li p{opacity: 0;line-height: 30px;font-size: 16px;margin-bottom: 60px;} .bannerList li a{opacity: 0;color: #333;width: 140px;line-height: 30px;display: block;margin: 0 auto;background: #fff;border-radius: 20px;} .bannerList li div{width: 305px;position: absolute;left: 50%;bottom: 0;height: 80px;transform: translateX(-50%);} .bannerList li.active .line, .bannerList li.active p, .bannerList li.active a{opacity: 1;} .bannerList li.active div{height: 280px;bottom: 50%;transform: translate(-50%,50%);} .bannerList li.active{ background:rgba(24,0,121, 0.3); /* 一些锟斤拷支锟街憋拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷 */ background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5)); background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(24,0,121, 0.5))); background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5)); } .bannerList li a:hover{background: #203071;color: #fff;} .inTitle{padding: 25px 0;height: 24px;} .inTitle h2{font-size: 18px;display: inline-block;} .inTitle h2 span{color: #bfbfbf;font-size: 12px;font-family: arial;display: inline-block;margin-left: 10px;vertical-align: middle;font-weight: normal;} .inTitle a{width: 110px;line-height: 30px;color: rgba(0,0,0,0.5);text-align: center;float: right;background: #F8F8F8;} body{font-size: 0;} .indexBox article{height: 255px;border-top: 1px solid #F3F3F3;border-bottom: 1px solid #F3F3F3;box-sizing: border-box;} .inVideo video{width: 100%;height: 100%;} .inVideo{width: 28%;} .indexBox time b{font-size: 30px;font-family: arial;font-weight: normal;display: block;position: relative;} .indexBox time{display: block;font-size: 12px;font-family: arial;color: rgba(51,51,51,0.4);padding-left: 30px;} .indexBox article a{padding-left: 30px;display: block;margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;text-overflow:ellipsis;} .inNews , .inNotice{width: 26%;} .inNews article, .inNotice article{padding-top: 35px;box-sizing: border-box;padding-left: 50px;} .indexBox time b:after{width: 20px;height: 1px;background: #C6C6C6;content: '';display: block;position: absolute;left: -30px;top: 50%;} .inLink{width: 20%;} .indexBox article a span{color: #c90000;font-weight: bold;} .inNews .inTitle, .inNotice .inTitle{padding-left: 80px;} .inVideo .inTitle{padding-left: 20px;} .inLink article a{height: auto;margin-top: -72px;display: block;} .indexBox article a:hover{color: #193171;} .inLink article{position: relative;z-index: 2;} .inLink article img{display: block;max-width: 100%;width:470px;height:auto;} .inLink .inTitle{position: relative;z-index: 1;} .inNews .swiper-button-prev, .inNews .swiper-button-next{opacity: 0.5; width: 9px;height: 15px;top: auto;bottom: 30px;background-size: cover;} .inNews .swiper-button-prev{left: 80px;} .inNews .swiper-button-next{left: 100px;right: auto;margin-top: 0;} .inNews .swiper-pagination{width: auto;bottom: 29px;left: 120px;opacity: 0.5;} .inNews .swiper-button-prev:hover, .inNews .swiper-button-next:hover{opacity: 1;} .inTitle a:hover{background: #193171;color: #fff;} .bannerImg{position:relative;} .bannerImg img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out;} .bannerImg img.active{opacity: 1;}