.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;}