/* .banner{background: url(../images/join.png) center top no-repeat;} */
.banner .title h1{text-align: center;font-size: 88px;color: #FFFFFF;}
.banner .title h3{text-align: center; margin-top: 21px;}
.banner .search{text-align: center; margin: 0 auto;}
.gift{padding-top: 120px; padding-bottom: 160px;}
.gift ul li{width: 380px;height: 95px;background: #FFFFFF;border-radius: 0px 0px 0px 0px;margin-right: 30px;margin-bottom: 40px;box-sizing: border-box;padding: 20px 15px;}
.gift ul li:hover:hover img{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}

.gift ul li:nth-child(3n){margin-right: 0;}
.gift ul li img{margin-right: 20px;}
.gift ul li h3{font-weight: 500;font-size: 16px;color: #2A3341;line-height: 22px; margin-top: 5px;}
.gift ul li p{font-weight: 400;font-size: 14px;color: #7A7A7A;line-height: 28px; margin-top: 6px;}

/* environment */
.environment .bangong{position: relative;height: 500px;}
.environment .bangong .box1{width: 774px; height: 435px; position: absolute; left: 0; z-index: 10; top: 0;}
.environment .bangong .box2{width: 665px; height: 374px; position: absolute; left: 535px; top: 28px; z-index: 9;}
.environment .bangong .box2:hover{ scale: 1.08; transform: translate(-38px,10px); z-index: 11;}

/* post */
.post{margin-top: 160px;padding-top: 120px;}
.post ul{justify-content: space-between; padding-bottom: 100px;}
.post ul li{width: 380px;height: 636px;background: #FFFFFF;border-radius: 0px 0px 0px 0px; box-sizing: border-box; padding: 32px 40px 0;}
.post ul li h2{font-weight: 500;font-size: 20px;color: #2A3341;line-height: 22px; margin-bottom: 30px;}
.post ul li article{font-weight: 400;font-size: 12px;color: #7A7A7A;line-height: 28px;}

.post ul li a{width: 120px;height: 32px; line-height: 32px; background: #43A591;border-radius: 38px 38px 38px 38px; color: #fff; display: block; text-align: center; margin: 30px auto;}
.post ul li a:hover{animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 0.8;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;	
	}			
}

.join{margin-top: 120px; margin-bottom: 120px;}
.welcome{background: url(../../images/new/welcome.png) center top no-repeat; height: 400px;}