/* 文字动画 */
 .banner_text p {
     -webkit-transform: translate(60px);
     -moz-transform: translate(60px);
     -o-transform: translate(60px);
     -ms-transform: translate(60px);
     transform: translate(60px);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8), 2px 2px 3px rgba(180, 151, 151, 0.3);
 }

 .banner_text .p1 {
     -webkit-animation: animations 1.2s ease-out .5s backwards;
     -moz-animation: animations 1.2s ease-out .5s backwards;
     -o-animation: animations 1.2s ease-out .5s backwards;
     -ms-animation: animations 1.2s ease-out .5s backwards;
     animation: animations 1.2s ease-out .5s backwards;
 }

 .banner_text .p2 {
     -webkit-animation: animations 1s ease-out 2s backwards;
     -moz-animation: animations 1s ease-out 2s backwards;
     -o-animation: animations 1s ease-out 2s backwards;
     -ms-animation: animations 1s ease-out 2s backwards;
     animation: animations 1s ease-out 2s backwards;
 }

 .banner_text .p3 {
     -webkit-animation: animations 1s ease-out 3s backwards;
     -moz-animation: animations 1s ease-out 3s backwards;
     -o-animation: animations 1s ease-out 3s backwards;
     -ms-animation: animations 1s ease-out 3s backwards;
     animation: animations 1s ease-out 3s backwards;
 }


 @-webkit-keyframes animations {
     0% {
         -webkit-transform: translate(0);
         opacity: 0;
     }

     100% {
         -webkit-transform: translate(60px);
         opacity: .4;
     }
 }

 @-moz-keyframes animations {
     0% {
         -moz-transform: translate(0);
         opacity: 0;
     }


     100% {
         -moz-transform: translate(60px);
         opacity: .6;
     }
 }

 @-o-keyframes animations {
     0% {
         -o-transform: translate(0);
         opacity: 0;
     }

     100% {
         -o-transform: translate(60px);
         opacity: .6;
     }
 }

 @-ms-keyframes animations {
     0% {
         -ms-transform: translate(0);
         opacity: 0;
     }


     100% {
         -ms-transform: translate(60px);
         opacity: .6;
     }
 }

 @keyframes animations {
     0% {
         transform: translate(0);
         opacity: 0;
     }

     100% {
         transform: translate(60px);
         opacity: .4;
     }
 }

 @-webkit-keyframes animations2 {
     0% {
         opacity: 0;
     }

     40% {
         opacity: .2;
     }

     45% {
         opacity: .4;
     }

     50% {
         opacity: .6;
     }

     55% {
         opacity: .8;
     }

     60% {
         opacity: .8;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes animations2 {
     0% {
         opacity: 0;
     }

     40% {
         opacity: .2;
     }

     45% {
         opacity: .4;
     }

     50% {
         opacity: .6;
     }

     55% {
         opacity: .8;
     }

     60% {
         opacity: .8;
     }

     100% {
         opacity: 1;
     }
 }

 @-o-keyframes animations2 {
     0% {
         opacity: 0;
     }

     40% {
         opacity: .8;
     }

     45% {
         opacity: .3;
     }

     50% {
         opacity: .8;
     }

     55% {
         opacity: .3;
     }

     60% {
         opacity: .8;
     }

     100% {
         opacity: 1;
     }
 }

 @-ms-keyframes animations2 {
     0% {
         opacity: 0;
     }

     40% {
         opacity: .8;
     }

     45% {
         opacity: .3;
     }

     50% {
         opacity: .8;
     }

     55% {
         opacity: .3;
     }

     60% {
         opacity: .8;
     }

     100% {
         opacity: 1;
     }
 }

 @keyframes animations2 {
     0% {
         opacity: 0;
     }

     40% {
         opacity: .2;
     }

     45% {
         opacity: .4;
     }

     50% {
         opacity: .6;
     }

     55% {
         opacity: .8;
     }

     60% {
         opacity: .8;
     }

     100% {
         opacity: 1;
     }
 }