* { padding: 0px; margin: 0px; text-decoration: none; list-style: none; } #navigation { width: 1920px; height: 90px; background: #FFFFFF; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); position: relative; top: 0px; left: 0px; z-index: 9999; } #Home { width: 70px; height: 19px; font-size: 19px; /* font-family: PingFang SC; */ font-weight: 400; color: #333333; position: absolute; left: 825px; top: 34px } #concerning { width: 100px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 950px; top: 34px; } #course { width: 100px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 400; color: #0F5FB6; position: absolute; left: 1112px; top: 34px; border-bottom: ; } #graduate { width: 96px; height: 18px; font-size: 19px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 1275px; top: 34px; } #News { width: 76px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 1440px; top: 34px; } #contact { width: 80px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 1603px; top: 34px; } #arrowhead { width: 14px; height: 8px; position: absolute; left: 1198px; top: 40px; } #arrowhead-img{ position: absolute; left: 0x; top: 3px; } #underline { width: 38px; height: 5px; background: #0F5FB6; position: absolute; left: 1131px; top: 85px; } #Drop-down-box { width: 153px; height: 227px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #666666; line-height: 41px; background-color: #FFFFFF; position: absolute; left: 0px; top: 30px; display:none; z-index: 22; } #Drop-down-box ul li { font-size: 14px; } #Principal { width: 1920px; height: 8651px; background-color: #F7F7F7; position: relative; top: 0px; left: 0px; } #shouye { /* background-color: red; */ width: 89px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: relative; top: 21px; left: 240px; } #java { /* width: 56px; */ height: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; top: 21px; left: 335px; } .imgs { width: 614px; height: 346px; /* background-color: red; */ position: absolute; top: 54px; left: 239px; border-radius: 5px; } .title { /* width: 217px; */ height: 27px; font-size: 29px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; top: 60px; left: 888px; } .title-1 { width: 114px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; top: 109px; left: 888px; } .title-2 { width: 115px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; top: 109px; left: 1039px; } .title-3 { width: 253px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; top: 109px; left: 1190px; } .Time { width: 468px; height: 90px; background: #ECECEC; border-radius: 6px; position: absolute; top: 151px; left: 894px; } .date-1 { width: 60px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 67px; top: 21px; } .all-day-1 { width: 39px; height: 18px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 214px; top: 21px; } .Application-1 { width: 57px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 348px; top: 21px; } .date-2 { width: 58px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 63px; top: 53px; } .all-day-2 { width: 57px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 205px; top: 53px; } .Application-2 { width: 56px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 350px; top: 53px; } .Price { width: 50px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 888px; top: 290px; } .money { width: 124px; height: 21px; font-size: 25px; font-family: PingFang SC; font-weight: 600; color: #E33B3B; position: absolute; left: 934px; top: 282px; } .immediately { width: 264px; height: 62px; background: #FF7A3E; border-radius: 6px; position: absolute; left: 888px; top: 336px; } .immediately p { width: 86px; height: 21px; font-size: 20px; font-family: PingFang SC; font-weight: 600; color: #FFFFFF; position: absolute; left: 88px; top: 15px; } .Audition { width: 264px; height: 62px; background: #FFFFFF; border: 1px solid #FF7A3E; border-radius: 6px; position: absolute; left: 1176px; top: 336px; } .Audition-p { font-size: 22px; /* font-family: PingFang SC; */ font-weight: 600; color: #FF7A3E; position: absolute; left: 70px; top: 15px; } .Audition-img { width: 22px; height: 22px; position: absolute; left: 170px; top: 20px; } #Principal-two { width: 1440px; height: 540px; background: #FFFFFF; position: absolute; left: 0px; top: 0px; } .One { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 35px; top: 29px; } .One-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .One-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: -35px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } .Two { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 500px; top: 29px; } .Two-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .Two-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: 18px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } .Three { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 966px; top: 29px; } .Three-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .Three-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: 18px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } .Four { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 35px; top: 249px; } .Four-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .Four-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: 18px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } .Five { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 500px; top: 249px; } .Five-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .Five-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: 18px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } .Six { width: 440px; height: 194px; border: 1px solid #E6E6E6; border-radius: 4px; position: absolute; left: 966px; top: 249px; } .Six-top { width: 438px; height: 50px; background: #F7F7F7; position: absolute; left: 1px; top: 1px; } .Six-top-text { width: 78px; height: 29px; background: #D8D8D8; border-radius: 4px; position: absolute; left: 18px; top: 11px; display: flex; justify-content: center; align-items: center; } .Hick { width: 90px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 337px; top: 17px; } .text { width: 420px; height: 17px; font-size: 17px; font-family: PingFang SC; font-weight: 500; color: #333333; position: absolute; left: 18px; top: 68px; } .text-2 { width: 100px; height: 16px; font-size: 17px; font-weight: 400; color: #333333; position: absolute; left: 19px; top: 100px } #but1 { width: 108px; height: 42px; background: #FF7A3E; border-radius: 6px; border: none; position: absolute; left: 19px; top: 133px; } .but1-p { width: 70px; height: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; position: absolute; left: 20px; top: 10px; } #left { width: 64px; height: 42px; background: #F4F9FF; border: 1px solid #D8DBE6; position: absolute; left: 658px; top: 468px; font-size: 20px; } #right { width: 64px; height: 42px; background: #F4F9FF; border: 1px solid #D8DBE6; position: absolute; left: 720px; top: 468px; } .course-img { width: 1061px; /* height: 7483px; */ /* background-color: red; */ position: absolute; left: 242px; top: 990px; } .course-img1 { width: 1061px; /* height: 7483px; */ position: absolute; left: 0px; top: 0px; } .vx-Principal { width: 348px; height: 584px; background: #FFFFFF; border-radius: 12px; position: absolute; left: 1332px; top: 999px; } .bzr { width: 230px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 24px; top: 27px; } #Two-microcodes { width: 289px; height: 380px; border: 1px solid #ECECEC; position: absolute; left: 29px; top: 70px; /* background-color: #0F5FB6; */ } .avatar { width: 54px; height: 54px; background: #D8D8D8; border-radius: 6px; position: absolute; left: 18px; top: 16px; } .avatar img { width: 54px; height: 54px; } .vx-name { width: 70px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 87px; top: 30px; } .Personalized-signature { width: 89px; height: 12px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 86px; top: 58px; } #QR-code { width: 210px; height: 210px; border: 1px solid #ECECEC; position: absolute; left: 69px; top: 175px; } .Sweep { width: 180px; height: 12px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: #999999; position: absolute; left: 84px; top: 404px; } .WeChat { width: 185px; height: 42px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #333333; line-height: 26px; position: absolute; left: 81px; top: 471px; } .Questions-to-ask { width: 215px; height: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #999999; line-height: 23px; position: absolute; left: 66px; top: 540px; } .lecturer-Principal { width: 348px; height: 418px; background: #FFFFFF; border-radius: 12px; position: absolute; left: 1332px; top: 1608px; } .Principal { width: 38px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 24px; top: 21px; } .tx { width: 60px; height: 60px; background: #D8D8D8; border-radius: 50%; position: absolute; left: 20px; top: 64px; } .tx-img { width: 60px; height: 60px; border-radius: 50%; position: absolute; left: 0px; top: 0px } .teacher { width: 60px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 96px; top: 70px } .introduce { width: 185px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 300; color: #999999; position: absolute; left: 96px; top: 103px } .Down-arrow { width: 13px; height: 7px; /* background: #666666; */ position: absolute; left: 290px; top: 109px; } .Down-arrow img { width: 13px; height: 7px; position: absolute; left: 0px; top: 0px; } .Courses-are-taught { width: 300px; height: 67px; background: #F7F7F7; border-radius: 4px; position: absolute; left: 24px; top: 145px } .Courses-are-taught p { color: #999999; position: absolute; left: 12px; top: 13px } .Courses-are-taught samp { position: absolute; left: 100px; top: 13px } .tx1 { width: 60px; height: 60px; background: #D8D8D8; border-radius: 50%; position: absolute; left: 20px; top: 249px; } .tx-img { width: 60px; height: 60px; border-radius: 50%; position: absolute; left: 0px; top: 0px } .teacher-1 { width: 60px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #333333; position: absolute; left: 96px; top: 258px } .introduce-1 { width: 185px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 300; color: #999999; position: absolute; left: 96px; top: 284px } .Down-arrow-1 { width: 13px; height: 7px; /* background: #666666; */ position: absolute; left: 290px; top: 284px; } .Down-arrow img-1 { width: 13px; height: 7px; position: absolute; left: 0px; top: 0px; } .Courses-are-taught-1 { width: 300px; height: 67px; background: #F7F7F7; border-radius: 4px; position: absolute; left: 24px; top: 326px } .Courses-are-taught-1 p { color: #999999; position: absolute; left: 12px; top: 13px } .Courses-are-taught-1 samp { position: absolute; left: 100px; top: 13px } .student { width: 348px; height: 454px; background: #FFFFFF; border-radius: 12px; position: absolute; left: 1330px; top: 2049px } .titie { width: 90px; height: 19px; font-size: 19px; font-family: PingFang SC; font-weight: 600; color: #333333; position: absolute; left: 25px; top: 21px } .titie-img { width: 348px; height: 66px; /* background-color: red; */ position: absolute; top: 77px; display: flex; justify-content: space-around; } .titie-img .t1 { width: 66px; height: 66px; border-radius: 50%; } .titie-text { width: 348px; height: 30px; /* background-color:yellow; */ position: absolute; top: 145px; display: flex; justify-content: space-around; } .titie-img-1 { width: 348px; height: 66px; /* background-color: red; */ position: absolute; top: 197px; display: flex; justify-content: space-around; } .titie-img-1 .t1 { width: 66px; height: 66px; border-radius: 50%; } .titie-text-1 { width: 348px; height: 30px; /* background-color:yellow; */ position: absolute; top: 276px; display: flex; justify-content: space-around; } .titie-img-2 { width: 348px; height: 66px; /* background-color: red; */ position: absolute; top: 325px; display: flex; justify-content: space-around; } .titie-img-2 .t1 { width: 66px; height: 66px; border-radius: 50%; } .titie-text-2 { width: 348px; height: 30px; /* background-color:yellow; */ position: absolute; top: 399px; display: flex; justify-content: space-around; } .Bottom-navigation { width: 1920px; height: 124px; background: #1C1F21; position: absolute; /* top: 8527px; */ bottom: 0; } .About-us { width: 80px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; position: absolute; left: 754px; top: 39px; } .Learning-resources { width: 80px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #C8CDD2; position: absolute; left: 870px; top: 39px; } .frequently-asked-questions { width: 80px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #C8CDD2; position: absolute; left: 985px; top: 39px; } .Quick-navigation { width: 68px; height: 16px; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #C8CDD2; position: absolute; left: 1092px; top: 39px; } .cp { width: 395px; height: 14px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #949699; position: absolute; left: 761px; top: 74px; } .swiper { width: 1440px; height: 540px; background: #FFFFFF; position: absolute; left: 0px; top: 429px; /* z-index: 999; */ } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } */ /* .swiper1-button-next{ position: relative; left: 0px; top: 0px; } */