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:#c90013; 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;}
.pc-container img{width: 100%;height: 100%;display: block;}

/* 按钮 */
.pc-container .jqbtn{
    margin-top: 25px;
    display: flex;align-items: center;justify-content: center;gap: 35px;
}
.pc-container .jqbtn .jqbtnone{
    position: relative;
    width: 230px;height: 50px;
    box-sizing: border-box;
    cursor: pointer;
    background: #6325e8;border-radius: 30px;
    display: flex;align-items: center;justify-content: center;
    border-bottom: 4px solid #110085;
    box-shadow: inset 5px 0 5px 0 #7a2ef0,inset -3px 0 5px 0 #a06ffe, 0 0 3px 1px #a06ffe;
}
.pc-container .jqbtn .jqbtnone .btncontent{
    color: #fff;font-size: 20px;line-height: 20px;font-weight: bold;
    position: relative;z-index: 1;
}
.pc-container .jqbtn .jqbtnone .iconlt{
    width: 35px;height: 25px;
    position: absolute;
    background: linear-gradient(45deg, #7625ec, #8521f3, 81%, #7625ec);border-radius: 35px 0 0 0;
}
.pc-container .jqbtn .jqbtnone .iconlt::after{
    content: '';
    width: 35px;height: 20px;
    background: #6325e8;border-radius: 35px 0 0 0;
    position: absolute;left: 7px;top: 5px;
}
.pc-container .jqbtn .jqbtnone .iconrb{
    width: 35px;height: 25px;
    position: absolute;
    background: linear-gradient(45deg, #6325e8, #8d58fe, 81%, #6325e8);border-radius:  0 0 35px 0;
}
.pc-container .jqbtn .jqbtnone .iconrb::after{
    content: '';
    width: 35px;height: 20px;
    background: #6325e8;border-radius: 0 0 35px 0;
    position: absolute;right: 7px;bottom: 5px;
}
.pc-container .jqbtn .jqbtnone .btnhand{ 
    width: 68px;height: 59px;
    position: absolute;bottom: -30px;right: -45px;
    animation: handleanimation 2s ease infinite;
}

/* .pc-container .jqbtn .jqbtnone:nth-child(2){
    animation: borderwai 2s ease infinite;transition: animation 2s ease;
} */
.pc-container .jqbtn .jqbtnone:nth-child(2) .btncontent{
    animation: btntxtle 2s ease infinite;
}
.pc-container .jqbtn .jqbtnone:nth-child(2) .iconlt{
    background: linear-gradient(45deg, #ffc653, #ffdd79, 81%, #ffc653);
}
.pc-container .jqbtn .jqbtnone:nth-child(2) .iconlt::after{
    background: #ffbc4b;
}
.pc-container .jqbtn .jqbtnone:nth-child(2) .iconrb{
    background: linear-gradient(45deg, #fed650, #ffe175, 81%, #ffbc4b);
}
.pc-container .jqbtn .jqbtnone:nth-child(2) .iconrb::after{
    background: #ffbc4b;
}
/* 手 */
@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; }
}
/* 文字 */
@keyframes btntxtle {
    0% ,20% ,30% { transform: none; }
    40% { transform: scale3d(0.8, 0.8, 0.8) ; }
    50% ,80% ,100% { transform: none; }
}
/* 边框下沉 */
/* animation: borderwai 2s ease infinite; */
@keyframes borderwai {
    0% ,20% ,30% { border-bottom: 4px solid #f48005; }
    40% { border: none; }
    50% ,80% ,100% { border-bottom: 4px solid #f48005; }
}
.pc-container .jqbtn .jqbtnone:nth-child(2):hover .btnhand{animation: none;}
.pc-container .jqbtn .jqbtnone:nth-child(2):hover .btncontent{animation: none;}

/* 标题 */
.pc-container .alltitle{
    position: relative;
    display: flex;align-items: center;justify-content: center; gap: 25px;
}
.pc-container .alltitle .titleone{ color: #1c2949;font-weight: 600;font-size: 36px;line-height: 36px;position: relative;top: -5px; }
.pc-container .alltitle .titleone span{
    background: linear-gradient(to right, #252c58,37%, #5341b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pc-container .alltitle .titleicon{ width: 27px;height: 39px; }


/* 顶部*/
.pc-container .sectionone{
    width: 100%; height:auto;
    background: url("../images/bg01.png") no-repeat top;background-color: #f8f8f8;
    padding-bottom: 50px;
}
.pc-container .sectionone .one{
    display: flex;align-items: flex-end;justify-content: center; gap: 55px;
    padding-top: 92px;
    margin-bottom: 135px;
}
.pc-container .sectionone .one .oneleft{
    height: 250px;
    box-sizing: border-box;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
}
.pc-container .sectionone .one .oneleft .oltxtone{
    display: flex;align-items: flex-end;
}
.pc-container .sectionone .one .oneleft .oltxtone .oltobig{
    font-size: 84px;font-weight: bold;line-height: 84px;
    background: linear-gradient(to right, #1b2946,52%,#353476, #4e40a2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pc-container .sectionone .one .oneleft .oltxtone .oltosmall{
    display: flex;flex-direction: column;align-items: flex-start;
}
.pc-container .sectionone .one .oneleft .oltxtone .oltosmall .olsmalltop{ font-size: 18px;letter-spacing: 6px;line-height: 18px;font-weight: 300; }
.pc-container .sectionone .one .oneleft .oltxtone .oltosmall .olsmallbottom{ font-size: 24px;line-height: 24px;font-weight: 300; }
.pc-container .sectionone .one .oneleft .oltxttwo{
    font-size: 84px;font-weight: bold;line-height: 84px;color: #1b2946;
    margin: 15px auto 25px auto;
}
.pc-container .sectionone .one .oneleft .oltxtthree{
    width: 100%;height: 40px;
    background-color: #5d1de3;border-radius: 35px;
    display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 22px;line-height: 22px;letter-spacing: 1px;
}
.pc-container .sectionone .one .oneright{width: 355px;height: 290px;}
/* AP课程简介 */
.pc-container .sectionone .jianjie{
    width: 100%;
    margin: 25px 0 0 0;
    display: flex;
    position: relative;
}
.pc-container .sectionone .jianjie .jjleft{
    width: 535px;
    background-color: #fff;box-shadow: 0 0 10px 5px #ecebf3;
    padding: 0 35px;box-sizing: border-box;
    text-align: left;font-size: 16px;line-height: 34px;font-weight: 400;color: #343434;
    display: flex;align-items: center;
}
.pc-container .sectionone .jianjie .jjright{
    width: 590px;
    background-color: #7652f4;
    position: relative;
    display: flex;align-items: flex-end;gap: 20px;
    padding: 10px 0 15px 35px;box-sizing: border-box;
}
.pc-container .sectionone .jianjie .jjright .jjrform{ display: flex;flex-direction: column;align-items: center;gap: 10px; }
.pc-container .sectionone .jianjie .jjright .jjrform .jjrformtitle{ color: #fff;font-size: 20px;}
.pc-container .get{ width: 100%; }
.pc-container .get .get-form{
    width: 365px;
    background: #563bca;
    padding: 12px;box-sizing: border-box;
}
.pc-container .get .get-form .get-form-top{display: flex;flex-direction: column; align-items: center;gap: 10px;}
.pc-container .get .get-form .get-form-top .gft-item{
    width: 100%;position: relative;
    display: flex;align-items: center;justify-content: space-between;
    background-color: #fff;border: 1px solid #f2f2f2;box-sizing: border-box;
}
.pc-container .get .get-form .get-form-top .gft-item .gfi-input{ width: 100%;}
.pc-container .get .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{
    border: none;background: #ffffff;height: 40px;width: 100%;padding-left: 10px;box-sizing: border-box;
}
.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;padding: 6px 15px;
    border-radius: 22px;background-color: #767676;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;font-size: 16px;
}
.pc-container .get .get-form .get-form-top .gft-submit{
    cursor: pointer;width: 100%; height: 40px;
    background:#ffba4a;
    display: flex;align-items: center;justify-content: center;
    color: #322f5c;font-size: 20px;font-weight: bold;
}
.pc-container .get .get-form .get-form-top .gft-submit .gfs-img{margin-right: 6px;}
.pc-container .get .get-form .get-form-top .gft-submit .gfs-txt{color: #fffeff;font-size: 16px;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 .sectionone .jianjie .jjright .jjrdes{
    color: #fdba49;font-size: 18px;font-weight: bold;writing-mode: vertical-lr;text-orientation: upright;letter-spacing: 2px;
    background: #5539ca;border-radius: 30px;
    width: 40px;height: 245px;
    display: flex;align-items: center;
    padding-top: 30px;box-sizing: border-box;
    position: relative;
}
.pc-container .sectionone .jianjie .jjright .jjrdes span{
    width: 35px;height: 35px;
    display: flex;align-items: center;justify-content: center;
    background-color: #ffbb49;border-radius: 50%;
    color: #7652f4;font-size: 18px;line-height: 18px;
    position: absolute;top: -10px;
}
.pc-container .sectionone .jianjie .jjrimgone{width: 178px;height: 232px;position: absolute;right: 0;bottom: 0;}
.pc-container .sectionone .jianjie .jjrimgtwo{width: 111px;height: 75px;position: absolute; right: 62px;top: -15px;}


/* AP课程体系对比 */
.pc-container .duibi{
    width: 100%; height:auto;
    background: url("../images/bg02.png") no-repeat bottom;background-color: #f8f8f8;
    padding-bottom: 50px;
}
.pc-container .duibi .duibox{
    width: 100%;
    padding: 20px 25px; box-sizing: border-box;
    margin-top: 25px;
    background-color: #fff;box-shadow: 0 0 5px 0 #ecebf3;
}
.pc-container .duibi .duibox .dutitle{
    color: #000;
    font-size: 18px;
    line-height: 18px;
}
.pc-container .duibi .duibox .dutable{
    margin-top: 20px;
}
.pc-container .duibi .duibox .dutable th{width: 230px;background-color: #9591ff;color: #fff;font-size: 18px;padding: 5px 0;}
.pc-container .duibi .duibox .dutable td{
    font-size: 16px;padding: 5px;box-sizing: border-box;
    background-color: #f1eeff;
}
.pc-container .duibi .duibox .dutable tr td:nth-child(1){ background-color: #322f5c;color: #fff;font-weight: bold; }
.pc-container .duibi .duibox .dutable tr td:last-child{ background-color: #e8e4ff;}


.pc-container .sectiontwo{
    width: 100%; height:auto;
    background: url("../images/bg03.png") no-repeat top;background-color: #f8f8f8;
    padding-top: 35px; padding-bottom: 60px;
}
/* AP课程优势 */
.pc-container .sectiontwo .ysbox{
    margin-top: 65px;
    width: 100%;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.pc-container .sectiontwo .ysbox .ysboxitem{
    width: 220px;height: 290px;
    display: flex;flex-direction: column;align-items: center;gap: 12px;
    background-color: #fff;
    padding: 70px 15px 0 15px;box-sizing: border-box;
    position: relative;
}
.pc-container .sectiontwo .ysbox .ysboxitem .ysitemimg{
    width: 134px;height: 134px;
    position: absolute;left: 50%;top: -55px; transform: translate(-50%,0);
}
.pc-container .sectiontwo .ysbox .ysboxitem .ysitemtitle{    
    color: #5d1ee1;font-size: 18px;font-weight: bold;line-height: 20px;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #5d1ee1;
    position: relative;
}
.pc-container .sectiontwo .ysbox .ysboxitem .ysitemtitle::after{
    content: '';
    width: 7px;height: 7px;
    background-color: #5d1ee1;border-radius: 50%;
    position: absolute;bottom: -4px;left: 50%;transform: translate(-50%, 0);
}
.pc-container .sectiontwo .ysbox .ysboxitem .ysitemdes{ text-align: left;font-size: 16px;line-height: 26px;font-weight: 400; } 

/* AP课程科目 */
.pc-container .sectiontwo .kemu{
    width: 100%;
    padding: 20px 25px;box-sizing: border-box;
    margin-top: 25px;
    background-color: #fff;box-shadow: 0 0 5px 0 #ecebf3;
    display: flex;flex-direction: column;align-items: center;gap: 12px;
    position: relative;
}
.pc-container .sectiontwo .kemu .kmtitle{
    font-size: 18px;text-align: center;
    width: 100%;
}
.pc-container .sectiontwo .kemu .kutable{}
.pc-container .sectiontwo .kemu .kutable .kutdbox{
    width: 100%;
    display: flex;flex-wrap: wrap;
}
.pc-container .sectiontwo .kemu .kutable .kutdbox .kutd{
    width: 50%;
}
.pc-container .sectiontwo .kemu .kutable tr td:nth-child(1){
    width: 300px;
    background-color: #7753f3;
    color: #fff;font-size: 20px;
    padding: 10px 0;
}
.pc-container .sectiontwo .kemu .kutable tr td:nth-child(2){
    width: 850px;
    background-color: #f1eeff;
    color: #000;font-size: 16px;text-align: left;line-height: 28px;
    padding: 10px 0 10px 20px;box-sizing: border-box;
}
.pc-container .sectiontwo .kemu .luimg{
    width: 100px;height: 101px;
    position: absolute;top:-35px;left: -10px;
}


.pc-container .sectionthree{
    width: 100%; height:auto;
    background: url("../images/bg04.png") no-repeat center;background-color: #f8f8f8;
    padding-bottom: 60px;
}
/* 新航道AP课程 */
.pc-container .sectionthree .kcbox{
    margin-top: 25px;
}
.pc-container .sectionthree .kcbox .kctitle{
    position: relative;
    display: flex;align-items: flex-end;
}
.pc-container .sectionthree .kcbox .kctitle .kctitleicon{
    width: 47px;height: 63px;
    position: absolute;left: -20px;bottom: -2px;
    z-index: 3;
}
.pc-container .sectionthree .kcbox .kctitle .kctitleone{
    width: 190px;height: 40px;
    background: #7753f3;border-radius: 0 25px 0 0;
    display: flex;align-items: center;justify-content: flex-start;
    color: #fff;font-size: 20px;font-weight: 500;
    padding-left: 35px;box-sizing: border-box;
    position: relative;z-index: 2;
}
.pc-container .sectionthree .kcbox .kctitle .kctitleborder{
    width: 65px;height: 40px;
    background: #aee438;box-shadow: 2px -2px 5px 1px #e5e9e8;border-radius: 0 25px 0 0;
    position: relative;left: -20px;
    z-index: 1;
}
.pc-container .sectionthree .kccontent{
    width: 100%;
    display: flex;
    background: #fff;box-shadow: 0 0 9px 0 #ecebf3;
    padding: 20px;box-sizing: border-box;
}
.pc-container .sectionthree .kccontent .kccleft{    
    width: 830px;height: 171px;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;
}
.pc-container .sectionthree .kccontent .kcclone{    
    width: 80%;height: 40px;
    padding-left: 10px;box-sizing: border-box;
    display: flex;align-items: center;gap: 8px;
    background: linear-gradient(to right, #fff5e9, transparent);
    color: #000;font-size: 18px;text-align: left;
}
.pc-container .sectionthree .kccontent .kccleft .kccltwo{
    background: #f3f1ff;
    width: 100%;height: 110px;
    display: flex;flex-wrap: wrap;align-items: center;
    padding: 10px;box-sizing: border-box;
}
.pc-container .sectionthree .kccontent .kccleft .kccltwo .kccltitem{ width: 135px;font-size: 16px;line-height: 16px; }
.pc-container .sectionthree .kccontent .kccright{
    width: 298px;height: 163px;
    border: 4px solid #efeefe;
}
/* AP定制课 */
.pc-container .sectionthree .kccontent .kcthree{    
    width: 100%;
    justify-content: space-between;display: flex;
    margin-top: 12px;
}
.pc-container .sectionthree .kccontent .kcthree .kcthitem{    
    width: 275px;
    display: flex;flex-direction: column;align-items: center;gap: 8px;
    background: #f3f1ff;
    padding: 10px;box-sizing: border-box;
    color: #000;font-size: 16px;line-height: 22px;
}
.pc-container .sectionthree .kccontent .kcthree .kcthitem span{ color: #7752f7;font-size: 18px;font-weight: bold; }
.pc-container .titlesmall{
    font-size: 18px;font-weight: 400;
    margin: 25px auto 12px auto;
}
/* 新航道AP 师资 */
.pc-container .sectionthree .tea{
    width: 100%;
    display: flex;justify-content: space-between;
    background: #fff;border: 8px solid #7652f4;
    padding: 10px;box-sizing: border-box;
}
.pc-container .sectionthree .tea .teaitem{ display: flex;flex-direction: column;align-items: center; }
.pc-container .sectionthree .tea .teaitem .teaimg{ width: 218px;height: 342px; }
.pc-container .sectionthree .tea .teaitem .teades{
    width: 218px;height: 175px;
    background-color: #0c3db3;
    display: flex;flex-direction: column;align-items: flex-start;gap: 8px;
    padding: 10px;box-sizing: border-box;
    position: relative;
}
.pc-container .sectionthree .tea .teaitem .teades .teadestitle{    
    background: #c5e627;border-radius: 20px;
    width: 110px;height: 22px;
    color: #093193;font-weight: bold;font-size: 14px;line-height: 15px;
    display: flex;align-items: center;justify-content: center;
}
.pc-container .sectionthree .tea .teaitem .teades .teazj{ color: #fff;font-size: 14px;font-weight: 300;text-align: left; }
.pc-container .sectionthree .tea .teaitem .teades::before{
    content: '';
    width: 200px;height: 2px;
    position: absolute;left: 50%;top: -1px;
    background: linear-gradient(45deg, transparent, #527b69, #3f98fe, transparent);
    transform: translate(-50%, 0);
}


/* 最后 */
.pc-container .last{ 
    width: 100%; height:auto;
    background: url("../images/bg05.png") no-repeat bottom;background-color: #f8f8f8;
    padding-bottom: 60px;box-sizing: border-box;
}
/* 新航道北美 四大旗舰校区 */
.pc-container .last .schoolbox{
    margin-top: 25px;
    background-color: #fff;box-shadow: 0 -4px 5px 0px #ecebf3;
    width: 100%;height: auto;
    padding: 12px 20px;box-sizing: border-box;
    display: flex;align-items: center;justify-content: space-between;
}
.pc-container .last .schoolbox .schoolleft{
    width: 360px;
    display: flex;flex-direction: column; align-items: flex-start;justify-content: center;
}
.pc-container .last .schoolbox .schoolleft .slefttiem{ 
    width: 100%;height: 123px;
    border-left: 5px solid #999999;
    display: flex;align-items: center;justify-content: space-between;
    padding-left: 30px;box-sizing: border-box;
    border-bottom: 1px dashed #b3b3b3;
    cursor: pointer;
}
.pc-container .last .schoolbox .schoolleft .slefttiem .addreleft{
    display: flex;flex-direction: column; align-items: flex-start;justify-content: center;gap: 8px;
}
.pc-container .last .schoolbox .schoolleft .slefttiem .addreleft .schitemtitle{ font-size: 20px;font-weight: bold;color: #999999; }
.pc-container .last .schoolbox .schoolleft .slefttiem .addreleft .schaddess{
    color: #4d4d4d;font-size: 16px;
    line-height: 22px;text-align: left;
}
.pc-container .last .schoolbox .schoolleft .slefttiem .addrerightone{width: 23px;height: 23px;display: none;}
.pc-container .last .schoolbox .schoolleft .slefttiem .addrerighttwo{width: 23px;height: 22px;display: none;}
.pc-container .slefttiemHover{border-left: 5px solid #7652f4 !important;}
.pc-container .schitemtitleactive{color: #7652f4 !important;}
.pc-container .schaddiconactive{display: block !important;}
/* 图片 */
.pc-container .last .schoolbox .schoolright{ width: 780px;height: 494px; }
.pc-container .last .schoolbox .schoolright .imgzong{ 
    width: 100%;height: 100%;
    display: flex;flex-wrap: wrap; align-content: space-evenly;justify-content: space-between;
    display: none;
}
.pc-container .imgzongActive{display: flex !important;}
.pc-container .last .schoolbox .schoolright .imgzong .schrightitem{width: 381px;height: 232px;cursor: pointer;overflow: hidden;}
.pc-container .last .schoolbox .schoolright .imgzong .schrightitem:hover img{transform: scale(1.08);transition: transform .5s linear;}

.pc-container .last .desbox{ 
    display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;
    margin-top: 25px;
}
.pc-container .last .desbox .laone{ 
    color: #7753f5;font-size: 18px;line-height: 19px;font-weight: bold;
    background: linear-gradient(to right, #fff, #e7f2f6, #f8e5e9, #fff);border-radius: 30px;
    width: 255px;height: 32px;
    display: flex;align-items: center;justify-content: center;
}
.pc-container .last .desbox .latwo{ 
    color: #fff;font-weight: 500;font-size: 16px;
}