body{  margin:0; padding:0; text-align:center;  font-size:12px; font-family:PingFangSC, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}
/* ul,li{list-style:none;} */
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

.pc-container{width: 100%; height: 100%; margin: 45px auto 0 auto; text-align: center;  user-select: none;position: relative;z-index: 0;}
.pc-container .main-m{width:1060px; height: 100%;position: relative; margin: 0 auto; text-align: center;}
.pc-container img{width: 100%;height: 100%;display: block;}

.pc-container .headbox{
    width: 100%;
    display: flex;flex-direction: column;align-items: center;
    position: relative;
}
.pc-container .headbox .hbnum{
    background: linear-gradient(to bottom, #ffbd28, #fef2e6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    font-family: auto;
    line-height: 64px;
    font-weight: bold;
    position: relative;
    top: 20px;
}
.pc-container .headbox .hbnum::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 64%;
    background: linear-gradient(to bottom, transparent, #ffffff);
    pointer-events: none;
}
.pc-container .headbox .hbnumtwo{
    background: linear-gradient(to bottom, #feb220, #ff671c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    font-family: auto;
    line-height: 64px;
    font-weight: bold;
    position: relative;
    top: 20px;
}
.pc-container .headbox .hbnumtwo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 64%;
    background: linear-gradient(to bottom, transparent, #ff671c);
    pointer-events: none;
}
.pc-container .headbox .hbtxt{
    color: #fff;font-size: 24px;line-height: 24px;font-weight: bold;
    width: 100%;
    height: 40px;
    background: linear-gradient(to right, transparent,#feb483, #ff651f, #feb483,transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;z-index: 1;
}
.pc-container .footbox{
    width: 100%;height: auto;
    background: #fff;border-radius: 5px 5px 30px 30px;
    padding: 20px 25px 35px 25px;box-shadow: 0 0 20px 6px #e6e7ec;
    box-sizing: border-box;
}



/* 第一部分 */
.pc-container .onesection{
    width: 100%; height:594px;
    background: url("../images/bg01.png") no-repeat top;
    padding: 90px 0 0 0;box-sizing: border-box;
}
/* 头部 */
.pc-container .onesection .tou{
    display: flex;flex-direction: column;align-items: center;
}
.pc-container .onesection .tou .touone{
    color: #1c3635;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 24px;
}
.pc-container .onesection .tou .toutwo{
    color: #2b2b2b;
    font-size: 66px;
    font-weight: bold;
    line-height: 66px;
    margin-bottom: 15px;
}
.pc-container .onesection .tou .touthree{
    color: #fe510d;
    font-size: 68px;
    font-weight: 800;
    line-height: 68px;
    margin-bottom: 30px;
}
.pc-container .onesection .tou .toufour{
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 75px;
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 35px;
    height: 50px;
    box-shadow: 0 0 4px 3px #e6e7ec;
}
.pc-container .onesection .tou .toufour .tftg{
    width: 300px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pc-container .onesection .tou .toufour .tfsix{
    width: 260px;
    height: 100%;
    background: linear-gradient(to right, #fd7a04, #ff6a1a);
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.pc-container .onesection .tou .toufour .tfimg{
    width: 61px;height: 65px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.pc-container .onesection .tou .toufive{
    display: flex;align-items: center;justify-content: center; gap: 20px;
}
.pc-container .onesection .tou .toufive .toufiveitem{
    width: 215px;
    height: 70px;
    background: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 20px;box-shadow: 0 0 4px 3px #e6e7ec;
}
.pc-container .onesection .tou .toufive .toufiveitem .fivimg{
    width: 80px;height: 70px;
}
.pc-container .onesection .tou .toufive .toufiveitem .fivtxt{
    color: #193634;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
}
.pc-container .onesection .tou .toufive .toufiveitem .fivtxt span{color: #fe500b;}


/* 第二部分 */
.pc-container .twosection{
    width: 100%; height:auto;
    background: url("../images/bg02.png") no-repeat bottom;background-color: #fbf2eb;
}
/* 学霸福利 */
/* 福利1 福利2 */
.pc-container .twobox{
    display: flex;align-items: flex-start;justify-content: space-between;
    margin-bottom: 20px;
}
.pc-container .twobox .twoitem{ 
    width: 495px;
    height: 130px;
    border: 8px solid #f4f7fe;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;box-sizing: border-box;
}
.pc-container .twobox .twoitem .twohead{
    color: #2e2526;font-weight: bold;line-height: 40px;font-size: 20px;
}
.pc-container .twobox .twoitem .twobody{
    font-size: 18px;
}
.pc-container .twobox .twoitem .twobody span{font-weight: bold;color:#ff500a ;}
/* 以上福利二选一 */
.pc-container .bgwenzi{
    width: 96%;
    color: #474747;font-size: 16px;
    background: #f4f7fe;border-radius: 35px;
    padding: 5px 0;
    margin:0 auto 25px auto
}
/* 按钮 */
.pc-container  .jybtn{
    position: relative;
    display: flex;align-items: center;justify-content: center;gap: 10px;
    background: linear-gradient(to right, #fb011d, #ff6004,#ff0020);border-radius: 35px;
    width: 470px;height: 48px;
    margin: 0 auto;cursor: pointer;
}
.pc-container  .jybtn .qipao{
    width: 30px;height: 30px;
}
.pc-container  .jybtn .btntxtone{
    color: #fff;font-weight: bold;font-size: 20px;
    position: relative;z-index: 1;
}
.pc-container  .jybtn .btntxttwo{
    background: #fff;border-radius: 35px;
    width: 110px;
    color: #fb011d;font-weight: bold;font-size: 20px;
}
.pc-container  .jybtn::before{
    content: '';
    width: 435px;
    height: 3px;
    background: linear-gradient(to right, transparent, #ff8235, transparent);
    position: absolute;
    top: -2px;
}
.pc-container  .jybtn::after{
    content: '';
    width: 435px;
    height: 3px;
    background: linear-gradient(to right, transparent, #ff8235, transparent);
    position: absolute;
    bottom: -2px;
}
.pc-container  .jybtntwo::before{
    content: '';
    width: 240px;
    height: 3px;
    background: linear-gradient(to right, transparent, #ff8235, transparent);
    position: absolute;
    top: -2px;
}
.pc-container  .jybtntwo::after{
    content: '';
    width: 240px;
    height: 3px;
    background: linear-gradient(to right, transparent, #ff8235, transparent);
    position: absolute;
    bottom: -2px;
}

/* 课程设置 */
.pc-container .kcbox{
    width: 100%;
    display: flex;flex-direction: column;align-items: flex-start;gap: 10px;
    margin: 0 auto 20px auto;
}
.pc-container .kcbox .kcitem{
    display: flex;align-items: center;justify-content: space-between;
    width: 100%;
}
.pc-container .kcbox .kcitem .kcitemone{
    width: 160px;height: 40px;
    text-align: center;
    background: #ff7a1f;border-radius: 35px;
    color: #fff;font-size: 20px;font-weight: bold;line-height: 40px;
}
.pc-container .kcbox .kcitem .kcitemtwo{
    width:850px;
    height: 40px;
    background: #f4f7fe;border-radius: 35px;
    text-align: left;color: #000;font-size: 18px;line-height: 38px;
    padding-left: 30px;box-sizing: border-box;
}

.pc-container .threebox{
    display: flex;align-items: flex-start;justify-content: space-between;gap: 20px;
    margin-bottom: 25px;
}
.pc-container .threebox .twoitem{ 
    width: 495px;
    border: 8px solid #f4f7fe;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.pc-container .threebox .twoitem .twohead{
    background: #ff7a1f;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    width: 100%;
}
.pc-container .threebox .twoitem .twobody{
    font-size: 18px;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    height: 105px;
}
.pc-container .threebox .twoitem .twobody span{font-weight: bold ;}


/* 第三部分 */
.pc-container .threesection{
    width: 100%; height:auto;
    background: url("../images/bg03.png") no-repeat top;background-color: #fbf2eb;
    padding-bottom: 35px;
}
.pc-container .kctable{
    width: 100%;height: auto;
    border: 8px solid #f4f7fe;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.pc-container .kctable tr th{
    background: #ff8329;height: 32px;
    font-size: 18px;color: #fff;font-weight: bold;line-height: 32px;
}
.pc-container .kctable tr td{font-size: 16px;padding: 8px 5px;box-sizing: border-box;}
.pc-container .kctable tr:nth-child(odd) td{
    background: #fff4ee;
}
.pc-container .kctable tr:nth-child(even) td{
    background: #fceae6;
}
.pc-container .kctable .shiduan{
    display: flex;flex-direction: column;align-items: center;
}
.pc-container .kctable .shiduan .sdetail{
    display: flex;align-items: center;gap: 8px;
}
.pc-container .kctable .shiduan .sdetail .sdetailitem{
    font-weight: bold;color: #000;
    background-color: #f5d2cc;border-radius: 35px;
    padding: 0 8px;
}


/* 第四部分 */
.pc-container .foursection{
    width: 100%; height:auto;
    background: url("../images/bg04.png") no-repeat bottom;background-color: #ff651f;
    padding-bottom: 25px;
}
.pc-container .foursection .fontSmall{
    color: #ffdfd3;font-size: 18px;
    margin-top: 10px;
}

.pc-container .foursection .offical-center{
    position: absolute;z-index: 1;
    left: 50%;
    transform: translate(-50%, 96px);
}
.pc-container .foursection .swiper-scroll{
    position: relative;top: -10px;
}
.pc-container .foursection .swiper-scroll .officai-swiperChange{
    width: 580px;
    display: flex;justify-content: space-between;
    margin: 0 auto;top: 35px;
    position: relative;z-index: 10;
}
.pc-container .foursection .swiper-scroll .officai-swiperChange .officai-pre{
    width: 40px;height: 40px;
    display: flex;align-items: center;justify-content: center;
    cursor: pointer;
}
.pc-container .foursection .swiper-scroll .swiper-container .swiper-slide-title{margin-bottom: 20px;}
.pc-container .foursection .swiper-scroll .swiper-container .swiper-slide-title .sst-big{
    font-size: 20px;
    color: #ffd199;
    font-weight: bold;
}
.pc-container .foursection .swiper-scroll .swiper-container .swiper-slide-title .sst-small{color: #868586;font-size: 18px;}
.pc-container .foursection .swiper-scroll .swiper-container .swiperimg{width: 466px;height: auto;margin: 0 auto;}
.pc-container .foursection .swiper-scroll .swiper-container .swiperimg img{width: 466px;height: auto;}
.pc-container .foursection .offical-btn{height: auto; }
.pc-container .foursection .offical-btn {display: flex;align-items: center;justify-content: space-between;border: 1px solid #e42a2d;border-radius: 22px;width: 355px;padding: 3px 2px 3px 10px;margin: 0 auto;position: relative; top: -380px; }
.pc-container .foursection .offical-btn .offical-btn-in{cursor: pointer;}
.pc-container .foursection .offical-btn .offical-btn-in .offical-btn-left{display: flex;color: #e42a2d;font-size: 22px;font-weight: bold;}
.pc-container .foursection .offical-btn .offical-btn-in .offical-btn-right{background-color: #e42a2d;color: #ffffff;font-size: 22px;padding: 5px 20px;border-radius: 0 22px 22px 0;}

.pc-container .foursection .gallery-topOne .trangleTxt{
    visibility: hidden;text-align: left;
    position: absolute;bottom: 0;right: -330px;
    display: flex;
}
.pc-container .foursection .gallery-topOne .trangleTxt .trangleTxt-trang{width: 0;height: 0;border-top: 10px solid transparent;border-right: 10px solid #ffffff;border-bottom: 10px solid transparent;border-left: 0px solid transparent;position: relative;top: 30px;}
.pc-container .foursection .gallery-topOne .trangleTxt .trangleTxt-txt{width: 360px;background-color: #ffffff;border-radius: 22px;display: flex;flex-direction: column;justify-content: center;padding: 15px;}
.pc-container .foursection .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-name{font-size: 16px;color: #000000;font-weight: bold;margin-bottom: 6px;}
.pc-container .foursection .gallery-topOne .trangleTxt .trangleTxt-txt .trangleTxt-txt-grade{font-size: 14px;line-height: 22px;}
.pc-container .foursection .gallery-topOne .swiper-slide-active .trangleTxt{visibility: visible;opacity: 1;animation: fade-in-data 0.5s ease-in-out forwards;}
@keyframes fade-in-data {
    0%   {transform: scale(2);}
    100% {transform: scale(1);}
}

.pc-container .foursection .gallery-topOne .swiper-slide{position: relative;}

.pc-container .foursection .swiperbtn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 25px;
}
.pc-container .foursection .swiperbtn .swiperbtnone{
    width: 230px;
    height: 50px;
    background: linear-gradient(to right, #ffe49a, #ffc885);
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9f3b00;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* 第五部分 */
.pc-container .fivesection{
    width: 100%; height:auto;
    background: url("../images/bg05.png") no-repeat bottom;background-color: #fbf2eb;
    padding-bottom: 35px;
}
.pc-container .fivesection .ficontent{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.pc-container .fivesection .ficontent .fihead{
    position: relative;z-index: 1;
    width:380px;
    height: 55px;
    background: #ff7a1f;
    color: #fff;
    font-size: 18px;
    border-radius: 15px 30px 30px 15px;
    display: flex;align-items: center;
    box-sizing: border-box;
}
.pc-container .fivesection .ficontent .fihead .fhtxt{}
.pc-container .fivesection .ficontent .fihead .fhimg{
    position: absolute;
    width: 74px;
    height: 74px;
}
.pc-container .fivesection .ficontent .fibody{
    width: 100%;
    background: #f4f7fe;
    border-radius: 15px;
    position: relative;
    top: -10px;
    padding: 25px 20px 15px 20px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: left;
}
.pc-container .fivesection .ficontent .fibody span{color: #f46401;font-weight: bold;margin-top: 12px;display: block;}
/* 秋季班 */
.pc-container .fivesection  .cjbbox{
    width: 1190px;
    margin: 20px auto;
    background-color: #fff;
    display: flex;flex-direction: column; align-items: center;justify-content: center;gap: 15px;
    padding: 12px 0;
}
.pc-container .fivesection  .cjbbox .cjbimg{
    width: 1170px;height: 418px;cursor: pointer;
}
.pc-container .fivesection  .cjbbox .cjbdes{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}







/* 预约 */
.pc-container .get{
    margin: 95px 0 35px 0;
    width: 100%;
    background: #e2e2e2;padding: 15px 10px;box-sizing: border-box;
    position: relative;
}
.pc-container .get .get-form{}
.pc-container .get .get-form .get-form-top{display: flex;align-items: center;justify-content: space-between;}
.pc-container .get .get-form .get-form-top .gft-item{
    position: relative;
    display: flex;align-items: center;justify-content: center;
    background-color: #fff; border-radius: 6px;
    width: 270px;height: 50px;
    padding: 0 0px 0 8px;box-sizing: border-box;
}
.pc-container .get .get-form .get-form-top .gft-item .gfi-img{margin-right: 12px;}
.pc-container .get .get-form .get-form-top .gft-item .gfi-img img{}
.pc-container .get .get-form .get-form-top .gft-item .gfi-input{height: 100%;width: 100%;}
.pc-container .get .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{
    border: none;background: #ffffff;border-radius: 0 6px 6px 0;
    width: 100%;height: 100%;
    padding: 0;font-size: 18px;
}
.pc-container .get .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.pc-container .get .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;border-radius: 22px;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;font-size: 16px;
    background-color: #767676;
    width: 105px;height: 30px;
}
.pc-container .get .get-form .get-form-top .gft-submit{
    height: auto;cursor: pointer;
    width: 270px;height: 50px;background-color: #f87a23;border-radius: 6px;
    color: #fffeff;font-size: 20px;line-height: 50px;font-weight: bold;
}
.pc-container .get .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 10px;font-size: 12px;}
.pc-container .get .dengpao{
    width: 299px;height: 191px;
    position: absolute;left: 0;top: -184px;
}