body {
    background-color: #F7F8F9; font-size: 16px;
    --gray: rgba(0, 0, 0, .1);
}
a {
    text-decoration: none; color: inherit;
}
.hover {
    cursor: pointer;
}
.hover:active {
    opacity: .8;
}
.primary {
    color: #00B548;
}
.img_full {
    width: 100%; height: 100%;
}
.text_lh28 {
    line-height: 28px;
}
.mw1200 {
    min-width: 1200px;
}
.w_100 {
    width: 100%;
}
.w1200 {
    width: 1200px; margin: auto;
}
.h700 {
    height: 700px;
}
.h660 {
    height: 660px;
}
.h600 {
    height: 600px;
}
.btn_a {
    background: -webkit-linear-gradient(90deg, #00DB7E 0%, #00B548 100%);
    background: -moz-linear-gradient(90deg, #00DB7E 0%, #00B548 100%);
    background: -ms-linear-gradient(90deg, #00DB7E 0%, #00B548 100%);
    background: -o-linear-gradient(90deg, #00DB7E 0%, #00B548 100%);
    background: linear-gradient(90deg, #00DB7E 0%, #00B548 100%);
    color: #ffffff; font-size: 16px;
}
.pageHeader {
    position: relative; position: sticky; top: 0; z-index: 100; background-color: #F7F8F9; 
}
.pageHeader-inner {
    position: relative; width: 1200px; margin: auto; height: 80px;
}
.pageHeader-logo {
    position: relative; width: 142px;
}
.pageHeader-nav {
    font-size: 18px;
}
.pageHeader-nav-item {
    position: relative; margin-left: 50px;
}
.pageHeader-nav-item:first-of-type {
    margin-left: 0;
}
.pageHeader-nav-item.act {
    color: #00B548; font-weight: bold;
}
.pageHeader-btn-login {
    position: relative; width: 100px; height: 38px; font-size: 16px; border-radius: 100px; margin-left: 144px;
}
.pageFooter {
    position: relative; background-color: #333333; color: #ffffff;
}
.pageFooter-main {
    position: relative; width: 1200px; margin: auto; height: 300px;
}
.pageFooter-left {
    position: relative; padding-top: 77px;
}
.pageFooter-left-item {
    position: relative; margin-bottom: 33px;
}
.pageFooter-left-item:last-of-type {
    margin-bottom: 0;
}
.pageFooter-left-tit {
    font-size: 18px;
}
.pageFooter-left-desc {
    font-size: 16px; margin-top: 10px;
}
.pageFooter-right {
    position: relative; padding-top: 52px;
}
.pageFooter-right-title {
    font-size: 18px;
}
.pageFooter-right-codes {
    position: relative; margin-top: 12px;
}
.pageFooter-right-code {
    position: relative; margin-right: 15px;
}
.pageFooter-right-code:last-of-type {
    margin-right: 0;
}
.pageFooter-right-code-img {
    width: 128px; height: 128px; object-fit: cover;
}
.pageFooter-right-code-title {
    position: relative; font-size: 16px; color: #D1D1D1; margin-top: 8px; text-align: center;
}
.pageBody {
    position: relative; min-height: 100vh; min-width: 1200px;
}
.pageMain {
    position: relative; margin: auto;
}
.pageBanner {
    position: relative; width: 100%; min-width: 1200px; height: 600px; background-color: var(--gray);
}
.pageBox {
    position: relative; min-width: 1200px; margin: auto;
}
.swiper-container.swiper1 {
    width: 100%; height: 100%;
}
.swiper-container.swiper1 .swiper-slide-img {
    width: 100%; height: 100%; object-fit: cover;
}
.swiper-container.swiper1 .swiper-pagination-bullet {
    width: 30px; height: 6px; border-radius: 10px; background-color: transparent;
}
.swiper-container.swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #00B548;
}
.swiper-container.swiper1 .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: inline-block; width: auto; left: 50%; transform: translateX(-50%); background-color: #ffffff; height: 6px; border-radius: 10px;
}
.swiper-container.swiper1 .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
.pageSwiper2 {
    position: relative; padding: 0 65px;
}

.Carefullyselected {
    position: relative;
    
}
.Carefullyselected .swiper-container {
    padding: 30px 20px;
}
.Carefullyselected-course {
    position: relative; width: 100%; padding: 10px; border-radius: 20px; border: 4px solid #F7F8F9;
}
.Carefullyselected-course-pic {
    position: relative; width: 100%; height: 236px; border-radius: 10px;
}
.Carefullyselected-course-detail {
    position: relative; padding: 0 14px; padding-top: 17px;
}
.Carefullyselected-course-title {
    position: relative;
}
.Carefullyselected-course-title-label {
    position: relative; height: 20px; padding: 0 4px; border-radius: 4px 2px 4px 2px; font-size: 16px; color: #ffffff; background-color: #464650;
}
.Carefullyselected-course-title-text {
    position: relative; font-size: 18px; margin-left: 8px;
}
.Carefullyselected-course-teacher {
    position: relative; margin-top: 11px;
}
.Carefullyselected-course-teacher-pic {
    position: relative; width: 20px; height: 20px; border-radius: 50%;
}
.Carefullyselected-course-teacher-name {
    font-size: 14px; color: #666666; padding: 0 8px;
}
.mySwiper2_btn {
    position: absolute; top: 50%; transform: translateY(-50%);
}
.mySwiper2_btn.mySwiper2_btn1 {
    left: 0;
}
.mySwiper2_btn.mySwiper2_btn2 {
    right: 0;
}
.mySwiper2_btn-icon {
    width: 48px; vertical-align: top;
}
.swiper-container.swiper2 .swiper-slide {
    height: 338px;
}
.pageTitle {
    position: relative;
}
.pageTitle.tit_1 {
    padding: 80px 0 10px
}
.pageTitle-title {
    font-size: 44px; font-weight: bold; font-family: PingFangSC-Semibold, PingFang SC; 
}
.pageTitle-en {
    font-size: 14px; color: #999999; font-family: AndaleMono; margin-top: 12px;
}
.pageTitle-sec {
    font-size: 20px; color: #666666; font-family: PingFangSC-Regular, PingFang SC; margin-top: 12px;
}
.pageTitle-con {
    position: relative; font-size: 18px; margin-top: 36px; color: #999999; width: 440px;
}
.localTeacher {
    position: relative; padding: 80px 0 139px; height: 100%;
}
.localTeacher-box {
    position: relative; height: 100%;
}
.localTeacher-bg {
    position: absolute; width: 325px; bottom: 0; left: 0;
}
.localTeacher-info {
    position: absolute; width: 560px; height: 280px; bottom: 0; right: 358px; z-index: 6; background-color: #00B548; border-radius: 20px;
}
.localTeacher-user {
    position: absolute; right: 0; bottom: 0; z-index: 9; width: 400px; height: 452px; background-color:#ffffff; border-radius: 20px;
}
.localTeacher-info .gallery-thumbs_local, .localTeacher-user .gallery-top_local {
    position: relative; width: 100%; height: 100%; 
}
.localTeacher-user .gallery-top_local {
    padding-bottom: 52px;
}
.localTeacher-user .swiper-slide {
    border: 6px solid #ffffff; border-radius: 20px 20px 0 0;
}
.localTeacher-user .swiper-button-next, .swiper-button-prev{
    bottom: 16px; top: initial; width: 14px; height: 24px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0; 
}
.localTeacher-user .swiper-button-prev {
    background-image: url(../../img/pc_v0/arrow07@2x.png); left: initial; right: 51px;
}
.localTeacher-user .swiper-button-next {
    background-image: url(../../img/pc_v0/arrow06@2x.png);
}
.localTeacher-user .swiper-scrollbar {
    bottom: 25px; height: 4px; width: 60%; background-color: #F7F8F9; left: 6%; top: auto; overflow: hidden;
}
.localTeacher-user .swiper-scrollbar-drag {
    background-color: transparent;
}
.localTeacher-user .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #00B548;
}
.localTeacher-userinfo {
    position: relative; color: #ffffff; padding: 20px 30px;
}
.localTeacher-userinfo-name {
    font-size: 24px;
}
.localTeacher-userinfo-worktro {
    font-size: 14px; margin-top: 4px;
}
.localTeacher-userinfo-labels {
    font-size: 12px; color: #00B548; margin-top: 8px;
}
.localTeacher-userinfo-labels-item {
    background-color: #ffffff; padding: 2px 4px; border-radius: 2px; margin-right: 8px; margin-bottom: 4px;
}
.localTeacher-userinfo-labels-item:last-of-type {
    margin-right: 0;
}
.localTeacher-userinfo-content {
    font-size: 14px;  overflow: hidden; margin-top: 24px; width: 406px; text-align: justify;
}
.OnlineAppointment {
    position: relative; padding-top: 75px;
}
.OnlineAppointment-img {
    width: 700px; height: 550px;
}
.TakeClassesOffline {
    position: relative; padding-top: 80px;
}
.TakeClassesOffline-img {
    width: 600px;
}
/*  */
.CanHelpYou {
    position: relative; padding: 60px 0 106px;
}
.CanHelpYou-banner {
    position: relative; width: 100%; border-radius: 20px; overflow: hidden; height: 513px; background-color: #F7F8F9; margin-top: 29px;
}
.CanHelpYou-banner .swiper-container {
    width: 100%; height: 100%;
}
.CanHelpYou-banner .swiper-container.gallery-thumbs_teacher {
    width: 250px; font-size: 28px; color: #999999;
}
.CanHelpYou-banner .swiper-container.gallery-top_teacher {
    width: 950px; border-radius: 20px; overflow: hidden;
}
.CanHelpYou-banner .gallery-thumbs_teacher .swiper-slide-thumb-active {
    color: #00B548; background-color: #EEF9F3; font-weight: bold;
}
.CanHelpYou-title {
    position: relative; margin-top: 65px;
}
.CanHelpYou-title-t1 {
    font-size: 36px;
}
.CanHelpYou-low {
    position: relative; margin-top: 44px;
}
.CanHelpYou-low-bg {
    position: absolute; width: 100%; height: 345px; background: #EEF9F3; bottom: 0; left: 0; border-radius: 20px 40px 20px 40px;
}
.CanHelpYou-low-main {
    position: relative; z-index: 9;
}
.CanHelpYou-low-pic {
    position: relative; width: 460px; height: 427.46px;
}
.CanHelpYou-low-item {
    position: relative; width: 300px; height: 340px; border: 6px solid #EEF9F3; margin-left: 40px; border-radius: 40px;
}
.CanHelpYou-low-item:first-of-type {
    margin-left: 48px;
}
.CanHelpYou-low-item-icon {
    position: relative; width: 170px; height: 170px;
}
.CanHelpYou-low-item-desc {
    position: relative; font-size: 24px; margin-top: 18px;
}
/*  */
.ReleaseToStart {
    position: relative; 
}
.ReleaseToStart-up {
    position: relative; padding: 80px 0 70px;
    background: linear-gradient(180deg, #F7F8F9 0%, #FFFFFF 100%);
}
.ReleaseToStart-up-list {
    position: relative; margin-top: 52px;
}
.ReleaseToStart-up-item {
    position: relative; width: 373px; height: 320px; border-radius: 20px; border: 6px solid #F7F8F9;
}
.ReleaseToStart-up-item-icon {
    width: 110px; vertical-align: top;
}
.ReleaseToStart-up-item-icon-num {
    position: absolute; bottom: 0; right: 0; height: 90px; z-index: 0;
}
.ReleaseToStart-up-item-title {
    font-size: 24px; margin-top: 14px; font-weight: bold;
}
.ReleaseToStart-up-item-sec {
    font-size: 18px; color: #666666; margin-top: 13px; z-index: 2; position: relative;
}
.ReleaseToStart-in {
    position: relative; padding: 60px 0 52px;
}
.ReleaseToStart-case {
   position: relative; width: 1128px; margin: auto;
}
.ReleaseToStart-case-item {
    position: relative; width: 550px; height: 320px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; overflow: hidden;
}
.ReleaseToStart-case-item:nth-of-type(2n) {
    margin-left: -17px;
}
.ReleaseToStart-case-title {
    position: absolute; bottom: 33px; font-size: 24px; color: #ffffff; width: 100%; left: 0; right: 0; margin: auto;
}
.ReleaseToStart-case-teacher-pic {
    width: 180px; height: 180px; position: absolute; z-index: 9; top: 46%; left: 50%; transform: translate(-50%, -50%);
}
.ReleaseToStart-case-hover {
    width: 100%; height: 100%; position: absolute; z-index: 2; bottom: -100%; left: 0; right: 0; margin: auto; color: #ffffff; transition: all .2s; 
}
.ReleaseToStart-case-item:hover  .ReleaseToStart-case-hover{
    bottom: 0; 
}
.ReleaseToStart-case-hove-bg {
    width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; z-index: 0;
}
.ReleaseToStart-case-item .ReleaseToStart-case-tro-title {
    position: absolute; bottom: 20px; transition: all .2s; color: #ffffff; z-index: 9; font-size: 24px;  width: 425px;
}
.ReleaseToStart-case-item .ReleaseToStart-case-tro-content {
    position: absolute; color: #ffffff; z-index: 9; font-size: 20px; margin-top: 24px; transition: all .4s; top: 100%; width: 425px;
}
.ReleaseToStart-case-item:nth-of-type(2n + 1) .ReleaseToStart-case-tro-title {
    left: 50px; 
}
.ReleaseToStart-case-item:nth-of-type(2n) .ReleaseToStart-case-tro-title {
    right: 50px; text-align: right;
}
.ReleaseToStart-case-item:nth-of-type(2n + 1) .ReleaseToStart-case-tro-content {
    left: 50px; 
}
.ReleaseToStart-case-item:nth-of-type(2n) .ReleaseToStart-case-tro-content {
    right: 50px; text-align: right;
}
.ReleaseToStart-case-item:hover .ReleaseToStart-case-tro-title {
    bottom: 120px;
}
.ReleaseToStart-case-item:hover .ReleaseToStart-case-tro-content {
    top: 60%;
}
.ReleaseToStart-low {
    position: relative; padding: 80px 0 73px;
}
.ReleaseToStart-low-title {
    position: relative;
}
.ReleaseToStart-low-title-desc {
    font-size: 36px; 
}
.ReleaseToStart-low-ad {
    position: relative; margin-top: 51px;
}
.ReleaseToStart-low-ad-item {
    position: relative; width: 530px; height: 518px; border-radius: 40px; padding: 10px 10px 0; overflow: hidden;
}
.ReleaseToStart-low-ad-img {
    width: 100%; height: 407px;
}
.ReleaseToStart-low-ad-info {
    position: relative; padding: 15px 30px 22px;
}
.ReleaseToStart-low-ad-title {
    position: relative; font-size: 24px;
}
.ReleaseToStart-low-ad-desc {
    position: relative; font-size: 18px; color: #666666; margin-top: 6px;
}
.Settleinnow {
    position: relative; padding-top: 80px; padding-bottom: 60px;
}
.Settleinnow-up {
    position: relative; width: 100%; height: 407px; margin-top: 58px; padding-left: 40px;
}
.Settleinnow-up-bg {
    position: absolute; width: 100%; height: 316px; background-color: #F7F8F9; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; border-radius: 20px;
}
.Settleinnow-up-pic {
    position: relative; width: 423px; height: 407px;
}
.Settleinnow-up-right {
    position: relative;
}
.Settleinnow-up-code {
    position: relative; background-color: #F7F8F9; width: 268px; height: 268px; border-radius: 20px; padding: 8px; display: inline-block; margin-top: 20px;
}
.Settleinnow-up-code-img {
    width: 100%; height: 100%; border-radius: 20px;
}
.Settleinnow-up-tro {
    position: relative; margin: auto; font-size: 20px; color: #666666; margin-top: 30px; width: 611px;
}
.Settleinnow-low {
    position: relative;
}
.Settleinnow.teacher .Settleinnow-up-bgImg {
    position: absolute; width: 610px; height: 388px; bottom: 0; left: 0;
}
.Settleinnow.teacher .Settleinnow-up-right {
    width: 680px; margin-left: auto; margin-right: 40px;
}
.process-list {
    position: relative; margin-top: 20px;
}
.process-list-item {
    position: relative; background-color: #F7F8F9; border-radius: 20px; width: 224px; height: 280px;
}
.process-list-icon {
    position: relative; width: 88px; height: 88px; vertical-align: top;
}
.process-list-title {
    position: relative; font-size: 22px; margin-top: 22px;
}
.process-list-sec {
    position: relative; font-size: 16px; color: #666666; margin-top: 9px;
}
.process-list-icon-arrow {
    position: absolute; width: 32.52px; height: 30px; top: 50%; left: 100%; z-index: 9; transform: translateX(-20%);
}
.process-list-item:last-of-type .process-list-icon-arrow {
    display: none;
}
.Buildingeducation {
    position: relative; height: 475px; padding-top: 60px;
}
.Buildingeducation-content {
    position: relative; font-size: 18px; color: #666666; margin-top: 36px; z-index: 9; width: 612px;
}
.Buildingeducation-content-p {
    position: relative; margin-bottom: 18px;
}
.Buildingeducation-bg {
    position: absolute; bottom: 0; right: 0; z-index: 0; width: 740px; height: 340px; 
}
.platformoperation {
    position: relative; padding: 93px 0 0;
}
.platformoperation-tro {
    position: relative; margin: auto; font-size: 18px; margin-top: 36px; color: #666666; width: 640px;
}
.platformoperation-ad {
    position: relative; 
}
.platformoperation-ad-img {
    width: 778px; height: 490px; vertical-align: top;
}
.professionalservice {
    position: relative; padding: 80px 0;
}
.professionalservice-banner {
    position: relative; width: 100%;
    
}
.professionalservice-banner .gallery-thumbs_field {
    position: relative; width: 720px; margin-top: 49px; padding-bottom: 10px;
}
.professionalservice-banner .gallery-top_field {
    position: relative; height: 420px; width: 100%; font-size: 26px; margin-top: 31px;
}
.professionalservice-banner .gallery-thumbs_field .swiper-wrapper {
    height: 64px; border-radius: 44px; background-color: #F7F8F9;
}
.professionalservice-banner .gallery-thumbs_field .swiper-slide-thumb-active, .professionalservice-banner .gallery-thumbs_field .swiper-slide-active {
    position: relative; background-color: #DDF2E6; color: #00B548; border-radius: 40px; font-weight: bold;
}
.professionalservice-banner .gallery-thumbs_field .swiper-slide-thumb-active::before, .professionalservice-banner .gallery-thumbs_field .swiper-slide-active::before {
    content: ''; display: inline-block; width: 47px; position: absolute; left: 50%; top: 100%; height: 10px; background-image: url(../../img/pc_v0/Switch_bar.png); background-position: center; background-repeat: no-repeat; transform: translateX(-50%); margin-top: -2px;
}
.Smartsystem {
    position: relative; padding: 93px 0 16px;
}
.Smartsystem-body {
    position: relative; margin-top: -20px;
}
.Smartsystem-body-img {
    position: relative; width: 294px; height: 556px; vertical-align: top;
}
.Smartsystem-main {
    position: relative;
}
.Smartsystem-main-title {
    position: relative; font-size: 24px; 
}
.Smartsystem-main-list {
    position: relative; width: 730px; margin-top: 60px;
}
.Smartsystem-main-list-item {
    position: relative; text-align: center;
}
.Smartsystem-main-list-icon {
    position: relative; width: 96px; vertical-align: top;
}
.Smartsystem-main-list-name {
    position: relative; font-size: 24px; margin-top: 18px; color: #666;
}
/*  */
.about {
    position: relative; padding: 60px 0;
}
.about-content {
    position: relative;
}
.about-tro {
    position: relative; width: 760px; font-size: 18px; color: #666666; margin: auto; margin-top: 36px;
}
.about-map {
    position: relative; width: 100%; height: 500px; margin-top: 76px;
}
.about-contact {
    position: relative; width: 468px; height: 100%; z-index: 9;
}
.about-contact-bg {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
}
.about-contact-box {
    position: relative; z-index: 9; width: 100%; height: 100%; padding: 37px 40px 0;
}
.about-contact-title {
    font-size: 26px; color: #ffffff;
}
.about-contact-en {
    position: relative; font-size: 14px; color: rgba(153, 153, 153, 1); margin-top: 9px;
}
.about-contact-line {
    position: relative; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .2); margin-top: 16px;
}
.about-contact-list {
    position: relative; margin-top: 39px;
}
.about-contact-row {
    position: relative; font-size: 18px; color: #ffffff; margin-top: 21px;
}
.about-contact-row:first-of-type {
    margin-top: 0;
}
.about-contact-icon {
    position: relative; width: 24px; height: 24px; margin-right: 12px;
}
.about-contact-code {
    position: relative; margin-top: 57px;
}
.about-contact-code-img {
    position: relative; width: 128px; height: 128px;
}
.about-contact-code-title {
    position: relative; font-size: 16px; color: rgba(209, 209, 209, 1); margin-top: 12px;
}
.about-map-img {
    position: absolute; width: 810px; height: 100%; z-index: 0; top: 0; right: 0;
}