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;}

/*-返回定部-*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:55px;}
#gotop{ width:54px; height:54px; background:#f19601; display:block;}
#gotop .retopic{display: inline-block; border-top: 2px solid; border-right: 2px solid; margin-top: 20px; width: 25px; height: 25px; border-color: #fff; transform: rotate(-45deg);}

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

/* 公共title */
.pc-box  .main-m img{display: block;width: 100%;height: 100%;}
.pc-box  .main-m .titlebox{
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    position: relative;
}
.pc-box  .main-m .titlebox .titledes{
    color: #fcf5c7;font-size: 34px;font-weight: bold;letter-spacing: 2px;
    background: linear-gradient(to right, transparent, #b71717, #e32622, 63%, #b71717, transparent);
    padding: 3px 120px;
    position: relative;z-index: 1;
}
.pc-box  .main-m .titlebox .titleshanguang{
    width: 793px;height: 47px;
    position: absolute;bottom: -24px;left: 50%;transform: translate(-50%,0);
}


/* top */
.pc-box .topbg{ 
    width: 100%; height:531px;
    background: url("../images/bg01.png") no-repeat top; 
}
.pc-box .znone{ 
    width: 100%; height:auto;
    background: url("../images/bg02.png") no-repeat top; background-size: cover;
    padding-bottom: 25px;
}
/* 新航道21周年发展历程 */
.pc-box .znone .lichengbox{
    margin: 45px 0 50px 0;
    display: flex;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;gap: 20px 15px;
}
.pc-box .znone .lichengbox .lcitem{
    display: flex;flex-direction: column;align-items: center;gap: 8px;
    border: 1px solid #fff;border-radius: 15px;
    width: 160px;height: 380px;
    position: relative;
    padding-top: 25px;box-sizing: border-box;
}
.pc-box .znone .lichengbox .lcitem .lctime{
    position: absolute;top: -18px;left: 50%;transform: translate(-50%, 0);
    font-size: 20px;color: #fff;font-weight: bold;
    background: #910609;
    width: 100px;
    display: flex;align-items: center;justify-content: center;
}
.pc-box .znone .lichengbox .lcitem .lcimg{
    width: 122px;height: 86px;
    box-shadow: 0 0 0 2px #ffbf5b;
    border: 2px solid #fff;
    position: relative;z-index: 1;
}
.pc-box .znone .lichengbox .lcitem .lcdes{ width: 128px;text-align: left;font-size: 14px;color: #fff; }


/* 新航道国际教育 一站式服务 */
.pc-box .znone .fuwubox{
    width: 100%;height: auto;
    padding: 25px 65px;box-sizing: border-box;
    background-color: #fff;
    margin : 25px 0 50px 0;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.pc-box .znone .fuwubox .fwleft{ width: 263px;height: 270px; }
.pc-box .znone .fuwubox .fwright{ display: flex;flex-direction: column;align-items: center; }
.pc-box .znone .fuwubox .fwright .fwritop{ display: flex;align-items: center;gap: 40px;margin-bottom: 25px; }
.pc-box .znone .fuwubox .fwright .fwritop .fwetone{
    background: linear-gradient(to bottom, #ffddb0, transparent);
    display: flex;flex-direction: column;align-items: center;gap: 6px;
    padding: 10px 20px;
}
.pc-box .znone .fuwubox .fwright .fwritop .fwetone .futitle{ color: #ad0a0d;font-weight: bold;font-size: 24px;}
.pc-box .znone .fuwubox .fwright .fwritop .fwetone .fudes{ color: #000000;font-size: 18px;line-height: 28px;}
.pc-box .znone .fuwubox .fwright .fwbottom {
    width: 210px;height: 42px;
    padding: 2px 0 ;
    background: linear-gradient(to right ,transparent,#fe3030,transparent);border-radius: 35px;
    cursor: pointer;
}
.pc-box .znone .fuwubox .fwright .fwbottom .fwbottomin {
    width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;
    background: linear-gradient(to right ,#ff7f02,#ffa31e,#ff7f02);border-radius: 35px;border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;font-size: 18px;font-weight: bold;
}


/* 新航道国际教育 品牌保障 */
.pc-box  .fourcontent{padding: 25px 0 0 0;width: 100%;box-sizing: border-box;}
.pc-box .fourcontent .swiper-scroll .gallery-rongyunav {
    margin-bottom: 15px;
}
.pc-box .fourcontent .swiper-scroll .gallery-rongyunav .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: space-between;}
.pc-box .fourcontent .swiper-scroll .gallery-rongyunav .swiper-slide {
    width: 300px !important;height: 40px;background: #7b0100;
    display: flex;align-items: center;justify-content: center;
    font-size: 22px;font-weight: bold;color: #ffe9e9;cursor: pointer;
}
.pc-box .fourcontent .swiper-scroll .gallery-rongyunav .swiper-slide-thumb-active {
    height: 40px;
    display: flex;align-items: center;justify-content: center;
    color: #ac0a07;
    background: linear-gradient(to right, #ffd6a2, #fff0d3,70%,#ffc77c);
}
.pc-box .fourcontent .rongyubox{
    background: #fff;width: 100%;height: 470px;
    display: flex;align-items: center;justify-content: center;
}
.pc-box .fourcontent .rongyubox .rongyuimg{ width: 945px;height: 309px;}
.pc-box .clickbtn{
    width: 280px;height: 45px;margin: 25px auto 0 auto;
    background: linear-gradient(to right,#ff7d03,#ffa520,#ff7d03);border: 2px solid #fef5e4;border-radius: 25px;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 18px;font-weight: bold;cursor: pointer;
}


/* 10月校庆月 豪礼不停歇 */
.pc-box .youhui{ 
    width: 100%; height:auto;background: url("../images/bg03.png") no-repeat bottom;background-color: #7b0100;
    padding: 25px 0;
}
.pc-box .youhui .yhbox{
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    margin: 25px 0 45px 0;
}
.pc-box .youhui .yhbox .yhone{
    width: 876px;height: 137px;
    position: relative;
}
.pc-box .youhui .yhbox .yhone img{ width: 100%;height: 100%;}
.pc-box .youhui .yhbox .yhone .yhtxtone{
    background: #bc0000;
    font-size: 28px;color: #fff;font-weight: bold;
    width: 120px;height: 90px;
    display: flex;align-items: center;justify-content: center;
    position: absolute;top: 50%;left: 50px;transform: translate(0, -50%);
}
.pc-box .youhui .yhbox .yhone .yhtxttwo{
    position: absolute;
    left: 210px;
    top: 50%;
    transform: translate(0, -50%);
}
.pc-box .youhui .yhbox .yhone .yhtxttwo .yhttdes{
    color: #fcf3a6;font-size: 18px;
    display: flex;align-items: flex-end;
}
.pc-box .youhui .yhbox .yhone .yhtxttwo .yhttdes span{
    font-size: 34px;font-weight: bold;line-height: 34px;color: #fff3cd;
}
.pc-box .youhui .yhbox .yhone .yhtxtthree{
    position: absolute;right: 87px;top: 50%;transform: translate(0,-50%);
    display: flex;flex-direction: column;align-items: center;
}
.pc-box .youhui .yhbox .yhone .yhtxtthree .yhthreetxt{ color: #c10e0a;font-weight: bold;font-size: 22px;}
.pc-box .youhui .yhbox .yhtrangle{
    width: 0;height: 0;
    border-left: 15px solid #d90f0d;border-top: 10px solid transparent;border-bottom: 10px solid transparent;
    position: absolute;right: 333px;top: 47%;transform: translate(0, -50%);
}
.pc-box .youhui .yhbox .yhicon{width: 76px;height: 76px;position: absolute;top: -30px;right: -38px;}

.pc-box .youhui .yhbox .yhtwo{
    width: 876px;
    display: flex;align-items: center;justify-content: space-between;
    margin-top: 30px;
}
.pc-box .youhui .yhbox .yhtwo .smallyh{ width: 423px;height: 259px;position: relative;}
.pc-box .youhui .yhbox .yhtwo .smallyh .smabox{
    position: absolute;left: 50%;top: 20px;transform: translate(-50%, 0);
    display: flex;flex-direction: column;align-items: center;
}
.pc-box .youhui .yhbox .yhtwo .smallyh .smabox .smbone{
    width: 335px;background: #bc0000;
    padding: 8px 0;
    color: #fff;font-size: 18px;line-height: 28px;
    display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.pc-box .youhui .yhbox .yhtwo .smallyh .smabox .smbone span{color: #fcf3a6;}
.pc-box .youhui .yhbox .yhtwo .smallyh .smabox .smtwo{
    color: #fcf3a6;font-size: 18px;
    display: flex;align-items: flex-end;margin-top: 25px;
}
.pc-box .youhui .yhbox .yhtwo .smallyh .smabox .smtwo span{font-size: 34px;font-weight: bold;line-height: 34px;color: #fff3cd;}
.pc-box .youhui .yhbox .yhicontwo{width: 96px;height: 93px;position: absolute;top: -34px;right: -40px;}


/* 雅思、托福、A-LEVEL、留学资料包免费领 */
.pc-box .youhui .ling{
    width: 100%;position: relative;
    background-color: #fff;
    display: flex;align-items: center;justify-content: center;gap: 35px;
    margin-top: 25px;padding: 10px 0;
}
.pc-box .youhui .ling .lingleft{ width: 720px;height: 176px;}
.pc-box .youhui .ling .lingright{
}
.pc-box .youhui .ling .lingright .lirightitem{
    color: #000000;font-size: 18px;line-height: 32px;
    border-bottom: 1px dashed #e6e6e6;
}
.pc-box .youhui .ling .lingright .lirightitem:last-child{border-bottom:none;}
.pc-box .youhui .ling .linggift{
    width: 90px;height: 98px;
    position: absolute;bottom: -40px;left: -40px;
}


.pc-box .zntwo{ 
    width: 100%; height:auto;background: url("../images/bglast.png") no-repeat bottom;background-color: #be0c0c;
    padding: 25px 0; 
}
/* 10月校庆月 活动“嗨”翻天  */
.pc-box .hai{
    width: 100%;background-color: #fff;
    margin-top: 25px;
    display: flex;flex-direction: column; align-items: center;
    padding: 10px 8px;box-sizing: border-box;
}
.pc-box .hai .haititle{
    color: #010101;font-size: 18px;text-align: center;margin-bottom: 20px;
}
.pc-box .hai .haitablebox{
    width: 100%;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.pc-box .hai .haitablebox .haitable{
    width: 510px;
    display: flex;flex-direction: column; align-items: flex-start;gap: 10px 0;
}
.pc-box .hai .haitable .haitableitem{
    display: flex;align-items: center;background-color: #fff2ef;border-radius: 20px;
    width: 510px;height: 42px;
    padding: 2px 5px;box-sizing: border-box;
}
.pc-box .hai .haitable .haitableitem .haiitemone{
    color: #010101;font-size: 14px;
    display: flex;align-items: center;justify-content: center;
}
.pc-box .hai .haitable .haitableitem .haiitemone:nth-child(1){width: 54px;}
.pc-box .hai .haitable .haitableitem .haiitemone:nth-child(2){width: 80px;}
.pc-box .hai .haitable .haitableitem .haiitemone:nth-child(3){width: 46px;}
.pc-box .hai .haitable .haitableitem .haiitemone:nth-child(4){width: 230px;padding: 0 5px;box-sizing: border-box;}
.pc-box .hai .haitable .haitableitem .haiitemone:nth-child(5){width: 90px;}


/* 预约 */
.pc-box .zntwo .yytitle{
    background: #ef7700;border-radius: 25px 25px 0 0;
    width: 530px;height: 40px;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-weight: bold;font-size: 20px;
    margin: 0 auto;
}
.pc-box .zntwo .yybox{
    width: 100%;padding: 20px;box-sizing: border-box;
    background: #fff;margin-bottom: 50px;
}
.pc-box .zntwo .yybox .yyboxin{
    width: 100%;padding: 7px;box-sizing: border-box;
    background: linear-gradient(to top,#fea42c,40%,#fff1d7);
}
.pc-box .zntwo .get-form{background-color: #fff;padding: 15px 20px 8px 20px;}
.pc-box .zntwo .get-form .get-form-top{display: flex;align-items: center;justify-content: space-between;}
.pc-box .zntwo .get-form .get-form-top .gft-item{
    position: relative;
    display: flex;align-items: center;justify-content: center;
    border-radius: 6px;padding: 0 0px 0 8px;margin-right: 10px;background-color: #fff;
}
.pc-box .zntwo .get-form .get-form-top .gft-item .gfi-img{color: #656565;font-size: 16px;font-weight: bold;}
.pc-box .zntwo .get-form .get-form-top .gft-item .gfi-input{border: 2px solid #c6c6c6;width: 150px;height: 40px;}
.pc-box .zntwo .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{
    background: #ffffff;border: none;
    width: 100%;height: 100%;padding-left: 10px;box-sizing: border-box; 
    font-size: 16px;
}
.pc-box .zntwo .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.pc-box .zntwo .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none; border-left: 2px solid #c6c6c6;padding: 0 5px 0 8px;
    display: flex;align-items: center;justify-content: center;
    color: #656565;font-size: 16px;
    background: none;
}
.pc-box .zntwo .get-form .get-form-top .gft-submit{
    cursor: pointer;height: 40px;
    background: #ef7700 ;padding: 0 30px;border-radius: 35px; 
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 16px;font-weight: bold;
}
.pc-box .zntwo .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 12px;font-size: 12px;}

/* 10月校庆月 就近校区咨询 */
.pc-box .zntwo .zixun{
    width: 100%;margin : 25px 0;
    background-color: #fff;
    padding: 20px;box-sizing: border-box;
}
.pc-box .zntwo .zixun .zixunbox{
    position: relative;
    width: 100%;padding: 20px 0;
    display: flex; flex-direction: column; align-items: center;justify-content: center;
    border: 8px solid #fbd19f;border-radius: 5px;box-sizing: border-box;
}
.pc-box .zntwo .zixun .zixunbox .zixuntitle{
    color: #010101;
    font-size: 18px;
    margin-bottom: 15px;
}
.pc-box .zntwo .zixun .zixunbox .zixunimg{
    width: 867px;height: 310px;
}
.pc-box .zntwo .zixun .zixunbox .hudie{
    width: 218px;height: 72px;
    position: absolute;bottom: -7px;left: 50%;transform: translate(-50%,0);
}

/* 图片展示 */
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-thumbsTwo {margin-bottom: 15px;}
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: space-between;}
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide {
    width: 300px !important;height: 40px; background: #7b0100;
    display: flex;align-items: center;justify-content: center;
    border-radius:20px;font-size: 22px;color: #ffe9e9;cursor: pointer;
}
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-thumbsTwo .swiper-slide-thumb-active {
    width: 300px !important;height: 40px; 
    display: flex;align-items: center;justify-content: center;
    color: #ac0a07;
    background: linear-gradient(to right, #ffd6a2, #fff0d3,70%,#ffc77c);border-radius:20px;
}
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-topTwo .swiper-slide .imgList{
    width: 100%;margin: 0 auto;padding: 15px;box-sizing: border-box;
    display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 15px 0;
    background: #fff;
}
.pc-box .zntwo  .locationBox .swiper-scroll .gallery-topTwo .swiper-slide .imgList .imgItem{width: 325px;height: 232px;}


/* 校区 */
.pc-box .school{display: flex;align-items: center;justify-content: space-between;margin: 20px auto;}
.pc-box .school .schoolItem{color: #fff;font-size: 16px;border: 1px solid #fff;border-radius: 5px;padding: 2px 15px;cursor: pointer;}


/* 预约 底*/
.pc-box .zntwo .get-formtwo .get-form-top{display: flex;align-items: center;justify-content: space-between;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item{position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #f2f2f2;border-radius: 6px;padding: 0 0px 0 8px;margin-right: 10px;background-color: #fff;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item .gfi-img{margin-right: 5px;width: 18px;height: 22px;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item .gfi-input{}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;background: #ffffff;height: 40px;width: 190px;font-size: 16px;padding-left: 10px;box-sizing: border-box;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.pc-box .zntwo .get-formtwo .get-form-top .gft-item .gfi-getCode .getYzm{border: none;padding: 6px 15px;border-radius: 22px;display: flex;align-items: center;justify-content: center;color: #ffffff;background-color: #767676;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-submit{
    cursor: pointer;height: 45px;
    background:linear-gradient(to right,#ff8106,#ffa31e) ;padding: 0 30px;border-radius: 6px; 
    display: flex;align-items: center;justify-content: center;
}
.pc-box .zntwo .get-formtwo .get-form-top .gft-submit .gfs-img{margin-right: 6px;}
.pc-box .zntwo .get-formtwo .get-form-top .gft-submit .gfs-txt{color: #fff;font-size: 16px;font-weight: bold;}
.pc-box .zntwo .get-formtwo .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 12px;font-size: 12px;}


/* 最后 */
.pc-box .last{padding: 20px 0;}
.pc-box .last .lasttop{display: flex;align-items: center;justify-content: center;}
.pc-box .last .lasttop .ltone{background:#fff;border-radius: 30px;color: #770000;font-size: 16px;padding: 0 10px;}
.pc-box .last .lasttop .ltotwo{color: #fff;font-size: 16px;margin-left: 10px;font-weight: 300;}
.pc-box .last .phonenum{color: #fff;font-size: 20px;font-weight: 500;margin-top: 10px;text-align: center;}