.home{padding-bottom:50px}.home .desbox{height:150px;width:100%;background:#11a84e;position:relative;overflow:hidden}.home .desbox .textBox{position:relative;top:50%;transform:translateX(-50%) translateY(-50%);z-index:3}.home .desbox .textBox h1{color:#fff;font-size:22px;margin:0 0 10px;font-weight:600;text-transform:uppercase}.home .desbox .textBox h1 strong{color:#fff100}.home .desbox .textBox p{margin:0;font-size:14px;color:#fff}.home .desbox .textBox p strong{font-weight:400;color:#fff100}.home .desbox .textBox p:nth-of-type(1){margin-bottom:10px}.home .desbox ul{position:absolute;top:0;left:-40%;width:200%;height:100%;z-index:2;animation:slider 20000ms linear infinite}.home .desbox ul li{position:relative;width:30px;height:200%;top:-50%;background:#10a349;float:left;transform:rotateZ(45deg);margin-right:55px}.home .numberBox{height:300px;background:#fff}.home .numberBox ul{height:100%;text-align:center;line-height:300px}.home .numberBox ul li{display:inline-block;width:210px;margin:70px 15px 0 0;text-align:center;line-height:normal}.home .numberBox ul li >div{position:relative;width:110px;height:110px;text-align:center;line-height:100px;font-family:Impact;border-width:5px;border-style:solid;border-radius:50%;display:inline-block;font-size:30px;transition:200ms linear}.home .numberBox ul li >p{width:100%;text-align:center;margin:0;margin-top:15px;font-size:14px;display:inline-block;font-weight:700}.home .numberBox ul li:nth-of-type(1) >div{border-color:#b777c6;color:#b777c6;box-shadow:0 0 0 #b777c6}.home .numberBox ul li:nth-of-type(1) >div.active{box-shadow:0 0 30px #b777c6}.home .numberBox ul li:nth-of-type(1) >p{color:#b777c6}.home .numberBox ul li:nth-of-type(2) >div{border-color:#11a84e;color:#11a84e;box-shadow:0 0 0 #11a84e}.home .numberBox ul li:nth-of-type(2) >div.active{box-shadow:0 0 30px #11a84e}.home .numberBox ul li:nth-of-type(2) >p{color:#11a84e}.home .numberBox ul li:nth-of-type(3) >div{border-color:#fabe00;color:#fabe00;box-shadow:0 0 0 #fabe00}.home .numberBox ul li:nth-of-type(3) >div.active{box-shadow:0 0 30px #fabe00}.home .numberBox ul li:nth-of-type(3) >p{color:#fabe00}.home .numberBox ul li:nth-of-type(4) >div{border-color:#5db5df;color:#5db5df;box-shadow:0 0 0 #5db5df}.home .numberBox ul li:nth-of-type(4) >div.active{box-shadow:0 0 30px #5db5df}.home .numberBox ul li:nth-of-type(4) >p{color:#5db5df}.home .numberBox ul li:nth-of-type(5) >div{border-color:#f29c9f;color:#f29c9f;box-shadow:0 0 0 #f29c9f}.home .numberBox ul li:nth-of-type(5) >div.active{box-shadow:0 0 30px #f29c9f}.home .numberBox ul li:nth-of-type(5) >p{color:#f29c9f}.home .demoBox{height:800px;position:relative}.home .demoBox >img{position:absolute;width:100%;height:100%;left:50%;top:0;transform:translateX(-50%);z-index:1}.home .demoBox >div{position:relative;z-index:2;height:100%}.home .demoBox >div >ul{position:relative;top:50%;transform:translateY(-50%)}.home .demoBox >div >ul >li{height:335px}.home .demoBox >div >ul >li >div{float:left;width:50%;height:335px;overflow:hidden;position:relative}.home .demoBox >div >ul >li >div >img{width:100%}.home .demoBox >div >ul >li >div.textBox{padding:0 60px;position:relative;background:#fff}.home .demoBox >div >ul >li >div.textBox h3{font-size:18px;font-weight:700;margin:0}.home .demoBox >div >ul >li >div.textBox >p{position:absolute;right:60px;bottom:25px}.home .demoBox >div >ul >li >div.textBox >p >a{width:130px;height:34px;border-radius:17px;border:1px solid #e5e5e5;background:#fff;outline:0;font-size:12px}.home .demoBox >div >ul >li >div.textBox >p >a:hover{background:#e0e0e0}.home .demoBox >div >ul >li:nth-of-type(1){margin-bottom:10px}.home .demoBox >div >ul >li:nth-of-type(2) .han-list-number span{color:#f5a200;border-color:#f5a200}.home .courseBox{height:600px;background:#fff}.home .courseBox h2{color:#093;font-weight:700;font-size:24px}.home .courseBox h2 span{color:#f5a200}.home .courseBox .stage{width:850px;height:420px}.home .courseBox .stage li{position:absolute;transition:300ms}.home .courseBox .stage li:nth-of-type(1){bottom:0;left:-10px}.home .courseBox .stage li:nth-of-type(1):hover{transform:translateX(-10px)}.home .courseBox .stage li:nth-of-type(2){bottom:130px;left:73px}.home .courseBox .stage li:nth-of-type(2):hover{transform:translateX(-10px) translateY(-10px)}.home .courseBox .stage li:nth-of-type(3){bottom:224px;left:233px}.home .courseBox .stage li:nth-of-type(3):hover{transform:translateX(-2px) translateY(-10px)}.home .courseBox .stage li:nth-of-type(4){bottom:236px;left:437px}.home .courseBox .stage li:nth-of-type(4):hover{transform:translateX(0) translateY(-10px)}.home .courseBox .stage li:nth-of-type(5){bottom:134px;left:574px}.home .courseBox .stage li:nth-of-type(5):hover{transform:translateX(3px) translateY(-6px)}.home .courseBox .stage li:nth-of-type(6){bottom:0;left:665px}.home .courseBox .stage li:nth-of-type(6):hover{transform:translateX(10px) translateY(0)}.home .courseBox .stage li:nth-of-type(7){width:100px;height:100px;left:50%;margin-left:-50px;bottom:60px;text-align:center}.home .courseBox .stage li:nth-of-type(7) span{display:inline-block;text-align:center}.home .courseBox .stage li:nth-of-type(7) span:nth-of-type(1){width:50px;height:50px;background:#f5a200;font-size:36px;color:#fff;line-height:50px;border-radius:50%;box-shadow:0 0 0 #f5a200;animation:wave 1000ms infinite}.home .courseBox .stage li:nth-of-type(7) span:nth-of-type(1):hover{animation-name:successWave}.home .courseBox .stage li:nth-of-type(7) span:nth-of-type(2){font-size:14px;color:#f5a200}.home .teacherBox{height:500px;background:#8d304d}.home .teacherBox h2{color:#fff100;font-size:24px;font-family:Verdana;font-weight:700}.home .teacherBox h2 small{font-size:16px;color:#fff100;font-weight:400}.home .teacherBox ul{position:relative}.home .teacherBox ul li{float:left;width:20%;margin:0;padding:0 20px;height:330px;background:rgba(165,57,91,0)}.home .teacherBox ul li .imgBox{width:186px;height:186px}.home .teacherBox ul li .imgBox img{width:100%;height:100%;border:1px solid #a5395b;border-radius:50%}.home .teacherBox ul li .imgBox span{position:absolute;width:184px;height:184px;background:rgba(0,0,0,0);border:15px solid #8d304d;z-index:2;border-radius:50%;transition:200ms linear;line-height:184px;text-align:center}.home .teacherBox ul li:hover{background:#a5395b}.home .teacherBox ul li:hover .imgBox span{border-width:0;background:rgba(0,0,0,.3)}.home .teacherBox ul li .textBox h4{color:#fff100;font-size:16px;font-weight:700}.home .teacherBox ul li .textBox p{color:#f593b2}.home .teacherBox ul li .textBox div{position:relative;width:50px;height:1px;background:#c0446b}.home .teacherBox ul+p a{color:#fff100;font-size:16px}.home .teacherBox ul+p a:hover{text-decoration:underline}.home .tipBox{height:200px;overflow:hidden}.home .tipBox h3{color:#fff;font-family:Verdana;font-size:36px;font-weight:700}.home .tipBox h3 small{color:#fff;font-size:26px;font-weight:400}.home .videoBox{height:960px;background:#fff;position:relative;overflow:hidden}.home .videoBox .han-page{width:900px}.home .videoBox h3{font-size:24px;color:#093}.home .videoBox h3 span{color:#fabe00}.home .videoBox .video{width:650px;height:365px}.home .videoBox >p{width:100px;height:100px;color:#f3af18;font-size:50px;top:-17px}.home .companyBox{height:460px;background:#fff}.home .companyBox h3{font-size:24px;color:#093}.home .companyBox h3 span{color:#fabe00}.home .companyBox ul{width:860px}.home .companyBox ul li{float:left;width:152px;height:152px;overflow:hidden;margin-right:25px;border:1px solid #aaa}.home .companyBox ul li:nth-of-type(5n){margin-right:0}.home .companyBox ul li:nth-of-type(n+6){margin-top:25px}.home .btnBox button{height:50px;width:350px;background:#093;border-radius:25px;border:0;font-size:16px;color:#fff;outline:0}.home .btnBox button:hover{background:#2c7d47}@-moz-keyframes slider{0%{left:-40%}100%{left:-10%}}@-webkit-keyframes slider{0%{left:-40%}100%{left:-10%}}@-o-keyframes slider{0%{left:-40%}100%{left:-10%}}@keyframes slider{0%{left:-40%}100%{left:-10%}}@-moz-keyframes wave{0%{box-shadow:0 0 0 #bb8b2c}100%{box-shadow:0 0 60px #bb8b2c}}@-webkit-keyframes wave{0%{box-shadow:0 0 0 #bb8b2c}100%{box-shadow:0 0 60px #bb8b2c}}@-o-keyframes wave{0%{box-shadow:0 0 0 #bb8b2c}100%{box-shadow:0 0 60px #bb8b2c}}@keyframes wave{0%{box-shadow:0 0 0 #bb8b2c}100%{box-shadow:0 0 60px #bb8b2c}}@-moz-keyframes successWave{0%{box-shadow:0 0 0 #093}100%{box-shadow:0 0 60px #093}}@-webkit-keyframes successWave{0%{box-shadow:0 0 0 #093}100%{box-shadow:0 0 60px #093}}@-o-keyframes successWave{0%{box-shadow:0 0 0 #093}100%{box-shadow:0 0 60px #093}}@keyframes successWave{0%{box-shadow:0 0 0 #093}100%{box-shadow:0 0 60px #093}}
.carousel{position:relative;height:450px}.carousel >img{display:block;opacity:0}.carousel ul.slider{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:450px}.carousel ul.slider li{position:absolute;left:0;top:0;width:100%;height:100%;transition:600ms;overflow:hidden}.carousel ul.slider li img{height:450px;position:relative;left:50%;transform:translateX(-50%)}.carousel ul.slider li:nth-of-type(1){z-index:9}.carousel ul.slider li:nth-of-type(1).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(2){z-index:8}.carousel ul.slider li:nth-of-type(2).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(3){z-index:7}.carousel ul.slider li:nth-of-type(3).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(4){z-index:6}.carousel ul.slider li:nth-of-type(4).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(5){z-index:5}.carousel ul.slider li:nth-of-type(5).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(6){z-index:4}.carousel ul.slider li:nth-of-type(6).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(7){z-index:3}.carousel ul.slider li:nth-of-type(7).active{transform:translateY(-100%)}.carousel ul.slider li:nth-of-type(8){z-index:2}.carousel ul.slider li:nth-of-type(8).active{transform:translateY(-100%)}.carousel ul.sliderDots{position:absolute;z-index:10;width:100%;height:50px;bottom:-55px;display:flex;justify-content:center;align-items:center}.carousel ul.sliderDots li{width:14px;height:14px;display:inline-block;margin-right:12px;border-radius:50%;cursor:pointer;transition:300ms;border:1px solid #eee;position:relative;box-shadow:0 0 2px #eee}.carousel ul.sliderDots li span{width:7px;height:7px;border-radius:50%;background:#eee;display:block;opacity:0;margin:0}.carousel ul.sliderDots li.active span{opacity:1}.carousel p.sliderHrefs{position:absolute;z-index:9;left:0;top:0;width:100%;height:100%}.carousel p.sliderHrefs >a{position:absolute;display:none;width:100%;height:100%;color:transparent}.carousel p.sliderHrefs >a:nth-of-type(1){display:block}.carousel .sliderForm{position:absolute;left:50%;top:50%;width:400px;height:400px;margin-left:-200px;margin-top:-200px;transform:translateX(400px);z-index:11}@media screen and (max-width:1200px){.carousel .sliderForm{transform:translateX(360px)}}