*{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;}
.abstl{position: absolute;left: 0;bottom: 0;}
.abstr{position: absolute;right: 0;bottom: 0;}
.absr{position: absolute;right: 0;top: 0;}
input{ outline:none;}
body{color: #fff;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1024px;margin: 0 auto;}
h2{font-weight: normal;}
/*banner*/
.banner{width: 100%;height: 796px;}
.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 .img2020{background: url(../../img/v-banner.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}

/* .nav,.nav i{width: 100%;height: 100px;z-index: 2;}
.nav i{background: #02011f;opacity: 0.3;filter:alpha(opacity=30);border-bottom: 1px solid #4356c7;}
.nav h1,.nav h1 a{width: 116px;height: 35px;}
.nav h1 a{background: url(../img/logo.png) no-repeat;display: block;text-indent: -99em;}
.nav .rel{z-index: 3;margin-top: 32px;}
.nav .main div{border-left: 2px solid #fff;height: 24px;margin:8px 50px 0 8px;padding-left: 8px;}
.nav .main ul,.nav .main .tel{margin-top: 6px;}
.nav .main ul li{width: 88px;height: 24px;line-height: 24px;border-radius: 16px;margin-right: 6px;border: 1px solid #030230;transition: 0.4s;}
.nav .main ul li.on{border: 1px solid #fb0d5b;transition: 0.4s;}
.main ul li.on a{color: #fb0d5b;transition: 0.4s;}
#li_fir{width: 74px;}
.nav .main ul a{color: #fff;font-size: 16px;transition: 0.4s;}
.nav .main .tel{background: url(../img/tel.png) no-repeat left center;height: 26px;padding-left: 26px;line-height: 26px;color: #fb0d5b;font-size: 18px;}
 */
.banner .nav{width: 100%;height: 100px;z-index:2;font-size: 16px;}
.banner .nav b{background: #1b1126;opacity: 0.3;filter:alpha(opacity=30);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 15px 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;}



.pagination {width: 100%;bottom: 50px;z-index: 99999;text-align: center;position: absolute;}
.swiper-pagination-switch {width:12px;height: 12px;margin: 0 5px;display: inline-block;background: #2a0a72;cursor: pointer;border-radius:100%;}
.swiper-active-switch {background: #0a7ef1;}
.ly-top{z-index: 3;left: 50%;margin-left: -502px;top: 170px;animation:totop 2.6s infinite linear;}
.ly-top .bg1{background: url(../img/bg1.png) no-repeat;width: 300px;height: 410px;}
.ly-top .bg1 h2{font-size: 22px;padding-top: 40px;margin-bottom: 60px;}
.ly-top .bg1 h2 span{color: #30d9ff;}
#informm .bor{width: 250px;margin: 0 auto 16px;border-bottom: 1px solid #45394c;}
#informm input[type=text]{width:250px;height: 49px;background: none;border: none;color: #fff;font-size: 14px;}
#informm  input::-webkit-input-placeholder{color: #dcdee2;}
#informm  input::-moz-placeholder{color: #dcdee2;}
#informm  input::-ms-input-placeholder{color: #dcdee2;}
#informm #phonee{width: 160px;}
#getcodee{background: url(../img/bg2.png) no-repeat;width: 89px;height: 24px;font-size: 14px;line-height: 24px;margin-top: 14px;cursor: pointer;}
#submsgg{background: url(../img/btn1.png) no-repeat;width: 154px;height: 39px;border: none;cursor: pointer;margin-top: 14px;}
@keyframes totop{
	0%{
		top:204px;
	}
	25%{
		top:214px;
	}
	50%{
		top: 224px;
	}
	70%{
		top: 214px;
	}
	100%{
		top: 204px;
	}
}
/*p1*/
.p1{width: 100%;height: 703px;background: url(../img/bg3.jpg) no-repeat center;}
.p1 h2{font-size: 40px;padding-top: 60px;}
.p1 .txt{font-size: 18px;margin: 26px 0 20px;}
.p1 .line{background: url(../img/line1.png) no-repeat;width: 145px;height: 18px;margin: 0 auto 60px;}
.p1 .line img{animation: roll 2s linear infinite;}
.p1 .main2{width: 890px;margin: 0 auto;}
.p1 .main2 .out{width: 112px;height: 264px;padding-top: 20px;margin-right: 16px;overflow: hidden;transition: 0.4s;}
#last{margin-right: -16px;}
.p1 .main2 .out .tit{font-size: 22px;line-height: 24px;margin-top: -144px;}
.p1 .main2 .out div.absl{width: 190px;height: 284px;background: #fb0d5b;left: 116px;transition: 0.4s;}
.out div.absl h3{font-size: 40px;color: #fc2863;text-align: right;}
.out div.absl p,.out div.absl h4{width: 138px;text-align: justify;margin: 0 auto;}
.out div.absl h4{border-bottom: 1px solid #fff;font-size: 22px;font-weight: normal;text-align: left;padding-bottom: 16px;margin-bottom: 14px;}
.out div.absl p{font-size: 16px;line-height: 26px;}
.out div.absl img{right: 10px;bottom: 10px;}
.over1{right: 118px;transition: 0.4s;top: 20px;}
.p1 .main2 .on{width: 490px;transition: 0.4s;}
.p1 .main2 .on .over1{right: 164px;transition: 0.4s;}
.p1 .main2 .on div.absl{left:300px;transition: 0.4s;}
.btn,.p6 .main a,.p8 .right a{width: 240px;height: 54px;color: #fff;border: 1px solid #fff;margin:50px auto 0;display: block;font-size: 22px;line-height: 54px;border-radius: 30px;transition: 0.3s;}
.btn:hover{color: #fc2863;border: 1px solid #fc2863;transition: 0.3s;}
@keyframes roll{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.p2{height: 862px;background: url(../img/bg4.jpg) no-repeat center;}
.p2 i{background: url(../img/pos.jpg) no-repeat center;height: 278px;width: 1920px;left: 50%;margin-left: -960px;top: 312px;}
.p2 .main{width: 932px;height: 446px;z-index: 2;overflow: hidden;}
.p2 .main .wraper{width: 250px;height: 368px;margin: 0 auto;transform-style: preserve-3d;perspective: 1000px;}
.p2 .main .roll p{background: url(../img/bor1.png) no-repeat;width: 196px;height: 36px;line-height: 36px;margin: 38px auto;font-size: 18px;opacity: 0;filter:alpha(opacity=0);}
.p2 .main .center p{opacity: 1;filter:alpha(opacity=100);transition: 0.5s;}
.p2 .center{left: 0;z-index: 4;transition: 0.5s;transform:translatez(0px) scale(1);-ms-transform: ;translatez(0px) scale(1);}
.p2 .left{left: -214px;transform:translatez(-100px) scale(0.98);z-index: 3;transition: 0.5s;-ms-transform:translatez(-100px) scale(0.98);}
.p2 .outleft{left: -402px;transform:translatez(-100px) scale(0.88);z-index: 2;transition: 0.5s;-ms-transform:translatez(-100px) scale(0.88);}
.p2 .right{left: 214px;transform:translatez(-100px) scale(0.98);z-index: 3;transition: 0.5s;-ms-transform:translatez(-100px) scale(0.88);}
.p2 .outright{left: 402px;transform:translatez(-100px) scale(0.88);z-index: 2;transition: 0.5s;-ms-transform:translatez(-100px) scale(0.88);}
.p2 .btn{margin-top: 50px;}
.p2 .main .roll em{width: 100%;height: 100%;transform:scale(1,-1);-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.2));-webkit-mask:-moz-linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.2));-ms-mask:-webkit-linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.2));top: 255px;}
.p2 .main .roll img{box-shadow: 0px 0px 60px 17px rgba(34,6,54,0.7);}

.p3{height: 934px;background: url(../img/bg5.jpg) no-repeat center;}
.p3 .con{width: 978px;height: 526px; margin: 0 auto;text-align: left;}
.p3 .con .left{width: 322px;height: 524px;border: 1px solid #9356ff;}
.p3 .con .left ul{padding: 42px 0 0 42px;}
.p3 .con .left li{margin-bottom: 14px;cursor: pointer;}
.p3 .con .left h3{background: url(../img/bor3.png) no-repeat;width: 132px;height: 40px;font-size: 18px;line-height: 40px;padding-left: 50px;font-weight: normal;}
.p3 .con .left p{font-size: 8px;margin:7px 0 0 5px;opacity: 0.3;filter:alpha(opacity=30);}
.p3 .con .left .padl{padding-left: 37px;width: 151px;}
.p3 .con .left .on{color: #fc2863;transition: 0.3s;}
.p3 .con .left .on h3{background: url(../img/bor2.png) no-repeat;color: #fc2863;transition: 0.3s;}
.p3 .con .right{width:700px;height: 438px;top: 32px;}
.p3 .con .right b{width: 136px;height: 490px;background: #fb0d5b;}
.p3 .con .right .tab{width: 660px;height: 100%;box-shadow: -5px 13px 27px 7px rgba(34,6,54,0.6);overflow: hidden;}
.p3 .con .pos{width: 360px;height: 438px;z-index: 2;overflow: hidden;}
.p3 .con .pos h3{font-size: 20px;padding-top: 60px;}
.p3 .con .pos b{width: 36px;height: 4px;background: #fff;display: block;margin: 12px 0 26px;}
.p3 .con .pos .txt1{font-size: 16px;line-height: 30px;}
.p3 .con .pos h4{font-size: 26px;width: 142px;height: 38px;line-height: 38px;border-radius: 30px;text-align: center;border: 2px solid #fff;margin: 28px 0 24px;}
.p3 .con .pos .txt2{font-size: 12px;margin-top: 32px;}
.p3 .con .pos .go{width: 360px;padding-left: 40px;height: 438px; transition: 0.6s;left: -360px;background: url(../img/opa.png) no-repeat;}
.p3 .con .pos .goright{transition: 0.6s;left: 0px;}
.p3 .con img.abstr{z-index: 3;bottom: 10px;cursor: pointer;}
#pre{right: 74px;}
#next{right: 43px;}
.p3 .btn{margin-top: 40px;}
.p4{height: 722px;background: url(../img/bg6.jpg) no-repeat center;}
.p4 .main{width: 860px;text-align: left;}
.p4 .main li{background: url(../img/bor4.png) no-repeat;width: 392px;height: 124px;margin-bottom: 48px;cursor: pointer;}
.p4 .main li.on{background: url(../img/bor5.png) no-repeat;transition: 0.3s;}
.p4 .main li img{margin:30px 0 0 52px;}
.p4 .main li p{font-size: 20px;margin:30px 0 0 30px;line-height: 30px;}
.p4 .main li.on p{color: #fc2863;transition: 0.3s;}
.p4 .main li span{background: url(../img/icon5.png) no-repeat;width: 32px;height: 32px;top: 46px;right: -14px;}
.p4 .main li.on span{background: url(../img/icon4.png) no-repeat;transition: 0.3s;}
#marl,#marl2{margin-left: 74px;}
.p4 .btn{margin-top: 10px;}
.p5{height:918px;background: url(../img/bg7.jpg) no-repeat center;}
.p5 .main{width: 966px;height: 496px;}
.p5 .main .bor1{width:313px;height: 404px;left: 312px;top: 34px;background: url(../img/bor7.png) no-repeat;}
.p5 .main .imgbox{width: 436px;height: 472px;left: 54px;box-shadow: 0px 7px 27px 7px rgba(43,2,74,0.6);overflow: hidden;}
.p5 .main .bor2{background: url(../img/bor6.png) no-repeat;width: 622px;height: 416px;top: 80px;z-index: 2;}
.p5 .main .num{width: 56px;height: 38px;top: 26px;font-size: 36px;color: #5643ff;overflow: hidden;}
.p5 .main .num li{opacity: 0;filter:alpha(opacity=0);transform: rotateY(90deg);}
.p5 .main .num .on{opacity: 1;filter:alpha(opacity=100);transform: rotateY(0deg);transition: 0.9s;}
.p5 .main .con,.p5 .main .con1{width: 418px;height: 310px;overflow: hidden;}
.p5 .main .con{top:88px;text-align: left;}
.p5 .main .con1{opacity: 0;filter:alpha(opacity=0);transform: rotateY(90deg);top: -320px \9;}
.p5 .main .showw{opacity: 1;filter:alpha(opacity=100);transform: rotateY(0deg);transition: 0.6s;top: 0 \9;}
.p5 .main .con h3,.p5 .main .con h4{font-size: 22px;color: #fb0d5b;font-weight: normal;margin-bottom: 12px;}
.p5 .main .con h4{font-size: 18px;background: url(../img/icon6.png) no-repeat left center;padding-left: 28px;}
.p5 .main .con .bg2 h4{background: url(../img/icon7.png) no-repeat left center;}
.p5 .main .con .bg3 h4{background: url(../img/icon8.png) no-repeat left center;}
.p5 .main .con .bg2{left: 248px;}
.p5 .main .con .bg3{left: 0px;top: 130px;}
.p5 .main .con p{font-size: 16px;line-height: 26px;}
.p5 .main .con img.absl{left: 198px;}
.p5 .main .con img.absr{top: -30px;}
.p5 .main .con .rel{margin-top: 30px;}
.p5 .main .num2{font-size: 24px;color: #fff;width: 40px;height: 26px;top: -12px;text-align: center;left: 2px;}
.p5 .main .num2 li{width: 40px;}
.p5 .main .abstr img{cursor: pointer;}
.p5 .main .abstr{right: 78px;bottom: 8px;}
@keyframes rolly{
	0%{
		transform: rotateY(0deg);
	}
	100%{
		transform: rotateY(360deg);
	}
}
.p6{height:872px;background: url(../img/bg8.jpg) no-repeat center;}
.p6 .main{width: 868px;height: 571px;}
.p6 .main .left{overflow: hidden;}
.p6 .main .left,.p6 .main .tor,.p6 .main i{width: 182px;height: 354px;top: 110px;z-index: 2;}
.p6 .main .left i{top: 0px;background: #fb0d5b;opacity: 0.85;filter:alpha(opacity=85);}
.p6 .main .left .tor{top: 400px;transition: 0.6s;}
.p6 .main .left .show{top: 0px;transition: 0.6s;}
.p6 .main .zIn{z-index: 2;width: 100%;}
.p6 .main .one{margin-top: 46px;}
.p6 .main .one img{margin-top: -10px;}
.p6 .main .two{width: 100%;font-size: 24px;margin: 16px 0 10px;}
.p6 .main .thr{font-size: 16px;}
.p6 .main b{display: block;width: 64px;height: 3px;background: #fff;margin:12px auto;}
.p6 .main a{width: 138px;height: 30px;line-height: 30px;font-size: 18px;box-shadow: 1px 3px 0 0 rgba(84,5,31,0.22);margin-top: 82px;}
.p6 .main .right{background: url(../img/bor8.png) no-repeat;width: 756px;height: 571px;overflow: hidden;}
.p6 .main .swiper{width: 700px;height: 527px;margin: 24px 0 0 26px;}
.p6 .main .arrow{width: 188px;height: 34px;background: #5643ff;left: -3px;top: 328px;z-index: 3;font-size: 20px;padding-top: 10px;}
.p6 .main .arrow ul{width: 22px;height: 28px;}
.p6 .main .arrow li{opacity: 0;filter:alpha(opacity=0);}
.p6 .main .arrow li.opa{opacity: 1;filter:alpha(opacity=100);}
.p6 .main .arrow img{cursor: pointer;}
#prev{margin: 6px 8px 0 30px;}
#nextv{margin: 12px 0 0 8px;}
.p7{height:1156px;background: url(../img/bg10.jpg) no-repeat center;}
.p7 .teacher{width: 953px;height:541px;margin: 100px auto 0;background:url(../img/bor9.png) no-repeat;}
.p7 .teacher .left{top: -40px;left: 20px;width: 312px;height: 535px;}
.p7 .teacher .left p{width: 44px;height: 44px;background: #fb0d5b;line-height: 44px;}
#swiper5,#swiper5 .rel{height: 600px;}
#swiper5 .rel{width: 312px;}
.p7 .teacher .mid{width:460px;height: 360px; left:380px;top: 86px;text-align: left;overflow: hidden;}
.p7 .teacher .mid h3{font-size: 30px;font-weight: normal;}
.p7 .teacher .mid em{width: 24px;height: 2px;background: #fff;margin: 28px 0 0 3px;display: block;}
.p7 .teacher .mid .tit2{font-size: 16px;margin: 20px 0;}
.p7 .teacher .mid .tit1{line-height: 30px;}
.p7 .teacher .mid .tit3{font-size: 20px;color: #0f041d;border-bottom: 1px solid #0f041d;padding-bottom: 10px;width: 282px;margin-top: 58px;}
.p7 .teacher .mid .tit4{margin-top: 20px;}
.p7 .teacher .mid .tit{margin-top: 38px;}
.p7 .teacher .mid div{top: -400px;transition: 0.7s;}
.p7 .teacher .mid .top{top: 0px;transition: 0.7s;}
.p7 .teacher .right{width: 62px;height: 406px; top: -160px;}
.teacher .right h4{font-size: 48px;right: 122px;font-weight: normal;top: 124px;}
.teacher .right ul{width: 100%;height: 100%;right: 38px;top: 114px;}
.teacher .right ul b{width: 100%;height: 65px;background: #1d052f;opacity: 0.7;filter:alpha(opacity=70);z-index: 2;transition: 0.7s;}
.teacher .right ul li{margin-bottom: 10px;height: 65px;cursor: pointer;}
.teacher .right ul li.on b{opacity: 0;filter:alpha(opacity=0);transition: 0.7s;}

.adv{width: 100%;background: url(../img/adv.png) no-repeat center;height: 261px;bottom: -70px;}
.p8{height:721px;background: url(../img/bg9.jpg) no-repeat center;}
.p8 h2{padding-top: 100px;}
.p8 .main{width: 874px;height: 334px;}
.p8 .left{background: url(../img/line6.png) no-repeat;width: 408px;height: 100%;}
.p8 .left .coop{width: 428px;height: 275px;overflow: hidden;margin: 24px 0 0 24px;}
.p8 .line2{width: 118px;height: 1px;background: #fb0d5b;left: 388px;top: 78px;z-index: 2;}
.p8 .right{width: 346px;height: 218px;top: 64px;overflow: hidden;}
.p8 .right h3{font-size: 24px;color: #fb0d5b;font-weight: normal;text-align: left;}
.p8 .right em{display: block;width: 50px;height: 3px;background: #5643ff;margin: 20px 0 34px;}
.p8 .right p{text-align: justify;line-height: 34px;}
.p8 .right a{width: 230px;height: 40px;line-height: 40px;margin:20px 0 0 0;}
.p8 .right .absl{top: 300px;transition: 0.5s;}
.p8 .right .on{top: 0px;transition: 0.5s;}
.p8 ul{width: 134px;right: -10px;}
.p8 ul li{margin-right: 12px;cursor: pointer;}
.p8 ul li.act{color: #fb0d5b;transition: 0.3s;}
.foot{font-size: 18px;padding: 28px 0 108px;background: #160622;}
.ly_bot{position: fixed;width: 100%;height: 80px;left: 0;bottom: 0;z-index: 9999;}
.ly_bot i{width: 100%;height: 100%;background: #2b0a73;opacity: 0.9;filter:alpha(opacity=85);}
.ly_bot .main{height: 100%;}
.ly_bot .message {width: 784px;right: 106px;top: 24px;}
.ly_bot form .bor{width: 146px;height: 38px;border: 1px solid #fff;margin-right: 12px;}
.ly_bot .bor img{margin: 6px 8px 0 10px;}
.ly_bot .bor input{width: 108px;height: 38px;border: none;font-size: 16px;background: none;color: #fff;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 1px solid #fff;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 4px;cursor: pointer;}
.ly_bot form .borw{width: 220px;}
.ly_bot form .borw2{width: 132px;}
.ly_bot form .borw2 input{width:94px}
.ly_bot form .bor .mart{margin-top: 5px;}
#submsg{background: url(../img/msg4.png) no-repeat;width: 134px;height: 36px;border: none;cursor: pointer;}
.ly_bot .bor input::-webkit-input-placeholder{color: #fff;}
.ly_bot .bor input::-moz-placeholder{color: #fff;}
.ly_bot .bor input::-ms-input-placeholder{color: #fff;}
.ly_bot img.abstl{left: -124px;}