/* 
* Created by heyanjun on 2016/5/23.
* 
*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: -moz-box;
    display:block\9;
    table-layout:fixed;
    width: 100%;
}
.section{overflow: hidden;}
.img,.img-1,.img-2,.img-3,.img-4,.img-5,.img-6{position: absolute;left: 50%;top: 50%;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;}
/*整体加32*/
.section1 .img-1{
	margin-left: -567px;
	margin-top: -191px;
}
.section1 .img-2{
	margin-left: 36px;
	margin-top: -250px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section1.active .img-2{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.section2 .img-1{
	margin-left: -545px;
	margin-top: -236px;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}
.section2 .img-2{
	margin-left: -10px;
	margin-top: -230px;
}
.section2.active .img-1{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.section3 .img-1{
	margin-left: -540px;
	margin-top: -140px;
}
.section3 .img-2{
	margin-left: 30px;
	margin-top: -130px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section3.active .img-2{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


.section4 .img-1{
	margin-left: -561px;
	margin-top: -211px;
}
.section4 .img-2{
	margin-left: -160px;
	margin-top: -33px;
	opacity: 0;
	-webkit-transform: translateX(-800px) scale(0);
	-moz-transform: translateX(-800px) scale(0);
	-o-transform: translateX(-800px) scale(0);
	-ms-transform: translateX(-800px) scale(0);
	transform: translateX(-800px) scale(0);
}
.section4.active .img-2{
	opacity: 1;
	-webkit-transform: translateX(0) scale(1);
	-moz-transform: translateX(0) scale(1);
	-o-transform: translateX(0) scale(1);
	-ms-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
}

.section4 .img-3{
	margin-left: 70px;
	margin-top: -219px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section4.active .img-3{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

/* .section4 .img-1{
	margin-left: -176px;
	margin-top: -220px;
}

.section4 .img-2{
	margin-left: -561px;
	margin-top: -58px;
}
.section4 .img-3{
	margin-left: -370px;
	margin-top: -126px;
}
.section4 .img-4{
	margin-left: 80px;
	margin-top: -58px;
}

.section4 .img-5{
	margin-left: 390px;
	margin-top: -58px;
}
.section4  div{
	opacity: 0;
}
.section4.active div{
	opacity: 1;
} */

.section5 .img-1{
	margin-left: -523px;
	margin-top: -188px;
}

.section5 .img-2{
	margin-left: 15px;
	margin-top: -198px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section5.active .img-2{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section6 .img-1{
	margin-left: -550px;
	margin-top: -230px;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}
.section6.active .img-1{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section6 .img-2{
	margin-left: 30px;
	margin-top: -172px;
}
.section7 .img-1{
	margin-left: -163px;
	margin-top: -220px;
}

.section7 .img-2{
	margin-left: -430px;
	margin-top: -58px;
}
.section7 .img-3{
	margin-left: -163px;
	margin-top: -86px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section7.active .img-3{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section8 .img-1{
	margin-left: -590px;
	margin-top: -220px;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}
.section8.active .img-1{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section8 .img-2{
	margin-left: -35px;
	margin-top: -220px;
}
.section8 .img-3{
	margin-left: 130px;
	margin-top: -220px;
}
.section8 .img-4{
	margin-left: 276px;
	margin-top: -220px;
}

.section8 .img-5{
	margin-left: 440px;
	margin-top: -220px;
}
.section9 .img-1{
	margin-left: -550px;
	margin-top: -240px;
}

.section9 .img-2{
	margin-left: -30px;
	margin-top: 50px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
}
.section9.active .img-2{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section10 .img-1{
	margin-left: -514px;
	margin-top: -145px;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}
.section10.active .img-1{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.section10 .img-2{
	margin-left: -160px;
	margin-top: -245px;
}
.section11 .img-1{
	margin-left: -530px;
	margin-top: -220px;
}

.section11 .img-2{
	margin-left: -420px;
	margin-top: -80px;
	-webkit-transform: translate(310px,1000px);
	-moz-transform: translate(310px,1000px);
	-o-transform: translate(310px,1000px);
	-ms-transform: translate(310px,1000px);
	transform: translate(310px,1000px);
}
.section11 .img-3{
	margin-left: -112px;
	margin-top: -80px;
	-webkit-transform: translate(0,1000px);
	-moz-transform: translate(0,1000px);
	-o-transform: translate(0,1000px);
	-ms-transform: translate(0,1000px);
	transform: translate(0,1000px);
}
.section11 .img-4{
	margin-left: 200px;
	margin-top: -80px;
	-webkit-transform: translate(-310px,1000px);
	-moz-transform: translate(-310px,1000px);
	-o-transform: translate(-310px,1000px);
	-ms-transform: translate(-310px,1000px);
	transform: translate(-310px,1000px);
}
.section12 .img-1{
	transform: translateX(-50%);
	margin-top: -140px;
/*	-webkit-transform: translate(-310px,1000px);
	-moz-transform: translate(-310px,1000px);
	-o-transform: translate(-310px,1000px);
	-ms-transform: translate(-310px,1000px);
	transform: translate(-310px,1000px);*/
}
.section12 .img-2{
	margin-left: -510px;
	margin-top: -260px;
	z-index: 3;
}

.section12 .img-3{
	margin-left: -210px;
	margin-top: -260px;
}
.section12 .img-4{
	margin-left: 80px;
	margin-top: -260px;
}
.section12 .img-5{
	margin-left: 380px;
	margin-top: -260px;
}
.section12 .imgs img{
	position: relative;
	z-index: 2;
}
.section12 .imgs .img{
	height: 0;
	opacity: 0;
	z-index: 0;
	margin-left: -138px;
	margin-top: 30px;
	overflow: hidden;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.section12 .img-1 img{
	position: relative;
	z-index: 0;
}
.section12 .imgs:hover .img{
	height: auto;
	opacity: 1;
	z-index: 0;
	margin-left: -138px;
	margin-top: 30px;
}
.section12 .tit {
	font-size: 34px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -338px;
	margin-left: -340px;
}

.section11.active .img-2{-webkit-animation:  moveSection11 1.6s 0.8s forwards;
-moz-animation:  moveSection11 1.6s 0.8s forwards;
-ms-animation:  moveSection11 1.6s 0.8s forwards;
-o-animation:  moveSection11 1.6s 0.8s forwards;
animation:  moveSection11 1.6s 0.8s forwards;}
.section11.active .img-3{-webkit-animation:  moveSection12 1.6s 0.8s forwards;
-moz-animation:  moveSection12 1.6s 0.8s forwards;
-ms-animation:  moveSection12 1.6s 0.8s forwards;
-o-animation:  moveSection12 1.6s 0.8s forwards;
animation:  moveSection12 1.6s 0.8s forwards;}
.section11.active .img-4{-webkit-animation:  moveSection13 1.6s 0.8s forwards;
-moz-animation:  moveSection13 1.6s 0.8s forwards;
-ms-animation:  moveSection13 1.6s 0.8s forwards;
-o-animation:  moveSection13 1.6s 0.8s forwards;
animation:  moveSection13 1.6s 0.8s forwards;}
@-webkit-keyframes moveSection11{
	0%{-webkit-transform: translate(310px,-1000px);}
	20%{-webkit-transform: translate(310px,0);}
	40%{-webkit-transform: translate(310px,-50px);}
	60%{-webkit-transform: translate(310px,0);}
	100%{-webkit-transform: translate(0,0);}
}
@-moz-keyframes moveSection11{
	0%{-moz-transform: translate(310px,-1000px);}
	20%{-moz-transform: translate(310px,0);}
	40%{-moz-transform: translate(310px,-50px);}
	60%{-moz-transform: translate(310px,0);}
	100%{-moz-transform: translate(0,0);}
}
@-ms-keyframes moveSection11{
	0%{-ms-transform: translate(310px,-1000px);}
	20%{-ms-transform: translate(310px,0);}
	40%{-ms-transform: translate(310px,-50px);}
	60%{-ms-transform: translate(310px,0);}
	100%{-ms-transform: translate(0,0);}
}
@-o-keyframes moveSection11{
	0%{-o-transform: translate(310px,-1000px);}
	20%{-o-transform: translate(310px,0);}
	40%{-o-transform: translate(310px,-50px);}
	60%{-o-transform: translate(310px,0);}
	100%{-o-transform: translate(0,0);}
}
@keyframes moveSection11{
	0%{transform: translate(310px,-1000px);}
	20%{transform: translate(310px,0);}
	40%{transform: translate(310px,-50px);}
	60%{transform: translate(310px,0);}
	100%{transform: translate(0,0);}
}
@-webkit-keyframes moveSection12{
	0%{-webkit-transform: translate(0,-1000px);}
	20%{-webkit-transform: translate(0,0);}
	40%{-webkit-transform: translate(0,-50px);}
	60%{-webkit-transform: translate(0,0);}
	100%{-webkit-transform: translate(0,0);}
}
@-moz-keyframes moveSection12{
	0%{-moz-transform: translate(0,-1000px);}
	20%{-moz-transform: translate(0,0);}
	40%{-moz-transform: translate(0,-50px);}
	60%{-moz-transform: translate(0,0);}
	100%{-moz-transform: translate(0,0);}
}
@-ms-keyframes moveSection12{
	0%{-ms-transform: translate(0,-1000px);}
	20%{-ms-transform: translate(0,0);}
	40%{-ms-transform: translate(0,-50px);}
	60%{-ms-transform: translate(0,0);}
	100%{-ms-transform: translate(0,0);}
}
@-o-keyframes moveSection12{
	0%{-o-transform: translate(0,-1000px);}
	20%{-o-transform: translate(0,0);}
	40%{-o-transform: translate(0,-50px);}
	60%{-o-transform: translate(0,0);}
	100%{-o-transform: translate(0,0);}
}
@keyframes moveSection12{
	0%{transform: translate(0,-1000px);}
	20%{transform: translate(0,0);}
	40%{transform: translate(0,-50px);}
	60%{transform: translate(0,0);}
	100%{transform: translate(0,0);}
}
@-webkit-keyframes moveSection13{
	0%{-webkit-transform: translate(-310px,-1000px);}
	20%{-webkit-transform: translate(-310px,0);}
	40%{-webkit-transform: translate(-310px,-50px);}
	60%{-webkit-transform: translate(-310px,0);}
	100%{-webkit-transform: translate(0,0);}
}
@-moz-keyframes moveSection13{
	0%{-moz-transform: translate(-310px,-1000px);}
	20%{-moz-transform: translate(-310px,0);}
	40%{-moz-transform: translate(-310px,-50px);}
	60%{-moz-transform: translate(-310px,0);}
	100%{-moz-transform: translate(0,0);}
}

@-ms-keyframes moveSection13{
	0%{-ms-transform: translate(-310px,-1000px);}
	20%{-ms-transform: translate(-310px,0);}
	40%{-ms-transform: translate(-310px,-50px);}
	60%{-ms-transform: translate(-310px,0);}
	100%{-ms-transform: translate(0,0);}
}

@-o-keyframes moveSection13{
	0%{-o-transform: translate(-310px,-1000px);}
	20%{-o-transform: translate(-310px,0);}
	40%{-o-transform: translate(-310px,-50px);}
	60%{-o-transform: translate(-310px,0);}
	100%{-o-transform: translate(0,0);}
}

@keyframes moveSection13{
	0%{transform: translate(-310px,-1000px);}
	20%{transform: translate(-310px,0);}
	40%{transform: translate(-310px,-50px);}
	60%{transform: translate(-310px,0);}
	100%{transform: translate(0,0);}
}

@media (max-width: 1200px) {
	.section12 .img-1 {
		padding: 0 2.5rem;
		box-sizing: border-box;
	}
	.section12 .img-1 img {
		display: block;
		width: calc(100vw - 5rem);
	}
}

@media (max-height: 860px) {
	.section12 .tit {
		margin-top: -290px;
	}
	.section12 .img-1 {
		margin-top: -115px;
	}
	.section12 .img-1 img {
		width: auto !important;
		height: 510px;
	}
	.section12 .imgs {
		margin-top: -222px;
	}
	.section12 .imgs>img {
		height: 128px;
	}
}