html,body{overflow: hidden;}
.banner .swiper-slide>img{width: 100%; height: 100%;}
.banner{height: 100%;}
.banner_list li,.index_u1 li p,.index_u1 li time,.index_u1 li time:before,.index_u1 li img{transition: 0.4s ease-in-out;}
.banner_list h3{transition: 1.5s ease-in-out;}
.banner_list h1{transition: 1s ease-in-out .4s;}
.banner_list p{transition: 1s ease-in-out .8s;}
.banner_list li:nth-child(1){transition: 1s ease-in-out 1s;}
.banner_list li:nth-child(2){transition: 1s ease-in-out 1.2s;}


.banner_list{position: absolute;width: 100%;top:40%;transform: translateY(-50%);z-index: 22;}
.banner_list h3{font-size: 26px;color: white;font-weight: bold;text-transform: uppercase;}
.banner_list h3:before{content:'';display: block;width: 3px;background: white;height: 10px;margin-bottom: 5px;}
.banner_list h1{font-size: 46px;color: white;margin-top: 25px;}
.banner_list p{font-size: 20px;color:white;margin-top: 15px;}
.banner_list p:after{content: '';display: block;width: 35px;height: 2px;background: white;margin-top: 50px;}
.banner_list ul{margin-top: 60px;}
.banner_list li{display: inline-block;vertical-align: top;margin-right: 8px;}
.banner_list li a{display: block;color: white;font-size: 15px;width: 118px;height: 36px;text-align: center;border:1px solid white;line-height: 36px;}
.banner_list li:hover a{background: #003069;border-color: #003069;}
.index_banner{position: relative;}
.index_banner .swiper-pagination{bottom:250px;text-align: left;box-sizing: border-box;width: 1200px;left: 50%;transform: translateX(-50%);}
.index_banner .swiper-pagination span{width: 8px;height:8px;background: #ccdce8;border:2px solid #ccdce8;opacity: 1;}
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: #003069;}
.index_banner .swiper-slide{overflow: hidden;}


.index_con1{position: absolute;width: 100%;bottom:0;left: 0;z-index: 2;background: rgba(1, 91, 169, 0.9);}
.index_u1{font-size: 0;padding: 15px 0;}
.index_u1 li{display: inline-block;vertical-align: top;width: 30%;box-sizing: border-box;color: white;}
.index_u1 li time{display: block;font-size: 14px;color: lightgray;}
.index_u1 li time:before{content: '';display: inline-block;vertical-align: middle;width: 0px;height: 1px;background: lightgray;}
.index_u1 li p{font-size: 16px;color:lightgray;line-height: 25px;margin-top: 10px;margin-bottom: 10px;}
.index_u1 li:nth-child(2){margin: 0 5%;}
.index_u1 li:hover p,.index_u1 li:hover time{color: white;}
.index_u1 li:hover time:before{width: 35px;margin-right: 10px;}
.index_u1 li:hover img{transform: translateY(5px);}
.index_bo{padding: 10px 0;border-top:1px solid rgba(250,250,250,.5)}
.index_bo span{color: #777;font-size: 12px;}
.index_bo ul{display: inline-block;vertical-align: top;float: right;}
.index_bo ul li{display: inline-block;vertical-align: top;}
.index_bo ul li a{font-size: 12px;color: #777;}
.index_bo ul li a:after{content: '|';display: inline-block;vertical-align: top;margin-top: 1px;margin-left: 8px;margin-right: 3px;}
.index_bo ul li a:hover{color: white;}
.index_bo ul li:last-child a:after{display: none;}




.banner_list h3{transform: translateY(0px);opacity: 1;}
.banner_list h1{transform: translateX(0px);opacity: 1;}
.banner_list p{transform: translateY(0px);opacity:1;}
.banner_list li{transform: translateY(0px);opacity: 1;}
.index_banner .swiper-slide-active .banner_list h3,.index_banner .swiper-slide-active .banner_list p,.index_banner .swiper-slide-active .banner_list li{transform: translateY(0px);opacity: 1;}
.index_banner .swiper-slide-active .banner_list h1{transform: translateX(0px);opacity: 1;}
.index_banner .swiper-slide-active>img{animation:run1 30s linear infinite;}
@keyframes run1{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}

	.banner_list h1{font-size: 35px;}
	.banner_list h3{font-size: 20px}
	.banner_list p{font-size: 16px;}
	.banner_list p:after{margin-top: 20px;}
.banner_list ul{margin-top: 50px;}



.index_banner .swiper-pagination{bottom:150px;opacity: 0;transition: 0.8s ease-in-out .9s;}
.index_banner.active .swiper-pagination{bottom:250px;opacity: 1;}
.index_con1{bottom:-300px;transition: 0.8s ease-in-out 1s;opacity:0 ;}
.index_con1.active{bottom:0;opacity:1;}
