*{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;}
.main{width: 1024px;margin: 0 auto;}

.banner{background: url(../img/banner.jpg) no-repeat top center;width: 100%;height: 800px;}

.nav{width: 1024px;z-index: 2;left: 50%;margin-left: -512px;top: 36px;font-size: 18px;color: #fff;z-index: 4;}
.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;}
.banner .icon{left: 50%;margin-left: -960px;}
.banner .pao{animation: pao 12s linear infinite;left: 0;top: -10px;}
.banner .icon1{animation: fly 2s linear infinite;z-index: 3;top: -10px;}
.banner .icon2{animation: fly2 2s linear infinite;top: 10px;}
.b-t{background: url(../img/banner_t.png) no-repeat center top;width: 100%;height: 800px;animation: zoomIn 0.6s linear;}
.toBig{animation: zoomIn 0.7s linear;}
.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 .main1{width: 944px;}
.main1 .top{width: 310px;height: 370px;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);border-radius: 10px;padding: 30px 20px 0;text-align: left;} 
.main1 li{margin-bottom: 24px;}
.main1 .top p{font-size: 18px;color: #3e3e3e;}
.main1 .top h3{background: url(../img/bg5.png) no-repeat;width: 160px;height: 15px;margin:6px 0 0 8px;}
.main1 .top .one{width: 132px;height: 15px;}
.main1 .top .two{width: 112px;}
.main1 .top .thr{width: 142px;}
.main1 .top .fou{width: 108px;}
.main1 .top .fiv{width: 72px;}
.main1 .top .six{width: 48px;}
.main1 .top .mar{margin: -6px 0 0 -8px;}
.main1 .top .mar2{margin: -6px 0 0 -15px;}
.main1 .top .mar3{margin: -6px 0 0 -20px;}
.main1 .top i{background: url(../img/line1.png) repeat-x;width: 0;height:100%;display: block;transition: 0.8s;}
.main1 .even i{background: url(../img/line2.png) repeat-x;width: 0;}
.main1 h4{background: url(../img/bg3.png) no-repeat;width: 350px;height: 70px;left: -21px;bottom: 48px;color: #fff;font-size: 30px;line-height: 46px;}
.main1 .left .txt2{font-size: 18px;text-align: left;margin-top: 16px;}
.main1 .right{background: url(../img/list.png) no-repeat;width: 537px;height: 380px;margin-top: 28px;}
.main1 .right h4{top: -28px;left: 40px;background: url(../img/bg6.png) no-repeat;width: 203px;}
.main1 div.abslt{bottom: 28px;}
.main1 div div.rel{width: 30px;}
.main1 .list1{left: 118px;}
.main1 .list2{left: 196px;}
.main1 .list3{left: 272px;}
.main1 .list4{left: 354px;}
.main1 .list5{left: 434px;}
.listH1{height: 38px;}
.listH2{height: 70px;}
.listH3{height: 110px;}
.listH4{height: 186px;}
.listH5{height: 298px;}
.main1 .right b{height: 0;width: 100%;background: url(../img/line3.png) repeat;transition: 0.8s;}
.main1 .right b.even{background: url(../img/line4.png) repeat;}
.main1 .right b.toH{height: 100%;transition: 0.8s;}
.main1 .right b img{top: -8px;}
.main1 .img2{bottom: -8px;}
.main1 .top i.toW{width: 80%;transition: 0.8s;}
.btn{display: block;margin: 50px auto;width: 300px;height: 60px;line-height: 60px; font-size: 30px;color: #fff;background: #ff5f6d;border-radius: 6px;}
.btn b{width: 100%;height: 100%;z-index: 9;}
.bg{background: #faf9fe;padding-bottom: 50px;}
.bg .btn{margin-bottom: 0px;}
.p2 .main{overflow: hidden;height: 270px;}
.p2 .main img{margin-left: 10px;}
.p2 .main li{margin-right:20px;height: 100%;}
#last{margin-right: -20px;}
.p2 .main li h3{background: url(../img/bg4.png) no-repeat;width: 184px;height: 50px;font-size: 22px;color: #fff;line-height: 40px;margin-top: -370px;transition: 0.5s;} 
.p2 .main li.on h3{margin-top: -60px;transition: 0.5s;}
.p3 .main{background: url(../img/bor.png) no-repeat;width: 925px;height: 460px;}
.p3 .main .one{left: -44px;bottom: -22px;animation: fly3 2.5s infinite linear;}
.p3 .main .two{left: 16px;bottom: 8px;animation: fly4 2.5s infinite linear;}
.p3 .comp{width: 740px;margin: 0px auto;}
.p3 .comp h3{font-size: 24px;color: #fff;width: 170px;height: 40px;line-height: 40px;background: #ff5f6d;font-weight: normal;margin-bottom: 20px;margin-top: -20px;}
.p3 .comp div.fl{margin-right: 20px;}
.p3 .comp .clr{background: #9c9b9e;}
.p3 .comp .ul1{width: 170px;background: #ff5f6d;color: #fff;font-size: 18px;padding-bottom: 18px;}
.p3 .comp .ul1 li{padding-top: 18px;}
.p3 .comp ul span{display: inline-block;width: 12px;height: 12px;margin-top: 24px;border: 1px solid #ff5f6d;}
.p3 .comp span i{display: block;width: 0%;height: 100%;background:#ff5f6d;transition: 0.8s;}
.p3 .comp span i.toW{width: 100%;transition: 0.8s;}
.p3 .comp .ul2 span{border: 1px solid #9c9b9e;}
.p3 .comp .ul2 i{background:#9c9b9e;}
.p4 .main{background: url(../img/bor2.png) no-repeat;width: 975px;height: 265px;}
.p4 .title{background: url(../img/dot3.png) no-repeat;width: 310px;height: 30px;color: #3E3E3E;font-size: 24px;margin: 0 auto 40px;}
.p4 .main ul{margin-left: 76px;}
.p4 .main li{background: url(../img/mon.png) no-repeat;margin: 10px 62px 48px 0;width: 160px;height: 160px;}
.p4 .main li p{font-size: 28px;color: #3e3e3e;padding-top: 76px;}
.p4 .main h3{font-size: 20px;color: #ff5f6d;width: 126px;height: 30px;line-height: 30px;background: #fff;border-radius: 30px;margin:5px auto;}
.p4 .btn{margin-top: 180px;}
.p5 .table{width: 950px;height: 450px;margin: 0 auto;overflow: hidden;}
.p5 .table ul{text-align: left;z-index: 2;width: 340px;}
.p5 .table ul li{cursor: pointer;left: -500px;transition: 0.6s;}
.p5 .table li h3{height: 100px;border-left: 10px solid #ff5f6d;font-size: 30px;color: #3e3e3e;padding-left: 28px;line-height: 30px;}
.p5 .table li .clr{color: #ff5f6d;margin-top: 14px;}
.p5 .table li .clr2{color: #a1a1a1;font-size: 16px;font-weight: normal;margin-top: 5px;}
.p5 .table .outp{color: #8b8b8b;font-size: 18px;line-height: 54px;padding:34px 0 0 40px;}
.p5 .table .outp b{font-size: 24px;color: #3e3e3e;}
.p5 .table .outp2{line-height: 36px;}
.p5 .table ul li.on{left: 0px;transition: 0.6s;}
.p5 .imgbox{width: 320px;height: 320px;left: 226px;top: 130px;}
.p5 .txtbox{width: 430px;height: 202px;background: #fff;left: 484px;top:173px;z-index: 2;overflow: hidden;}
.p5 .txtbox div{width: 370px;height: 100%;text-align: left;padding-left: 30px;padding-right: 30px;top: 430px;transition: 0.4s;}
.p5 .txtbox h4{color: #3e3e3e;font-size: 24px;font-weight: normal;margin: 30px 0 20px;}
.p5 .txtbox p{font-size: 16px;line-height: 24px;}
.p5 .txtbox p img{margin-top: 3px;}
.p5 .txtbox div.show{top: 0px;transition: 0.6s;}
#next{width: 100px;height: 100px;background: #ff5f6d;top: 350px;cursor: pointer;}
#next img{margin-top: 52px;}
.p6 .teacher{width: 1024px;height: 468px; margin: 0 auto;overflow: hidden;}
.p6{background: url(../img/bg4.jpg) no-repeat center;height: 740px;}
.p6 h2,.p6 .txt{color: #fff;}
.p6 .txt{margin-bottom: 30px;}
.p6 .teacher{height: 524px;}
.p6 .teacher .left{width: 370px;height: 522px;}
.p6 .teacher .left p{width: 70px;height: 144px;background: #ff5f6d;font-size: 34px;color: #fff;top: 52px;padding-top: 6px;}
.p6 .teacher .left .padt{padding-top: 20px;height: 120px;}
.p6 .teacher .tbox{width: 562px;height: 176px;left: 438px;top: 62px;color: #fff;overflow: hidden;}
.p6 .teacher .tbox h3{font-weight: normal;font-size: 28px;width: 270px;background: #ff5f6d;margin-top: -20px;margin-left: 44px;}
.p6 .teacher .tbox p{text-align: justify;width: 460px;line-height: 32px;font-size: 16px;margin:18px 0 0 56px;}
.p6 .teacher .tbox li{top: -160px;transition: 0.6s;border: 1px solid #fff;width: 560px;height: 154px;}
.p6 .teacher .tbox li.on{top: 16px;transition: 0.6s;}
.p6 .teacher .tbox h3.wid{width: 244px;}
.p6 .teacher .clearfix{width: 490px;left: 470px;top: 284px;}
.p6 .teacher .clearfix div{width: 90px;height: 90px;background: #000;margin-right: 10px;margin-bottom: 10px;cursor: pointer;transition: 0.6s;}
.p6 .teacher .clearfix .act{background: #fff;transition: 0.6s;}
#marl{margin-left: 100px;}
#marr{margin-right: -10px;}
.dot1{top: 34px;}
.dot2{bottom: 34px;}




.p7 .main{height: 270px;}
.p7 .main .arrow{top: 120px;cursor: pointer;}
.p7 .main img.absl{left: -18px;}
.p7 .main img.absr{right: -18px;}

#swiper3 p{margin-top: -30px;font-size: 20px;color: #3e3e3e;text-align: left;margin-left: 160px;}
#swiper3 p.mar{margin-left: 136px;}
#swiper3 p.mar2{margin-left: 180px;}


.p8 .main{height: 330px;background: url(../img/shape1.png) no-repeat center;animation: roll3 6s infinite linear;}
.p8 .main div{width: 258px; background: url(../img/shape3.png) no-repeat right center;text-align: right;padding-right: 44px;animation: roll4 6s infinite linear;}
.p8 .main div h4{font-weight: normal;font-size: 24px;color: #ff5f6d;margin-bottom: 16px;}
.p8 .main div  p{font-size: 16px;}
.p8 .main .sec{top: 184px;background: url(../img/shape2.png) no-repeat right center;}
.p8 .main .thr{background-position: left center;text-align: left;padding-left: 44px;padding-right: 0;width: 272px;}

.p9 .main{height: 498px;background: url(../img/bg7.png) no-repeat center;}
.p9 .right{top: 160px; width: 380px;height: 156px;right: 36px;}
.p9 .right p{text-align: justify;line-height: 32px;}
.p9 .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;}
.p9 .right b.two{background: #ff8e67;background: linear-gradient(to right,#ff8e67,#ffbf67);}
.p9 .right b.thr{background: #f42c72;background: linear-gradient(to right,#f42c72,#f96d7d);}
.p9 .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;}
.p9 .right h4.on{background: #ff5f6d;transition: 0.6s;}
#pre{left: -33px;}
#nextt{left: 393px;}
.foot{font-size: 14px;background: #3e3e3e;color: #fff;padding: 20px 0 20px;}

@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 fly4 {
  0% {
    bottom: 18px;
  }
 	25% {
    bottom: 8px;
  }
  50% {
    bottom: -2px;
  }
  75% {
    bottom: 8px;
  }
  100% {
    bottom: 18px;
  }
}
@keyframes fly3 {
  0% {
    bottom: -32px;
  }
 	25% {
    bottom: -22px;
  }
  50% {
    bottom: -10px;
  }
  75% {
    bottom: -22px;
  }
  100% {
    bottom: -32px;
  }
}
@keyframes roll {	
  0% {
  	transform: rotate(0deg);
  }
  100% {
  	transform: rotate(360deg);
  }
}
@keyframes pao {
  0% {
    opacity: 1;
    left: 0;
    top: -802px;
  }
  100% {
    opacity: 0;
    top: 400px;
    left: 600px;
  }
}



@keyframes fly2 {
  0% {
    top: 10px;
  }
 	25% {
    top: 0px;
  }
  50% {
    top: -10px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: 10px;
  }
}
@keyframes fly {
  0% {
    top: -10px;
  }
 	25% {
    top: 0px;
  }
  50% {
    top: 10px;
  }
  75% {
    top: 0px;
  }
  100% {
    top: -10px;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}






@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);
  }
}




.banner2{width: 100%;height:800px;}
.banner2 .img20201{background: url(http://bj.tedu.cn/2020/banner1-1920x800.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}
.banner2 .img20202{background: url(http://bj.tedu.cn/2020/banner2-1920x800.jpg) no-repeat top center;width: 100%;height: 800px;display: block;}