*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f6fb;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.banner{position:relative;width:100%;height:620px;overflow:hidden}.banner-content{position:absolute;top:50%;left:50%;z-index:2;display:none;color:#fff;text-align:center;transform:translate(-50%,-50%)}.banner img{position:absolute;top:0;left:50%;width:100%;height:auto;min-width:1920px;transform:translateX(-50%);transition:opacity 1s ease-in-out;opacity:0}.banner img.active{opacity:1}.intro{position:relative;z-index:2;width:100%;max-width:1200px;margin:-142px auto 0;padding:72px 102px;background-color:#fff;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-size:18px;line-height:1.8;transition:all .3s ease-in-out}.intro p:first-child{margin-bottom:20px}.intro span{color:#ff3000;font-weight:700}.class-types{margin-top:102px;text-align:center}.class-types .section-title{position:relative;margin-bottom:72px;font-size:44px}.class-types .section-title span{margin-left:10px;color:#1767dd}.class-types .section-title::after{content:'';position:absolute;left:50%;bottom:6px;width:600px;height:16px;background-color:#d4e1f7;transform:translateX(-50%);z-index:-1;border-radius:2px}.class-types .tabs{display:flex;justify-content:center;margin-bottom:32px}.class-types .tab-button{position:relative;margin:0 70px;padding:18px 38px;border:none;border-radius:10px;background-color:#f0f0f0;font-size:24px;cursor:pointer}.class-types .tab-button.active{background-color:#1767dd;color:#fff}.class-types .tab-button.active::after{content:url(../img/images/arrow.png);position:absolute;bottom:-18px;left:50%;transform:translateX(-50%)}.class-table{display:table;width:1200px;margin:0 auto;border-collapse:separate;border-spacing:0;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.class-table td:nth-child(1),.class-table th:nth-child(1){width:196px}.class-table td:nth-child(2),.class-table th:nth-child(2){width:568px;border-left:1px solid transparent;border-right:1px solid transparent;background-image:linear-gradient(to bottom,transparent 0,transparent 25%,#5297fe 25%,#5297fe 75%,transparent 75%,transparent 100%),linear-gradient(to bottom,transparent 0,transparent 25%,#5297fe 25%,#5297fe 75%,transparent 75%,transparent 100%);background-size:1px 20px,1px 20px;background-repeat:repeat-y;background-position:right 1px center,left 1px center}.class-table th{padding:16px;text-align:center;background-color:#1767dd;color:#fff;font-size:18px}.class-table th:first-child{border-top-left-radius:20px}.class-table th:last-child{border-top-right-radius:20px}.class-table tr:last-child td{border-bottom-left-radius:20px}.class-table td:first-child{height:48px;line-height:48px;text-align:center;color:#1767dd;font-size:16px;font-weight:700}.class-table tr:nth-child(even) td:first-child{background-color:#f7f7f7}.class-table td ol{list-style-type:decimal;margin:30px 20px;padding-left:20px;font-size:16px;line-height:2.4;text-align:left}.teachers{height:716px;margin-top:140px;padding-top:116px;background:url(../img/images/two-bg.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff}.teachers .section-title{position:relative;font-size:44px;color:#fff}.teachers .section-title span{margin-left:10px;color:#69ff92}.teachers .section-title::after{content:'';position:absolute;left:50%;bottom:6px;width:900px;height:16px;background-color:#237cff;transform:translateX(-50%);z-index:-1;border-radius:2px}.teachers-wrapper{display:flex;justify-content:center;gap:40px;margin-top:40px}.teacher{display:flex;align-items:flex-start;max-width:540px;transition:transform .3s ease}.teacher img{margin-right:20px;transition:transform .3s ease}.teacher img:hover{transform:scale(1.05)}.teacher .desc{text-align:left}.teacher .desc .name{position:relative;margin:112px auto 10px;font-size:30px;font-weight:700}.teacher .desc .name::after{content:'老师';position:absolute;bottom:10px;margin-left:6px;padding:2px 9px;background-color:#69ff92;color:#1b7ae4;font-size:16px;font-weight:700;line-height:1;border-radius:5px}.teacher .desc .school{margin-bottom:10px;font-size:20px}.teacher .desc p{margin-bottom:20px;font-size:15px;line-height:1.5}.learning-system{margin-top:120px;text-align:center}.learning-system .section-title{position:relative;margin-bottom:72px;font-size:44px}.learning-system .section-title span{margin-left:10px;color:#1767dd}.learning-system .section-title::after{content:'';position:absolute;left:50%;bottom:6px;width:968px;height:16px;background-color:#d4e1f7;transform:translateX(-50%);z-index:-1;border-radius:2px}.learning-system .tabs{display:flex;justify-content:center;margin-bottom:32px}.learning-system .tab-button{position:relative;margin:0 30px;padding:18px 38px;border:none;background-color:#f0f0f0;font-size:24px;cursor:pointer;border-radius:10px;transition:background-color .3s ease}.learning-system .tab-button.active{background-color:#1767dd;color:#fff}.learning-system .tab-button.active::after{content:url(../img/images/arrow.png);position:absolute;bottom:-18px;left:50%;transform:translateX(-50%)}table{width:100%;max-width:1200px;margin:0 auto;border-collapse:separate;border-spacing:0;border-radius:20px;line-height:1.6;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#fff}table th{padding:16px;text-align:center;background-color:#1767dd;color:#fff;font-size:18px;font-weight:400}table th:first-child{border-top-left-radius:20px}table th:last-child{border-top-right-radius:20px}.learning-plan-table th:nth-child(1){width:160px}.learning-plan-table th:nth-child(2),.learning-plan-table th:nth-child(4){width:120px}.learning-plan-table th:nth-child(3){width:290px}.schedule-table th:nth-child(1){width:180px}.schedule-table th:nth-child(2){width:100px}.schedule-table th:nth-child(3){width:320px}.schedule-table td:nth-child(1),.schedule-table td:nth-child(2),.schedule-table td:nth-child(3){width:60px}.course-stage{color:#1767dd;font-size:20px;font-weight:700}.course-stage p{color:#666;font-size:16px;font-weight:400}.class-hour,.subject{font-size:18px;font-weight:700}.content{padding:12px 32px;font-size:15px;text-align:left}.content ol{list-style:none}table .class-hour,table .subject,table th:nth-child(2),table th:nth-child(4){border-left:1px solid transparent;border-right:1px solid transparent;background-image:linear-gradient(to bottom,transparent 0,transparent 25%,#5297fe 25%,#5297fe 75%,transparent 75%,transparent 100%),linear-gradient(to bottom,transparent 0,transparent 25%,#5297fe 25%,#5297fe 75%,transparent 75%,transparent 100%);background-size:1px 20px,1px 20px;background-repeat:repeat-y;background-position:right 1px center,left 1px center}.grey{background-color:#f7f7f7}.green{background-color:#cff9ee}.orange{background-color:#fff2da}.schedule-table .course-title{position:relative}.schedule-table .course-title p{position:absolute;top:40px;left:14px;color:#1767dd;font-size:20px;font-weight:700;writing-mode:vertical-rl}.schedule-table .course-title span{font-size:16px;font-weight:400}.schedule-table .subject{font-size:18px;font-weight:700;line-height:1.2}.schedule-table .schedule{padding:32px 50px;text-align:left;font-size:15px;line-height:2}.schedule-table .schedule dt{font-weight:700}.schedule-table .schedule dt span{font-weight:400}.advanced-class,.class-format,.regular-class{font-size:18px;font-weight:700;line-height:1.2}.regular-class p{color:#1767dd}.advanced-class p{color:#ff530f}.advanced-class em,.class-format em,.regular-class em{font-size:15px;font-weight:400;font-style:normal;line-height:2}.easy-learning{margin-top:128px;padding-top:254px;height:566px;background-color:#ff4b1b;background-image:url(../img/images/easy-learning-bg.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.easy-learning .section-title{display:none;margin:0 auto;width:1200px;font-size:64px;font-weight:700}.easy-learning p{width:1200px;margin:0 auto;padding-left:68px;line-height:1;color:#fff;text-align:left}.easy-learning .easy-learning-content{margin-bottom:20px;font-size:30px;font-weight:700}.easy-learning .easy-learning-detail{font-size:18px;color:#ffe4d3}.easy-learning .topic2{margin-top:46px}.environment{margin-top:120px;text-align:center}.environment .section-title{position:relative;font-size:44px;margin-bottom:70px;line-height:1.2}.environment .section-title span{margin-left:10px;color:#1767dd}.environment .section-title::after{content:'';position:absolute;left:50%;bottom:-4px;width:840px;height:16px;background-color:#d4e1f7;transform:translateX(-50%);z-index:-1;border-radius:2px}.advantages{margin-top:100px;text-align:center}.advantages .section-title{position:relative;font-size:44px;margin-bottom:70px;line-height:1.2}.advantages .section-title span{margin-left:10px;color:#ff4b1b}.advantages .section-title::after{content:'';position:absolute;left:50%;bottom:-4px;width:1000px;height:16px;background-color:#fff1d6;transform:translateX(-50%);z-index:-1;border-radius:2px}.advantage-list{display:flex;justify-content:center;gap:20px;max-width:1200px;margin:44px auto}.advantage-item{margin:0 10px;padding:30px;width:220px;height:198px;color:#ffdad0;font-size:14px;text-align:left;border-radius:20px;background:linear-gradient(to bottom,#ff7f40 0,#ff4b1b 100%);box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.advantage-item dt{margin-bottom:24px;text-align:center;font-size:18px;font-weight:700;color:#fff}.advantage-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.footer{margin-top:100px;padding-top:38px;background-color:#1f2d3c;color:#909399;text-align:left;font-size:14px;line-height:1}.footer .container{display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto 26px;width:1200px}.footer .left{width:562px}.footer .logo{display:block;max-width:200px;margin-bottom:10px}.footer .desc{padding:15px 50px 15px 0;border-right:2px solid #606266;line-height:1.6;margin-bottom:20px}.footer a{color:#909399;text-decoration:none}.footer a:hover{color:#fff}.footer .link dd,.footer .link dt{margin-bottom:10px}.footer .link dt::before{content:'';width:14px;height:9px;display:inline-block;background-position:-73px 0;background-image:url(../img/images/icon.png);margin-right:10px}.footer .links{width:580px}.footer .links dt{font-size:16px;margin-bottom:22px}.footer .links dd{margin-bottom:20px}.footer .links dd a{margin:0 10px}.footer .links dd i{display:inline-block;width:4px;height:4px;background-color:#d8d8d8;opacity:.34;vertical-align:middle}.footer .links ul{display:flex;gap:100px;padding:35px 0 0 56px}.footer .links li{list-style:none;width:125px}.footer .links .qr-img-box{padding:8px 18px}.footer .links .qr-img-box img{width:100%}.footer .links ul p{text-align:center;line-height:1.6;font-size:12px;color:#c9c9c9}.footer .links ul .more-txt{color:#8f8f8f}.footer .copyright{width:100%;height:44px;background-color:#616b76;line-height:44px;text-align:center;font-size:12px;color:#d1d1d1}.footer .copyright a{margin-left:10px;color:#d1d1d1}.footer .copyright a:hover{color:#fff}