html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    list-style-type: none;
    font-family: "微软雅黑","宋体";

}
.tc{text-align: center}
li,ul,ol{ list-style:none}
a{ text-decoration: none; display: block}
.p_pr{ position: relative}
.p_pa{ position:absolute}

.font22{ font-size: 22px}
.col_w{ color: #fff}
.page.z-current {
    z-index:1;
    display:block
}


.space { width: 100%;  height: 100%;position: absolute;left: 0;right:0;}
.star {display: block;width: 10px;height: 10px;border-radius: 50%;background: #e9d14f;top: 100px;left: 400px;position: relative;transform-origin: 100% 0;animation: star-ani 6s infinite ease-out;box-shadow: 0 0 5px 5px rgba(255, 255, 255, .3);opacity: 0;z-index: 2;}
.star:after {content: '';display: block;top: 0px;left: 4px;border: 0px solid #e9d14f;border-width: 0px 90px 2px 90px;border-color: transparent transparent transparent rgba(255, 255, 255, .3);transform: rotate(-45deg) translate3d(1px, 3px, 0);box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);transform-origin: 0% 100%;animation: shooting-ani 3s infinite ease-out;}
.pink {top: 30px;left: 395px;background: #e9d14f;animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;}
.pink:after {border-color: transparent transparent transparent #e9d14f;animation-delay: 2s;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;}
.blue {top: 35px;left: 432px;background: #e9d14f;animation-delay: 4s;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;}
.blue:after {animation-delay: 12s;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;animation-delay: 4s;}
.yellow {top: 50px;left: 600px;background: #fff8b0;animation-delay: 5.8s;}
.yellow:after { border-color: transparent transparent transparent #e9d14f; animation-delay: 5.8s;}

@keyframes star-ani {
    0% {opacity: 0;transform: scale(0) rotate(0) translate3d(0, 0, 0);-webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);-moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);}
    50% {opacity: 1;transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);-webkit-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);-moz-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);}
    100% {opacity: 0;transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);-webkit-transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);-moz-transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);}
  }
@-webkit-keyframes star-ani {
    0% {opacity: 0;transform: scale(0) rotate(0) translate3d(0, 0, 0);-webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);-moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);}
    50% {opacity: 1;transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);-webkit-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);-moz-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);}
    100% {opacity: 0;transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);-webkit-transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);-moz-transform: scale(1) rotate(0) translate3d(-500px, 500px, 0);}
  }



/*********1*********/

/* .logo{animation: tada 1s ease 0s 3 normal both; -webkit-animation: tada 1s ease 0s 3 normal both;right: 24px;top:
24px;}
.logoLeft.logo{right: auto;left: 42px;} */

/* .logoBtm{left: 182px;top: 762px;z-index: 5; animation: bounceInUp 2.2s; -webkit-animation:bounceInUp 2.2s;animation-delay: 2.2s;-webkit-animation-delay: 2.2s;animation-fill-mode: both;width: 222px;height: 184px;background: url(../images/pic2.png) no-repeat center;background-size: 100% 100%;} */



/* @-webkit-keyframes typingMid {from {width: 0%;}to {width: 100%;}}

@keyframes typingMid {from {width: 0%;}to {width: 100%;}} */

/* .page img{width: 100%;} */

.p1_1{top: 48px;left:50%;margin-left:-248px;animation: bounceInLeft 3s; -webkit-animation:bounceInLeft 3s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both}
.p1_2{top: 196px;left:76px;animation: bounceInRight 3s; -webkit-animation:bounceInRight 3s;animation-delay: 1s;-webkit-animation-delay: 1s;animation-fill-mode: both}
.p1_3{top: 340px;left:50%;margin-left:-261px;animation: zoomIn 3s; -webkit-animation:zoomIn 3s;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;animation-fill-mode: both}
.p1_4{bottom: 110px;width:100%;left:0;text-align: center;font-size: 25px;color: #fff;line-height: 1.6; animation: bounceInUp 2s; -webkit-animation:bounceInUp 2s;animation-delay: 2s;-webkit-animation-delay: 2s;animation-fill-mode: both}
.p1_4 span{font-size: 29px;color: #f5a840;}


.p2_1{ left:16px; top: 296px;animation: bounceIn 1.6s;  -webkit-animation:bounceIn 1.8s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both}


.p3_1{ left:50%;margin-left: -219px; top: 70px;animation: bounceInDown 1.6s; -webkit-animation:bounceInDown 1.6s; }
.p3_2{ left:50%;margin-left: -243px; top: 196px;animation: bounceInLeft 1.6s; -webkit-animation:bounceInLeft 1.6s; animation-delay: 1s;-webkit-animation-delay: 1s;animation-fill-mode: both}
.p3_3{ left:50%;margin-left: -245px; top: 560px;animation: bounceInRight 1.6s; -webkit-animation:bounceInRight 1.6s; animation-delay: 1.5s;-webkit-animation-delay: 1.5s;animation-fill-mode: both}


.p4_1{width: 580px; left:50px; top: 136px;vertical-align: bottom;font-size: 23px;color: #fff; animation: bounceInRight 1.2s; -webkit-animation:bounceInRight 1.2s; animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both;}
.p4_2{ left:18px; top: 542px;vertical-align: bottom;font-size: 23px;color: #fff;animation: bounceInLeft 2s; -webkit-animation:bounceInLeft 2s; animation-delay: 1s;-webkit-animation-delay: 1s;animation-fill-mode: both;}

.p5_1{ left:50%;margin-left: -188px; top: 72px;animation: fadeInDown 1.2s; -webkit-animation:fadeInDown 1.2s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both; }
.p5_2{ left:20px;top: 280px;animation: bounceInLeft 1.2s; -webkit-animation:bounceInLeft 1.2s;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;animation-fill-mode: both;}
.p5_3{ left:20px;top: 492px;animation: bounceInLeft 1.2s; -webkit-animation:bounceInLeft 1.2s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;animation-fill-mode: both;}
.p5_4{ left:20px;top: 706px;animation: bounceInLeft 1.2s; -webkit-animation:bounceInLeft 1.2s;animation-delay: 1.6s;-webkit-animation-delay: 1.6s;animation-fill-mode: both;}


.p6_1{ left:50%;margin-left: -192px;top: 70px;animation: fadeInDown 1.2s; -webkit-animation:fadeInDown 1.2s ;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both; }
.p6_2{ left:50%;margin-left: -281px;top: 272px;animation: bounceIn 1.2s; -webkit-animation:bounceIn 1s;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;animation-fill-mode: both;}


.p7_1{ left:50%;margin-left: -210px;top: 70px;animation: bounceInDown 1.2s; -webkit-animation:bounceInDown 1.2s  }
.p7_2{ left:50%;margin-left: -205px;top: 220px;animation: bounceInDown 1.2s; -webkit-animation:bounceInDown 1.2s ;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;animation-fill-mode: both; }
.p7_3{ left:60px;top: 386px;animation: zoomIn 1.2s; -webkit-animation:zoomIn 1.2s ;animation-delay: 1.5s;-webkit-animation-delay: 1.5s;animation-fill-mode: both; }
.p7_3 img{border-radius: 20px;}

.p8_1{ left:50%;margin-left: -143px;top: 70px;animation: bounceInDown 2s; -webkit-animation:bounceInDown 2s ;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both; }
.p8_2{ left:30px; top: 254px;animation: bounceInLeft 3s; -webkit-animation:bounceInLeft 3s;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;animation-fill-mode: both;  }
.p8_3{ left:30px;top: 492px;animation: bounceInLeft 3; -webkit-animation:bounceInLeft 3s ;animation-delay: 1.4s;-webkit-animation-delay: 1.4s;animation-fill-mode: both; }

.p9_1{ left:50%;margin-left: -123px;top: 36px;animation: bounceInDown 2s; -webkit-animation:bounceInDown 2s ;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-fill-mode: both; }
.p9_2{ left:86px; top:192px;animation: bounceInLeft 3s; -webkit-animation:bounceInLeft 3s;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;animation-fill-mode: both;  }
.p9_3{ left:86px;top: 432px;animation: bounceInLeft 3; -webkit-animation:bounceInLeft 3s ;animation-delay: 1.4s;-webkit-animation-delay: 1.4s;animation-fill-mode: both; }