@charset "utf-8";
/* CSS Document */
.wrapper-box{ width:100%; padding-bottom:195px;/*min-height:685px; height:auto!Important; height:685px; */background:#85dcff  url(../images/job/index_05.jpg) no-repeat center bottom; overflow:hidden;}
/*.wrapper-box .zhao{ height:490px; }*/
.join-top{ width:1180px; margin:0 auto; position:relative; /* position:absolute; left:00px; bottom:485px;*/height:258px;}
.join-top .one{ width:658px; height:168px; position:absolute; right:260px; top:45px;  cursor:pointer;
animation: 6s ease-in-out 0s normal infinite running balloon3;
-moz-animation: 6s ease-in-out 0s normal  infinite running balloon3;
-webkit-animation: 6s ease-in-out 0s normal  infinite running balloon3;
-o-animation: 6s ease-in-out 0s normal  infinite running balloon3;
}
@-webkit-keyframes balloon3 {
	0%, 100% {
		-webkit-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-webkit-transform: translate(-15px, 20px) rotate(5deg);
	}
}
@-moz-keyframes balloon3 {
	0%, 100% {
		-moz-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-moz-transform: translate(-15px, 10px) rotate(5deg);
	}
}
@-o-keyframes balloon3 {
	0%, 100% {
		-o-transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		-o-transform: translate(-15px, 10px) rotate(5deg);
	}
}
@keyframes balloon3 {
	0%, 100% {
		transform: translate(10px, -10px) rotate(-8eg);
	}
	50% {
		transform: translate(-15px, 10px) rotate(5deg);
	}
}

.join-lsit{ /*width:1180px;*/width:872px; height:458px; margin:0 auto;/* position:absolute; left:90px; bottom:200px;*/}
.join-lsit li{ width:264px; float:left;}
.join-lsit li.a,.join-lsit li.c,.join-lsit li.d{ margin-right:40px;}
.join-lsit li a{ width:264px; height:119px; display:block; padding:50px 0 60px; text-align:center;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.join-lsit li a:hover,.join-lsit li a:hover i.ico{-webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px,-10px, 0px); transform: translate3d(0px, -10px, 0px);}
.join-lsit li.a{ margin-left:152px;}
.join-lsit li.a a{ background:url(../images/job/ico_12.png) no-repeat;}
.join-lsit li.b a{ background:url(../images/job/ico_13.png) no-repeat;}
.join-lsit li.c a{ background:url(../images/job/ico_07.png) no-repeat;}
.join-lsit li.d a{ background:url(../images/job/ico_08.png) no-repeat;}
.join-lsit li.e a{ background:url(../images/job/ico_09.png) no-repeat;}
.join-lsit li a i.ico{width:50px; height:50px; display:inline-block; margin-bottom:10px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.join-lsit li.a a i.ico{ background:url(../images/job/a.png) no-repeat;}
.join-lsit li.b a i.ico{ background:url(../images/job/b.png) no-repeat;}
.join-lsit li.c a i.ico{ background:url(../images/job/c.png) no-repeat;}
.join-lsit li.d a i.ico{ background:url(../images/job/d.png) no-repeat;}
.join-lsit li.e a i.ico{ background:url(../images/job/e.png) no-repeat;}
.join-lsit li a em{ color:#fff; display:block; font-size:18px; line-height:32px;}

.footer{ color:#444e5e; background:#171c25; height:65px; line-height:65px; text-align:center;}