/* banner动画 */
	@keyframes circleProgressLoad_right {
		0% {
			transform: rotate(45deg);
		}
	
		50%,
		100% {
			transform: rotate(225deg);
		}
	}
	
	@keyframes circleProgressLoad_left {
	
		0%,
		50% {
			transform: rotate(45deg);
		}
	
		100% {
			transform: rotate(225deg);
		}
	}
	.banner .swiper-pagination{
		text-align: left;
	}
	.banner .swiper-pagination-bullet {
		width: 0.04rem;
		height: 0.04rem;
		background-color: #ffffff;
		opacity: 1;
		color: transparent;
		left: 3rem;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 0.17rem;
		position: relative;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
		margin: 0 0.1rem;
	}
	
	.banner .swiper-pagination-bullet-active {
		opacity: 1;
		width: 0.18rem;
		height: 0.18rem;
		line-height: 0.18rem;
		text-align: center;
		/* border: 0.02rem solid rgba(255, 255, 255, 0.4); */
		background-color: transparent;
		color: #ffffff;
	}
	
	.banner .swiper-pagination-bullet-active .rightcircle {
		
		animation: circleProgressLoad_right 4s linear infinite;
	}
	
	.banner .swiper-pagination-bullet-active .leftcircle {
		
		animation: circleProgressLoad_left 4s linear infinite;
	}
	
	.banner .wrapper_con {
		width: .11rem;
		height: .3rem;
		position: absolute;
		top: -1px;
		display: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	.banner .swiper-pagination-bullet-active .wrapper_con {
		display: block;
	}
	
	.banner .swiper-pagination {
		font-size: 0;
	}
	
	.banner .swiper-pagination>span {
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	
	 .banner .swiper-container-horizontal>.swiper-pagination-bullets {
		/* left:3rem; */
		bottom: .8rem;
	}
	
	 .banner .swiper-pagination-custom {
		/* left:3rem; */
		bottom: .8rem;
	}
	
	.banner .swiper-pagination-fraction {
		/* left:3rem; */
		bottom: .8rem;
	}
	.banner .right {
		right: -1px;
	}
	
	.banner .left {
		left: -1px;
		width: .1rem;
	}
	
	.banner .circleProgress {
		width: 0.18rem;
		height: 0.18rem;
		border: 1px solid transparent;
		border-radius: 50%;
		position: absolute;
		top: 0;
		-webkit-transform: rotate(-135deg);
	}
	
	.banner .rightcircle {
		border-bottom: 1px solid rgba(255,255,255,.6);
		border-left: 1px solid rgba(255,255,255,.6);
		right: 0;
	}
	
	.banner .leftcircle {
		border-top: 1px solid rgba(255,255,255,.6);
		border-right: 1px solid rgba(255,255,255,.6);
		left: 0;
		
	}
	.f-14{
		width: 0.04rem;
		height: .04rem;
		border-radius: 50%;
		background-color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		
	}
	
	
	
	/* 底部动画 */
	.dna {
	  position:absolute;
	  top:-1rem;
	  left:0;
	  z-index:1;
	  -webkit-transform:translate(0,0);
	  transform:translate(0,0);
	  width:100%;
	  height:2.5rem;
	  text-align:center;
	  overflow:hidden;
	  opacity:0.2;
	}
	.dna_section {
	  position:relative;
	  margin:0 0.05rem;
	  width:0.5rem;
	  height:2.5rem;
	  display:inline-block;
	}
	.dna_section .node {
	  position:absolute;
	  top:0;
	  left:0;
	  width:0.5rem;
	  height:0.5rem;
	  border-radius:100%;
	  background:#ccc;
	  -webkit-animation:4s topNode ease-in-out infinite;
			  animation:4s topNode ease-in-out infinite;
	}
	@-webkit-keyframes topNode {
	  0% {-webkit-transform:scale(0.5);transform:scale(0.5);top:0;z-index:10;opacity:0.75;}
	  25% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
	  50% {-webkit-transform:scale(0.5);transform:scale(0.5);top:2rem;z-index:0;opacity:0.75;}
	  75% {-webkit-transform:scale(0.25);transform:scale(0.25);opacity:0.5;}
	  100% {-webkit-transform:scale(0.5);transform:scale(0.5);top:0;opacity:0.75;}
	}
	@keyframes topNode {
	  0% {-webkit-transform:scale(0.5);transform:scale(0.5);top:0;z-index:10;opacity:0.75;}
	  25% {-webkit-transform:scale(1);transform:scale(1);opacity:1;}
	  50% {-webkit-transform:scale(0.5);transform:scale(0.5);top:2rem;z-index:0;opacity:0.75;}
	  75% {-webkit-transform:scale(0.25);transform:scale(0.25);opacity:0.5;}
	  100% {-webkit-transform:scale(0.5);transform:scale(0.5);top:0;opacity:0.75;}
	}
	.dna_section .node.bottom {
	  top:auto;
	  bottom:0;
	  background:#aaa;
	  -webkit-animation:4s bottomNode ease-in-out infinite;
			  animation:4s bottomNode ease-in-out infinite;
	}
	@-webkit-keyframes bottomNode {
	  0% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:0; opacity:0.75;}
	  25% {-webkit-transform:scale(0.25);transform:scale(0.25);opacity:0.5;}
	  50% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:2rem; opacity:0.75;}
	  75% {-webkit-transform:scale(1);transform:scale(1); opacity:1;}
	  100% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:0; opacity:0.75;}
	}
	@keyframes bottomNode {
	  0% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:0; opacity:0.75;}
	  25% {-webkit-transform:scale(0.25);transform:scale(0.25);opacity:0.5;}
	  50% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:2rem; opacity:0.75;}
	  75% {-webkit-transform:scale(1);transform:scale(1); opacity:1;}
	  100% {-webkit-transform:scale(0.5);transform:scale(0.5);bottom:0; opacity:0.75;}
	}
	
	
	
	
	
	@media only screen and (max-width: 750px) {
		
		
	}