*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}
.abslt{position: absolute;left: 0;bottom: 0;}

input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #a1a1a1;}
.wrap{width: 100%;overflow: hidden;text-align: center;}



.banner{width: 100%;height:800px;}
.banner .img1{background: url(../img/banner1-1.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img2{background: url(../img/banner2-1.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img3{background: url(../img/so-bx.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .imgx{background: url(../img/banner-x.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img2020{background: url(../img/so-banner.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .imgzz{background: url(../img/banner-so.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .txtbox,.ly-top{width: 1024px;z-index: 2;left: 50%;margin-left: -512px;top: 469px;}
.banner .txtbox .txt1{right: 65px;}
.banner .txtbox .txt2{right: 130px;top: 160px;}
.banner .txtbox .txt3{right: 436px;top: 32px;}
.banner .txtbox .txt4{right: 520px;top: 114px;}
.banner .txtbox .txt5{right: 208px;top: -70px;}
.swiper-slide-active .txtbox .txt4,.swiper-slide-active .txtbox .txt3{animation: bounceInLeft 2s linear;}
.swiper-slide-active .txtbox .txt1,.swiper-slide-active .txtbox .txt2{animation: bounceInRight 2s linear;}
.swiper-slide-active .txtbox .txt5{animation: bounceInUp 2s linear;}
.ly-top{top: 252px;color: #fff;}
.ly-top .lyBox{width: 300px;height: 396px;background:#fff;box-shadow: 0px 0px 10px 0px #ff5f6d;border-radius: 6px;left: 20px;z-index:2;}
.ly-top  .lyBox h2{background: url(../img/bg1.png) no-repeat;width: 290px;height: 70px;line-height: 50px;top: 40px;text-align: right;font-size: 30px;padding-right: 10px;left: -20px;}
.ly-top form{padding-top: 120px;}
#informm input[type=text]{width: 240px;height: 40px;background: #efefef;border: none;font-size: 16px;padding-left: 20px;margin-bottom: 20px;}
#getcodee{width: 100px;height: 40px;line-height: 40px;color: #fff;background: #fe575b;font-size: 16px;cursor: pointer;background:#ff5f6d;right: 20px;}
#submsgg{background: url(../img/bg2.png) no-repeat;width: 300px;height: 60px;border: none;cursor: pointer;margin-top: 18px;margin-left: 20px;}
.nav{width: 1024px;z-index: 2;left: 50%;margin-left: -512px;top: 36px;font-size: 18px;color: #fff;}
.nav h1{width: 116px;height: 34px;background: url(../img/logo.png) no-repeat;}
.nav h1 a{width: 100%;height: 100%;display: block;text-indent: -99em;}
.nav .txt{height: 36px;line-height: 36px;border-left: 1px solid #fff;padding-left: 9px;margin-left: 9px;color: #fff;}
.nav1{line-height: 36px;margin-left: 24px;}
.nav1 li{margin-left: 24px;}
.nav1 a{color: #fff;}
.nav1 p{cursor: pointer;}
.nav1 p img{left: 30px;top: 40px;}
.nav1 ul{width: 600px;top:48px;left: -24px;display: none;animation: fadeInUp 0.4s linear;}
.tel{background: url(../img/tel.png) no-repeat left center;padding-left: 24px;margin-top: 6px;}
.p1 h2{font-size: 36px;color: #3e3e3e;padding: 50px 0 32px;}
.p1 .line{width: 1024px;height: 1px;background: #e0e0e0;margin: 0 auto 32px;}
.p1 .line img{left: 50%;margin-left: -12px;top: -12px;animation: roll 2s linear infinite;}
.p1 .txt{font-size: 20px;margin-bottom: 50px;}
.p1 .main{width: 926px;margin: 0 auto;}
.p1 .icon{left: 50%;margin-left: -17px;top: 184px;animation: toRo 2s infinite linear;}
.p1 .main li{margin-right: 42px;margin-bottom: 30px;overflow: hidden;}
.p1 .main li:hover i{transform: translateY(-300px);transition: 0.5s;}
.p1 .h4t{font-size: 18px;font-weight: normal;width: 278px;border: 1px solid #e0e0e0;border-top: none;height: 86px;}
.p1 .h4t p{padding-top: 34px;}
.p1 .h4t .lin2{line-height: 22px;}
.p1 .bor{width: 100%;height: 3px;background: #ff5f6d;transition: 0.5s;}
.p1 .main .last{margin-right:-1px;}
.btn{width: 300px;height: 60px;background: #ff5f6d;display: block;margin: 20px auto 50px;font-size: 30px;color: #fff;line-height: 60px;border-radius: 6px;}
.p2,.p4,.p6{padding-bottom: 20px;}
.p2 .tab{width: 948px;height: 486px;margin: 0 auto;overflow: hidden;}
.p2 .tab1{width: 948px;height: 430px;background: url(../img/tab1.png) no-repeat 160px 62px;}
.p2 .tab1 p{font-size: 16px;line-height: 20px;}
.p2 .tab1 h3{font-size: 24px;line-height:46px;height: 60px;color: #fff;font-weight: normal;}
.p2 .tab1 .one h3{width: 70px;background: url(../img/tb1.png) no-repeat;margin-left: 10px;margin-top: 6px;}
.p2 .tab1 .two p,.p2 .tab1 .thr p{text-align: right;}
.p2 .tab1 .fou p,.p2 .tab1 .fiv p{text-align: left;}
.p2 .tab1 .two h3,.p2 .tab1 .thr h3{width: 110px;background: url(../img/tb2.png) no-repeat;margin-left: 10px;margin-top: 6px;}
.p2 .tab1 .fou h3{width: 70px;background: url(../img/tb3.png) no-repeat;margin-right: 10px;margin-top: -3px;}
.p2 .tab1 .fiv h3,.p2 .tab1 .six h3{width: 140px;background: url(../img/tb4.png) no-repeat;margin-right: 10px;margin-top: 30px;}
.p2 .tab1 .six h3{margin-top: 20px;}
.p2 .tab1 .one{left: 206px;}
.p2 .tab1 .two{top: 130px;}
.p2 .tab1 .thr{left: 36px;top: 298px;}
.p2 .tab1 .fou{left: 550px;top: 30px;}
.p2 .tab1 .fiv{left: 684px;top: 122px;}
.p2 .tab1 .six{left: 640px;top: 300px;}
.swiper-slide-active .tab1 .one,.swiper-slide-active .tab1 .two,.swiper-slide-active .tab1 .thr,.swiper-slide-active .tab2 .one{animation: bounceInLeft2 2s linear;}
.swiper-slide-active .tab1 .fou,.swiper-slide-active .tab1 .fiv,.swiper-slide-active .tab1 .six,.swiper-slide-active .tab2 .fiv,.swiper-slide-active .tab2 .six{animation: bounceInRight2 2s linear;}
#swiper2 .pagination{width:120px; height: 8px;position: absolute;top:440px;left: 416px;cursor: pointer;}
#swiper2 .pagination span{width: 50px;height: 8px;background: #d4d4d4;display: inline-block;margin-right: 10px;}
#swiper2 .pagination .swiper-active-switch{background: #ff5f6d;}
.p2 h4{font-size: 30px;color: #fff;text-align: left;padding: 240px 0 0 306px;font-weight: normal;}
.p2 .tab2{width: 948px;height: 430px;background: url(../img/tab2.png) no-repeat 20px top;}
.p2 .tab2 h4{padding: 42px 0 0 652px;}
.p2 .tab2 .h4b{padding: 256px 0 0 636px;font-size: 24px;}
.p2 h5{font-weight: normal;color: #3e3e3e;font-size:18px;}
.p2 .tab2 .one{left: 330px;top: 24px;}
.p2 .tab2 .two{top: 84px;}
.p2 .tab2 .thr{top: 216px;}
.p2 .tab2 .fou{top: 246px;}
.p2 .tab2 .fiv{top: 286px;left: 110px;}
.p2 .tab2 .six{top: 350px;}
.p2 .tab2 .one span{color: #f9a631;}
.p2 .tab2 .two span{color: #fc5c61;}
.p2 .tab2 .thr span{color: #2aa0e0;}
.p2 .tab2 .fou span{color: #b683b5;}
.p2 .tab2 .fiv span{color: #8ccd6d;}
.p2 .tab2 .six span{color: #3fd0c9;}
.p3 ul{width: 1024px;height: 260px; margin: 124px auto 0;color: #fff;font-size: 20px;}
#one i,#thr i{width: 260px;height: 260px;background: url(../img/cir1.png) no-repeat;animation: roll 6s linear infinite;display: block;}
#one img{left:18px;top: -76px;opacity: 1;transform: scale(1);transition: 0.5s;filter:alpha(opacity=100);}
#one p{left: 24px;top: 70px;opacity: 0;transition: 0.5s;filter:alpha(opacity=0);}
#main .on img{opacity: 0;transform: scale(0);transition: 0.5s;filter:alpha(opacity=0);}
#main .on p{opacity: 1;transition: 0.5s;filter:alpha(opacity=100);}
#two{margin: 0 122px;}
#two i{width: 260px;height: 275px;background: url(../img/cir2.png) no-repeat;display: block;margin-top: -15px;}
#two p{left: 34px;top: 58px;opacity: 0;transition: 0.5s;line-height: 30px;filter:alpha(opacity=0);}
#two img,#thr img{left:16px;top: -76px;opacity: 1;transform: scale(1);transition: 0.5s;}
#thr i{animation: roll 6s linear infinite;filter:alpha(opacity=100);}
#thr p{left: 34px;top: 66px;opacity: 0;filter:alpha(opacity=0);transition: 0.5s;line-height: 30px;}
#thr img{left:21px;}
.p3 ul .btn{width: 200px;height: 40px;line-height: 40px;border-radius: 0;font-size: 20px;}
.p3 .btn2{margin-top:112px;}
.p4 .list{background: url(../img/list.png) no-repeat;width: 922px;height: 396px;margin: 0 auto;}
.p4 .list img{display: block;}
.p4 .list .top{top: -8px;z-index: 9;}
.p4 .list .bot{bottom: -8px;}
.p4 .listH1{width: 30px;height:296px;}
.p4 .list2 .listH1{height:80px;}
.p4 .list3 .listH1{height:217px;}
.p4 .list4 .listH1{height:70px;}
.p4 .list5 .listH1{height:242px;}
.p4 .list6 .listH1{height:50px;}
.p4 .list7 .listH1{height:178px;}
.p4 .list8 .listH1{height:66px;}
.p4 .list9 .listH1{height:188px;}
.p4 .list10 .listH1{height:80px;}
.p4 .list b{height: 0;width: 100%;background: url(../img/line2.png) repeat;transition: 0.8s;}
.p4 .list .even{width: 100%;background: url(../img/line1.png) repeat;}
.p4 .list div.abslt{bottom: 36px;}
.p4 .list1{left: 125px;}
.p4 .list2{left: 182px;}
.p4 .list3{left: 276px;}
.p4 .list4{left:334px;}
.p4 .list5{left:428px;}
.p4 .list6{left:486px;}
.p4 .list7{left:576px;}
.p4 .list8{left:634px;}
.p4 .list9{left:728px;}
.p4 .list10{left:786px;}

.p4 b.toH{height:100%;transition: 0.8s;}
.adv{background: url(../img/bg3.jpg) no-repeat center;height: 250px;color: #fff;}
.amain{width: 1024px;margin: 0 auto;}
.amain div{margin-left: 50px;}
.adv p,.adv h3{font-size: 34px;text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.adv h3{font-size: 57px;font-weight: normal;padding: 64px 0 10px;}
.adv .btn{width: 230px;height: 60px;background: #fff;font-size: 30px;color: #ff5f6d;margin-top: 104px;}
.p5 .main{width: 930px;height: 358px;}
.p5 .main .arrow{left: 162px;top: 70px;animation: arrow1 10s linear infinite;}
.p5 .main .cir{top: 36px;animation: roll 4s linear infinite;}
.p5 .main .cir1,.p5 .main .cir2{left: 20px; top: 46px;animation: roll 2s linear infinite;}
.p5 .main .cir2{left: 118px; top: 76px;}
.p5 .txt1{font-size: 24px;color: #3e3e3e;padding: 22px 0 12px;}
.p5 .txt2{padding:0 0 14px 0;color: #3e3e3e;transition: 0.5s;}
.p5  span,.p5 .show{color: #ff5f6d;transition: 0.5s;}
.p5 .txt3{width: 182px;height:0px;overflow: hidden; font-size: 16px;text-align: justify;margin: 0 auto;line-height: 26px;transition: 0.5s;}
.p5 .main h3{width: 100px;height: 100px;animation: roll2 2s linear infinite; left: 30px;top: -48px;}
.p5 .on{height: 104px;transition: 0.5s;}
.p6 ul{width: 1012px;height: 376px;margin: 0 auto;}
.p6 ul li{width: 230px;height: 340px;background: #ff5f6d;color: #fff;margin-right: 30px;animation: fadeInDown 1s linear;}
.p6 ul li.odd{margin-top: 34px;}
.p6 ul li.odd2{margin-right: -30px;}
.p6 ul .eng{font-size: 14px;text-align: right;font-style: italic;padding: 7px 10px 8px 0;}
.p6 ul h3{width: 192px;height: 306px;margin: 0 auto;background: #fff;border-radius: 10px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);animation: fadeInUp 1s linear;}
.p6 ul h3 img{margin: 34px 0 12px;}
.p6 ul h3 p{width: 160px;border-top: 1px solid #e0e0e0;padding-top: 40px;color: #a1a1a1;font-weight: normal;margin: 0 auto;line-height: 24px;height: 100px;}
.p6 ul h3 b{width: 150px;height: 40px;line-height: 40px;display: block;background: #ec7dc5;background: linear-gradient(to right,#ec7dc5,#b080e5);border-radius: 30px;margin: 12px auto 0;font-size: 20px;}
.p6 .odd h3 p{padding-top:30px;height: 110px;}
.p6 ul h3 b.two{background: #5dd1f8; background: linear-gradient(to right,#5dd1f8,#80f1d9);}
.p6 ul h3 b.thr{background: #ff8e67;background: linear-gradient(to right,#ff8e67,#ffbf67);}
.p6 ul h3 b.fou{background: #f42d73;background: linear-gradient(to right,#f42d73,#f96c7d);}
.p7 .table{width: 950px;height: 420px;margin: 0 auto;overflow: hidden;}
.p7 .table ul{text-align: left;z-index: 2;width: 600px;padding-top: 72px;}
.p7 .table ul li{cursor: pointer;}
.p7 .table ul h3{font-size: 20px;color: #8b8b8b;font-weight: normal;transition: 0.6s;}
.p7 .table ul span{color: #fff;font-size: 30px;}
.p7 .table ul p{font-size: 14px;margin:10px 0 0 40px;display: none;}
.p7 .table ul .on{position: absolute;top: 0;}
.p7 .table ul .on h3{font-size: 30px;color: #ff5f6d;transition: 0.6s;}
.p7 .table ul .on span{color: #ff5f6d;transition: 0.6s;}
.p7 .table ul .on p{display: block;}
.p7 .imgbox{width: 320px;height: 320px;left: 220px;top: 100px;}
.p7 .imgbox p{font-size: 12px;color: #fff;left: 14px;bottom: 14px;}
.p7 .txtbox{width: 430px;height: 168px;background: #fff;left: 484px;top: 170px;z-index: 2;overflow: hidden;}
.p7 .txtbox div{width: 370px;height: 100%;text-align: left;padding-left: 30px;padding-right: 30px;top: 430px;transition: 0.4s;}
.p7 .txtbox h4{color: #3e3e3e;font-size: 24px;font-weight: normal;margin: 30px 0 20px;}
.p7 .txtbox p{font-size: 16px;text-align: justify;}
.p7 .txtbox div.show{top: 0px;transition: 0.6s;}
#next{width: 100px;height: 100px;background: #ff5f6d;top: 320px;cursor: pointer;}
#next img{margin-top: 52px;}
.p8 .pro,.p9 .teacher,.p10 .main,.p11 .main{width: 1024px;height: 468px; margin: 0 auto;overflow: hidden;}
.p8 .pro ul{width: 740px;margin: 0 auto 50px;}
.p8 .pro ul li{width: 168px;height: 38px;border: 1px solid #ff5f6d;font-size: 22px;color: #ff5f6d;line-height: 38px;background: #fff;margin-right: 20px;cursor: pointer;transition: 0.6s;}
.p8 .pro ul li.on{background: #ff5f6d;color: #fff;transition: 0.6s;}
#last{margin-right: -20px;}
.p8 .com{background: url(../img/com.png) no-repeat;width: 600px;height: 623px;z-index: 2;top: 28px;}
.p8 .comm{width: 415px;height: 281px;margin: 12px 0 0 88px;}
.p8 .comtxt{width: 650px;height: 380px;background:url(../img/eng2.png) no-repeat #ff5f6d 452px 14px;left: 372px;}
.p8 .comtxt .outer{width: 400px;height: 282px;overflow: hidden;left: 196px;top: 50px;}
.p8 .comtxt .outer div{width: 398px;text-align: left;color: #fff;top: -290px;transition: 0.6s;}
.p8 .comtxt i{width: 10px;height: 10px;background: #fff;display: inline-block;top: 16px;}
.p8 .comtxt h4{font-weight: normal;font-size: 30px;padding-left: 28px;}
.p8 .comtxt p{width: 352px;margin-left: 33px;margin-top: 16px;line-height: 22px;}
.p8 .comtxt .outer .act{top: 0px;transition: 0.6s;}
.p8 .comtxt .linH{line-height: 18px;}
.p9{background: url(../img/bg4.jpg) no-repeat center;height: 740px;margin-top: 50px;}
.p9 h2,.p9 .txt{color: #fff;}
.p9 .txt{margin-bottom: 30px;}
.p9 .teacher{height: 524px;}
.p9 .teacher .left{width: 370px;height: 522px;}
.p9 .teacher .left p{width: 70px;height: 144px;background: #ff5f6d;font-size: 34px;color: #fff;top: 52px;padding-top: 6px;}
.p9 .teacher .left .padt{padding-top: 20px;height: 120px;}
.p9 .teacher .tbox{width: 562px;height: 176px;left: 438px;top: 62px;color: #fff;overflow: hidden;}
.p9 .teacher .tbox h3{font-weight: normal;font-size: 28px;width: 270px;background: #ff5f6d;margin-top: -20px;margin-left: 44px;}
.p9 .teacher .tbox p{text-align: justify;width: 460px;line-height: 32px;font-size: 16px;margin:18px 0 0 56px;}
.p9 .teacher .tbox li{top: -160px;transition: 0.6s;border: 1px solid #fff;width: 560px;height: 154px;}
.p9 .teacher .tbox li.on{top: 16px;transition: 0.6s;}
.p9 .teacher .tbox h3.wid{width: 244px;}
.p9 .teacher .clearfix{width: 490px;left: 470px;top: 284px;}
.p9 .teacher .clearfix div{width: 90px;height: 90px;background: #000;margin-right: 10px;margin-bottom: 10px;cursor: pointer;transition: 0.6s;}
.p9 .teacher .clearfix .act{background: #fff;transition: 0.6s;}
#marl{margin-left: 100px;}
#marr{margin-right: -10px;}
.dot1{top: 34px;}
.dot2{bottom: 34px;}
.p10 .main{height: 330px;background: url(../img/shape1.png) no-repeat center;animation: roll3 6s infinite linear;}
.p10 .main div{width: 258px; background: url(../img/shape3.png) no-repeat right center;text-align: right;padding-right: 44px;animation: roll4 6s infinite linear;}
.p10 .main div h4{font-weight: normal;font-size: 24px;color: #ff5f6d;margin-bottom: 16px;}
.p10 .main div  p{font-size: 16px;}
.p10 .main .sec{top: 184px;background: url(../img/shape2.png) no-repeat right center;}
.p10 .main .thr{background-position: left center;text-align: left;padding-left: 44px;padding-right: 0;width: 272px;}
.p11 .main{height: 498px;background: url(../img/bg5.png) no-repeat center;}
.p11 .right{top: 160px; width: 380px;height: 156px;right: 36px;}
.p11 .right p{text-align: justify;line-height: 32px;}
.p11 .right b{width: 180px;height: 40px;background: #eb7ac4;background: linear-gradient(to right,#eb7ac4,#b080e5);color: #fff;line-height: 40px;display: block;font-size: 28px;border-radius: 30px;margin-top: 20px;}
.p11 .right b.two{background: #ff8e67;background: linear-gradient(to right,#ff8e67,#ffbf67);}
.p11 .right b.thr{background: #f42c72;background: linear-gradient(to right,#f42c72,#f96d7d);}
.p11 .right h4{width: 20px;height: 34px;background: #fdacb5;color: #fff;font-size: 24px;line-height: 34px;font-weight: normal;top: 16px;cursor: pointer;transition: 0.6s;}
.p11 .right h4.on{background: #ff5f6d;transition: 0.6s;}
#pre{left: -33px;}
#nextt{left: 393px;}
.bkg{background: #faf9fe;}
.p5 .btn,.p6 .btn,.p7 .btn,.p8 .btn,.p10 .btn{margin-top: 50px;}
.bmat{margin-bottom: 50px;}
.p4 .btn{margin: 50px auto 58px;}
.p12{position: fixed;bottom: 0;left: 0;background: url(../img/bg6.jpg) no-repeat;height: 120px;width: 100%;z-index: 999;display: none;}
.p12 .mesg{width: 1024px;margin: 0 auto;height: 100%;}
.p12 .mesg img{top: -150px;left: -100px;}
.p12 .mesg form{margin:50px 0 0 154px;}
.p12 .mesg .bor{width: 138px;height: 38px;border: 1px solid #fff;margin-right: 10px;}
.p12 .mesg .bor img{margin: 8px 8px 0 10px;}
.p12 .mesg .bor input{width: 100px;height: 100%;border: none;background: none;font-size: 16px;color: #fff;}
.p12 .mesg .bor .two{margin-top: 5px;}
.p12 .mesg .bor2{width: 191px;}
#phoneCode{width: 52px;}
#getcode{width: 96px;border-left: 1px solid #fff;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 5px;cursor: pointer;color: #fff;}
#submsg{background: url(../img/sub.png) no-repeat;width: 160px;height: 40px;border: none;cursor: pointer;}
.p12 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p12 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p12 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}
.foot{font-size: 14px;background: #3e3e3e;color: #fff;padding: 20px 0 140px;}
@keyframes roll4 {	
  0% {
  	transform: rotate(0deg);
  }
  25% {
  	transform: rotate(3deg);
  }
  50% {
  	transform: rotate(0deg);
  }
  75% {
  	transform: rotate(-3deg);
  }
  100% {
  	transform: rotate(0deg);
  }
}

@keyframes roll3 {	
  0% {
  	transform: rotate(0deg);
  }
  25% {
  	transform: rotate(-3deg);
  }
  50% {
  	transform: rotate(0deg);
  }
  75% {
  	transform: rotate(3deg);
  }
  100% {
  	transform: rotate(0deg);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes toRo {	
  0% {
  	transform: rotate(0deg);
  }
  25% {
  	transform: rotate(30deg);
  }
  50% {
  	transform: rotate(0deg);
  }
  75% {
  	transform: rotate(-30deg);
  }
  100% {
  	transform: rotate(0deg);
  }
}
@keyframes roll {	
  0% {
  	transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg);
  }
}
@keyframes bounceInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1000px);
        -ms-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1000px);
        -ms-transform: translateX(1000px);
        transform: translateX(1000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes roll2 {	
	0% {
  	transform: rotate(0deg);
  	top: 24px;
  	opacity: 1;
  }
  25% {
  	top: 0px;
  	transform: rotate(-30deg);
  }
  50% {
  	top: -24px;
  	transform: rotate(-60deg);
  }
  75% {
  	top: -30px;
  	transform: rotate(-90deg);
  }
  100% {
  	top: -32px;
  	left: 52px;
  	opacity: 0.1;
  	transform: rotate(-130deg);
  }
}
.p5 .main .two{margin: 0 56px 0 46px;}
@keyframes arrow1 {	
	0% {
  	transform: translateX(0px) translateY(0px);
  }
  25% {
  	transform: translateX(-100px) translateY(10px);
  }
  50% {
  	transform: translateX(-80px) translateY(-60px);
  }
  75% {
  	transform: translateX(-20px) translateY(-20px);
  }
  100% {
  	transform: translateX(0px) translateY(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}