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:20px; bottom:55px;}
#gotop{ width:54px; height:54px; background:#ffb032; 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-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:1200px; height: 100%;position: relative; margin: 0 auto; text-align: center;box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.pc-container .main-m img{width: 100%;height: 100%;display: block;}
/* 标题 */
.pc-container .bt{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 45px;
    width: 100%;
}
.pc-container .bt .btborder{
    width:180px ;
    height: 2px;
    background: #4c0000;
}
.pc-container .bt .bttop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 225px;
}
.pc-container .bt .bttop .bttthree{
    width: 100%;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 24px solid #4c0000;
}
.pc-container .bt .bttop .bttthreeanthor{
    width: 100%;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 24px solid #4c0000;
}
.pc-container .bt .btbottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    width: 250px;
}
.pc-container .bt .btbottom .bttthree{
    width: 100%;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fda15e;
}
.pc-container .bt .btbottom .bttthreeanthor{
    width: 100%;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fda15e;
}
.pc-container .bt .bttile{
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;z-index: 3;
    height: 48px;
}
.pc-container .bttilesmall{
    color: #130e0a;
    font-size: 20px;
    margin-top: 8px;
    font-weight: 500;
}

.pc-container  .jybtn{
    position: relative;
    display: flex;align-items: center;justify-content: center;gap: 20px;
    background: linear-gradient(to right, #ff3237, #ff6364,#ff6735);border-radius: 35px;
    margin: 25px auto 0 auto;
    cursor: pointer;
    padding: 8px 8px 8px 20px;
    box-shadow: 0 0 6px 6px #facc6e;
}
.pc-container  .jybtn .btntxtone{
    color: #fff;font-weight: bold;font-size: 20px;
    position: relative;z-index: 1;
}
.pc-container  .jybtn .btntxtone span{
    color: #fff772;
}
.pc-container  .jybtn .btntxttwo{
    background: #fff;border-radius: 35px;
    width: 110px;
    color: #480001;font-weight: bold;font-size: 20px;
}
/* 按钮 */
.pc-container .jqbtn{gap: 35px;margin-top: 25px;display: flex;align-items: center;justify-content: center;}
.pc-container .jqbtn .jqbtnone{
    position: relative;display: flex;align-items: center;justify-content: center;gap: 12px;
    background: linear-gradient(to bottom,#fce17a,#ffa31e);border-radius: 35px;box-shadow: 0 2px 0 1px #e06114;
    width: 215px;height: 45px;
    cursor: pointer;
}
.pc-container .jqbtn .jqbtnone .btnimg{width: 24px;height: 24px;animation: doudong 3s 0s infinite; }
@keyframes doudong {
    0% { transform: rotate(0deg) }
    10%,20%,30% { transform: rotate(-5deg) }
    15%,25%,35% { transform: rotate(5deg) }
    40% { transform: rotate(-4deg) }
    45% { transform: rotate(4deg) }
    50% { transform: rotate(0deg) }
    100% { transform: rotate(0deg) }
}
.pc-container .jqbtn .btntxt{ color: #692b04;font-size: 20px;line-height: 20px;font-weight: bold; }
.pc-container .jqbtn .btnshan{
    width: 123px;height: 13px;
    position: absolute;bottom: -5px;left: 0;
}
.pc-container .jqbtn .jqbtntwo{
    position: relative;display: flex;align-items: center;justify-content: center;gap: 12px;
    background: linear-gradient(to bottom,#14befb,#0d5bfd);border-radius: 35px;box-shadow: 0 2px 0 1px #0747c3;
    width: 215px;height: 45px;
    cursor: pointer;animation: borderwai 2s ease infinite;
}
.pc-container .jqbtn .jqbtntwo .btnhand{ 
    width: 64px;height: 66px;
    position: absolute;bottom: -38px;right: -32px;
    animation: handleanimation 2s ease infinite;
}
.pc-container .jqbtn .jqbtntwo .btntxt{
    color: #fff;font-size: 20px;line-height: 20px;font-weight: bold;
    animation: btntxtle 2s ease infinite;
}
/* 边框下沉 */
@keyframes borderwai {
    0% ,20% ,30% { box-shadow: 0 2px 0 1px #0747c3; }
    40% { box-shadow: none; }
    50% ,80% ,100% { box-shadow: 0 2px 0 1px #0747c3; }
}
/* 文字 */
@keyframes btntxtle {
    0% ,20% ,30% { transform: none; }
    40% { transform: scale3d(0.8, 0.8, 0.8); }
    50% ,80% ,100% { transform: none; }
}
/* 手 */
@keyframes handleanimation {
    0% { transform: none;  }
    20% { transform: translate(-10px,-10px); }
    30% { transform: scale3d(0.8, 0.8, 0.8); }
    40% { transform: scale3d(0.9, 0.9, 0.9); }
    50% { transform: scale3d(1,1,1); }
    100% { transform: none; }
}
.pc-container .jqbtn .jqbtntwo:hover{animation: none;}
.pc-container .jqbtn .jqbtntwo:hover .btntxt{animation: none;}
.pc-container .jqbtn .jqbtntwo:hover .btnhand{animation: none;}




/* 顶部 */
.pc-container .top{
    padding: 350px 0 25px 0; position: relative;
    width: 100%;height: auto; 
    background: url("../images/bg01.png") no-repeat top;background-color: #fde688;
}
.pc-container .top .topone{
    margin-bottom: 85px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pc-container .top .topone .tocolor{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pc-container .top .topone .tocolor .tocoloritem{
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0px #f3e1cb;
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(to right, #9dfce6, #42e9fc);
}
.pc-container .top .topone .tocolor .tocoloritemtwo{
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0px #f3e1cb;
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(to right, #ffbf06, #ffce33);
}
.pc-container .top .topone .tofff{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px 30px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0px #f3e1cb;
}
.pc-container .top .topone .tofff .tofffitem{
    width: 25%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px dashed #ffd0a6;
    box-sizing: border-box;
}

/* 锦秋福利 */
.pc-container .fuli{
    width: 100%;
    background: linear-gradient(to right, #fcd262, #fcd262);
    border-radius: 15px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
}
.pc-container .fuli .flitem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 20px;
    padding: 5px;
    box-sizing: border-box;
    width: 580px;
}
.pc-container .fuli .flitem .fltop{
    background: linear-gradient(to right, #febe05, #ff6833);
    border-radius: 22px 22px 0 0;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.pc-container .fuli .flitem .flcontent{
    width: 100%;
    padding: 12px 0 10px 0;
    box-sizing: border-box;
    font-size: 16px;
}

/* 锦秋A-Level同辅小班 课程设置 */
.pc-container .setting{
    padding: 0 0 40px  0; position: relative;
    width: 100%;height: auto; 
    background: url("../images/bg02.png") no-repeat bottom;background-color: #fde688;
}
.pc-container .setting .setbox{
    width: 100%;
    background: linear-gradient(to right, #fcd262, #fcd262);
    border-radius: 15px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
}
.pc-container .setting .setbox .rbox{
    background: #fff;
    border-radius: 20px;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
}
.pc-container .setting .rbox .rebaonav .swiper-slide .swnav{
    background: #d8d8d8;border-radius: 20px;
    width: 100%;height: 40px;
    display: flex;align-items: center;justify-content: center;
    color: #707070;font-size: 20px;font-weight: bold;
    position: relative;cursor: pointer;
}
.pc-container .setting .rbox .rebaonav .swiper-slide-thumb-active .swnav{
    background: linear-gradient(to right,#ffbc09,#ff6a32);color: #fff;
}
.pc-container .setting .rbox .rebaoContent{margin-top: 25px;}
.pc-container .setting .rbox .rbtable{
    width: 100%;height: 900px;
    overflow-y: scroll;
} 
.pc-container .setting .rbox .rbtablename tr:nth-child(even){background-color: #ffefdf;}
.pc-container .setting .rbox .rbtablename tr:nth-child(odd){background-color: #ffe0ba;}
.pc-container .setting .rbox .rbtablename tr th{
    background: #fe860c;
    color: #fff;
    font-size: 18px;padding: 5px 0;
} 
.pc-container .setting .rbox tr td{
    position: relative;
    text-align: center;
    font-size: 16px;line-height: 22px;
    padding:  10px;
    box-sizing: border-box;
}
.pc-container .setting .rbox .rbtablenametwo tr:nth-child(even){background-color: #ebf5ff;}
.pc-container .setting .rbox .rbtablenametwo tr:nth-child(odd){background-color: #cfeaff;}
.pc-container .setting .rbox .rbtablenametwo tr th{
    background: #51b3f4;
    color: #fff;
    font-size: 18px;padding: 5px 0;
}
.pc-container .setting .rbox .rbtablenamethree tr:nth-child(even){background-color: #f5f0ff;}
.pc-container .setting .rbox .rbtablenamethree tr:nth-child(odd){background-color: #e2d9ff;}
.pc-container .setting .rbox .rbtablenamethree tr th{
    background: #8c78ff;
    color: #fff;
    font-size: 18px;padding: 5px 0;
} 
.pc-container .setting .rbox .rbtablenamefour tr:nth-child(even){background-color: #ffe9ee;}
.pc-container .setting .rbox .rbtablenamefour tr:nth-child(odd){background-color: #ffd2d2;}
.pc-container .setting .rbox .rbtablenamefour tr th{
    background: #f95a5a;
    color: #fff;
    font-size: 18px;padding: 5px 0;
} 
.pc-container .setting .ball{
    position: absolute;
    width: 152px;height: 85px;
    right: -40px;
    bottom: -44px;
}



/* 为什么选择 新航道 */
.pc-container .why{padding: 70px 0 0 0;display: flex;flex-direction: column; align-items: center;}
.pc-container .why .whybox{margin-top: 25px;}
.pc-container .why .whybox .whytop{display: flex; align-items: flex-end;justify-content: space-between;}
/* 上左 */
.pc-container .why .whybox .whytop .whytpleft{display: flex;flex-direction: column; align-items: baseline;gap: 20px;}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem{
    width: 520px;
height: 45px;background: #fff;
border-radius: 25px;
padding: 0 20px 0 25px;
box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;

}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemone{display: flex;align-items: center;justify-content: center;gap: 8px}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemone .oneicon{width: 39px;height: 34px;}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemone .onedes{text-align: left;
font-size: 18px;
line-height: 24px;}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemone .onedes span:nth-child(1){color: #fe8f02;font-weight: bold;}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemone .onedes span:nth-child(2){color: #ef5807;font-weight: bold;
font-size: 22px;line-height: 22px;}
.pc-container .why .whybox .whytop .whytpleft .whtpleitem .whitemtwo{width: 23px;height: 23px;}
/* 上右 */
.pc-container .why .whybox .whytop .whytright{position: relative;
width: 580px;
height: 220px;
background: #fff;}
.pc-container .why .whybox .whytop .whytright .whyrides{width: 100%;
height: 100%;
position: relative;
z-index: 1;
background: #fff;
text-align: left;
font-size: 22px;
line-height: 34px;
padding: 25px;
box-sizing: border-box;
}
.pc-container .why .whybox .whytop .whytright .whyrides span{color: #ef5807;font-weight: bold;}
.pc-container .why .whybox .whytop .whytright .bluimg{width: 635px;
height: 220px;
position: absolute;
left: -20px;
top: -20px;}
.pc-container .why .whybox .whytop .whytright .jiangbei{width: 146px;
height: 185px;
position: absolute;
right: -39px;
bottom: 0;
z-index: 2;}
.pc-container .why .whybox .whytop .whytright .whyziti{
width: 374px;
height: 39px;
position: absolute;
bottom: 0;
left: 20px;z-index: 2;
}
/* 下半部分 */
.pc-container .why .whybox .whybottom{margin-top: 25px;display: flex;flex-wrap: wrap;gap: 20px 45px;}
.pc-container .why .whybox .whybottom .whybtoItem{
width: 370px;background: #fff;
padding: 15px;
box-sizing: border-box;display: flex;flex-direction: column; align-items: baseline;
}
.pc-container .why .whybox .whybottom .whybtoItem:hover{
transition: transform .5s cubic-bezier(.46,-1.96,.29,1.14);
transform: translateY(-5px);
box-shadow: 0 0 10px 5px #dedfe0;
}
.pc-container .why .whybox .whybottom .whybtoItem .whbtoone{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtoone .whbtoleft{
display: flex;
flex-direction: column; align-items: baseline;
gap: 20px;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtoone .whbtoleft .whbtotitle{
font-weight: bold;
font-size: 24px;
line-height: 24px;
}
.pc-container .why .whybox .whybottom .whybtoItem:nth-child(2n+1) .whbtoone .whbtoleft .whbtotitle{color: #471a03;}
.pc-container .why .whybox .whybottom .whybtoItem:nth-child(2n) .whbtoone .whbtoleft .whbtotitle{color: #471a03;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtoone .whbtoleft .whbtoborder{width: 42px;
height: 4px;
background: #e9e9eb;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtoone .whbtoicon{width: 34px;height: 44px;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtodes{  margin-top: 20px;
text-align: left;
font-size: 18px;
line-height: 28px;font-weight: 300;}
.pc-container .why .whybox .whybottom .whybtoItem .whbtodes span{font-weight: bold;}

/* 新航道锦秋A-Level 海归师资团队 */
.pc-container .teacher{padding: 35px 0 40px 0;background-color: #fefdf8; }
.pc-container .teacher .teabox{ margin-top: 5px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px 23px;  }
.pc-container .teacher .teabox .teaitem{
position: relative;
width: 221px;display: flex;flex-direction: column; align-items: baseline;justify-content: center;}
.pc-container .teacher .teabox .teaitem .teaimg{width: 221px;height: 310px;position: relative;
top: 32px; }
.pc-container .teacher .teabox .teaitem .teaname{
width: 110px;
height: 30px;
display: flex;align-items: center;justify-content: center;
background: linear-gradient(45deg, #76300c, #a6581a);
border-radius: 0 9px 0 1px;
box-shadow: 2px -2px 8px 1px #bbb7b4;
font-size: 22px;
font-weight: bold;
color: #fff;
line-height: 22px;
position: relative;
z-index: 2;
}
.pc-container .teacher .teabox .teaitem .teades{width: 221px;
height: 60px;
display: flex;align-items: center;justify-content: center;
background: #faac0c;
color: #fff;
font-size: 16px;
line-height: 22px;
border-radius: 0 0 15px 0;
transform: skewX(-19deg);
padding-top: 5px;
position: relative;
top: -5px;
z-index: 1;}
.pc-container .teacher .teabox .teaitem .teades .teatrgle{width: 0;
height: 0;
border-top: 10px solid #6d2b1f;
border-left: 12px solid transparent;
border-right: 0px solid transparent;
position: absolute;
left: -10px;
top: 4px;}
.pc-container .teacher .teabox .teaitem .sting{
display: flex;align-items: center;justify-content: center;
position: absolute;
right: -15px;
top: 50px;
background:  linear-gradient(to right, #f7ae07, #ff9f2e, #f7ae07);;
width: 90px;
height: 30px;
gap: 4px;
border-radius: 25px;
cursor: pointer;
}
.pc-container .teacher .teabox .teaitem .sting .stngicon{ width: 22px;height: 23px;display: flex ; }
.pc-container .teacher .teabox .teaitem .sting .stngiconTwo{ width: 22px;height: 23px;display: none ; }
.pc-container .teacher .teabox .teaitem .sting .stingtxt{color: #fff;
font-size: 18px;
line-height: 18px;
position: relative;
top: -1px;}
.pc-container .teacher .teabox .teaitem:hover{transition: all .3s linear;
cursor: pointer;
}
.pc-container .teacher .teabox .teaitem:hover .sting{
transition: all .3s linear;
width: 120px;height: 35px;box-shadow: 0 0 10px 1px #e7e7e7;
right: -50px;
}




/* 新航道锦秋A-Level 四大旗舰校区 */
.pc-container .school{padding: 35px 0 70px 0; position: relative;width: 100%;height: auto; background: url("../images/bg03.png") no-repeat top;}
.pc-container .school .schoolbox{margin-top: 25px;
background-color: #fff;
padding: 10px 10px 10px 0;width: 100%;height: auto;
box-sizing: border-box;box-shadow: 0 0 5px 1px #f1f1f1;
display: flex;align-items: flex-start;justify-content: space-between;}
.pc-container .school .schoolbox .schoolleft{width: 385px;
display: flex;flex-direction: column; 
align-items: baseline;
justify-content: center;}
.pc-container .school .schoolbox .schoolleft .slefttiem{ width: 100%;
height: 123px;
border-left: 5px solid #b3b3b3;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding-left: 30px;
border-bottom: 1px dashed #b3b3b3;
cursor: pointer;}
.pc-container .slefttiemHover{border-left: 5px solid #fe8400 !important;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft{
display: flex;flex-direction: column; 
align-items: baseline;justify-content: center;
}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft .schitemtitle{font-size: 22px;
font-weight: bold;
color: #4d4d4d;}
.pc-container .schitemtitleactive{color: #fe8400 !important;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft .schitemaddess{
display: flex;align-items: center;justify-content: space-between;
gap: 5px;
margin-top: 5px;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft .schitemaddess .schaddicon{width: 21px;height: 20px;display: none;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft .schitemaddess .schaddicontwo{width: 21px;height: 20px;display: none;}
.pc-container .schaddiconactive{display: block !important;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreleft .schitemaddess  .schaddess{color: #4d4d4d;
font-size: 16px;
line-height: 16px;text-align: left;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreright{width: 23px;height: 22px;display: flex;align-items: flex-start;justify-content: space-between;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreright .addrerightone{width: 100%;height: 100%;display: none;}
.pc-container .school .schoolbox .schoolleft .slefttiem .addreright .addrerighttwo{width: 100%;height: 100%;display: none;}
/* 图片 */
.pc-container .school .schoolbox .schoolright{ background: #f1f1f1;
width: 792px;
height: 494px;}
.pc-container .school .schoolbox .schoolright .imgzong{ 
width: 100%;
height: 100%;
display: flex;align-items: flex-start;justify-content: space-between;
flex-wrap: wrap;
padding: 10px;
box-sizing: border-box;
gap: 10px;display: none;}
.pc-container .imgzongActive{display: flex !important;}
.pc-container .school .schoolbox .schoolright .imgzong .schrightitem{width: 381px;height: 232px;cursor: pointer;overflow: hidden;}
.pc-container .school .schoolbox .schoolright .imgzong .schrightitem:hover img{transform: scale(1.08);transition: transform .5s linear;}

/* 地址 */
.pc-container  .inforbox{
    color: #5b2912;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}
.pc-container  .inforbox .inforone{
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    background: linear-gradient(to right, #8a0000, #3d0000, #8a0000);
    border-radius: 30px;
    padding: 5px 50px;
    color: #fff;
}
.pc-container  .inforbox .inforTwo{
    margin: 12px auto 8px auto;
    font-size: 20px;
    line-height: 32px;
}
.pc-container  .inforbox .inforthree{
    font-size: 34px;
    font-weight: bold;
}