/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#fff; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;color: #fff;}
/*header*/
.header{width: 100%;height: 32.5rem; position: relative;}
.header .arrow{background: url(../img/arrow.png) no-repeat;width: 0.5rem;height: 0.7rem;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -0.25rem;bottom: 1.5rem;-webkit-animation: toTop 2s infinite ease-in-out;}
.header img{width: 100%;height: 32.5rem;position: absolute;left: 0;top: 0;}
.head{width: 17.75rem;position: absolute;left: 0.5rem;top: 0.55rem;}
.head h1{width: 3.3rem;height: 1rem;margin-top: 0.2rem;}
.head h1 a{display: block;background: url(../img/logo.png) no-repeat;background-size: 100% 100%;text-indent: -99em;width: 100%;height: 100%;}
.head p{font-size: 0.5rem;margin-left: 0.4rem;line-height: 0.7rem;}
.head .tel{width: 4.4rem;height: 1.2rem;border-radius: 0.7rem;font-size: 0.6rem;line-height: 1.2rem;margin-right: 0.5rem;background: url(../img/tel.png) no-repeat #f57070  0.4rem center;background-size: 0.7rem 0.7rem;padding-left: 1.2rem;}

/*p1*/
.p1{text-align: center;padding-top: 2rem;background: url(../img/txt1.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.pos{position: relative;}
.p1 h2{font-size: 1.2rem;font-weight: bold;color: #425ff7;position: relative;margin-bottom: 0.5rem;}
.p1 h2 i{position: absolute;width: 1.65rem;height: 0.7rem;background: url(../img/icon1.png) no-repeat;background-size: 100% 100%;top: 0.55rem;}
.p1 h2 i.fir{left: 0.55rem;transform: rotate(180deg);}
.p1 h2 i.sec{right: 0.55rem;}
.p1 h2 b{position: absolute;width: 0.25rem;height: 0.25rem;background: #ff7a65;border-radius: 50%;-webkit-animation: rubberBand 1s infinite linear;left: 0.45rem;top: 0.55rem;}
.p1 .txt{font-size: 0.9rem;color: #425ff7;font-weight: 600;}
.p1 .line{width: 1.5rem;height: 0.15rem;background: #f2f2ff;margin: 0.85rem auto 1rem;}
.p1 .box{width: 17.8rem;margin: 0 auto 0.8rem;position: relative; height:2.85rem;}
.p1 .box h3{font-size: 0.9rem;background: url(../img/bg1.png) no-repeat;background-size: 100% 100%;width: 2.45rem;height:100%;line-height:2.85rem;position: absolute;left: 0;z-index: 2;top: 0.05rem;}
.p1 .box div{background: url(../img/bg2.png) no-repeat;width: 16.9rem;height: 3rem;background-size: 100% 100%;position: absolute;right: 0;}
.p1 .box div p{font-size: 0.75rem;color: #505050;line-height: 1rem;margin-left: 2.5rem;margin-top: 0.55rem;width: 7.9rem;text-align: left;}
.p1 .box div p span{color: #425ff7;}
.p1 .box div h4{width: 4.85rem;height: 1.25rem;background: url(../img/bor1.png) no-repeat;background-size: 100% 100%;line-height: 1.25rem;margin: 0.85rem 0 0 0.7rem;}
.p1 .box div a{background: linear-gradient(to right, #ff6c55, #ff9803);display: block;background-size: 100%;-webkit-background-clip: text;color: transparent;font-size: 0.75rem;}

.pos .posTxt{font-size: 0.55rem;color: #505050;position: absolute;right: 0.55rem;}

.job .txt{margin-top: 2.5rem;}
.job .bg{width: 100%;height: 14.25rem;background: url(../img/bg3.png) no-repeat;background-size:100% 100%;position: relative;}
.job .bg .img1,.job .bg .img2{position: absolute;width: 100%;left: 0;top: 3.4rem; animation:3s move2 infinite ease-in-out;}
.job .bg .img2{animation:3s move1 infinite ease-in-out;}
.btn{display: block;width: 6.65rem;height: 1.7rem;background-image: -webkit-linear-gradient(0deg, #ff6c55, #ff9704); border-radius: 1rem;line-height: 1.68rem;margin: 0 auto;font-size: 1rem;}
.job .btn{position: absolute;bottom: 1rem;left: 50%;margin-left:-3.325rem;}

.job .line{margin-bottom: 1rem;}
.tedu .txt{margin-top: 1.25rem;}
.tedu ul{width: 17.75rem;margin: 0 auto;}
.tedu ul img{width: 4rem;height: 0.4rem;display: block;}
.tedu ul h3{width: 4rem;height: 3.15rem;border-radius: 0 0 0.2rem 0.2rem;box-shadow: 0 0 0.5rem 0.1rem #eef0ff;font-size: 0.7rem;color: #505050;line-height: 1.1rem;}
.tedu ul h3 span{font-size: 0.85rem;color: #ff6c55;}
.tedu ul h3 p{padding-top: 0.45rem;}
.tedu ul li{margin-right: 0.55rem;}
.tedu ul li:nth-child(4){margin-right: -0.55rem;}

/*p2*/
.p2{background: url(../img/txt2.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p2 .tabBox{width: 100%;position: relative;height: 21.4rem;overflow: hidden;}
.p2 .tab{width: 34.8rem;height: 20.4rem;position: absolute;left: 50%;margin-left: -17.4rem;}
.p2 .tab img{width: 11.6rem;box-shadow: 0 0 0.5rem 0.1rem #eef0ff;}
#swiper1{margin-top: 0.7rem;}
#swiper1 .swiper-slide{transform: scale(0.9);transition: 0.5s;opacity: 0.8;}
#swiper1 .swiper-slide-next{transform: scale(1);transition: 0.5s;opacity: 1;}
.p2 .btn{margin-top: 1.15rem;}

/*p3*/
.p3{background: url(../img/txt3.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p3 .need{width: 16.6rem;height: 20.6rem;margin: 0 auto;position: relative;}
.p3 .need .bg2{position: absolute;left: 0;top: 0;border: 1px solid #37c0ff;background: #435ff7;width: 100%;height: 19.75rem;-webkit-animation: toTop 2.5s infinite linear;}
.p3 .need h3{font-size: 0.9rem;margin-top: 1rem;position: relative;}
.p3 .need h3 span{position: absolute;width: 0.3rem;height: 0.3rem;background: #fff;-webkit-animation: cir 1s infinite linear;top: 0.5rem;}
.p3 .need h3 span.fir{left:1.8rem;}
.p3 .need h3 span.sec{right:1.8rem;}
.p3 .tab{width:18.75rem;position: absolute;left: -1rem;top: 2.85rem;}
.p3 .tab li{background: url(../img/bg4.png) no-repeat;width: 8.75rem;height: 8.35rem;background-size: 100% 100%;margin-bottom: 0.6rem;}
.p3 .tab li img{margin-top: 0.35rem;margin-bottom: 0.6rem;}
.p3 .tab li img.fir{width: 2.75rem;margin-bottom: 0.1rem;}
.p3 .tab li img.sec{width: 2.525rem;}
.p3 .tab li img.thr{height: 2.45rem;margin-bottom: 0.3rem;}
.p3 .tab h4{font-size: 0.8rem;color: #425ff7;}
.p3 .tab b{width: 1.85rem;height: 0.05rem;background: #425ff7;display: block;margin: 0.3rem auto 0.4rem;}
.p3 .tab li.fr{background: url(../img/bg5.png) no-repeat;background-size: 100% 100%;}
.p3 .tab p{font-size: 0.7rem;color: #505050;line-height: 1rem;}
.p3 .tab p.mart{margin-top: 0.8rem;}
.p3 .btn{width: 8.65rem;margin-top: 1.45rem;}
.p4,.p5{background: url(../img/txt4.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p4 img{width: 100%;margin-top: 0.4rem;animation:2.5s cir2 infinite linear;}
.p4 .btn{margin-top: 1rem;width: 8rem;}

.p5 .dou{width: 9rem;height: 9rem;position: relative;margin: 2rem auto;}
.p5 .bg,.p5 .bg1{width: 9rem;height: 9rem;position: absolute;background: url(../img/cir3.png) no-repeat;background-size: 100% 100%;left: 0;top: 0;}
.p5 .bg{animation: 5s infinite wheel linear;}
.p5 .bg1{background: url(../img/cir1.png) no-repeat;background-size: 100% 100%;}

.p5 .bg b{position: absolute;left: 0;top: 0;background: url(../img/cir1.png) no-repeat;background-size: 100% 100%;}

.p5 .bg li{font-size: 0.7rem;color: #505050;position: absolute;}
.p5 .bg li img,.p5 .bg li p{position: absolute;animation: 5s infinite fix linear;transform-origin: center;}
.p5 .bg li p{width: 4.7rem;}
.p5 .bg li img{width: 2rem;}
.p5 .bg li.fir img{left: -0.3rem;top: 1.5rem;}
.p5 .bg li.fir p{left: -4.6rem;top: 2.8rem;}
.p5 .bg li.sec img{left:5.1rem;top: -0.6rem;}
.p5 .bg li.sec p{left: 0.5rem;top: -1.2rem;}
.p5 .bg li.thr img{left:8.1rem;top: 3.65rem;}
.p5 .bg li.thr p{left: 8.35rem;top: 1.55rem;width: 4.9rem;}
.p5 .bg li.fou img{top:7.6rem;}
.p5 .bg li.fou p{left:7.2rem;top: 7.4rem;}

.p5 .bg li.fiv img{left: 0.5rem;top: 6.5rem;}
.p5 .bg li.fiv p{left: -3.6rem;top:7.2rem;}
.p5 .btn,.p7 .btn{width: 8rem;}

@-webkit-keyframes wheel{
	0%{
		transform:rotate(10deg);
	}
	50%{
		transform:rotate(-10deg);
	}
	100%{
		transform:rotate(10deg);
	}
}
@-webkit-keyframes fix{
	0%{
		transform:rotate(-10deg);
	}
	50%{
		transform:rotate(10deg);
	}
	100%{
		transform:rotate(-10deg);
	}
}
.p6{background: url(../img/txt6.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p6 .com{width: 100%;height: 14.05rem;background: url(../img/com.png) no-repeat;background-size: 100% 100%;position: relative;}
video{width: 16.6rem;position: absolute;left: 1rem;top: 1.1rem;}
.p6 .btn{margin-top: 1.5rem;}


/*p7*/
.p7{background: url(../img/txt7.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p7 .teacher{width: 100%;height: 15rem;background: url(../img/bg.jpg) no-repeat;background-size: 100% 100%;padding-top: 0.6rem;}

#box{width: 18rem;margin-left: 0.75rem;text-align: left;color: #505050;font-size: 0.7rem;}
#box img{width: 7.15rem;height: 10.55rem;margin-right: 1.25rem;}
#box h3,#box h4{font-size: 0.9rem;background: linear-gradient(to right, #ff6c55, #ff9901);background-size: 100%;-webkit-background-clip: text;color: transparent;font-weight: bold;margin-top: 0.3rem;}
#box h4{font-size: 0.7rem;}
#box ul{width: 8rem;}
#box li{padding: 0.15rem 0.5rem;border: 1px solid #505050;margin-right: 0.25rem;border-radius: 0.6rem;margin: 0.8rem 0;}

#box h5{border-left: 1px solid #505050;height: 4.5rem;}
#box h5 p{line-height: 1.25rem;position: relative;top: -0.3rem;left: 0.3rem;}
#btn1{left: 8.2rem;}
#btn1 span{width: 0.3rem;height: 0.3rem;background:#fff;border-radius: 50%;display: inline-block;margin-right: 0.25rem;margin-top: 1rem;}

#btn1 .swiper-pagination-bullet-active{background: #435ff7;}
.p7 .btn{margin-top: -2.3rem;}


/*p8*/
.p8{padding-bottom: 1.75rem;background: url(../img/txt8.png) no-repeat center 1rem;background-size: 100% 2.5rem;}
.p8 .boxx{background: url(../img/line.jpg) no-repeat;width: 100%;height: 23.25rem;background-size: 100% 100%;position: relative;margin-top: 1.5rem;font-size: 0.7rem;color: #505050;}
.p8 .boxx img{width: 3.5rem;}
.p8 .boxx h3{font-size: 0.8rem;color: #425ff7;position: absolute;width: 5rem;-webkit-animation: toTop 2.5s infinite linear;}

.p8 .boxx h3.fir{left: 1rem;top: -0.45rem;}
.p8 .boxx h3.sec{left: 1.1rem;top: 9.35rem;}
.p8 .boxx h3.thr{left: 1rem;bottom:-1.5rem;}
.p8 .boxx h3.fou{right: 1rem;top:4.45rem;}
.p8 .boxx h3.fiv{right: 1rem;bottom:3.5rem;}
.p8 .boxx p.posp{position: absolute;}

.p8 .boxx p.fir{left: 3.35rem;top: 6.05rem;}
.p8 .boxx p.sec{left: 3.35rem;bottom: 5rem;}
.p8 .boxx p.thr{right: 2rem;top: 1.8rem;}
.p8 .boxx p.fou{right: 4rem;top: 11.4rem;}
.p8 .boxx p.fiv{right:2.8rem;bottom: 0.2rem;}
.p8 .btn{margin-top: 2.5rem;}

/*p9*/
.p9{width: 100%;background: url(../img/txt.png) no-repeat #070a38;background-size: 100% 2.45rem;padding-bottom: 1.5rem;}
.p9 h2{font-size: 1rem;color: #fff;}
.p9 .txt{color: #fff;}
.p9 .line{background: #212760;}
.p9 h2 i{top: 0.3rem;}
.p9 h2 b{top: 0.3rem;}
.foot{width: 100%;height: 14.65rem;position: relative;}
.foot .left{width: 14.4rem;position: absolute;left: 0;top: 0;-webkit-animation: toTop2 2.5s infinite linear;}
.foot .right{width: 12.25rem;position: absolute;right: 0;bottom: 0;-webkit-animation: toTop 2.5s infinite linear;}
.foot .mid{width: 100%;height: 12.1rem;position: absolute;left: 0;top: 1.45rem;}
.foot .midbg{background: url(../img/foot.png) no-repeat;width: 100%;height: 12.1rem;background-size: 100% 100%;position: absolute;left: 0;top: 0rem;opacity: 0.3;}

.foot .inbox{width: 10.65rem;position: absolute;top: 2.15rem;left: 50%;margin-left: -5.325rem;}
.foot .inbox li{width: 100%;height: 0.7rem;border-bottom: 1px solid #6677db;padding-bottom: 0.25rem;margin-bottom: 0.85rem;}
.foot .inbox li img{height: 0.7rem;margin-left: 0.3rem;margin-right: 0.4rem;}

.foot .inbox .text{width: 5.2rem;height: 0.7rem;line-height: 0.7rem;border: none;background: none;font-size: 0.6rem;color: #adbbff;}
.foot .inbox .text::-webkit-input-placeholder{color: #adbbff;}
.foot .inbox .add{position: relative;}
#getcode{width: 3.75rem;height: 0.9rem;line-height: 0.9rem;color: #fff;border-radius: 0.6rem;border: 1px solid #fff;font-size: 0.55rem;position: absolute;right: 0;top: -0.2rem;}

.foot .submit{background: url(../img/btn.png) no-repeat;width: 10.45rem;height: 1.7rem;background-size: 100% 100%;display: block;border: none;position: absolute;top: 8.3rem;left: 50%;margin-left: -5.225rem;}

@keyframes cir2 {
    0% {-webkit-transform:rotate(6deg) scale(0.95);}
    50%  {-webkit-transform:rotate(-6deg) scale(1);}
  	100%  {-webkit-transform:rotate(6deg) scale(0.95);}
}


@-webkit-keyframes toTop {
    0% {-webkit-transform:translateY(-16px);}
    50% {-webkit-transform: translateY(0px);}
  	100%  {-webkit-transform:translateY(-16px);}
}
@-webkit-keyframes toTop2 {
    0% {-webkit-transform:translateY(16px);}
    50% {-webkit-transform: translateY(0px);}
  	100%  {-webkit-transform:translateY(16px);}
}

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



@keyframes move1 {
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}
@keyframes move2 {
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}





@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}