
.p1_text {
	position: absolute;
	top: 90%;
	left: 50%;
	z-index: 190;
	width: 42px;
	height: 24px;
	background: url(../images/up.png) no-repeat left top;
	background-size: cover;
	margin-left: -21px;
	-webkit-animation: moveIconUpp 1.5s ease infinite;
	animation: moveToBottom 1.5s ease infinite;
}
 @-webkit-keyframes moveIconUp {
 0% {
 -webkit-transform: translateY(100%);
 opacity: 0;
}
 50% {
 -webkit-transform: translateY(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(-100%);
 opacity: 0;
}
}
 @keyframes moveIconUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 opacity: 0;
}
 50% {
 -webkit-transform: translateY(0%);
 transform: translateY(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 opacity: 0;
}
}
 @-webkit-keyframes moveIconUpp {
 50% {
 -webkit-transform: translateY(80%);
 opacity: 1;
}
 50% {
 -webkit-transform: translateY(50%);
 opacity: 1;
}
 50% {
 -webkit-transform: translateY(100%);
 opacity: 1;
}
}
 @keyframes moveIconUpp {
 50% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 opacity: 1;
}
 50% {
 -webkit-transform: translateY(100%);
 transform: translateY(50%);
 opacity: 1;
}
 50% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 opacity: 1;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
 @-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 -ms-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 -ms-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 -ms-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
 @-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 -ms-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 -ms-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 -ms-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 -ms-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.mp_loading {
	z-index: 9999999999999999999;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0063ee;
	left: 0;
	top: 0;
	z-index: 999;
}
.mp_loading_cont {
	z-index: 9999999999999999999;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -19px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s ease-in-out 0.16s infinite;
	animation: load7 1.8s ease-in-out 0.16s infinite;
	-moz-animation: load7 1.8s ease-in-out 0.16s infinite;
	-ms-animation: load7 1.8s ease-in-out 0.16s infinite;
}
.mp_loading_cont:before, .mp_loading_cont:after, .mp_loading_cont {
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
}
.mp_loading_cont:before {
	z-index: 9999999999999999999;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s ease-in-out 0s infinite;
	animation: load7 1.8s ease-in-out 0s infinite;
	-moz-animation: load7 1.8s ease-in-out 0s infinite;
	-ms-animation: load7 1.8s ease-in-out 0s infinite;
}
.mp_loading_cont:before {
	left: -3.5em;
}
.mp_loading_cont:after {
	left: 3.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s ease-in-out 0.32s infinite;
	animation: load7 1.8s ease-in-out 0.32s infinite;
	-moz-animation: load7 1.8s ease-in-out 0.32s infinite;
	-ms-animation: load7 1.8s ease-in-out 0.32s infinite;
}
.mp_loading_cont:before, .mp_loading_cont:after {
	content: '';
	position: absolute;
	top: 0;
}
 @-webkit-keyframes load7 {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.3em #ffffff;
}
 40% {
 box-shadow: 0 2.5em 0 0 #FFF;
}
}
@keyframes load7 {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.3em #ffffff;
}
 40% {
 box-shadow: 0 2.5em 0 0 #FFF;
}
}
/*第一页*/

.bg1 {
	background: url(../images/bg-1.jpg?v=1) no-repeat center center #ffffff;
	background-size: cover;
}
.one {
    position: absolute;
    top: 11%;
    left: 50%;
    margin-left: -129px;
}

.name {
    position: absolute;
    top: 8%;
    left: 50%;
    margin-left: -318px;
    z-index: 2;
}

.na2 {
    position: absolute;
   bottom:0;

}

.na3 {
	position: absolute;
    top: 5%;
    left: 9%;
    z-index: 2;
}

	


.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
.wjname {
	position: absolute;
	widow: 237px;
	height: 67px;
	left: 4%;
	bottom: 45%;
}
.swiper-slide-active .wjname {
	-webkit-animation: bounceInLeft 2s linear 2.2s 1;
	animation: bounceInLeft 2s linear 2.2s 1;
	-webkit-animation-fill-mode: both;
}
.p1_text {
	position: absolute;
    top: 90%;
	left: 50%;
	margin-left: -18px;
	width: 44px;
	height: 44px;
	background: url(../images/b0.png) no-repeat left top;
	background-size: cover;
	-webkit-animation-delay: 2s; /*延迟时间*/
	animation: moveToBottom 1.5s ease infinite;
	-webkit-animation: moveIconUpp 1.5s ease infinite;
	z-index: 999999999;
}


/*第二页*/
.bg2 {
	background: url(../images/bg-2.jpg) no-repeat center center #ffffff;
	background-size: cover;
}

.three2 {
    position: absolute;
	top: 11%;
    left: 50%;
    margin-left: -269.5px;
}
.three3 {
    position: absolute;
    top: 41%;
    left: 50%;
    margin-left: -170.5px;
    z-index: 4;
}
.na4 {
	position: absolute;
    top: 31%;
    left: 50%;
    margin-left: -283px;
    z-index: 2;
}




/*第三页*/
.bg3 {
	background: url(../images/bg-3.jpg) no-repeat center center #ffffff;
	background-size: cover;
}

.na6 {
    position: absolute;
    top: 8%;
    left: 50%;
    margin-left: -213px;
    z-index: 2;
}

.na7 {
    position: absolute;
    left: 50%;
    top: 20%;
    bottom: 12%;
    margin-left: -265px;
    z-index: 2;
}

.na8 {
    position: absolute;
    left: 50%;
    top: 52%;
    margin-left: -265px;
    z-index: 2;
}


/*第四页*/
.bg4 {
	background: url(../images/bg-3.jpg) no-repeat center center #ffffff;
	background-size: cover;
}
.na9 {
    position: absolute;
    left: 50%;
    top: 9%;
    margin-left: -170px;
}
.na10{
    position: absolute;
    top: 23%;
    left: 47%;
    z-index: 2;
    margin-left: -170.5px;
}

.na11{
    position: absolute;
    top: 32%;
    left: 4%;
    z-index: 5;
}
.na12 {
    position: absolute;
    top: 56%;
    left: 44%;
    z-index: 2;
    margin-left: -221.5px;
}

/*第五页*/
.bg5{
	background: url(../images/bg-3.jpg) no-repeat center center #ffffff;
	background-size: cover;
}
.na13 {
    position: absolute;
    left: 50%;
	bottom: -4px;
    margin-left: -255.5px;
}
.na14{
	position: absolute;
	left: 50%;
	bottom: -4px;
    z-index: 2;
    margin-left: -255.5px;
}
.na115{
	position: absolute;
    top: 8%;
    left: 50%;
    z-index: 2;
    margin-left: -82px;
}


/*第六页*/
.bg6 {
	background: url(../images/bg-4.jpg) no-repeat center center #ffffff;
	background-size: cover;
}
.na15{
    position: absolute;
    top: 8%;
    left: 50%;
    margin-left: -91.5px;
}
.na16 {
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 2;
    margin-left: -222.5px;
}

.na17 {
    position: absolute;
    top: 77%;
    left: 50%;
    z-index: 2;
    margin-left: -211px;
}


#JobSwiper .swiper-pagination {
	bottom: -40px;
}
.job_btn {
	position: absolute;
	bottom: 20px;
	left: 70%;
	width: 127px;
	height: 43px;
	background: url(../images/an1.png) no-repeat;
	z-index: 999;
}

