@charset "utf-8";
/* CSS Document */
.target {width:100%; height:828px; overflow:hidden; position:relative; margin:0 auto;}
.target img { position:absolute; top:0; left:0; width:100%; height:100%; }

@keyframes scaless {
	0% { transform: scale(1)}
	50%,
	75% { transform: scale(30)}
	78%,
	100% {opacity: 0}
	}


  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:828px;}
  .lubo_box{ position: relative; width: 100%; height:828px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:828px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 828px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 37%;}
  .left_btn, .right_btn{ width: 30px; height: 180px; opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 180px; font-size: 60px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left; margin-left:5%;}
  .right_btn{ float: right; margin-right:5%;}


.eavesdropping-circle {
	position: absolute;
	display: inline-block;
}
.eavesdropping-circle.cir01 {top:50px; left:104px;
	width: 74px;
	height: 74px;
}
.eavesdropping-circle.cir02 {top:-15px; left:471px;
	width: 74px;
	height: 74px;
}
.eavesdropping-circle.cir03 { top:55px; left:635px;
	width: 74px;
	height: 74px;
}
.eavesdropping-circle.cir04 {top:110px; left:440px;
	width: 74px;
	height: 74px;
}
.eavesdropping-circle > span:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.eavesdropping-circle > span:nth-child(3) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.eavesdropping-circle > span:nth-child(4) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.eavesdropping-circle > span:nth-child(5) {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.eavesdropping-circle > span:nth-child(6) {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
.eavesdropping-circle > span {
	border: 1px solid rgba(233, 118, 49, 0.7);
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: eavesdropping-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
	animation: eavesdropping-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite;
}
.eavesdropping-circle i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	border: 2px solid #e97631;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
 @keyframes eavesdropping-circle {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0.5;
}
 50% {
 opacity: 1.0;
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0;
}
}