.wrap{position: relative;}
.wrapper{position: relative;}
.pad_top{padding-top: 85px;}

.banner_area{height: 840px;position: relative;}
.banner_box{height: 100%;position: relative;overflow: hidden;}
.banner_box li{position: absolute;width: 100%;height: 100%;}
.banner_box .banner_wp{position: absolute;top: 50%;left: 50%;}
.banner_box li .btn_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner_box li img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner_area .ani_ban .act_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner_area .ani_ban .ic_bird{position: absolute;width: 23.5%;height: auto;top: 22.22%;left: 13.49%;}
.banner_area .ani_ban .ic_rainbow{position: absolute;width: 62.13%;height: auto;bottom: 0;left: 26.4%;top: auto;transform-origin: top left;-webkit-transform-origin: top left;}
.banner_area .ani_ban .ic_txt{position: absolute;width: 26.09%;height: 11.3%;top: 22.41%;left: 53.75%;}

.show .ani_ban .act_img{
	animation: actimg_effect .8s both ease;
	-webkit-animation: actimg_effect .8s both ease;
} 
@keyframes actimg_effect{
	0%{transform: translate(800px,500px);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes actimg_effect{
	0%{-webkit-transform: translate(800px,500px);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.show .ani_ban .ic_bird{
	animation: bird_effect .8s both ease;
	-webkit-animation: bird_effect .8s both ease;
} 
@keyframes bird_effect{
	0%{transform: scale(.6);}
	100%{transform: scale(1);}
}
@-webkit-keyframes bird_effect{
	0%{-webkit-transform: scale(.6);}
	100%{-webkit-transform: scale(1);}
}
.show .ani_ban .ic_rainbow{
	animation: rainbow_effect .8s both ease;
	-webkit-animation: rainbow_effect .8s both ease;
} 
@keyframes rainbow_effect{
	0%{transform: scale(.6);}
	100%{transform: scale(1);}
}
@-webkit-keyframes rainbow_effect{
	0%{-webkit-transform: scale(.6);}
	100%{-webkit-transform: scale(1);}
}
.show .ani_ban .ic_txt,.show .ani_ban .btn_banner{
	animation: txt_effect .5s .8s both linear;
	-webkit-animation: txt_effect .5s .8s both linear;
} 
@keyframes txt_effect{
	0%{transform: translate(0,35px);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes txt_effect{
	0%{-webkit-transform: translate(0,35px);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}


/*.banner_cont{position: relative;z-index: 5;width: 1200px;height: 100%;margin: 0 auto;}*/
.banner_box .btn_banner{position: absolute;width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border-width: 1px;border-style: solid;z-index: 5;background: url(about:blank);}
.banner_box .btn_banner .arr{font-family: "SimSun";font-weight: bold;cursor: pointer;position: relative;left: 5px;}
.banner_box .btn_banner:hover{text-decoration: none;}
.banner_box .btn_black{color:#585858;border-color: #b2b2b2;}
.banner_box .btn_white{color:#fff;border-color: #fff;}

.banner_btns{position: absolute;width: 100%;bottom: 30px;left: 0;font-size: 0;line-height: 0;text-align: center;z-index: 5;}
/*.banner_btns a{display: inline-block;+display: inline;+zoom: 1;width: 8px;height: 8px;margin: 0 8px;background: url('../img/ic_spr24.png') no-repeat -16px 0;}
.banner_btns a.cur,.banner_btns a:hover{background-position: 0 0;}*/
.banner_btns a{display:inline-block;+display: inline;+zoom: 1;width: 30px;height: 6px;margin: 0 4px;padding: 10px 0;}
.banner_btns .ic_btn{display:block;width: 100%;height: 100%;border-radius: 6px;background: #ddd;}
.banner_btns a.cur .ic_btn,.banner_btns a:hover .ic_btn{background: #18affc;}