*{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;}
.abst{position: absolute;left: 0;bottom: 0;}
.absr{position: absolute;right: 0px;top: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #FFF;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1000px;margin: 0 auto;}
/*banner*/
.banner{width: 100%;height: 800px;}
.banner .img1{background: url(../img/banner1.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img2{background: url(../img/banner2.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .img3{background: url(../img/banner3.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner .bg1{width: 100%;height: 658px;background: url(../img/bg1.png) no-repeat;z-index: 2;top: 553px;background-size: 100%;}
@media screen and (min-width: 1920px){
    .banner .bg1{top: 462px;}
}
.banner .nav{width: 100%;height: 100px;z-index:2;font-size: 16px;}
.banner .nav b{background: #1b1126;opacity: 0.8;filter:alpha(opacity=80);width: 100%;height: 100%;}
.banner .main{padding-top: 34px;}
.banner h1{width: 116px;height: 35px;margin-left: 16px;}
.banner h1 a{width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;display: block;text-indent: -99em;}
.banner .main div{height: 24px;line-height: 22px;border-left: 2px solid #fff;padding-left: 6px;margin:6px 70px 0 8px;}
.banner ul li{color: #ff5554;margin: 10px 20px 0 0;height: 16px;line-height: 16px;}
.banner ul li a{color: #fff;}
.banner .tel{background: url(../img/tel.png) no-repeat;height: 20px;padding-left: 24px;line-height:20px;margin-top:8px;}
#nav{background: url(../img/line.png) no-repeat right center;padding-right: 24px;cursor: pointer;}
#nav ul{border: 1px solid #ff5554;top: 76px;left:164px;padding-left: 20px;border-left: none;border-right: none;display: none;animation: fadeInUp 0.5s linear;}
#nav ul li{margin: 6px 20px 6px 0;}
#nav ul li i{top: -7px;left: 190px;}
.ly-top{width: 1000px;left: 50%;margin-left: -500px;z-index: 2;top: 240px;animation:totop 2.6s infinite linear;z-index: 999;}
.ly-top .lyBox{width: 332px;height: 416px;background:url(../img/bg17.png) no-repeat;}
.ly-top .lyBox .toptxt{width: 100%;padding: 62px 0 34px;}
.ly-top .lyBox .toptxt p{font-size: 24px;color: #fff;height: 20px;}
#informm{display: block;}
#informm input[type=text]{width: 234px;height: 32px;font-size: 14px;color: #a9a9a9;border: none; border-bottom: 2px solid #e5e5e5;margin-bottom: 26px;background: none;}
#getcodee{width: 80px;height: 24px;line-height: 24px;color: #fff;background: #fe575b;font-size: 12px;right: 50px;cursor: pointer;background: linear-gradient(to right,#fe575b,#935efa);}
#submsgg{background: url(../img/btn.jpg) no-repeat;width: 244px;height: 40px;border: none;cursor: pointer;margin-top: 22px;}
@keyframes totop{
	0%{
		top:204px;
	}
	25%{
		top:214px;
	}
	50%{
		top: 224px;
	}
	70%{
		top: 214px;
	}
	100%{
		top: 204px;
	}
}
.p1{background:url(../img/bg2.png) no-repeat center #1b1126;height: 898px;background-size: 100% 100%;}
.p1 h2{font-size: 40px;padding: 60px 0 20px;}
.p1 .txt{font-size: 20px;}
#part1 h2,#part1 .txt{z-index: 999;}
.p1 .line{width: 50px;height: 3px;background: #fff;margin: 30px auto 48px;}
.p1 .con{width: 538px;height: 515px;background:url(../img/cir1.png) no-repeat;margin: 0 auto;font-size: 22px;text-align: left;}
.p1 .con .cir{top: 92px;left: 116px;animation: cir infinite 8s linear;}
.p1 .con .cir2{top: 92px;left: 116px;animation: cir2 infinite 8s linear;}
.p1 .con .bor{background: url(../img/bor1.png) no-repeat;width: 340px;height: 75px;left: 112px;top: 214px;padding-top: 20px;text-align: center;}
.p1 .con .pos1{background: url(../img/img1.png) no-repeat;width: 293px;height: 213px;left: -200px;top: 14px;}
.p1 .con .pos1 p{padding: 178px 0 0 62px;}
.p1 .con .pos2{background: url(../img/img2.png) no-repeat;width: 243px;height: 175px;left: -118px;bottom: -10px;}
.p1 .con .pos2 p{padding: 185px 0 0 0px;}
.p1 .con .pos3{background: url(../img/img3.png) no-repeat;width: 244px;height: 199px;right: -172px;top: 48px;}
.p1 .con .pos3 p{padding: 0px 0 0 114px;margin-top: -3px;}
.p1 .con .pos4{background: url(../img/img4.png) no-repeat;width: 281px;height: 218px;right: -232px;top: 344px;}
.p1 .con .pos4 p{padding: 180px 0 0 112px;}
.btn{display: block;margin: 65px auto 0;background: url(../img/bor2.png) no-repeat;width: 312px;height: 78px;line-height: 84px;color: #fff;font-size: 30px;}
@keyframes cir{
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes cir2{
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@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);
  }
}
.p2{height: 774px;background: url(../img/bg3.jpg) no-repeat center;background-size: 100% 100%;}
.p2 .list{background: url(../img/list1.png) no-repeat;width: 1002px;height: 437px;margin: 0 auto;}
.p2 .list img.abst{left: 160px;bottom: 72px;height: 0;transition: 1s;}
.p2 .list img.hei{height: 250px;transition: 1s;}
.p2 .btn{margin-top: 19px;}
.p3{height: 1038px;background: url(../img/bg4.jpg) no-repeat center;background-size: 100% 100%;}
.p3 .vid{width: 922px;height: 900px; margin: 0 auto;}
.p3 .vid img{top: -200px;animation: cir infinite 15s linear;}
.p3 h2,.p3 .txt{z-index: 999;}
.p3 video{left:44px;top: 20px;}
.p3 .title{top: 532px;}
.p3 .title h2,.p5 h2{padding-top: 30px;}
.p3 h2.rel{padding-top: 100px;}
.p4{height: 714px;background: url(../img/bg5.jpg) no-repeat center;background-size: 100% 100%;overflow: hidden;}
.p4 .list{background: url(../img/list4.png) no-repeat;width: 1004px;height: 539px;margin:0px auto;}
.p4 .list img{left: 138px;bottom: 66px;height: 0px;transition: 1s;}
.p4 .list img.hei2{height: 399px;transition: 1s;}
.p4 .btn{margin-top: 56px;}
.p5{height: 797px;background: url(../img/bg6.jpg) no-repeat center;background-size: 100% 100%;}
.p5 li{overflow: hidden;}
.p5 li h3{top: -100%;transition: 0.6s;}
.p5 li h3,.p5 li b{width: 100%;height: 100%;font-weight: normal;}
.p5 li b{background: #9356ff;opacity: 0.9;filter:alpha(opacity=90);}
.p5 li h3 p{width: 88%;height: 92%;border: 1px solid #fff;font-size: 24px;margin: 12px auto;}
.p5 h3 p i{padding: 84px 0 24px;}
.p5 span,.p5 i,.p5 em{display: block;}
.p5 h3 p .line{width: 25px;margin: 0 auto;}
.p5 em{font-size: 18px;margin-top: 30px;}
.p5 li.on h3{top: 0;transition: 0.6s;}
#li_sec{margin: 70px 8px 0 24px;}
#li_fou{margin:78px 0 0 20px;}
#li_fou p.absl{top: 278px;}
.p5 .btn{margin-top: 50px;}
.p6{height: 784px;}
.p6 .tit{z-index:2;width: 100%;}
.p6 .tab-bg1{background: url(../img/tab-bg1.jpg) no-repeat;height: 784px;}
.p6 .tab-bg2{background: url(../img/tab-bg2.jpg) no-repeat;height: 784px;}
.p6 .tab-bg3{background: url(../img/tab-bg3.jpg) no-repeat;height: 784px;}
.p6 .tab-bg4{background: url(../img/tab-bg4.jpg) no-repeat;height: 784px;}
.p6 .tab-bg5{background: url(../img/tab-bg5.jpg) no-repeat;height: 784px;}
.p6 .main{top: 226px;z-index: 2;height: 526px;left: 50%;margin-left: -500px;}
.p6 .main .mintab,.p6 .main .borbg{width: 420px;height: 526px;overflow: hidden;}
.p6 .main .borbg{background: url(../img/bor3.png) no-repeat;left: -20px;z-index: 999;}
.p6 .mintab .bor{width: 394px;height: 502px;margin: 2px 0 0 2px;border-radius: 0 48px 0 0;overflow: hidden;}
.p6 .main .titbox{width: 364px;height: 62px;z-index: 2;left:560px;font-size: 24px;top: 24px;overflow: hidden;}
.p6 .main .titbox span{font-size: 12px;}
.p6 .main .conbox{width: 490px;height: 358px;top: 118px;overflow: hidden;}
.p6 .main .mid{text-align: left;margin-left:16px; font-size: 16px;width: 228px;}
.p6 .main h3{font-weight: normal;font-size: 18px;margin:16px 0 12px 0;}
.p6 .main  .tit{font-size: 18px;margin-top: 6px;}
.p6 .main  .tit2,.p6 .main .mid2{font-size: 14px;}
.p6 .main .right{margin: 90px 0 18px 16px;}
.p6 .main a{width: 178px;height: 46px;color: #fff;background: linear-gradient(60deg,#9257ff,#ff5554);border-radius: 10px;font-size: 20px;top: 428px;line-height: 46px;z-index: 3;}
.p6 .main .mid2 h3{font-size: 16px;}
.p6 .main .titbox li{width: 100%;top:-62px;transition: 0.6s;}
.p6 .main .titbox li.on{top: 0px;transition: 0.6s;}
.p6 .main .conbox .absl{top: -420px;transition:0.6s;}
.p6 .main .conbox .show{top: 0px;transition: 0.6s;}
.p6 .main .right2{margin-top: 26px;}
.p6 .main .right2 .img2{margin-top: 6px;}
.p6 .main .right3{margin-top: 72px;}
.p6 .main .right3 .mart{margin-top: 10px;}
.p6 .main img.absr{top: 40px;cursor: pointer;}
#next{right: 52px;}
#pre{right: 446px;}
.p7{background: url(../img/bg7.jpg) no-repeat;height: 817px;background-size: 100% 100%;}
.p7 .line,.p8 .line,.p9 .line,.p11 .line{margin-bottom: 34px;}
.p7 .contxt{font-size: 24px;margin-top: -170px;}
.p7 .contxt h3{font-weight: normal;}
.p7 .contxt img{margin: 14px 0;}
.p7 .contxt p{font-size: 18px;}
.p7 .top .contxt{margin-top: -190px;margin-left: 374px;}
.p7 .bot{margin-top:48px;}
.p7 .bot .contxt{margin-top: -190px;margin-left: -352px;}
.p7 .btn{margin-top: 60px;}
.p8{background: url(../img/bg8.jpg) no-repeat;height: 877px;background-size: 100% 100%;}
.p8 .main .bg{background: url(../img/bg9.png) no-repeat;width: 1040px;height: 539px;left: 50%;margin-left: -520px;}
.p8 .main .left{width: 400px;height: 542px;overflow: hidden;}
.p8 .main p{font-size: 22px;z-index: 2;bottom: 14px;left: 72px;}
.p8 .main .rl,.p8 .main .rr{width: 286px;height: 226px;left: 412px;top: 2px;overflow: hidden;}
.p8 .rl li,.p8 .rr li{left: -286px;transition: 0.6s;}
.p8 .main .on{left: 0px;transition: 0.6s;}
.p8 .main .rr{left: 712px;}
.p8 .main .rt{width: 586px;height: 246px;left: 412px;overflow: hidden;top: 242px;}
.p8 .main .rt li{left: -586px;transition: 0.5s;}
.p8 .main .rt .show{left: 0px;transition: 0.5s;}
.p8 .main p.absr{right: 200px;text-align: right;top: 498px;}
.p8 .btn{margin-top: 607px;}
#pre2,#next2{z-index: 2;top: 234px;cursor: pointer;}
#pre2{left: -48px;}
#next2{right: -48px;}
.p9{background: url(../img/bg10.jpg) no-repeat;height: 873px;background-size: 100% 100%;}
.p9 .main{height: 536px;font-size: 24px;}
.p9 .main .top{width: 932px;margin: 0 auto 30px;}
.p9 .main .top li{background: url(../img/bor8.png) no-repeat;width: 415px;height: 73px;line-height: 65px;cursor: pointer;transition: 0.4s;}
#sec{margin-left: 102px;}
.p9 .main .top li.change{background: url(../img/bor7.png) no-repeat;transition: 0.4s;}
.p9 .main .bot{width: 1000px;height: 500px;}
.p9 .main .bot div.clearfix{opacity: 0;filter:alpha(opacity=0);transition: 0.4s;width: 100%;}
.p9 .main .bot div.opa{opacity: 1;filter:alpha(opacity=100);transition: 0.4s;z-index: 9;}
#bot1,.p9 .main .top{display: none \9; margin-top: 100px \9;}
#bot2{margin-top: 30px \9;}
#bot1 .left{width: 322px;}
#bot1 .left li{width: 100%;height: 100px;text-align: left;font-size: 24px;line-height: 20px;margin-bottom: 4px;cursor: pointer;background: url(../img/bor9.png) no-repeat;}
#bot1 .left li img{margin: 32px 20px 0 26px;}
#bot1 .left li p{padding-top: 16px;}
#bot1 .left li.on{background: linear-gradient(to right,#9c57f1,#ff5554);}
#bot1 .right{width: 646px;font-size: 24px;}
#bot1 .right i{background: url(../img/bor01.png) no-repeat;width: 662px;height: 434px;right: -16px;}
#bot1 .right .vidbox{top:44px;left: -10px;width: 646px;height: 363px;overflow: hidden;}
#bot1 .right .vidbox video{top: 400px;transition: 0.6s;}
#bot1 .right .vidbox .show{top: 0px;transition: 0.6s;}
#bot2{background: url(../img/dot.png) no-repeat bottom right;height: 424px;} 
.p9 .bor{width: 2px;height: 400px;background: linear-gradient(to bottom, #f55564 ,#9257ff);margin-top: 20px;}
.p9 .bor em{width: 6px;height: 20px;left: -2px;background: #ff5555;top: 43px;transition: 0.6s;}
#bot2 ul{width: 158px;height: 380px;margin-top: 26px;}
#bot2 ul li{height: 94px;line-height: 94px;background: none;transition: 0.6s;cursor: pointer;}
#bot2 ul li.act{background: #3f2668;transition: 0.6s;}
#bot2 .right b,#bot2 .table{width: 694px;height: 392px;}
#bot2 .right{margin-left: 36px;overflow: hidden;height: 424px;width: 740px;}
#bot2 .right b{background: #1d052f;opacity: 0.7;filter:alpha(opacity=70);}
#bot2 .table{left: -750px;transition: 0.6s;}
#bot2 .active{left: 0px;transition: 0.6s;}
#bot2 .table .rel{top: 40px;left: 30px;transition: 0.6s;animation: roll2 0.6s linear;}
#bot2 .table .on{top: 0px;left: 0px;transition: 0.6s;z-index: 2;animation: roll 0.6s linear;}
#bot2 .table .on b{opacity: 0;filter:alpha(opacity=0);}
#bot2 .table .absr{right: -20px;top: 238px;z-index: 9;cursor: pointer;}
@keyframes roll{
	from{transform: scale(0);}
	to{transform: scale(1);}
}
@keyframes roll2{
	from{transform: scale(1);}
	to{transform: scale(0);}
}
.p9 .btn{margin-top: 32px;margin-top: -32px \9;}
.p10{background: url(../img/bg11.jpg) no-repeat;height: 968px;background-size: 100% 100%;}
.p10 .teacher{width: 1002px;height: 462px;margin: 186px auto 0;background:url(../img/bg12.png) no-repeat;}
.p10 .teacher .left{top: -160px;left: 20px;width: 350px;height: 600px;}
.p10 .teacher .left p{width: 50px;height: 50px;background: #ff5555;line-height: 50px;right: -1px;}
#swiper5,#swiper5 .rel{height: 600px;}
#swiper5 .rel{width: 350px;}
.p10 .teacher .mid{width:486px;height: 338px; left: 424px;top: 50px;text-align: left;overflow: hidden;}
#fir{margin-top: 40px;}
.p10 .teacher .mid h3{font-size: 30px;font-weight: normal;}
.p10 .teacher .mid em{width: 24px;height: 2px;background: #fff;margin: 28px 0;display: block;}
.p10 .teacher .mid .tit2{font-size: 16px;margin: 20px 0;}
.p10 .teacher .mid .tit1{line-height: 30px;}
.p10 .teacher .mid div{top: -400px;transition: 0.2s;}
.p10 .teacher .mid .top{top: 0px;transition: 0.2s;}
.p10 .teacher .right{width: 70px;height: 406px; top: -160px;}
.teacher .right h4{font-size: 54px;right: 114px;font-weight: normal;}
.teacher .right ul{width: 100%;height: 100%;right: 14px;}
.teacher .right ul b{width: 100%;height: 73px;background: #1d052f;opacity: 0.7;filter:alpha(opacity=70);z-index: 2;transition: 0.6s;}
.teacher .right ul li{margin-bottom: 10px;height: 73px;cursor: pointer;}
.teacher .right ul li.on b{opacity: 0;filter:alpha(opacity=0);transition: 0.6s;}
.p10 .btn{margin-top: 50px;}
.p11{background: url(../img/bg13.jpg) no-repeat;height: 658px;background-size: 100% 100%;font-size: 24px;}
.p11 li{width: 220px;margin-right:40px;}
.p11 li.last,#last{margin-right: -40px;}
.p11 .fir{margin-top:-176px;}
.p11 .sec{font-size: 16px;padding: 0 18px;line-height: 30px;}
.p11 span{margin: 20px auto 10px;width: 30px;height: 2px;background: linear-gradient(to right,#9c57ee,#fe5454);display: block;}
.p11 .btn{margin-top: 56px;}
.p12{background: url(../img/bg14.jpg) no-repeat;height: 677px;background-size: 100% 100%;font-size: 20px;}
.p12 li{width: 320px;height: 280px;overflow: hidden;margin-right: 20px;}
.p12 .mart{margin-top: -46px;}
.p12 h3,.p12 h3 b{width: 100%;height: 100%;font-weight: normal;}
.p12 h3 b{background: #9456ff;opacity: 0.9;filter:alpha(opacity=90);}
.p12 h3 p{font-size: 16px;width: 286px;height: 242px;border: 1px solid #fff;margin: 18px 0 0 16px;}
.p12 h3 p span{color: #fff;display: block;font-size: 18px;}
.p12 .fir{color: #a26eff;margin-top: 20px;}
.p12 .sec{font-size: 24px;margin-top: -12px;}
.p12 .thr{line-height: 32px;}
.p12 em{width: 218px;height: 2px;background: #a878ff;display: block;margin: 18px auto 12px;}
.p12 i{width: 6px;height: 6px;background: #e0d0ff;border-radius: 100%;top: -2px;}
.p12 h3{top: 280px;transition: 0.6s;}
.p12 li.on .mart{opacity: 0;filter:alpha(opacity=0);}
.p12 li.on h3{top: 0px;transition: 0.6s;}
.p12 .btn{margin-top: 36px;}
.p13{background: url(../img/bg15.jpg) no-repeat;height: 295px;background-size: 100% 100%;}
.p13 span{color: #fd5554;}
.p13 h2{line-height: 52px;font-size: 34px;padding-top: 66px;}
.p14{background: url(../img/bg16.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;height: 530px;}
.p14 .swiper{width: 914px;font-size: 24px;text-align: left;}
.p14 .swiper .marl{margin:0 40px;}
.p14 .swiper .tit{margin: 34px 0;}
.p14 .swiper .tit2{font-size: 18px;width: 360px;text-align: justify;}
.p14 .swiper .btn{margin:20px 0 0 0;text-align: center;}
.p14 .play{cursor: pointer;margin-top: 100px;}
.p15{width: 100%;height: 80px;background: #231632;position: fixed;bottom: 0;left: 0;z-index: 999;}
.p15 .con{width: 1000px;height: 100%; margin: 0 auto;position: relative;}
.p15 .con .str{left: -114px;bottom: -1px;}
.p15 .message{width: 784px;top: 24px;left:129px;}
.p15 form .bor{width: 146px;height: 40px;margin-right: 12px;background: url(../img/wid2.png) no-repeat;}
.p15 .bor img{margin: 8px 8px 0 10px;}
.p15 .bor input{width: 108px;height: 40px;border: none;font-size: 16px;background:none;color: #a7a2ad;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 2px solid #6263cf;height: 28px;line-height: 28px;padding-left: 3px;margin-top: 7px;cursor: pointer;color: #dc558c;}
.p15 form .borw{width: 220px;background: url(../img/wid3.png) no-repeat;}
.p15 form .borw2{width: 136px;background: url(../img/wid1.png) no-repeat;}
.p15 form .borw2 input{width:94px}
.p15 form .bor .mart{margin-top: 6px;}
#submsg{background: url(../img/msg4.png) no-repeat;width: 134px;height: 36px;border: none;cursor: pointer;}
.p15 .bor input::-webkit-input-placeholder{color: #a7a2ad;}
.p15 .bor input::-moz-placeholder{color: #a7a2ad;}
.p15 .bor input::-ms-input-placeholder{color: #a7a2ad;}
.footer{padding:40px 0 100px;background: #1b1126;}