.mapex-2{
	margin-bottom: 1.75rem;
}
.mapex-2 .map{
	position: relative;
}
.mapex-2 .map-ul{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.mapex-2 .map-ul .i{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover!important;

}
.mapex-2 .map-ul .i3{
	left: 3%;
    top: 5%;
}
.mapex-2 .map-ul .in img{
	width: auto;
}
.mapex-2 .map-ul .in{
	position: absolute;
}
.mapex-2 .map-ul .in1{
	left: 76%;
    top: 38%;
}
.mapex-2 .map-ul .in2{
	left: 80%;
    top: 36%;
}
.mapex-2 .map-ul .in3{
    left: 76%;
    top: 33%;
}
.mapex-2 .map-ul .in4{
	left: 75%;
    top: 48%;
}
.mapex-2 .map-ul .in5{
	left: 73%;
    top: 50%;
}
.mapex-2 .map-ul .in6{
	left: 75%;
    top: 43%;
}
.mapex-2 .map-ul .in7{
	left: 72%;
    top: 36%;
}
.mapex-2 .map-ul .in8{
	left: 74%;
    top: 38%;
}
.mapex-2 .map-ul .in9{
	left: 76%;
    top: 45%;
}
.mapex-2 .map-ul .in10{
	left: 75%;
    top: 35%;
}
.load-box .picture img{
	width: 100%;
}
.mapex-2 .map-ul .lt{
	left: 0;
	top: 0;
}
.mapex-2 .map-ul .bt{
	top: 0;
	right: 0;
}
.mapex-2 .map-ul .rt{
	margin-bottom: 0;
	right: 0;
}
.mapex-2 .map-ul .j{
	animation: widthx 5.5s both linear 0s;
}
.mapimg{
	display: block;
	margin:0 auto;
	width: 100%!important;
}

@-webkit-keyframes stretchdelay {
	0%,40%,100% {
	-webkit-transform:scaleY( 0.4 )
}
20% {
	-webkit-transform:scaleY( 1.0 )
}
}@-moz-keyframes stretchdelay {
	0%,40%,100% {
	-moz-transform:scaleY( 0.4 )
}
20% {
	-moz-transform:scaleY( 1.0 )
}
}@-o-keyframes stretchdelay {
	0%,40%,100% {
	-o-transform:scaleY( 0.4 )
}
20% {
	-o-transform:scaleY( 1.0 )
}
}@keyframes stretchdelay {
	0%,40%,100% {
	transform:scaleY( 0.4 )
}
20% {
	transform:scaleY( 1.0 )
}
}

.load-box .load-text{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	max-width: 300px;
	text-align: center;
	transform:translate(-50%,-50%);
	margin-top: 5rem;

}
.load-box  .wave,.load-box  .span{
	display: inline-block;
	vertical-align: top;
}
.load-box  .span .num{
	display: block;
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	color:#18254c;
	margin-left: 15px;
	width: 100px;
}
.load-box  .wave {
	font-size: 0;
}
.load-box  .wave .ract{
	width: 10px;
	height: 30px;
	display: inline-block;
	margin:0 1px;
	vertical-align: middle;
	animation: stretchdelay 1.2s infinite ease-in-out;
}
.load-box  .wave .ract1{
	background:#530485;
}
.load-box  .wave .ract2{
	animation-delay: -1.1s;
	background:#254bbe;
}
.load-box  .wave .ract3{
	background:#123293;
	animation-delay: -1s;
}
.load-box  .wave .ract4{
	background:#530485;
	animation-delay: -.9s;
}
.load-box  .wave .ract5{
	background:#530485;
	animation-delay: -.8s;
}
@keyframes circle {
  from {
    stroke-dasharray: 0 1069;
  }
  to {
     stroke-dasharray: 1069 0;
  }
}

.idswiper .idpgex .w87 .swiper-pagination-bullet .swiper-pagination-bullet-active .init{
  animation: circle 5s linear;
}

@media screen and (max-width: 767px) {
	.load-box .load-text{
		margin-top: 2rem;
	}
	.load-box .wave .ract{
		width: 5px;

	}
	.load-box .span .num{
		font-size: 15px;
		width: 60px;
		margin-left: 5px;
	}
}