*{margin:0;padding:0;list-style:none;font-style:normal}
body{font-family:"Microsoft YaHei",SimSun;font-size:14px;color:#0d1117}
input,select,textarea{font-family:"Microsoft YaHei",SimSun;outline:0}
:focus{outline:0}
a{text-decoration:none;color:#0d1117}
a:hover{color:#000}
.ts{transition:all ease .4s}
.Arial{font-family:Arial}
.flex{display:flex;align-items:center;justify-content:space-between}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis-line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.ellipsis-line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.cl{clear:both;display:block;overflow:hidden}
.main-content{width:1200px;margin:0 auto;position:relative}
.index-content{display:flex}
.index-left{width:220px;background:#161b22;position:fixed;left:0;top:0;height:100%}
.index-left .logo{height:72px;display:flex;justify-content:center;align-items:center}
.index-left .logo img{height:31px;vertical-align:bottom}
.index-left .url{border-top:#30363d solid 1px;border-bottom:#30363d solid 1px;text-align:center;font-size:20px;color:#fff;line-height:55px;letter-spacing:0}
.index-left .nav{height:calc(100% - 129px);overflow:auto}
.index-left .nav dt{padding:25px 20px 8px;font-size:18px;color:#fff;font-weight:700}
.index-left .nav dl{padding:0 0 20px;font-size:16px;border-bottom:#30363d solid 1px}
.index-left .nav dl dd{line-height:46px}
.index-left .nav dl dd a{display:block;color:#8b949e;padding:0 20px}
.index-left .nav dl dd a:hover{color:#fff;text-decoration:none;background:#1c222b}
.index-left .nav dl dd span{padding-left:5px}
.index-left .nav::-webkit-scrollbar{width:5px}
.index-left .nav::-webkit-scrollbar-track{opacity:.6;background:rgba(18,28,36,.8)}
.index-left .nav::-webkit-scrollbar-thumb{opacity:.6;border-radius:4px;background-color:#898d91;border:1px solid transparent}
.index-right{width:calc(100% - 220px);margin-left:220px}
.index-right .header{height:72px;position:fixed;z-index:1;right:0;width:calc(100% - 220px)}
.index-right .header-fixed{background:#0d1117;z-index:10}
.index-right .header-fixed .login{margin:0!important}
.index-right .header .nav{height:72px;display:flex;align-items:center}
.index-right .header .nav .item{margin-right:60px;position:relative}
.index-right .header .nav .item a{color:#8b949e;font-size:20px;display:block}
.index-right .header .nav .item a:hover{color:#fff;text-decoration:none}
.index-right .header .nav .item .on{position:relative;color:#fff}
.index-right .header .nav .item .on::before{content:"";position:absolute;left:calc(50% + 1px);width:calc(100% + 3px);height:5px;bottom:-12px;background-image:url(../images/index/nav-link.svg);background-size:auto;background-position:center;background-repeat:no-repeat;transform:translate(-50%);z-index:10}
.index-right .header .searchbox{position:relative}
.index-right .header .searchbox .input{border:none;border-radius:30px;padding:0 10px;line-height:30px;background:rgba(255,255,255,.9)}
.index-right .header .searchbox .btn{background:0 0;border:none;position:absolute;right:10px;top:4px;z-index:1;cursor:pointer}
.index-right .header .searchbox .btn i{font-size:20px}
.index-right .header .login{border:#cdf567 solid 1px;font-size:18px;padding:8px 20px;border-radius:6px;margin-right:120px;background:#0d1117}
.index-right .header .login a{color:#cdf567}
.index-right .header .login em{font-size:16px;color:#cdf567;padding:0 4px}
.index-right .banner{background:#0d1117;position:relative;overflow:hidden;padding:150px 0 130px}
.index-right .banner .info{position:relative;z-index:1}
.index-right .banner .info h3{font-size:26px;font-weight:400;background:#cdf567;color:#0d1117;display:inline-block;border-radius:30px;line-height:44px;padding:0 20px;height:45px}
.index-right .banner .info h2{font-size:78px;color:#fff;padding:20px 0;letter-spacing:3px;text-shadow:0 1px 1px rgba(0,0,0,.1)}
.index-right .banner .info p{font-size:22px;color:#8b949e;line-height:40px}
.index-right .banner .info .btn{padding-top:30px;display:flex;width:700px;flex-wrap:wrap}
.index-right .banner .info .btn a{font-size:20px;color:#cdf567;font-weight:700;border:#cdf567 solid 1px;width:200px;height:78px;line-height:78px;border-radius:10px;display:inline-block;margin:20px 20px 0 0;text-align:center;background:#0d1117}
.index-right .banner .info .btn a:hover{text-decoration:none;background:#cdf567;color:#0d1117}
.index-right .banner .info .btn i{font-weight:400;padding-right:10px;font-size:20px}
.index-right .banner .banner-bg{position:absolute;right:5%;top:-80px}
@media (max-width:1920px){.index-right .banner .banner-bg{position:absolute;right:-10%;top:-80px}
}
@media (max-width:1680px){.index-right .banner .banner-bg{position:absolute;right:-20%;top:-80px}
}
@media (max-width:1600px){.index-right .banner .banner-bg{position:absolute;right:-25%;top:-80px}
}
@media (max-width:1440px){.index-right .banner .banner-bg{position:absolute;right:-30%;top:-80px}
}
.index-right .banner .banner-bg img{height:930px}
.index-right .banner .course{position:relative;z-index:0;width:320px;border-radius:10px;overflow:hidden;padding:4px}
.index-right .banner .course::before{content:'';position:absolute;z-index:-2;left:-50%;top:-60%;width:220%;height:220%;background-color:#161b22;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#6f156c,#00601b,#fd7c00,#6f156c);animation:rotate 4s linear infinite}
.index-right .banner .course::after{content:'';position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#161b22;border-radius:10px}
.index-right .banner .course ul{padding:10px 0}
.index-right .banner .course ul li{line-height:65px}
.index-right .banner .course ul li a{color:#fff;font-size:20px;display:block;padding:0 25px}
.index-right .banner .course ul li a:hover{text-decoration:none;background:#0d1117}
.index-right .banner .course ul li i{float:right}
@keyframes rotate{100%{transform:rotate(1turn)}
}
.bd-bg{text-align:center}
.bd-bg img{width:80%}
@media (max-width:1920px){.bd-bg img{width:90%}
}
.hd-bg{text-align:center;transform:scaleY(-1)}
.hd-bg img{width:80%}
@media (max-width:1920px){.hd-bg img{width:90%}
}
.good-lesson{padding:60px 0}
.good-lesson a:hover{text-decoration:none}
.good-lesson .left{width:880px}
.good-lesson .left .hd{display:flex;margin-bottom:12px}
.good-lesson .left .title{position:relative}
.good-lesson .left .title .bg{position:absolute;z-index:-1;top:6px}
.good-lesson .left .hd ul{padding-left:50px;margin-top:-3px}
.good-lesson .left .hd ul li{float:left;font-size:16px;color:#0d1117;margin:0 10px;line-height:28px;padding:0 15px;box-sizing:border-box;cursor:pointer;border:solid 1px transparent}
.good-lesson .left .hd ul li.on{border:#0d1117 solid 1px;border-radius:20px;box-sizing:border-box}
.good-lesson .left .bd .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.good-lesson .left .bd .list .item{width:280px;border:#c4d9f6 solid 1px;overflow:hidden;border-radius:10px;box-sizing:border-box;margin-top:20px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.good-lesson .left .bd .list .item img{width:100%}
.good-lesson .left .bd .list .item .info{padding:10px 20px 20px}
.good-lesson .left .bd .list .item .info h3{font-size:16px;font-weight:400}
.good-lesson .left .bd .list .item .info p{font-size:14px;color:#666;padding:20px 0 10px}
.good-lesson .left .bd .list .item .info .price{font-size:24px;color:#f01414}
.good-lesson .left .bd .list .item .info .price span{font-size:14px;color:#666;padding-left:10px;text-decoration:line-through}
.good-lesson .left .bd .list .item:hover{transform:translateY(-5px);box-shadow:0 5px 30px rgba(0,0,0,.05)}
.good-lesson .right{width:295px}
.good-lesson .right .title{position:relative;margin-bottom:12px}
.good-lesson .right .title .bg{position:absolute;z-index:-1;top:6px}
.good-lesson .right .box{border:#c4d9f6 solid 1px;height:615px;box-sizing:border-box;border-radius:10px;margin-top:20px;padding:15px 0 0 25px}
.good-lesson .right .box .item{font-size:16px}
.good-lesson .right .box .item .info{width:calc(100% - 50px)}
.good-lesson .right .box .item h3{font-size:18px;padding-bottom:10px}
.good-lesson .right .box .item p{color:#333}
.good-lesson .right .box .item i{font-size:20px;color:#f01414;padding-right:10px;padding-top:2px}
.good-lesson .right .box .item a{display:flex;padding:14px 0}
.good-lesson .right .box .item a:hover{color:#f01414}
.must-learn{padding:60px 0}
.must-learn a:hover{text-decoration:none}
.must-learn .hd{display:flex;margin-bottom:12px}
.must-learn .title{position:relative}
.must-learn .title .bg{position:absolute;z-index:-1;top:6px}
.must-learn .hd ul{padding-left:50px;margin-top:-3px}
.must-learn .hd ul li{float:left;font-size:16px;color:#0d1117;margin:0 10px;line-height:28px;padding:0 15px;box-sizing:border-box;cursor:pointer;border:solid 1px transparent}
.must-learn .hd ul li.on{border:#0d1117 solid 1px;border-radius:20px;box-sizing:border-box}
.must-learn .bd .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.must-learn .bd .list .item{width:286px;border:#c4d9f6 solid 1px;overflow:hidden;border-radius:10px;box-sizing:border-box;margin-top:20px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.must-learn .bd .list .item img{width:100%}
.must-learn .bd .list .item .info{padding:10px 20px 20px}
.must-learn .bd .list .item .info h3{font-size:16px;font-weight:400}
.must-learn .bd .list .item .info p{font-size:14px;color:#666;padding:20px 0 10px}
.must-learn .bd .list .item .info .price{font-size:24px;color:#f01414}
.must-learn .bd .list .item .info .price span{font-size:14px;color:#666;padding-left:10px;text-decoration:line-through}
.must-learn .bd .list .item:hover{transform:translateY(-5px);box-shadow:0 5px 30px rgba(0,0,0,.05)}
.learning-route{background:#f4f9ff;padding:60px 0 80px}
.learning-route .hd{display:flex;justify-content:space-between;align-items:center}
.learning-route .title{position:relative}
.learning-route .title .bg{position:absolute;z-index:0;top:10px}
.learning-route .title .t{position:relative;z-index:1}
.learning-route .hd .more{font-size:18px}
.learning-route .hd .more i{font-size:18px;padding-left:5px}
.learning-route .hd .more a:hover{text-decoration:none;color:#f01414}
.learning-route .bd{display:flex;justify-content:space-between;flex-wrap:wrap}
.learning-route .bd .item{width:385px;overflow:hidden;border-radius:10px;box-sizing:border-box;margin-top:20px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.learning-route .bd .item img{width:100%}
.learning-route .bd .item .info{padding:10px 20px 20px}
.learning-route .bd .item .info h3{font-size:16px;font-weight:400;line-height:26px}
.learning-route .bd .item .info p{font-size:14px;color:#666;padding:20px 0 5px}
.learning-route .bd .item .info .price{font-size:24px;color:#f01414}
.learning-route .bd .item .info .price span{font-size:14px;color:#666;padding-left:10px;text-decoration:line-through}
.learning-route .bd .item:hover{transform:translateY(-5px);box-shadow:0 5px 30px rgba(0,0,0,.05)}
.study-courses{background:#0d1117;padding:60px 0 100px;margin-top:-1px;position:relative;z-index:1}
.study-courses .title{text-align:center;color:#fff}
.study-courses .title p{font-size:20px;border:#fff solid 1px;border-radius:30px;line-height:42px;padding:0 25px;display:inline-block;font-weight:700}
.study-courses .title h2{font-size:32px;padding:20px 0 30px}
.study-courses .title h2 span{color:#cdf567}
.study-courses .box{background:#fff;width:580px;height:880px;border-radius:20px;margin-top:50px;padding:0 30px;box-sizing:border-box;position:relative}
.study-courses .box .icon{text-align:center;margin-top:-50px;position:relative}
.study-courses .box .icon .icon-logobg{font-size:100px;color:#c9b7ec}
.study-courses .box .icon .i{font-size:46px;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);color:#0d1117}
.study-courses .box h3{text-align:center;font-size:20px;padding:30px 0 10px}
.study-courses .box .item{display:flex;margin:20px 0 0;align-items:center;padding-bottom:20px}
.study-courses .box .item .ico{position:relative}
.study-courses .box .item .ico .i{font-size:30px;color:#0d1117;position:relative;z-index:1}
.study-courses .box .item .ico .icon-logobg{font-size:30px;color:#cdf567;position:absolute}
.study-courses .box .item .info{padding-left:20px;font-size:16px;line-height:26px}
.study-courses .btn{position:absolute;bottom:40px;left:50%;transform:translateX(-50%)}
.study-courses .btn a{width:466px;height:76px;background:#cdf567;display:block;border-radius:15px;text-align:center;line-height:76px;font-size:20px;font-weight:700}
.study-courses .btn a i{font-size:20px;font-weight:400}
.service-mode{padding:80px 0 60px 0}
.service-mode .title{font-size:32px;font-weight:700;position:relative}
.service-mode .title .bg{position:absolute;z-index:-1;height:68px;left:220px;top:25px}
.service-mode .left h3{font-size:20px;padding:30px 0 20px 0}
.service-mode .left p{font-size:16px;line-height:32px;padding-bottom:30px}
.service-mode .right{width:550px}
.service-mode .right ul{position:relative}
.service-mode .right ul::after{content:'';position:absolute;width:1px;height:90%;background:#bedbf9;left:30px;top:30px}
.service-mode .right ul li{display:flex;padding:15px 0;position:relative;z-index:1}
.service-mode .right ul li .icon{width:60px;flex-shrink:0;margin-right:20px;text-align:center;line-height:60px;position:relative}
.service-mode .right ul li .icon i{font-size:28px;color:#14181c}
.service-mode .right ul li .icon::before{content:'\e77a';position:absolute;font-size:60px;font-family:iconfont;color:#ffdee2;z-index:-1;left:0}
.service-mode .right ul li:nth-child(5) .icon::after{height:48px}
.service-mode .right ul li:last-child .icon::after{display:none}
.service-mode .right ul li h4{font-size:20px;padding-bottom:8px}
.service-mode .right ul li p{font-size:16px;line-height:26px}
.service-mode .right ul li:nth-child(2) .icon::before{color:#d9cdf2}
.service-mode .right ul li:nth-child(3) .icon::before{color:#e3f9aa}
.service-mode .right ul li:nth-child(4) .icon::before{color:#d2e6fb}
.service-mode .right ul li:nth-child(6) .icon::before{color:#d9cdf2}
.index-teaching{padding:30px 0 0 0}
.index-teaching .title{text-align:center;position:relative}
.index-teaching .title h2{font-size:32px;position:relative;z-index:1}
.index-teaching .title p{font-size:18px;color:#333;padding:15px 0 30px}
.index-teaching .title .bg{position:absolute;left:50%;transform:translateX(-50%)}
.index-teaching .hd{text-align:center;padding-bottom:40px}
.index-teaching .hd ul li{display:inline-block;border:solid 1px #0d1117;padding:10px 40px;color:#0d1117;margin:0 10px;border-radius:6px;font-size:18px;line-height:30px;cursor:pointer;font-weight:700}
.index-teaching .hd ul li.on{border:#cdf567 solid 1px;color:#0d1117;background:#cdf567;position:relative}
.index-teaching .hd ul li.on:after{content:"";display:inline-block;position:absolute;left:50%;bottom:-10px;margin-left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #cdf567}
.index-teaching .bd .bg1{background:url(../images/index/bg1.jpg) no-repeat top center;background-size:100%}
.index-teaching .bd .bg2{background:url(../images/index/bg2.jpg) no-repeat top center;background-size:100%}
.index-teaching .bd .bg3{background:url(../images/index/bg3.jpg) no-repeat top center;background-size:100%}
.index-teaching .bd .bg4{background:url(../images/index/bg4.jpg) no-repeat top center;background-size:100%}
.index-teaching .bd{background:#f4f9ff}
.index-teaching .bd .box h3{font-size:28px;text-align:center;padding:60px 0 30px;color:#fff}
.index-teaching .bd .box .content1{display:flex;justify-content:space-between}
.index-teaching .bd .box .content1 .item{width:385px;box-sizing:border-box;border:2px solid rgba(255,255,255,.15);text-align:center;border-radius:10px;padding:20px 0;color:#fff;background:rgba(0,0,0,.05)}
.index-teaching .bd .box .content1 .item h4{font-size:20px;font-weight:400;padding-bottom:8px}
.index-teaching .bd .box .content1 .item p{color:rgba(255,255,255,.6)}
.index-teaching .bd .box .content2{display:flex;justify-content:space-around;align-items:center}
.index-teaching .bd .box .content2 .item{text-align:center;color:#fff;padding:40px 0}
.index-teaching .bd .box .content2 .item h4{font-size:18px;font-weight:400;padding-bottom:5px}
.index-teaching .bd .box .content2 .item p{color:rgba(255,255,255,.6)}
.index-teaching .bd .box .content2 em{height:40px;width:1px;background:rgba(255,255,255,.1);display:block}
.index-teaching .bd .box .content3{background:#fff;border-radius:30px;padding:0 30px 30px;box-shadow:0 5px 30px rgba(0,0,0,.03)}
.teacher-slide{padding-top:80px!important}
.teacher-slide .item{background:#f6f6fb;border-radius:15px;width:225px!important;height:300px}
.teacher-slide .item img{width:100%;margin-top:10px;vertical-align:bottom}
.teacher-slide .item .info{background:#fff;border-radius:10px;width:185px;margin:0 auto;padding:15px 20px 0;box-sizing:border-box;box-shadow:0 5px 20px rgba(0,0,0,.01);height:102px;margin-top:-7px;position:relative;z-index:1}
.teacher-slide .item .info h4{font-weight:400;font-size:18px;padding-bottom:6px}
.teacher-slide .item .info p{color:#333;line-height:22px}
.teacher-slide .item .txt{display:none;background:#fff;border-radius:10px;width:600px;margin:0 auto;padding:15px 30px;box-sizing:border-box;box-shadow:0 5px 20px rgba(0,0,0,.01);position:relative;z-index:1;margin-top:30px;height:102px}
.teacher-slide .item .txt p{line-height:24px;color:#333}
.teacher-slide .item.swiper-slide-active{background:red;width:650px!important;background:linear-gradient(145.19deg,rgba(205,226,255,.4) 0,rgba(138,188,255,.4) 100.07%)}
.teacher-slide .item.swiper-slide-active .info{width:auto;height:auto;margin:0;background:0 0;box-shadow:none;padding:50px 0 0 50px}
.teacher-slide .item.swiper-slide-active .info h4{font-size:20px;font-weight:700}
.teacher-slide .item.swiper-slide-active .info p{font-size:16px;line-height:30px;padding-top:5px}
.teacher-slide .item.swiper-slide-active .txt{display:block}
.teacher-slide .item.swiper-slide-active img{width:280px;margin-top:-40px;position:absolute;right:20px}
.teacher-slide .hd{position:absolute;right:0;width:96px;top:20px}
.teacher-slide .hd .swiper-button-next{right:0}
.teacher-slide .hd .swiper-button-prev{left:0}
.teacher-slide .hd .swiper-button-next,.teacher-slide .hd .swiper-button-prev{border:#0d1117 solid 1px;width:40px;height:40px;border-radius:50%}
.teacher-slide .hd .swiper-button-next i,.teacher-slide .hd .swiper-button-prev i{color:#0d1117;font-size:20px}
.teacher-slide .hd .swiper-button-next::after{display:none}
.teacher-slide .hd .swiper-button-prev::after{display:none}
.index-teaching .bd .box .content4{border-radius:30px;border:#fff solid 3px;overflow:hidden;position:relative;box-shadow:0 5px 30px rgba(0,0,0,.03);background:#fff}
.index-teaching .bd .box .content4 img{width:100%;vertical-align:bottom}
.index-teaching .bd .box .content4 .btn{position:absolute;left:50%;transform:translateX(-50%);bottom:30px}
.index-teaching .bd .box .content4 .btn a{background:#ff7337;color:#fff;padding:10px 30px;font-size:18px;border-radius:30px}
.characteristics{padding:60px 0 60px;background:#f4f9ff}
.characteristics .title{position:relative}
.characteristics .title p{font-size:20px;border:#0d1117 solid 1px;border-radius:30px;line-height:42px;padding:0 25px;display:inline-block;font-weight:700}
.characteristics .title h3{font-size:32px;padding:10px 0 0;position:relative;z-index:1}
.characteristics .title .bg{position:absolute;left:0;bottom:1px}
.characteristics .left{width:500px}
.characteristics .left .item{background:#fff;border-radius:10px;margin-top:20px;padding:20px;box-sizing:border-box;box-shadow:0 5px 20px rgba(49,82,15,.01)}
.characteristics .left .item h3{font-size:18px;color:#0b2239;padding-bottom:10px}
.characteristics .left .item p{font-size:14px;color:#0d2026;line-height:22px}
.characteristics .right{position:relative;width:620px}
.characteristics .right .bg{position:absolute;top:-100px}
.characteristics .right .title{text-align:center;font-size:20px;color:#0b2239;font-weight:700;padding:20px 0 30px}
.characteristics .right .box{position:relative;z-index:1;display:flex;justify-content:space-between}
.characteristics .right .box .item{width:190px;height:190px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 60px #2f31521a;position:relative}
.characteristics .right .box .item p{color:#0b2239;font-size:16px;font-weight:700;padding-top:10px}
.characteristics .right .box .item .hand{position:absolute;right:30px;bottom:-15px}
.hug-ai{background:#0d1117;padding:60px 0 80px;color:#fff;margin-top:-1px;position:relative;z-index:1}
.hug-ai .title{text-align:center}
.hug-ai .title h3{font-size:32px}
.hug-ai .title h3 span{padding-right:10px;color:#cdf567}
.hug-ai .title p{color:rgba(255,255,255,.6);font-size:18px;padding:15px 0 40px 0}
.hug-ai .hd{text-align:center}
.hug-ai .hd ul li{display:inline-block;border:solid 1px rgba(255,255,255,.6);padding:10px 30px;color:rgba(255,255,255,.6);margin:0 15px;border-radius:10px;font-size:18px;line-height:30px;cursor:pointer}
.hug-ai .hd ul li.on{border:#cdf567 solid 1px;color:#cdf567;position:relative}
.hug-ai .hd ul li.on:after{content:"";display:inline-block;position:absolute;left:50%;bottom:-10px;margin-left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #cdf567}
.hug-ai .bd{margin-top:40px}
.hug-ai .bd img{width:100%}