.textshow{width:1000px;height: 420px;margin:0 auto;position: relative;}
.textshow2{width:1440px;height: 420px;margin:0 auto;position: relative;}
.textshow3{width:1680px;height: 420px;margin:0 auto;position: relative;}
.banners{height:420px;overflow: hidden;}
.banners .pic{height: 420px;position: relative;}
.banners .pic li{position: absolute;width: 100%;height: 420px;opacity:0}
.banners .pic img{position: absolute; z-index: 10;opacity:0}
.banners .p3 .w{top:117px;right:-100px;transition:all ease-out 1s 1s;-webkit-transition:all ease-out 1s 1s;-moz-transition:all ease-out 1s 1s;-o-transition:all ease-out 1s 1s;}
.banners .p3 .x{top:114px;left:-100px;transition:all ease-in 1s .5s;-webkit-transition:all ease-in 1s .5s;-moz-transition:all ease-in 1s .5s;-o-transition:all ease-in 1s .5s;}
.banners .p3 .y{top:183px;left:-100px;transition:all ease 1s 0s;-webkit-transition:all ease 1s 0s;-moz-transition:all ease 1s 0s;-o-transition:all ease 1s 0s;}
.banners .p3 .z{top:400px;left:7px;transition:all ease-out 1s 0s;-webkit-transition:all ease-out 1s 0s;-moz-transition:all ease-out 1s 0s;-o-transition:all ease-out 1s 0s;}
.animate .p3 .w{right:6px;opacity:1;}
.animate .p3 .x{top:114px;opacity:1;left:7px;}
.animate .p3 .y{top:183px;left:1px;opacity:1;}
.animate .p3 .z{top:246px;opacity:1;}

.banners .p2 .x{top:50px;left:420px;transition:all ease-in 1s .5s;-webkit-transition:all ease-in 1s .5s;-moz-transition:all ease-in 1s .5s;-o-transition:all ease-in 1s .5s;}
.banners .p2 .y{top:120px;left:680px;transition:all ease 1s 1.5s;-webkit-transition:all ease 1s 1/5s;-moz-transition:all ease 1s 1.5s;-o-transition:all ease 1s 1.5s;}
.banners .p2 .z{top:200px;left:420px;transition:all ease-in 1s 1s;-webkit-transition:all ease-in 1s 1s;-moz-transition:all ease-in 1s 1s;-o-transition:all ease-in 1s 1s;}
.animate .p2 .x{top:70px;opacity:1;}
.animate .p2 .y{opacity:1;}
.animate .p2 .z{top:190px;opacity:1;}

.banners .p1 .w{top:0px;left:-410px;transition:all ease 1s 0.2s;-webkit-transition:all ease 1s 0.2s;-moz-transition:all ease 1s 0.2s;-o-transition:all ease 1s 0.2s;z-index: 22;}
.banners .p1 .x{opacity:1;top:420px;left:-500px;transition:all ease-in 1s .5s;-webkit-transition:all ease-in 1s .5s;-moz-transition:all ease-in 1s .5s;-o-transition:all ease-in 1s .5s;z-index: 21;}
.banners .p1 .y{top:121px;right:-150px;transition:all ease 1s 0s;-webkit-transition:all ease 1s 0s;-moz-transition:all ease 1s 0s;-o-transition:all ease 1s 0s;}
.banners .p1 .z{top:260px;right:92px;transition:all ease-in 1s 1s;-webkit-transition:all ease-in 1s 1s;-moz-transition:all ease-in 1s 1s;-o-transition:all ease-in 1s 1s;}
.animate .p1 .w{left:-340px;opacity:1;}
.animate .p1 .x{top:140px;opacity:1;left:-60px;}
.animate .p1 .y{right:16px;opacity:1;}
.animate .p1 .z{top:207px;opacity:1;}

.banners .p4 .z {top:300px;left:0px;transition:all ease-in 1s 0s;-webkit-transition:all ease-in 1s 0s;-moz-transition:all ease-in 1s 0s;-o-transition:all ease-in 1s 0s;z-index: 15;}
.banners .p4 .w {top:186px;left:888px;transition:all ease-in 0.5s 1s;-webkit-transition:all ease-in 0.5s 1s;-moz-transition:all ease-in 0.5s 1s;-o-transition:all ease-in 0.5s 1s;z-index: 20;}
.banners .p4 .y {top:150px;left:270px;transition:all ease-in 0.5s 1.5s;-webkit-transition:all ease-in 0.5s 1.5s;-moz-transition:all ease-in 0.5s 1.5s;-o-transition:all ease-in 0.5s 1.5s;z-index: 12;}
.banners .p4 .x {top:400px;right:0px;transition:all ease-in 0.5s 1.5s;-webkit-transition:all ease-in 0.5s 1.5s;-moz-transition:all ease-in 0.5s 1.5s;-o-transition:all ease-in 0.5s 1.5s;z-index: 12;}
.animate .p4 .z{top:120px;opacity:1;}
.animate .p4 .w { top:243px; left:694px; opacity:1;}
.animate .p4 .y { top:17px;  opacity:1;}
.animate .p4 .x { top:95px; right:172px;  opacity:1;}

.banners .p5 .x { top:0px; right:-530px;transition:all ease-in 1s 0s;-webkit-transition:all ease-in 1s 0s;-moz-transition:all ease-in 1s 0s;-o-transition:all ease-in 1s 0s;}
.banners .p5 .y { top:232px; left:410px;transition:all ease-in 1s 1s;-webkit-transition:all ease-in 1s 1s;-moz-transition:all ease-in 1s 1s;-o-transition:all ease-in 1s 1s;}
.banners .p5 .z { top:0px; left:410px;transition:all ease-in 1s 1s;-webkit-transition:all ease-in 1s 1s;-moz-transition:all ease-in 1s 1s;-o-transition:all ease-in 1s 1s;}
.animate .p5 .x { right:0px;  opacity:1;}
.animate .p5 .y { top:172px;  opacity:1;}
.animate .p5 .z { top:60px;  opacity:1;}

.banners .p6 .w{top:250px;right:-50px;transition:all ease 1s 0s;-webkit-transition:all ease 1s 0s;-moz-transition:all ease 1s 0s;-o-transition:all ease 1s 0s;z-index: 22;}
.banners .p6 .x{opacity:1;top:0px;right:235px;transition:all ease-in 1s 1s;-webkit-transition:all ease-in 1s 1s;-moz-transition:all ease-in 1s 1s;-o-transition:all ease-in 1s 1s;z-index: 21;}
.banners .p6 .y{top:300px;right:242px;transition:all ease 1s 1s;-webkit-transition:all ease 1s 1s;-moz-transition:all ease 1s 1s;-o-transition:all ease 1s 1s;}
.banners .p6 .z{top:230px;right:600px;transition:all ease-in 1s 0s;-webkit-transition:all ease-in 1s 0s;-moz-transition:all ease-in 1s 0s;-o-transition:all ease-in 1s 0s; z-index:30}
.animate .p6 .w{right:160px;opacity:1;}
.animate .p6 .x{top:86px;opacity:1;}
.animate .p6 .y{top:159px;opacity:1;}
.animate .p6 .z{right:417px;opacity:1;}

.banners .btn{height:5px;position: absolute;top:510px;left:50%;z-index: 100;margin-left: -142.5px;}
.banners .btn li{width:55px;height: 5px;float: left;background: #fff;margin-left: 13px;}
.banners .btn .s{background: #0067ad;}