* {
	margin:0px;
	padding:0px;
	font-family:Microsoft YaHei;
	box-sizing: border-box;
	outline: 0;
}
a {
	text-decoration: none;
}
ul li {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
fieldset, iframe, img {
	border: 0
}
i {
	font-style: inherit;
}
.clear {
	clear: both;
}
b, strong {
	font-weight: 700
}
@font-face{
	src:url(../font/Frhnd521.ttf);
	font-family:'Frhnd521.ttf';
}















.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide.xqi{
	background:none;
}
.sen_a{
	margin:50px 0 0 0;
}
.sdlo{
	width:auto;
	float:left;
	margin:0px 134px 0px 50px;
}
.sdlo img{
	width:100%;
}
.sen_b{
	float:left;
}
.sen_b ul{
	margin-top:22px;
}
.sen_b ul li{
	float:left;
	margin-right:62px;
	line-height:16px;
	position:relative;
	padding-bottom:38px;
}
.sen_b ul li dl{
	position:absolute;
	top:54px;
	left:50%;
	transform:translate(-50%,0);
	background:#fff;
	width:156px;
	z-index:99999;
	display:none;
}
.sen_b ul li:hover dl{
	display:block;
}
.sen_b ul li dl dt{
	line-height:48px;
	text-align:center;
	transition:all 0.35s ease;
}

.sen_b ul li dl dt a{
	width:100%;
	height:100%;
	display:block;
	font-size:14px;
	color:#666;
	transition:all 0.35s ease;
}
.sen_b ul li dl dt a:hover{
	color:#fff;
}
.sen_b ul li dl dt:hover{
	background:#0067e6;
}
.sen_b ul li a{
	width:100%;
	height:100%;
	display:block;
	font-size:16px;
	color:#333333;
}
.sen_b ul li a:hover{
	color:#0067e6;
}
.sen_b ul li:last-child{
	margin-right:0;
}
.sen_xian{
	width:100%;
	height:2px;
	background:#0067e6;
	margin-bottom:15px;
	opacity:0;
	position:absolute;
	bottom:60px;
}
.sen_b ul li:hover .sen_xian{
	opacity:1;
}

.sen_b ul li.sen_c a{
	color:#0067e6;
}
.sen_b ul li.sen_c .sen_xian{
	opacity:1;
}
.sen_d{
	display:block;
	float:right;
	background:#0067e6;
	padding:38px 46px;
	margin-top:-50px;
}
.sen_d1{
	float:left;
	margin-right:20px;
}
.sen_d2{
	float:left;
	font-size:28px;
	line-height:50px;
	color:#fff;
}
.abo_a{
	margin-top:46px;
}
.abo_a1{
	font-size:18px;
	line-height:18px;
	color:#0067e6;
	text-align:center;
	font-family:'Frhnd521.ttf';
	padding-bottom:10px;
}
.abo_a2{
	font-size:24px;
	line-height:24px;
	color:#333333;
	text-align:center;
}
.abo_a3{
	width:8%;
	height:3px;
	background:#0067e6;
	margin:0 auto;
	margin-top:18px;
	margin-bottom:26px;
}
.abo_a4{
	font-size:14px;
	line-height:30px;
	color:#666666;
	padding:0 3px;
	text-align:center;
}
.abo_b{
	width:100%;
	margin-top:38px;
}
.abo_b img{
	margin:0 auto;
}

/*光*/
.img-z{
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.img-z1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.y{
	width: 2px;
	height: 1px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 2px;
	height: 1px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 1px;
	height: 2px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 1px;
	height: 2px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}

.y1{
	top: 36%;
	left: 5%;
	animation:y1 1s infinite linear;
}
@keyframes y1{
  0%{
  	top: 36%;
	left: 5%;
  }
  100%{
  	top: 36%;
	left: 10.8%;
  }
}
.y2{
	top: 36%;
	left: 10.8%;
	animation:y2 1s infinite linear;
}
@keyframes y2{
  0%{
  	top: 36%;
	left: 10.8%;
  }
  100%{
  	top: 36%;
	left: 17.3%;
  }
}
.y3{
	top: 36%;
	left: 17.3%;
	animation:y3 1s infinite linear;
}
@keyframes y3{
  0%{
  	top: 36%;
	left: 17.3%;
  }
  100%{
  	top: 36%;
	left: 24%;
  }
}
.y4{
	top: 36%;
	left: 24.5%;
	animation:y4 0.7s infinite linear;
}
@keyframes y4{
  0%{
  	top: 36%;
	left: 24.5%;
  }
  100%{
  	top: 36%;
	left: 27%;
  }
}
.y5{
	top: 62.7%;
	left: 7.5%;
	animation:y5 1.5s infinite linear;
}
@keyframes y5{
  0%{
  	top: 62.7%;
	left: 7.5%;
  }
  100%{
  	top: 62.7%;
	left: 15.8%;
  }
}
.y6{
	top: 62.7%;
	left: 30.2%;
	animation:y6 0.8s infinite linear;
}
@keyframes y6{
  0%{
  	top: 62.7%;
	left: 30.2%;
  }
  100%{
  	top: 62.7%;
	left: 27.2%;
  }
}
.y7{
	top: 36%;
	left: 43%;
	animation:y7 1s infinite linear;
}
@keyframes y7{
  0%{
  	top: 36%;
	left: 43%;
  }
  100%{
  	top: 36%;
	left: 36.8%;
  }
}
.y8{
	top: 36%;
	left: 36.8%;
	animation:y8 1s infinite linear;
}
@keyframes y8{
  0%{
  	top: 36%;
	left: 36.8%;
  }
  100%{
  	top: 36%;
	left: 30.5%;
  }
}
.y9{
	top: 36%;
	left: 29.6%;
	animation:y9 0.7s infinite linear;
}
@keyframes y9{
  0%{
  	top: 36%;
	left: 30.2%;
  }
  100%{
  	top: 36%;
	left: 27.5%;
  }
}
.y10{
	top: 62.7%;
	left: 38.6%;
	animation:y10 1.2s infinite linear;
}
@keyframes y10{
  0%{
  	top: 62.7%;
	left: 38.6%;
  }
  100%{
  	top: 62.7%;
	left: 30.5%;
  }
}
.y11{
	top: 36%;
	left: 27.4%;
	animation:y11 1.2s infinite linear;
}
@keyframes y11{
  0%{
  	top: 36%;
	left: 27.4%;
  }
  100%{
  	top: 45.9%;
	left: 27.4%;
  }
}
.y12{
	top: 48.7%;
	left: 16.6%;
	animation:y12 1.2s infinite linear;
}
@keyframes y12{
  0%{
  	top: 48.7%;
	left: 19.6%;
  }
  100%{
  	top: 48.7%;
	left: 25.1%;
  }
}
.y13{
	top: 48.7%;
	left: 29.3%;
	animation:y13 1.2s infinite linear;
}
@keyframes y13{
  0%{
  	top: 48.7%;
	left: 29.3%;
  }
  100%{
  	top: 48.7%;
	left: 33.9%;
  }
}
.y14{
	top: 62.3%;
	left: 27.4%;
	animation:y14 1.2s infinite linear;
}
@keyframes y14{
  0%{
  	top: 62.3%;
	left: 27.4%;
  }
  100%{
  	top: 56.3%;
	left: 27.4%;
  }
}
.y15{
	top: 62.7%;
	left: 22.9%;
	animation:y15 1s infinite linear;
}
@keyframes y15{
  0%{
  	top: 62.7%;
	left: 22.9%;
  }
  100%{
  	top: 62.7%;
	left: 27.1%;
  }
}
.y16{
	top: 62.7%;
	left: 16%;
	animation:y16 1.2s infinite linear;
}
@keyframes y16{
  0%{
  	top: 62.7%;
	left: 16%;
  }
  100%{
  	top: 62.7%;
	left: 23.2%;
  }
}
.y17{
	top: 56.1%;
	left: 46.6%;
	animation:y17 1s infinite linear;
}
@keyframes y17{
  0%{
  	top: 56.1%;
	left: 46.6%;
  }
  100%{
  	top: 49.1%;
	left: 46.6%;
  }
}
.y18{
	top: 48.7%;
	left: 38.9%;
	animation:y18 1.8s infinite linear;
}
@keyframes y18{
  0%{
  	top: 48.7%;
	left: 38.9%;
  }
  100%{
  	top: 48.7%;
	left: 49.1%;
  }
}
.y19{
	top: 48.6%;
	left: 53.4%;
	animation:y19 2s infinite linear;
}
@keyframes y19{
  0%{
  	top: 48.6%;
	left: 53.4%;
  }
  100%{
  	top: 48.6%;
	left: 62.5%;
  }
}
.y20{
	top: 47.2%;
	left: 52.9%;
	animation:y20 2s infinite linear;
}
@keyframes y20{
  0%{
  	top: 47.2%;
	left: 52.9%;
  }
  100%{
  	top: 47.2%;
	left: 62.1%;
  }
}
.y21{
	top: 49.8%;
	left: 54.5%;
	animation:y21 2s infinite linear;
}
@keyframes y21{
  0%{
  	top: 49.8%;
	left: 52.9%;
  }
  100%{
  	top: 49.8%;
	left: 62.1%;
  }
}
.y22{
	top: 32%;
	left: 62.5%;
	animation:y22 2s infinite linear;
}
@keyframes y22{
  0%{
  	top: 32%;
	left: 62.5%;
  }
  100%{
  	top: 32%;
	left: 76.3%;
  }
}
.y23{
	top: 32%;
	left: 76.9%;
	animation:y23 1.5s infinite linear;
}
@keyframes y23{
  0%{
  	top: 32%;
	left: 76.9%;
  }
  100%{
  	top: 32%;
	left: 85.3%;
  }
}
.y24{
	top: 32%;
	left: 85.8%;
	animation:y24 1.5s infinite linear;
}
@keyframes y24{
  0%{
  	top: 32%;
	left: 85.8%;
  }
  100%{
  	top: 32%;
	left: 94%;
  }
}
.y25{
	top: 66.5%;
	left: 62.5%;
	animation:y25 2s infinite linear;
}
@keyframes y25{
    0%{
  	top: 66.5%;
	left: 62.5%;
  }
  100%{
  	top: 66.5%;
	left: 76.3%;
  }
}
.y26{
	top: 66.5%;
	left: 76.9%;
	animation:y26 1.5s infinite linear;
}
@keyframes y26{
  0%{
  	top: 66.5%;
	left: 76.9%;
  }
  100%{
  	top: 66.5%;
	left: 85.3%;
  }
}
.y27{
	top: 66.5%;
	left: 85.8%;
	animation:y27 1.5s infinite linear;
}
@keyframes y27{
  0%{
  	top: 66.5%;
	left: 85.8%;
  }
  100%{
  	top: 66.5%;
	left: 94%;
  }
}
.y28{
	top: 50.3%;
	left: 62.4%;
	animation:y28 1.2s infinite linear;
}
@keyframes y28{
  0%{
  	top: 50.3%;
	left: 62.4%;
  }
  100%{
  	top: 65.9%;
	left: 62.4%;
  }
}
.y29{
	top: 46.5%;
	left: 62.4%;
	animation:y29 1.2s infinite linear;
}
@keyframes y29{
  0%{
  	top: 46.5%;
	left: 62.4%;
  }
  100%{
  	top: 32%;
	left: 62.4%;
  }
}
.y30{
	top: 32.3%;
	left: 76.7%;
	animation:y30 0.8s infinite linear;
}
@keyframes y30{
  0%{
  	top: 32.3%;
	left: 76.7%;
  }
  100%{
  	top: 37.3%;
	left: 76.7%;
  }
}
.y31{
	top: 66%;
	left: 76.8%;
	animation:y31 0.8s infinite linear;
}
@keyframes y31{
  0%{
  	top: 66%;
	left: 76.8%;
  }
  100%{
  	top: 62%;
	left: 76.8%;
  }
}
.y32{
	top: 66%;
	left: 85.6%;
	animation:y32 0.8s infinite linear;
}
@keyframes y32{
  0%{
  	top: 66%;
	left: 85.6%;
  }
  100%{
  	top: 62%;
	left: 85.6%;
  }
}
.y33{
	top: 66%;
	left: 94.4%;
	animation:y33 0.8s infinite linear;
}
@keyframes y33{
  0%{
  	top: 66%;
	left: 94.4%;
  }
  100%{
  	top: 62%;
	left: 94.4%;
  }
}
.y34{
	top: 32.3%;
	left: 85.6%;
	animation:y34 0.8s infinite linear;
}
@keyframes y34{
  0%{
  	top: 32.3%;
	left: 85.6%;
  }
  100%{
  	top: 37.3%;
	left: 85.6%;
  }
}
.y35{
	top: 32.3%;
	left: 94.3%;
	animation:y35 0.8s infinite linear;
}
@keyframes y35{
  0%{
  	top: 32.3%;
	left: 94.3%;
  }
  100%{
  	top: 37.3%;
	left: 94.3%;
  }
}
.y36{
	top: 37.3%;
	left: 76.8%;
	animation:y36 1.5s infinite linear;
}
@keyframes y36{
  0%{
  	top: 37.3%;
	left: 76.8%;
  }
  100%{
  	top: 11.3%;
	left: 76.8%;
  }
}
.y37{
	top: 11.1%;
	left: 76.6%;
	animation:y37 1s infinite linear;
}
@keyframes y37{
  0%{
  	top: 11.1%;
	left: 76.8%;
  }
  100%{
  	top: 11.1%;
	left: 71.5%;
  }
}
.y38{
	top: 26.1%;
	left: 76.6%;
	animation:y38 1s infinite linear;
}
@keyframes y38{
  0%{
  	top: 26.1%;
	left: 76.8%;
  }
  100%{
  	top: 26.1%;
	left: 70.6%;
  }
}
.y39{
	top: 46.7%;
	left: 66.9%;
	animation:y39 1s infinite linear;
}
@keyframes y39{
  0%{
  	top: 46.7%;
	left: 66.9%;
  }
  100%{
  	top: 46.7%;
	left: 71.9%;
  }
}
.y40{
	top: 46.7%;
	left: 72.3%;
	animation:y40 1s infinite linear;
}
@keyframes y40{
  0%{
  	top: 46.7%;
	left: 72.3%;
  }
  100%{
  	top: 46.7%;
	left: 83.2%;
  }
}
.y41{
	top: 46.7%;
	left: 83.5%;
	animation:y41 1s infinite linear;
}
@keyframes y41{
  0%{
  	top: 46.7%;
	left: 83.5%;
  }
  100%{
  	top: 46.7%;
	left: 87%;
  }
}
.y42{
	top: 46.7%;
	left: 87.3%;
	animation:y42 1s infinite linear;
}
@keyframes y42{
  0%{
  	top: 46.7%;
	left: 87.3%;
  }
  100%{
  	top: 46.7%;
	left: 92.5%;
  }
}
.x{
	width: 2px;
	height: 1px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.x1{
	top: 23.5%;
	left: 18.5%;
	animation:x1 1s infinite linear;
}
@keyframes x1{
  0%{
  	top: 23.5%;
	left: 18.5%;
  }
  100%{
  	top: 23.5%;
	left: 21.6%;
  }
}
.x2{
	top: 33.8%;
	left: 18.5%;
	animation:x2 0.7s infinite linear;
}
@keyframes x2{
  0%{
  	top: 33.7%;
	left: 18.5%;
  }
  100%{
  	top: 33.7%;
	left: 19.7%;
  }
}
.x3{
	top: 43.5%;
	left: 18.5%;
	animation:x3 0.7s infinite linear;
}
@keyframes x3{
  0%{
  	top: 43.4%;
	left: 18.5%;
  }
  100%{
  	top: 43.4%;
	left: 19.7%;
  }
}
.x4{
	top: 53.2%;
	left: 18.5%;
	animation:x4 0.7s infinite linear;
}
@keyframes x4{
  0%{
  	top: 53.1%;
	left: 18.5%;
  }
  100%{
  	top: 53.1%;
	left: 19.7%;
  }
}
.x5{
	top: 62.9%;
	left: 18.5%;
	animation:x5 0.7s infinite linear;
}
@keyframes x5{
  0%{
  	top: 62.8%;
	left: 18.5%;
  }
  100%{
  	top: 62.8%;
	left: 19.7%;
  }
}
.x6{
	top: 69.9%;
	left: 18.5%;
	animation:x6 0.7s infinite linear;
}
@keyframes x6{
  0%{
  	top: 69.9%;
	left: 18.5%;
  }
  100%{
  	top: 69.9%;
	left: 19.7%;
  }
}
.x7{
	top: 78.6%;
	left: 18.5%;
	animation:x7 0.7s infinite linear;
}
@keyframes x7{
  0%{
  	top: 78.6%;
	left: 18.5%;
  }
  100%{
  	top: 78.6%;
	left: 19.7%;
  }
}
.x8{
	border-radius: 50px;
	position: absolute;
	top: 88.2%;
	left: 18.5%;
	animation:x8 0.7s infinite linear;
}
@keyframes x8{
  0%{
  	top: 88.2%;
	left: 18.5%;
  }
  100%{
  	top: 88.2%;
	left: 19.7%;
  }
}
.x9{
	border-radius: 50px;
	position: absolute;
	top: 38.7%;
	left: 20.1%;
	animation:x9 1s infinite linear;
}
@keyframes x9{
  0%{
  	top: 38.7%;
	left: 20.1%;
  }
  100%{
  	top: 38.7%;
	left: 23%;
  }
}
.x10{
	border-radius: 50px;
	position: absolute;
	top: 35.4%;
	left: 27.9%;
	animation:x10 2.2s infinite linear;
}
@keyframes x10{
  0%{
  	top: 35.4%;
	left: 27.1%;
  }
  100%{
  	top: 35.4%;
	left: 42.7%;
  }
}
.x11{
	top: 37.6%;
	left: 38.5%;
	animation:x11 1s infinite linear;
}
@keyframes x11{
  0%{
  	top: 37.6%;
	left: 38.5%;
  }
  100%{
  	top: 37.6%;
	left: 41.6%;
  }
}
.x12{
	top: 71.6%;
	left: 38.5%;
	animation:x12 1s infinite linear;
}
@keyframes x12{
  0%{
  	top: 71.6%;
	left: 38.5%;
  }
  100%{
  	top: 71.6%;
	left: 41.6%;
  }
}
.x13{
	top: 39.9%;
	left: 46%;
	animation:x13 1.5s infinite linear;
}
@keyframes x13{
  0%{
  	top: 39.9%;
	left: 46%;
  }
  100%{
  	top: 39.9%;
	left: 54.5%;
  }
}
.x14{
	top: 55%;
	left: 45%;
	animation:x14 1.5s infinite linear;
}
@keyframes x14{
  0%{
  	top: 55%;
	left: 45%;
  }
  100%{
  	top: 55%;
	left: 54.5%;
  }
}
.x15{
	top: 34.4%;
	left: 54.9%;
	animation:x15 1.5s infinite linear;
}
@keyframes x15{
  0%{
  	top: 34.4%;
	left: 54.9%;
  }
  100%{
  	top: 34.4%;
	left: 61.5%;
  }
}
.x16{
	top: 59%;
	left: 54.9%;
	animation:x16 1.5s infinite linear;
}
@keyframes x16{
  0%{
  	top: 59%;
	left: 54.9%;
  }
  100%{
  	top: 59%;
	left: 61.5%;
  }
}
.x17{
	top: 33.9%;
	left: 66.9%;
	animation:x17 0.8s infinite linear;
}
@keyframes x17{
  0%{
  	top: 33.9%;
	left: 66.9%;
  }
  100%{
  	top: 33.9%;
	left: 69.6%;
  }
}
.x18{
	top: 34.7%;
	left: 66.9%;
	animation:x18 0.8s infinite linear;
}
@keyframes x18{
  0%{
  	top: 34.7%;
	left: 66.9%;
  }
  100%{
  	top: 34.7%;
	left: 69.6%;
  }
}
.x19{
	top: 58.4%;
	left: 66.9%;
	animation:x19 0.8s infinite linear;
}
@keyframes x19{
  0%{
  	top: 58.4%;
	left: 66.9%;
  }
  100%{
  	top: 58.4%;
	left: 69.6%;
  }
}
.x20{
	top: 59.2%;
	left: 66.9%;
	animation:x20 0.8s infinite linear;
}
@keyframes x20{
  0%{
  	top: 59.2%;
	left: 66.9%;
  }
  100%{
  	top: 59.2%;
	left: 69.6%;
  }
}
.x21{
	top: 29.3%;
	left: 70.1%;
	animation:x21 1s infinite linear;
}
@keyframes x21{
  0%{
  	top: 29.3%;
	left: 70.1%;
  }
  100%{
  	top: 29.3%;
	left: 73.1%;
  }
}
.x22{
	top: 39.5%;
	left: 70.1%;
	animation:x22 1s infinite linear;
}
@keyframes x22{
  0%{
  	top: 39.5%;
	left: 70.1%;
  }
  100%{
  	top: 39.5%;
	left: 73.1%;
  }
}
.x23{
	top: 56%;
	left: 70.1%;
	animation:x23 1s infinite linear;
}
@keyframes x23{
  0%{
  	top: 56%;
	left: 70.1%;
  }
  100%{
  	top: 56%;
	left: 73.1%;
  }
}
.x24{
	top: 72.9%;
	left: 70.1%;
	animation:x24 1s infinite linear;
}
@keyframes x24{
  0%{
  	top: 72.9%;
	left: 70.1%;
  }
  100%{
  	top: 72.9%;
	left: 73.1%;
  }
}
.x25{
	top: 29.9%;
	left: 81.6%;
	animation:x25 1s infinite linear;
}
@keyframes x25{
  0%{
  	top: 29.9%;
	left: 81.6%;
  }
  100%{
  	top: 29.9%;
	left: 84.4%;
  }
}
.x26{
	top: 30.3%;
	left: 81.6%;
	animation:x26 1s infinite linear;
}
@keyframes x26{
  0%{
  	top: 30.3%;
	left: 81.6%;
  }
  100%{
  	top: 30.3%;
	left: 84.4%;
  }
}
.x27{
	top: 72.2%;
	left: 81.6%;
	animation:x27 1s infinite linear;
}
@keyframes x27{
  0%{
  	top: 72.2%;
	left: 81.6%;
  }
  100%{
  	top: 72.2%;
	left: 84.2%;
  }
}
.x28{
	top: 73.5%;
	left: 81.6%;
	animation:x28 1s infinite linear;
}
@keyframes x28{
  0%{
  	top: 73.5%;
	left: 81.6%;
  }
  100%{
  	top: 73.5%;
	left: 85%;
  }
}
.x29{
	top: 75%;
	left: 80.6%;
	animation:x29 1.2s infinite linear;
}
@keyframes x29{
  0%{
  	top: 75%;
	left: 80.6%;
  }
  100%{
  	top: 75%;
	left: 85%;
  }
}
.x30{
	top: 77.3%;
	left: 79.8%;
	animation:x30 1.2s infinite linear;
}
@keyframes x30{
  0%{
  	top: 77.3%;
	left: 79.8%;
  }
  100%{
  	top: 77.3%;
	left: 84.2%;
  }
}
.x31{
	top: 25.1%;
	left: 84.8%;
	animation:x31 1s infinite linear;
}
@keyframes x31{
  0%{
  	top: 25.1%;
	left: 84.8%;
  }
  100%{
  	top: 25.1%;
	left: 86.9%;
  }
}
.x31{
	top: 25.1%;
	left: 84.8%;
	animation:x31 1s infinite linear;
}
@keyframes x31{
  0%{
  	top: 25.1%;
	left: 84.8%;
  }
  100%{
  	top: 25.1%;
	left: 86.9%;
  }
}
.x32{
	top: 35.3%;
	left: 84.8%;
	animation:x32 1s infinite linear;
}
@keyframes x32{
  0%{
  	top: 35.3%;
	left: 84.8%;
  }
  100%{
  	top: 35.3%;
	left: 86.9%;
  }
}
.x33{
	top: 57.3%;
	left: 84.6%;
	animation:x33 1s infinite linear;
}
@keyframes x33{
  0%{
  	top: 57.3%;
	left: 84.6%;
  }
  100%{
  	top: 57.3%;
	left: 86.9%;
  }
}
.x34{
	top: 86.3%;
	left: 84.6%;
	animation:x34 1s infinite linear;
}
@keyframes x34{
  0%{
  	top: 86.3%;
	left: 84.6%;
  }
  100%{
  	top: 86.3%;
	left: 86.9%;
  }
}
.x35{
	top: 66.9%;
	left: 85.5%;
	animation:x35 1s infinite linear;
}
@keyframes x35{
  0%{
  	top: 66.9%;
	left: 85.5%;
  }
  100%{
  	top: 66.9%;
	left: 86.9%;
  }
}
.x36{
	top: 76.7%;
	left: 85.5%;
	animation:x36 1s infinite linear;
}
@keyframes x36{
  0%{
  	top: 76.7%;
	left: 85.5%;
  }
  100%{
  	top: 76.7%;
	left: 86.9%;
  }
}



.abo_b1{
	font-size:16px;
	line-height:16px;
	color:#333333;
	text-align:center;
	padding-top:16px;
}
.abo_c{
	margin-top:50px;
}
.abo_c ul li .abo_d img{
	width:100%;
}
.abo_c ul li .abo_d{
	position:relative;
}
.abo_c ul li .abo_d .abo_zhe{
	padding:16px 14px;
}
.abo_c ul li .abo_d:hover .abo_zhe{
	opacity:1;
}
.abo_zhe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,103,230,0.85);
	opacity:0;
	transition:all 0.35s ease;
}
.abo_zhes{
	position: relative;
    width: 100%;
    height: 100%;
}
.xian1{
	position: absolute;
    left:0;
    top: 0;
    border-top: 4px #fff solid;
    width: 0%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.6s ease;
}
.abo_c ul li .abo_d:hover .abo_zhes .xian1{
	width:100%;
	opacity:1;
}
.xian1{
	position: absolute;
    left:50%;
    top: 0;
    border-top: 4px #fff solid;
    width: 0%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.6s ease;
}
.abo_c ul li .abo_d:hover .abo_zhes .xian1{
	width:100%;
	opacity:1;
	left:0;
}
.xian2{
	position: absolute;
    left: 0;
    top: 50%;
    border-left: 4px #fff solid;
    width: 100%;
    height: 0%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.6s ease;
}
.abo_c ul li .abo_d:hover .abo_zhes .xian2{
	height:100%;
	opacity:1;
	top:0;
}
.xian3{
	position: absolute;
    left:50%;
    bottom: 0;
    border-bottom: 4px #fff solid;
    width: 0%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.6s ease;
}
.abo_c ul li .abo_d:hover .abo_zhes .xian3{
	width:100%;
	opacity:1;
	left:0;
}
.xian4{
	position: absolute;
    right: 0;
    top: 50%;
    border-right: 4px #fff solid;
    width: 100%;
    height: 0%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.55s ease;
}
.abo_c ul li .abo_d:hover .abo_zhes .xian4{
	height:100%;
	opacity:1;
	top:0;
}
.abo_e{
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.abo_e span{
	font-size:36px;
	color:#fff;
	text-align:center;
	display:block;
}
.abo_e1{
	font-size:20px;
	line-height:20px;
	color:#fff;
	text-align:center;
	padding:12px 0 14px 0;
}
.abo_e2{
	font-size:14px;
	line-height:22px;
	text-align:center;
	color:#fff;
}
.abo_f{
	/*margin-top:46px;*/
}
.abo_f1{
	margin:32px 0 50px 0;
}
.sup{
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0;
}
.sup-a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.sup-a li{
	width: 20%;
	height: 100%;
	position: absolute;
	float: left;
	cursor: pointer;
}
.sup-a li span{
	font-size: 25px;
	color: #333;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	transition: all 0.4s; 
}
.sup-a li:hover span{
	font-size:  20px;
	color: #0168E6;
}
.sup-a li p{
	color: #333;
	font-size: 12px;
	position: absolute;
	width: 100%;
	text-align: center;
	transition: all 0.4s; 
}
.sup-a li:hover p{
	color: #0168E6;
}
.sup-a li:first-child p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(2) p{
	top: 2%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(3) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(4) p{
	top: 2%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(5) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:first-child{
	top: 0%;
	left: 0%;
}
.sup-a li:nth-child(2){
	top: 0%;
	left: 20%;
}
.sup-a li:nth-child(3){
	top: 0%;
	left: 40%;
}
.sup-a li:nth-child(4){
	top: 0%;
	left: 60%;
}
.sup-a li:nth-child(5){
	top: 0%;
	left: 80%;
}

.abo_f1 img{
	width:100%;
}
.abo_g{
	padding:46px 0 78px 0;
	background:#f6f6f6;
	position:relative;
}
.wtk_a{
	background:#fff;
	padding:18px 13px 43px 13px;
}
.wtk_a1{
	font-size:16px;
	line-height:24px;
	color:#333;
	text-align:left;
	position: absolute;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.swiper-container1{
	overflow:hidden;
}
.wtk_a2{
	font-size:14px;
	line-height:24px;
	color:#999999;
	text-align:left;
	padding-top:18px;
	margin-top: 22px;
}
.wtk_a3{
	position:absolute;
	bottom:26px;
	right:26px;
	font-size:14px;
	line-height:14px;
	color:#666666;
}
.abo_h{
	margin:8px;
	position: relative;
}
.swiper-slide.xqi .abo_h:hover{
	box-shadow:0px 0px 27px #c1c1c1;
}
.swiper-slide.xqi .abo_h:hover .wtk_a3{
	color:#0067e6;
}
.abo_i{
	margin-top:46px;
}
.abo_tu{
	position:relative;
}
.abo_tu img{
	width:100%;
}
.abo_lan{
	background:#0067e6;
	padding:22px 18px;
	position:absolute;
	left:0;
	top:0;
	font-size:14px;
	line-height:28px;
	color:#fff;
}
.abo_lan m1{
	font-size:20px;
	color:#fff;
}
.abo_bt{
	font-size:18px;
	line-height:26px;
	color:#333333;
	padding-top:27px;
	padding-bottom:11px;
}
.abo_zi{
	font-size:14px;
	line-height:26px;
	color:#666666;
}
.abo_i1 .abo_i2 .abo_xiao span{
	width:100%;
	display:block;
	text-align:left;
	font-size:28px;
	color:#555555;
	padding-top:6px;
}
.abo_i1 .abo_i2 .abo_xiao{
	padding-right:0px;
}
.abo_i1 .abo_i2 .abo_xiao:hover span{
	color:#0067e6;
}
.abo_i1 .abo_i2 .abo_xiao:hover .abo_bt{
	color:#0067e6;
}



.tr_z m4{
	display:block;
	float:left;
}







.dibu{
	background:#2a2a2a;
	margin-top:100px;
	padding-top:60px;
}
.dibu ul li{
	float:left;
	margin-right:119px;
}
.dibu ul li img{
}
.dibu ul li:nth-child(4){
	margin-right:0;
}
.dibu_a{
	line-height:16px;
	padding:30px 0 22px 18px;
}
.dibu_a a{
	font-size:16px;
	color:#e8e8e8;
}
.dibu_a a:hover{
	color:#157eff;
}
.dibu ul li dl{
	padding-left:18px;
}
.dibu ul li dl dt{
	line-height:14px;
	margin-bottom:16px;
	font-size:14px;
	color:#e8e8e8;
}
.dibu ul li dl dt a{
	font-size:14px;
	color:#e8e8e8;
}
.dibu ul li dl dt a m2{
	color:#157eff;
	padding-right:3px;
}
.dibu ul li dl dt a:hover{
	color:#157eff;
}
.dibu ul li dl dt span{
	font-size:19px;
	color:#157eff;
	padding-right:7px;
}
.hxi{
	width:100%;
	height:1px;
	background:#484848;
	margin-top:30px;
}
.enz{
	padding:24px 0;
	text-align:center;
}
.enz ul{
	display:inline-block;
}
.enz ul li{
	margin-right:18px;
	display:inline-block;
	font-size:12px;
	line-height:12px;
	color:#e8e8e8;
}
.enz ul li a{
	font-size:12px;
	color:#e8e8e8;
}
.enz ul li a:hover{
	color:#157eff;
}
.enz ul li:nth-child(3){
	margin-right:0;
}
.swiper-slide.laoo .tr_z m3{
	opacity:0;
}
.swiper-slide.laoo:hover .tr_z m3{
	opacity:1;
}
.swiper-slide.laoo:hover .tr_z m4{
	color:#0067e6;
}
.abo_i3{
	margin-top:12px;
}
.eji{
	z-index:999999;
}
.gao{
	height:150px;
}
.gao1{
	height:90px;
}





























@media screen and (min-width: 320px){
.swiper-container2{
	overflow:hidden;
	height:423px;
}
.tr_z m3{
	padding-right:0px;
	display:none;
	float:left;
}
.tr_y{
	float:right;
	background:#0067e6;
	font-size:12px;
	line-height:12px;
	color:#fff;
	padding:5px 5px;
}
.tr_z{
	font-size:14px;
	line-height:24px;
	color:#333333;
	float:left;
}
.tr_xz{
	font-size:12px;
	line-height:22px;
	color:#666666;
	padding-top:9px;
	text-align:left;
}


}








@media screen and (min-width: 375px){


}











@media screen and (min-width: 414px){
.tr_z m3{
	display:block;
}
.tr_y{
	padding:6px 10px;
}
.tr_z{
	font-size:16px;
}.tr_xz{
	font-size:14px;
	line-height:25px;
	padding-top:12px;
}
.swiper-container2{
	height:471px;
}




}












@media screen and (min-width: 768px){
.abo_a3{
	width:4.5%;
}


}













@media screen and (min-width: 992px){
.abo_a{
	margin-top:100px;
}
.abo_a1{
	font-size:22px;
	line-height:22px;
	padding-bottom:20px;
}
.abo_a2{
	font-size:36px;
	line-height:36px;
}
.abo_a3{
	width:3.5%;
	height:3px;
	margin-top:31px;
	margin-bottom:48px;
}
.abo_b{
	margin-top:60px;
}
.abo_b1{
	font-size:24px;
	line-height:24px;
	padding-top:35px;
}
.abo_c{
	margin-top:120px;
}
.abo_e span{
	font-size:72px;
}
.abo_e1{
	font-size:28px;
	line-height:28px;
	padding:38px 0 24px 0;
}
.abo_e2{
	font-size:18px;
	line-height:18px;
}
.abo_c ul li .abo_d .abo_zhe{
	padding:33px 25px;
}
.abo_f{
	/*margin-top:100px;*/
}
.abo_f1{
	margin:62px 0 100px 0;
}
.abo_g{
	padding:100px 0 157px 0;
}
.abo_h{
	margin:15px;
}.wtk_a1{
	font-size:22px;
	line-height:22px;
}
.wtk_a2{
	padding-top:18px;
}
.wtk_a{
	padding:32px 26px 68px 26px;
}
.wtk_a3{
	bottom:32px;
	right:46px;
}
.abo_i1 .abo_i2 .abo_xiao span{
	text-align:right;
	font-size:30px;
	padding-top:38px;
}
.tr_z{
	font-size:18px;
	line-height:18px;
}
.tr_z m3{
	padding-right:5px;
}
.tr_y{
	padding:8px 18px;
}
.tr_xz{
	line-height:28px;
}
.abo_i3{
	margin-top:0px;
}
.swiper-container2{
	height:502px;
}
.abo_i{
	margin-top:100px;
}
.gao{
	height:0px;
}
.gao1{
	height:0px;
}
.abo_i1 .abo_i2 .abo_xiao{
	padding-right:30px;
}
.abo_bt{
	line-height:18px;
	padding-bottom:18px;
}
.abo_zi{
	line-height:32px;
}








}

@media (min-width: 768px) and (max-width: 1024px){
	.x{
	width: 4px;
	height: 2px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.img-z1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -0.1%;
	left: 0;
}
@keyframes x9{
  0%{
  	top: 38.7%;
	left: 20.1%;
  }
  100%{
  	top: 38.7%;
	left: 23%;
  }
}
.sup-a li p{
	font-size: 14px;
}
.sup-a li span{
	font-size: 45px;
	color: #333;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.4s; 
}
.sup-a li:hover span{
	font-size: 35px;
}
.sup-a li:nth-child(2) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(3) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(4) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:first-child p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(5) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.y{
	width: 6px;
	height: 2px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 6px;
	height: 2px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 2px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 2px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
}















@media (min-width: 970px) and (max-width: 1024px){
.sdlo {
    margin: 0px 0px 0px 15px;
}
.sdlo{
	width:26%;
}
.sen_b ul li{
	margin-right:24px;
}
.sen_d{
	display:none;
}
.sen_b{
	float:right;
}
.abo_e2 {
    font-size: 16px;
    line-height: 28px;
}
.abo_e1{
	padding:16px 0 14px 0;
}
.abo_e span {
    font-size: 56px;
}
.dibu ul li{
	margin-right:52px;
}
.sen_b ul{
	margin-top:10px;
}
.vik {
    width: 36%;
}
.x{
	width: 4px;
	height: 2px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.img-z1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -0%;
	left: 0;
}

.y{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}

}















@media (min-width: 1024px) and (max-width: 1200px){
.sen_d{
	display:none;
}
.sen_b{
	float:right;
}
.sdlo{
	margin:0px 40px 0px 15px;
	width: 29%;
}
.sen_b ul li{
	margin-right:28px;
}
.dibu ul li{
	margin-right:52px;
}
.x12{
	top: 71.5%;
	left: 38.5%;
	animation:x12 1s infinite linear;
}
.sup-a li p{
	font-size: 16px;
}
.sup-a li span{
	font-size: 60px;
	color: #333;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.4s; 
}
.sup-a li:hover span{
	font-size: 45px;
}
.sup-a li:nth-child(2) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(3) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(4) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:first-child p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(5) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}

.y{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}



@keyframes x12{
  0%{
  	top: 71.5%;
	left: 38.5%;
  }
  100%{
  	top: 71.5%;
	left: 41.6%;
  }
}
.x{
	width: 4px;
	height: 2px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.sup{
	padding: 50px 0;
}
.img-z1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -0%;
	left: 0;
}
@keyframes x1{
  0%{
  	top: 23.6%;
	left: 18.5%;
  }
  100%{
  	top: 23.6%;
	left: 21.6%;
  }
}
@keyframes x10{
  0%{
  	top: 35.5%;
	left: 27.1%;
  }
  100%{
  	top: 35.5%;
	left: 42.7%;
  }
}
@keyframes x11{
  0%{
  	top: 37.8%;
	left: 38.5%;
  }
  100%{
  	top: 37.8%;
	left: 41.6%;
  }
}
@keyframes x17{
  0%{
  	top: 34%;
	left: 66.9%;
  }
  100%{
  	top: 34%;
	left: 69.6%;
  }
}
@keyframes x18{
  0%{
  	top: 34.8%;
	left: 66.9%;
  }
  100%{
  	top: 34.8%;
	left: 69.6%;
  }
}
@keyframes x19{
  0%{
  	top: 58.4%;
	left: 66.9%;
  }
  100%{
  	top: 58.4%;
	left: 69.6%;
  }
}
@keyframes x21{
  0%{
  	top: 29.4%;
	left: 70.1%;
  }
  100%{
  	top: 29.4%;
	left: 73.1%;
  }
}
@keyframes x24{
  0%{
  	top: 72.8%;
	left: 70.1%;
  }
  100%{
  	top: 72.8%;
	left: 73.1%;
  }
}
@keyframes x26{
  0%{
  	top: 30.6%;
	left: 81.6%;
  }
  100%{
  	top: 30.6%;
	left: 84.4%;
  }
}

}

@media (min-width: 1200px) and (max-width: 1800px){
.sen_d{
	display:none;
}
.sdlo{
	margin:0px 0px 0px 15px;
}
.sen_b ul li{
	margin-right:38px;
}
.sen_b{
	float:right;
}

.x{
	width: 6px;
	height: 3px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}

.sup-a li p{
	font-size: 18px;
}
.sup-a li span{
	font-size: 60px;
	color: #333;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.4s; 
}
.sup-a li:hover span{
	font-size: 45px;
}
.sup{
	padding: 50px 0;
}
.sup-a li:nth-child(2) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(3) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(4) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:first-child p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(5) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.y{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
}

@media (min-width: 1306px) and (max-width: 2000px){
	.img-z{
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.img-z img{
	width: 100%;
	position: relative;
}
.img-z1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	border: 1px solid rgba(0,0,0,0);
}
.x{
	width: 6px;
	height: 3px;
	background: #00FFFF;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.sup{
	padding: 50px 0;
}
.sup-a li p{
	font-size: 18px;
}
.sup-a li span{
	font-size: 60px;
	color: #333;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.4s; 
}
.sup-a li:hover span{
	font-size: 45px;
}
.sup-a li:nth-child(2) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(3) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(4) p{
	top: 8%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:first-child p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.sup-a li:nth-child(5) p{
	top: 85%;
	left: 50%;
	transform: translate(-50%,0);
}
.y{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.o{
	width: 6px;
	height: 3px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.z{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
.p{
	width: 3px;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 5px #fff;
	border-radius: 50px;
	position: absolute;
}
}

@media (max-width: 767px){
	.img-z1{
		top: -0.1%;
	}
	@keyframes x31{
  0%{
  	top: 25.2%;
	left: 84.8%;
  }
  100%{
  	top: 25.2%;
	left: 86.9%;
  }
}
@keyframes x14{
  0%{
  	top: 54.8%;
	left: 45%;
  }
  100%{
  	top: 54.8%;
	left: 54.5%;
  }
}
@keyframes x27{
  0%{
  	top: 72.1%;
	left: 81.6%;
  }
  100%{
  	top: 72.1%;
	left: 84.2%;
  }
}


}