.i-wrap3 .inliner-list, .i-wrap3 .inliner-bg{
	width: 666px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -333px;
	z-index: 5;
	background: url(../images/wel15.png) no-repeat center;
	background-size: 100% 100%;
	transform: scale(0);
}
.i-wrap3 .inliner-bg{
	transform: scale(0);
	background: none;
}
.i-wrap3 .inliner-bg span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
    left: 41px;
}
.i-wrap3 .inliner-bg span.one{
	background: url(../images/wel23.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbg 1.2s infinite linear;
    animation: inlinerbg 1.2s infinite linear;

}
.i-wrap3 .inliner-bg span.two{
	background: url(../images/wel24.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: inlinerbgo 1.2s infinite linear;
}
@-webkit-keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}

@keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}
@-webkit-keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform:translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}

@keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}
.i-wrap3 .inliner-list .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.i-wrap3 .inliner-list .bg:nth-child(1){
	width:0;
	background: url(../images/wel17.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(2){
	height: 0;
	background: url(../images/wel18.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(3){
	height: 0;
	top: auto;
	bottom: 0;
	background: url(../images/wel19.png) no-repeat bottom left;
}
.i-wrap3 .inliner-list li{
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../images/wel16.png) no-repeat center;
	transition:all 0.3s;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.i-wrap3 .inliner-list li.li0{
	top: 25%;
    left: 6%;
}
.i-wrap3 .inliner-list li.li1{
	top: 25%;
    left: 93%;
}
.i-wrap3 .inliner-list li.li2{
	top: 99.1%;
    left: 49%;
}
.i-wrap3 .inliner-list li.on{
	background: url(../images/wel16_h.png) no-repeat center;
	background-size: 100% 100%;
}


.i-wrap3{
	overflow:hidden;
}
.svg-box{
	width: 668px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -334px 0 0 -334px;
    z-index: 5;
}
.inliner-banner,.inliner-banner-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 5;
}
.inliner-banner-con{
	background: none;
}
.inliner-banner ul,.inliner-banner-con ul{
	width: 100%;
	height: 100%;
}
.inliner-banner li,.inliner-banner-con li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 100%;
	text-align: center;
	transform: scale(0.8);
	z-index: 1;
}
.inliner-banner li.index,.inliner-banner-con li.index{
	z-index: 2;
}
.inliner-banner li:first-child,.inliner-banner-con li:first-child{
	left: 0;
	transform: scale(1);
}
.inliner-banner li a,.inliner-banner-con li a{
	display: block;
	width: 100%;
	height: 100%;
}
.inliner-banner li .con,.inliner-banner-con li .con{
	display: block;
	width: 606px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -303px;
	transform: scale(0);
}
.inliner-banner li h3,.inliner-banner-con li h3{
	font-size: 36px;
	color: #ffffff;
	line-height: 40px;
}
.inliner-banner li h2,.inliner-banner-con li h2{
	font-size: 45px;
	color: #fff;
	line-height: 51px;
}
.inliner-banner li i,.inliner-banner-con li i{
	width: 28px;
	height: 2px;
	margin: 18px auto 23px;
	display: block;
	background: #798994;
}
.inliner-banner li .font,.inliner-banner-con li .font{
	font-size:18px;
	color: #fff;
	line-height: 32px;
	width: 72%;
	margin: 0 auto;
}
.inliner-banner li .more,.inliner-banner-con li .more{
	width: 178px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image:-webkit-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);
background-image:-moz-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%);
background-image:-o-linear-gradient(0,#04a4fc 0%,#0f4ab4 50%); 
    color: #fff;
    font-size: 14px;
    margin: 60px auto 0;
}