/*banner*/
.banner {
	width: 100%;
	height: 100%; overflow:hidden
}
.banner .swiper-slide{ width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .ban{
	display: block;
	width: 100%;
	height: 100%;
	/*-webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;*/
		  
}
.banner  .swiper-slide-active .ban{transform: scale(1.1);transition: all 6s ease 0s;}
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
   100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.banner .pc{
	display: block;
}
.banner .ml{
	display: none;
}

.banner .text{
	position: absolute;
	top: 20%;
	width: 100%;
	left: 0; display:none
}

/********banner-text**********/
.banner .text h3{font-size:45px;
    color: #FFFFFF;
    margin:12px 0;
    margin-bottom:10px; font-family: "yegen" !important;
}
.banner .text h4{font-size:22px;color:#FFFFFF;margin:12px 0;text-shadow: 0 2px 5px rgb(0 0 0 / 50%);font-weight: normal;margin-bottom: 20px;}

.banner .text .tips{
	color: #fff;
}
.banner .text .box{ padding:0 12%; position:relative}
.banner .text s{
	width: 44px;
	height: 3px;
	border-radius: 3px;
	background-color: #0166b3;
	display: block;
	margin: 18px 0 20px;
}
.banner .text .tit{
	color: #fff;
	line-height: 1.5em;
	letter-spacing:8px;
	margin-bottom: 20px;
}

.banner .text  p{
	color: #fff;
	margin-bottom: 26px;
	line-height: 1.5em;
}
.banner .pagination1 {
	bottom: 50px;
}
.banner .pagination1 .swiper-pagination-bullet{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.3);
	margin: 0 50px;
	position: relative;
	cursor: pointer;
	background-color: transparent;
	opacity: 1;
}

.banner .pagination1 .swiper-pagination-bullet-active{
	border: 2px solid rgba(255,255,255,1);
}

.banner .pagination1 .swiper-pagination-bullet::before{
	content: '';
	width: 100px;
	height: 1px;
	background-color: rgba(255,255,255,.3);
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	left: 10px;
}

.banner .pagination1 .swiper-pagination-bullet:last-child::before{
	display: none;
}

.banner .pagination1 .swiper-pagination-bullet img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: none;
	opacity: 0;
}

.banner .pagination1 .swiper-pagination-bullet-active img{
	opacity: 1;
	 animation:turn 1.5s linear infinite;
}
.section .lefed{
	-webkit-transform: translatex(-175%);
	-moz-transform: translatex(-175%);
	-o-transform: translatex(-175%);
	 transform: translatex(-175%);
} 

/* .fpg .section.active .lefed{
	animation: pulsate3 0.8s linear forwards;
	-webkit-animation: pulsate3 0.8s linear forwards;
}  */

.banner .swiper-slide.swiper-slide-active .lefed{
	animation: pulsate3 0.8s linear forwards;
	-webkit-animation: pulsate3 0.8s linear forwards;
}
/* .banner .swiper-slide.swiper-slide-active .lefed{
	opacity: 1;
} */
.banner .swiper-slide .lefed{
	opacity: 0;
}

@keyframes pulsate3 {
	0% {-webkit-transform: translatex(-175%);-moz-transform: translatex(-175%);-o-transform: translatex(-175%);transform: translatex(-175%);opacity: 0;}
	50% {-webkit-transform: translatex(-50%);-moz-transform: translatex(-50%);-o-transform: translatex(-50%);transform: translatex(-50%);opacity:.7;}
	100% {-webkit-transform: translatex(0%);-moz-transform: translatex(0%);-o-transform: translatex(0%);transform: translatex(0%);opacity: 1;}
}
@-webkit-keyframes3  pulsate3 {
	0% {-webkit-transform: translatex(-175%);-moz-transform: translatex(-175%);-o-transform: translatex(-175%);transform: translatex(-175%);opacity: 0;}
	50% {-webkit-transform: translatex(-50%);-moz-transform: translatex(-50%);-o-transform: translatex(-50%);transform: translatex(-50%);opacity: .7;}
	100% {-webkit-transform: translatex(0%);-moz-transform: translatex(0%);-o-transform: translatex(0%);transform: translatex(0%);opacity: 1;}

}





.fpg .section.active .ted1{
    margin-top:5%;
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}

.fpg .section.active .ted2{
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s; /* Safari 和 Chrome */
}


.fpg .section.active .ted3{
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s; /* Safari 和 Chrome */
}
@media screen and (min-width:961px){
	.banner {height: 100%; }
	.banner .ban{ height:100%}
}

@media screen and (max-width:960px){
    .banner .ml,.ml{display: block;}
	.banner .pc,.pc{display: none;}
	.g_more img,.g_more2 img{width: 24px;}
	.g_more ,.g_more2{width: 123px;height: 39px;border-radius: 39px;padding: 0 8px 0 13px;}
	.banner .text p {margin-bottom: 18px;}
	.banner .pagination1 {bottom: 15px;}
	.banner .text h3{font-size:2.45rem;}
.banner .text h4{font-size:1.75rem;}
	
	
	
}