
/**** 首页 ****/
.wrapper {
	width: 100%;
	float: left;
	background: #131b45 url(/statics/ffsm/xingzuo/img/xz-index.jpg) no-repeat;
	background-size: 100% auto;
}
/*banner图动画*/
.indexBann {
	width: 100%;
	float: left;
	height: 14.3rem;
	position: relative;
	overflow: hidden;
}
.indexBann ul li {
	position: absolute;
}
.indexBann ul li img {
	width: 100%;
	float: left;
}
.indexBann ul li:nth-child(1) {
	width: 100%;
	left: 0;
	top: 0;
}
.indexBann ul li:nth-child(2) {
    width: 8.89rem;
    height: 8.89rem;
    left: 1.7em;
    top: 5.55rem;
	transform: rotateX(105deg);
	-moz-transform: rotateX(105deg);
	-webkit-transform: rotateX(105deg);
	-o-transform: rotateX(105deg);
}
.indexBann ul li:nth-child(3) {
	width: 100%;
	left: 0;
	top: 8.8rem;
}
.indexBann ul li:nth-child(4) {
    width: 9.44rem;
    height: 9.44rem;
    left: 1.7rem;
    top: 8.75rem;
	animation: circle2 15s linear infinite;
	-moz-animation: circle2 15s linear infinite;
	-webkit-animation: circle2 15s linear infinite;
	-o-animation: circle2 15s linear infinite;
}
@keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-moz-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-webkit-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-o-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
.indexBann ul li:nth-child(5) {
    width: 8.66rem;
    height: 8.66rem;
    left: 1.95em;
    top: 4.7rem;
	animation: circle3 15s linear infinite;
	-moz-animation: circle3 15s linear infinite;
	-webkit-animation: circle3 15s linear infinite;
	-o-animation: circle3 15s linear infinite;
}
@keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-moz-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-webkit-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-o-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
.indexBann ul li:nth-child(6) {
    width: 10rem;
    right: 1.5rem;
    top: 6.8rem;
}
.indexBann ul li:nth-child(7) {
    width: 10rem;
    right: 1.5rem;
    top: 6.8rem;
}
.indexBann ul li:nth-child(8) {
    width: 0.4rem;
    right: 10.5rem;
    top: 8.62rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
@keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
.indexBann ul li:nth-child(9) {
    width: 0.3rem;
    right: 2rem;
    top: 6.94rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
.indexBann ul li:nth-child(10) {
	width: .24rem;
	right: 2.2rem;
	top: 7.84rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
.indexBann ul li:nth-child(11) {
    width: 3.5rem;
    left: 8.8rem;
    top: 4.2rem;
    animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
/*banner图动画*/