/*华文*/
.curricu01{ padding:80px 0 88px; }
.stages{position: relative;}
.stagbox{ position: relative; }
.stagbox img{ width: 100%;transition: all 0.8s; }
.stagbox .stagtbn{position: absolute;display: inline-block;  right: 3px; bottom: 2px;}

.staglist{padding:0 10px 0 0;}
.primlist:nth-child(1){padding:0 0 5px 0 ;}
.primlist:nth-child(2){padding:5px 0 0 0;}
.primlist .stagbox{ position: relative; cursor: pointer; }
.primlist .stagbox img{ }
.stagbox .stagtbn img{ transition: all 0.8s; width: 50px; height: 50px; }
.stagbox .clrmary01,.stagbox .clrmary02{ font-size: 17px; position: absolute; left: 30px; bottom: 30px; }
.stagbox .clrmary01{color: #FFAE33;}
.stagbox .clrmary02{color: #02B26E;}
.stagbox:hover .stagtbn img{ transform: rotate(360deg); }

.curricu02 img{ width: 100%; }

.curricu03{ padding:110px 0; background: #ff8900; }
.scafimg{ padding-left: 60px; }
.scafimg img{ width: 100%; transition: all 1s; }
/*.scafimg:hover img{ transform: rotateY(180deg);}*/
.scaftxt{ color: #fff; padding:40px 5px 0 0; }
.scaftxt h2{font-family: 'gothamBold'; font-size: 42px;}
.scaftxt h3{ padding-top: 30px;}
.scaftxt h3 p{ padding:10px 0; line-height: 22px; font-family: 'gothamBook'; font-size: 14px;}

.curricu04{ padding:60px 0 30px; }

.langtxts{padding:140px 0 5px;}
.langtile{padding:0 26%;  }
.langtile h3{   height: 47px; line-height: 47px; font-size: 24px; color: #FFAE33; background-color: #FFEBC9; border-radius: 50px; }
.langtile h3 span{ display: inline-block;line-height: 47px; text-align: center; font-family: 'gothamBold'; }
.langtile h3 span.tile01{ color: #fff; background-color: #FFAE33; border-radius: 47px; }
.langtile h3 span.tile01{width:35%;}
.langtile h3 span.tile02{width: 60%;}
.langcont{color: #3E3A39; font-size: 14px;font-family: 'gothamBook'; padding:25px 0 5px; line-height: 20px; text-align: center;}

.curricu05{ padding: 125px 0 80px; background:#F7F8FA url(../images/curriculum/5Q.png) no-repeat;  background-position:center 80px; }
.exclused{padding:90px 0 30px; margin: 0 -10px;}
.exclist{padding:15px 10px;}
.literacy{ display: flex; }
.literacy .teracy01{flex: 7;}
.literacy .teracy02{flex: 3.6; padding-left: 25px;}
.exctxt{ background: #FFAE33; color: #fff; border-radius: 15px; padding:45px 10px 0 20px; }
.exctxt h3{font-size: 24px; font-family: 'gothamBold'; }
.exctxt p{font-size: 16px; min-height: 135px; padding:20px 0 0; line-height: 24px;font-family: 'gothamBook'; }
.exctxt i{ display: block;  }
.exctxt i img{ max-width: 100%; }
.quotient{background: #EFEFEF; border-radius: 15px; padding:36px 5%;}
.quotient li{ padding:14px 0; }
.quotient li h2{font-family: 'gothamBold'; font-size: 20px;}
.quotient li p{font-family: 'gothamBook'; font-size: 12px;  margin-top: 10px;}
.quotient li span{ color: #ff8900; font-family: 'gothamBook'; }
.quotient li  h2 span{font-family: 'gothamBold';}


.curricu06{ padding:100px 0 40px; background:#FFEBC9; }
.kctitle h4{ padding-top: 20px; color: #3e3a39; line-height: 30px; font-size: 14px; font-family: 'gothamBook'; font-weight:inherit; }
.curricu05 .kctitle,.curricu06 .kctitle,.curricu07 .kctitle,.curricu10 .kctitle,.curricu11 .kctitle,.curricu12 .kctitle{font-size: 36px;}
.curricu05 .kctitle p,.curricu06 .kctitle p,.curricu11 .kctitle p,.curricu12 .kctitle p{ font-size: 33px; padding: 10px 0 0;}

.decodes{ padding:100px 0 20px; background:url(../images/curriculum/curri_pics04.png) no-repeat center center; background-size: 100%; background-position: left 270px;}

.power{ width: 450px;  }
.prehension{ background-color: #fff0dc; border-radius: 15px; padding:20px 20px 20px 0; }
.prehpic{padding:0 30px;}
.prehpic .swiper-button-prev,.prehpic .swiper-button-next{ background-image: none; width: 17px; height: 17px; }
.prehpic img{ width: 100%; }
.prehtxt{ padding-left: 5px;}
.tet01 .divetsh{ color: #ff9014; }
.tet02 .divetsh{ color: #4DC8F4; }
.prehtxt h2{ font-size: 18px; font-family: 'FZCuYuan';}
.prehtxt h3{ font-size: 14px; margin-top: 5px; font-family: 'gothamBold'; }
.prehtxt .divetxp{ padding:10px 20px; line-height: 20px; background-color: #fff; font-size: 12px; font-family: 'gothamBook'; color: #3E3A39;margin-top: 8px; border-radius: 15px;  }
.prehtxt .divetxp p{font-family: 'gothamBook'; }

.textual01{ float: left; padding-left: 120px; }
.textual02{ float: right;  padding-right: 120px;}
.liter01{}
.liter02{padding-top: 320px;}

.liter03{padding-top: 0px;}
.liter04{padding-top: 320px;}
.liter05{padding-top: 20px;}

.profici{padding:40px 0;}
.profici .profilst{ padding:10px 0px; }
.profici .corepro{ padding:10px 30px; }
.profici .profilst .profibox{ color: #fff;  background-color: #4DC8F4; border-radius: 15px; text-align: center;display: flex; justify-content: center; align-items: center;  }
.profici .profilst .profibox i{font-family: 'gothamBold';  font-style: normal; font-size: 119px;  }
.profici .profilst .profibox span{ line-height: 28px; font-size: 18px; font-family: 'gothamBold'; text-align: left; padding-left: 10px;}

.curricu07{ background-color: #fff; padding:130px 0 40px; }
.curricu08{background:#edf9ff url(../images/curriculum/insibg01.png) repeat-x bottom left; padding:60px 0; }
.insight{ padding-right: 300px; position: relative; }
.insighbox{ position: relative; }
.insighbox i{ position:absolute; display: inline-block; width:204px; top: 50%; left: 50%; margin-left: -30px; margin-top: -70px; z-index: 1; }
.insighbox i img{ width: 100%; transition: all 1s;  }
.insighbox:hover i img{transform: scale(1.08);}

.selfhuman{ position: absolute; right: 0; top: 20px; width: 210px;  }
.selfhuman img{ width: 100%;  } 
.humanities{ padding-right: 20px; width: 164px; display: block;}
.humanities02{ display: none; }
.humanities h3{  }
.humanities .swiper-container {
    width: 100%;
    height: 650px; 
    position: relative;
}
.humanities .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    border-radius: 8px;   
    margin: 0;
    /*height: calc((100% - 20px) / 4) !important;*/
}

.humanities .swiper-slide img {
    width: 100%;
   /* height: 100%;
    object-fit: cover;*/
}

/* 自定义滚动条 */
.humanities .swiper-scrollbar {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 30%;
    background: #fff;
    border-radius: 5px;
}

.humanities .swiper-scrollbar-drag {
    background: #ffb443;
    border-radius: 5px;
    cursor: pointer;
}




.curricu09{padding:80px 0;}
.curricu10{padding:50px 0 150px;}
.absors{ padding:50px 0 0; }
.realife{padding:0 40% 0 0; position: relative;z-index: 2;}
.realife .lifelist{padding:5px;}
.lifebox{ margin-bottom: 5px; text-align: center; background: #02B26E; color: #fff; padding:30px 8%; }
.lifebox h2{ font-size: 24px;font-family: 'gothamBold'; }
.lifebox p{ font-size: 14px; padding-top: 10px; line-height: 20px; font-family: 'gothamBook';}

.realife .lifelist .naturbox i{ display: inline-block; width: 48px; height: 48px; background:url(../images/curriculum/conne01.png) no-repeat; background-size: cover; }
.realife .lifelist:nth-child(2) .naturbox i{background:url(../images/curriculum/conne01.png) no-repeat;}
.realife .lifelist:nth-child(3) .naturbox i{background:url(../images/curriculum/conne02.png) no-repeat;}
.realife .lifelist:nth-child(4) .naturbox i{background:url(../images/curriculum/conne03.png) no-repeat;}
.realife .lifelist:nth-child(5) .naturbox i{background:url(../images/curriculum/conne04.png) no-repeat;}

.naturbox{ background: #fff; position: relative; text-align: center;  padding:25px 10% 30px; }
.naturbox h2{  padding-top: 10px; font-size: 16px;color: #A7A7A7;font-family: 'gothamMedium'; }
.naturbox p{  padding-top: 7px;  font-size: 10px;color: #3E3A39; line-height: 16px; font-family: 'gothamBook';}
.lifeimgs{position: absolute; right: 0; top: 50px; width: 520px;}
.lifeimgs img{ 100%; }
.realife .lifelist .naturbox:after{ transition: all 0.4s; content: ''; width: 100%; height:0px; position: absolute; background:#02B26E; bottom: 0; left: 0;  }
.realife .lifelist:hover .naturbox:after{height:9px; }
.realife .lifelist:hover .naturbox h2{color: #3E3A39; }
.realife .lifelist:nth-child(2):hover .naturbox i{background:url(../images/curriculum/conneA01.png) no-repeat;}
.realife .lifelist:nth-child(3):hover .naturbox i{background:url(../images/curriculum/conneA02.png) no-repeat;}
.realife .lifelist:nth-child(4):hover .naturbox i{background:url(../images/curriculum/conneA03.png) no-repeat;}
.realife .lifelist:nth-child(5):hover .naturbox i{background:url(../images/curriculum/conneA04.png) no-repeat;}



.curricu11{padding:130px 0 140px;  background-color: #f7f8fa;}
.buitup{ padding:55px 0 60px; }
.fram01{ background:url(../images/curriculum/5C.png) no-repeat center center; }
.mocdesign{ font-size: 20px; color: #3E3A39; padding:0px 0; text-align: center; }
.mocdesign p{padding:10px 0; line-height: 20px; font-size: 14px;font-family: 'gothamBook';}
.curricu11 .langtxts{padding:10px 0;}
.curricu11 .langtile h3{ background-color: #c7e7d4; color: #02b26e }
.curricu11 .langtile h3 span.tile01{ background-color: #02b26e; }

.curricu12{ background-color: #ff8900; padding:60px 0 0px; }
.fram02{ background:url(../images/curriculum/5P.png) no-repeat center center; }
.improve{padding:18px 0 43px;}
.curricu13{ background-color: #fff; padding:50px 0; text-align:center; }


/*关于我们-PC*/

.visionlist{padding:8px;}
.visionbox{background-color: #F2F2F2;border-radius: 20px; display: flex; justify-content: center; align-items: center; padding:20px 30px 20px 50px; min-height: 70px;}
.visionbox i{  width: 58px; display: inline-block;  }
.visionbox h3{ flex: 1; padding-left: 30px;  }
.visionbox h3 span{ font-size: 18px; font-family: 'gothamBold'; display: block;padding-bottom: 5px;}
.visionbox h3 p{ font-size: 10px;font-family: 'gothamLight'; line-height: 16px; }
.visionbox img{transition: all 0.8s; width: 100%;}
.visionbox:hover img{transform: rotateY(180deg);}



.about02{ padding:89px 0 95px; }
.abotile{ font-size: 36px; text-align: center; font-family: 'gothamBold';}
.unesco{ margin:50px 0 0; position: relative; }
.uneslist{padding:5px;}
.unesbox{ background-color: #f2f2f2; min-height: 145px; border-radius: 20px; padding:33px 8% 35px; text-align: center; }
.unesbox h2{ font-size: 20px; font-family: 'gothamBold'; color: #FF8900;}
.unesbox em{font-size: 18px; display: block; padding-top: 5px; font-family: 'gothamLight'; color: #151515;}
.unesbox p{ font-size: 12px; line-height: 20px; font-family: 'gothamLight';color: #151515; padding-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.learto{position: absolute; transition: all 0.8s; left: 50%; top: 50%; z-index: 11; margin-top: -80px; margin-left: -80px; width: 158px; height: 158px; color: #FF8900; font-size: 28px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.learto:hover{transform: scale(1.08);}

.trust .unesbox{min-height: 100px;}


.about03{ padding:90px 0 60px; background:url(../images/about/aboutbg.jpg) no-repeat top left; background-size: cover;}
.about03 .abotile{ font-size: 52px;text-shadow: 2px 2px 5px rgba(0,0,0,0.55);}
.abt_cont{ color: #fff; margin:50px 0 0; position: relative; }
.generbox{padding:0 0;}
.genetile h3{font-family: 'gothamBold'; font-size: 90px; line-height: 100px; padding:40px 0 0;}
.genetile,.genetxt,.geneimg{ padding:10px 0 0; }
.genetxt{ line-height: 30px; padding: 50px 0 0 20px; }
.cheva{ font-size: 24px;font-family: 'gothamBold';  text-shadow: 2px 2px 5px rgba(0,0,0,0.55); }
.wayto h2{ font-size: 14px; font-family: 'gothamMedium'; line-height: 26px; font-weight: 400; text-shadow: 2px 2px 2px rgba(0,0,0,0.55);}
.wayto p{ font-size: 14px;font-family: 'gothamLight'; font-style: italic; font-weight: 400; text-shadow: 2px 2px 2px rgba(0,0,0,0.55);}
.geneimg{padding-left: 50px;}
.geneimg img{width: 100%; border-radius: 25px;}

.times{ display: inline-block; cursor: pointer; text-align: center; position: relative; }
.times h2{ color: #fff; font-size: 16px; height: 40px; line-height: 40px; font-family: 'gothamBold';}
.times img{ width: 100%; }

.smallbox{ padding-top:110px; width: 100%; }
.samll_pro2{ position: relative;  padding:0 2%; z-index: 2}  
.samll_pro2::after{content: ''; height: 0px; width: 100%; position: absolute;  top: 40px; left: 0; right: 0; background-color: #c3cad8; z-index: -1; display: none;}
.proper_thum2{ position: relative; z-index: 5; }
.abt_cont .swiper-wrapper{ justify-content: flex-start; }
.abt_cont .swiper-slide-thumb-active .times h2{color: #fff; font-weight: bold; font-size: 16px;}
.abt_cont .swiper-slide-thumb-active .times:after{content: ''; height: 2px; width: 100%; position: absolute;   background-color: #fff; z-index: 1;  bottom: 0px;  left: 0;}

.abt_cont .swiper-button-next, .abt_cont .swiper-button-prev{  width: 45px; height: 45px;  background-position: 0 0;  position: absolute;right: -25px; z-index:200; background-color: #ff8900; border-radius: 50%; background-position: center;}
.abt_cont .swiper-button-prev{ left: auto; top:80px; background-image: url(../images/about/abt_lr.png);  background-size: 21px; opacity: 1!important; }

.abt_cont .swiper-button-next{ left: auto;top: 145px; background-image: url(../images/about/abt_lf.png); background-size: 21px; opacity: 1!important; }
.abt_cont .swiper-button-next:hover, .abt_cont .swiper-button-prev:hover{background-color: #ff8900;}
.abt_cont .swiper-button-disabled{background-color: #d4d6d4;}


.genertime{ padding-top: 100px;}
.genertime .tiemlist{ text-align: center; position: relative; z-index: 12;}
.genertime .tiemlist::after{content: ''; height: 2px; width: 100%; position: absolute;  top: 42px; left: 0; right: 0; background-color: #c3cad8; z-index: -1;}
.genertime .tiemlist li{ display: inline-block; cursor: pointer;}
.genertime .tiemlist li h2{ color: #333; font-size: 16px; height: 30px; line-height: 30px; }
.genertime .tiemlist li .icon02{ display: none; }
.genertime .tiemlist li.active{ }
.genertime .tiemlist li.active h2{color: #fa2b04; font-weight: bold; font-size: 26px;}
.genertime .tiemlist li.active .icon01{ display: none; }
.genertime .tiemlist li.active .icon02{ display: block; }
	

.about04{ margin-top: 100px; padding:80px 0 0; background:url(../images/about/abtbgs.png) no-repeat top center; background-size: 100%;}
.aboutnews{padding:50px 0 0;}
.review{ border-radius: 15px; overflow: hidden; }
.review img{ width:100%; }
.dimensed{ width: 100%; height: 100%; position: absolute;top: 0;left: 0; cursor: pointer;background:url(../images/about/abt_newbs.png) no-repeat top center; background-size:cover; }
.dimenbox{ width: 580px; color: #fff; padding:9% 0 0 5%; }
.dimenbox img{width: 40px;}
.dimenbox h2{ font-size: 38px; font-family: 'FZCuYuan';
display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.35);
  }
.dimenbox h3{ padding:10px 130px 30px 0;}
.dimenbox p{ font-size: 14px; line-height: 25px;font-family: 'gothamBook'; 
display: -webkit-box;
  -webkit-line-clamp: 4; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
.dates{ width: 60px; font-size: 13px; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.35); position: absolute; text-align: center; font-family: 'gothamBold'; top: 10px; right: 10px; }
.dates span{ display: block; font-size: 36px;  text-shadow: 2px 2px 5px rgba(0,0,0,0.35);}



/*教育科技-PC*/
.edtech01{padding:20px 0;}
.edt_banner .swiper-pagination{ text-align: left; }
.edt_banner .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff; opacity: 1; background-color: transparent;  }
.edt_banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }
.edt_banner .swiper-container-horizontal>.swiper-pagination-bullets,.edt_banner .swiper-pagination-custom,.edt_banner .swiper-pagination-fraction{ width: 80%; bottom: 45px; left: 10%;}
.probox img{ width: 100%; border-radius: 20px; }
.edt_banner .swiper-pagination.custom-style span {
        border: 2px solid #000; 
    }
.edt_banner .swiper-pagination.custom-style span.swiper-pagination-bullet-active {
        border: 2px solid #000; background-color: #000; 
    }

.edtech02{padding:60px 0 40px;}
.edtech02 .kctitle{  }
.kctitle.growedtitle p{ font-size: 33px; font-family: 'gothamBook'; }
.kctitle.growedtitle h3{font-size: 36px;font-family: 'gothamBold';}
.kctitle.growedtitle h4{color: #151515; font-size: 14px; line-height: 20px; padding-top: 8px; font-family: 'gothamBook'; }
.kctitle.growedtitle h5{color: #151515; font-size: 18px; padding: 10px 0 5px; font-family: 'gothamMedium';}

.prevads{padding:30px 18%;}
.previmgs{position: relative;}
.previmgs .prvtbn{position: absolute; right: 0; bottom: 0;}
.previmgs .prvtbn img{ width: 40px; }
.quests{padding:40px 0;}
.quests ul{ display: flex; gap: 13px;  }
.quests ul li{}
.gamified{ position: relative; }
.proview{ position: absolute; width: 100%;height: 100%; top: 0; left: 0; }
.provbox{padding:28px; color: #151515;}
.checks{padding:28px 28px 0 28px;}
.provbox h2{ font-family: 'gothamBold'; font-size: 20px;}
.provbox h4{font-family: 'gothamBook'; font-size: 14px; line-height: 22px;  padding:3px 0 0;}
.provbox h3{font-family: 'gothamMedium'; font-size: 14px; line-height: 22px;  padding:3px 0 0;}
.provbox p{font-family: 'gothamLight'; margin-top: 20px;font-size: 12px;line-height: 20px;}
.provbox a{ position: absolute; left: 40px; bottom: 25px; height: 49px; font-size: 24px;font-family: 'gothamBold'; }
.checks a{   }
.learimgs { position: absolute; left: 40px; bottom: 25px; height: 49px; }
.learimgs img{ width:49px;   }

.edtech03{padding:0px 0 40px;}
.captured{padding:32px 0;}
.capturlist{padding:7px;}
.capturbox{ padding:40px 30px 20px; min-height: 147px; border-radius: 20px; background-color: #ffd278; color: #151515; }
.capturbox h2{font-family: 'gothamMedium'; font-size: 16px;margin-top: 20px;}
.capturbox p{font-family: 'gothamLight'; margin-top: 5px;font-size: 12px; line-height: 18px;}

.captured .capturlist:nth-child(1) .capturbox{background-color:#ffd278; padding:40px 40px 20px;}
.captured .capturlist:nth-child(2) .capturbox{background-color:#ffae33;padding:40px 40px 20px;}
.captured .capturlist:nth-child(3) .capturbox{background-color:#ffd278;padding:40px 40px 20px;}
.captured .capturlist:nth-child(4) .capturbox{background-color:#ffae33;}
.capturimgs{background:url(../images/edtech/edtech_icon05.png) no-repeat bottom center; background-size: contain;}


/*教师队伍*/
.teach01{padding:20px 0 90px;}
.support{}
.supporimg{padding:10px 20px 0 0;}
.supporimg img{border-radius: 20px;}
.supporbox{ position: relative; }
.supricon{ position: absolute; left: 0; bottom: 0; z-index: 55;  width: 235px; height:287px; background:url(../images/teachers/vector.png) no-repeat top center; background-size: contain;}
.supricon h2{color: #fff; text-align: center; width: 100%; height: 90%;  display: flex;justify-content: center; align-items: center;}
.supricon h2 p{ min-height: 190px; display: flex; align-items: center; font-family: 'gothamBold'; font-size: 18px; line-height: 30px; }
.supportxt{}
.academic{}
.academic li{padding:9px 0;}
.acadebox{ min-height: 180px;display: flex; align-items: center; background-color: #FFEBC9; padding:0 50px; border-radius:30px; transition: all 0.5s; }
.acadebox h2{ color:#FF8900; font-size: 18px; font-family: 'gothamBold';
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.acadebox p{ margin-top: 8px; color:#6d6559; font-size: 12px; line-height: 18px;font-family: 'gothamLight';
    display: -webkit-box;
  -webkit-line-clamp: 5; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
.academic li:hover .acadebox{ background-color: #FF8900; }
.academic li:hover .acadebox h2{color: #fff;}
.academic li:hover .acadebox p{color: #fff;}


.teach02{ padding:70px 0 90px; background:#edefef url(../images/teachers/teabg.jpg) repeat-x bottom left;}
.recruited{}
.recrutxt{ padding:40px 120px 0 0; }
.recrutxt h3{ color:#151515; font-size: 24px; line-height: 35px; font-family: 'gothamBold';}
.recrutxt h4{padding:14px 0;}
.recrutxt h4 p{ padding:4px 0; line-height: 22px; color:#4b4c4c; font-size: 12px; font-family: 'gothamLight';}
.recrupic{padding:0 0 0 0px;}
.demoigns{}
.demoigns .demolist{ padding:5px 10px; }
.demobox{ position: relative; width: 100%; float: right; border-radius: 30px; background-color: #ffd278; }
.demobox li{  display: flex; flex-direction: column;  align-items: center; padding:15px 10%;}
.demobox li img{ width: 48px; }
.demobox li h3{color: #fff; font-size: 18px; font-family: 'gothamBold';}
.demobox li p{ text-align: center; font-size: 12px; padding-top: 10px; line-height: 16px; font-family: 'gothamBook'; color: #fff; }
/*.demobox.demo01 li:nth-child(1){border-radius: 30px 30px 0 0; background:url(../images/teachers/recrbg_01.jpg) no-repeat center center; background-size: cover;}
.demobox.demo01 li:nth-child(2){ background:url(../images/teachers/recrbg_02.jpg) no-repeat center center; background-size: cover;}
.demobox.demo01 li:nth-child(3){ background:url(../images/teachers/recrbg_03.jpg) no-repeat center center; background-size: cover;}*/

.demobox.demo02{background-color: #ffae33; }
.demobox.demo02 li:nth-child(1){border-radius: 30px 30px 0 0; background:url(../images/teachers/spac_bg01.jpg) no-repeat center center; background-size: cover;}
.demobox.demo02 li:nth-child(2){ background:url(../images/teachers/spac_bg02.jpg) no-repeat center center; background-size: cover;}
.demobox.demo02 li:nth-child(3){ background:url(../images/teachers/spac_bg03.jpg) no-repeat center center; background-size: cover;}

.demobox.demo01 li:nth-child(4),.demobox.demo02 li:nth-child(4){ padding:20px 0 60px; justify-content: center;}
.posticon{position: absolute; bottom: -28px; left: 50%; margin-left: -35px;}
.posticon img{ width: 70px; }

.demobox.demo01{background-color: #ffd278; }
.demobox.demo01 li:nth-child(1){border-radius: 30px 30px 0 0; background:url(../images/teachers/spac_bg04.jpg) no-repeat center center; background-size: cover;}
.demobox.demo01 li:nth-child(2){ background:url(../images/teachers/spac_bg05.jpg) no-repeat center center; background-size: cover;}
.demobox.demo01 li:nth-child(3){ background:url(../images/teachers/spac_bg06.jpg) no-repeat center center; background-size: cover;}



.teach03{padding:90px 0 60px; background-color: #fff;}
.teach03 .kctitle.growedtitle p{padding:5px 0 0;}
.teach04{background-color: #f2f2f2;}
.joinlist{}
.joinus{ position: relative; padding:60px 0 30px; }
.cher01{position: absolute; right: 0; bottom: 0;}
.please{}
.vistile{ color: #FF8900; font-size: 26px; font-family: 'gothamBold';}
.vistile em{font-family: 'gothamLight'; color: #151515; font-size: 20px;}
.vister{padding:10px 0 0; color: #151515; font-size: 14px; font-family: 'gothamMedium';}
.guibes{ margin-top: 10px; padding-left: 125px; position: relative; color: #151515; font-size: 14px; font-family: 'gothamLight'; line-height:22px; }
.guibes dt{position: absolute; left: 0;}
.guibes p{font-family: 'gothamLight';}
.please{background-color: #96e2b5; padding:10px 0 20px;}
.please .guibes{font-family: 'gothamMedium'; color: #1D964E;}
.please .guibes p{font-family: 'gothamMedium'; color: #1D964E;}


.teach05{padding:80px 0 40px;}
.experts{padding:50px 0; display: flex;}
.expertleen{ flex: 6; margin-right: 20px; }
.expertsharn{ flex: 5; margin-left: 10px;}
.eileen{ min-height: 440px; padding:95px 50% 65px 42px; border-radius:20px; background:#fff5e6 url(../images/teachers/teabg02.jpg) repeat-x top left; position: relative;}
.eileen i{ position: absolute; right: 0; bottom: 0px; z-index: 5; }
.eileen em{ width: 100%; display: block; position: absolute; left: 0; bottom: 0; }
.eiltxt{ color: #151515; }
.eiltxt h2{ font-size: 40px; font-family: 'gothamBold';}
.eiltxt h3{padding-top: 12px; line-height: 20px; font-weight: 400; font-size: 12px;font-family: 'gothamMedium';}
.eiltxt h4{ padding-top: 10px; line-height: 20px;font-weight: 400;  font-size: 11px;font-family: 'gothamLight';}
.eiltxt h4 p{font-family: 'gothamLight'; padding:7px 0;}


.sharon{ min-height: auto; padding:33px 35% 23px 37px; border-radius:20px; background:#fff5e6 url(../images/teachers/teabg03.jpg) repeat-x top left; position: relative; color: #151515; margin-bottom: 10px;}
.sharon i{ position: absolute; right: 0; bottom: 0px; z-index: 5; }
.sharon h2{ font-size: 24px; font-family: 'gothamBold'; color: #fff;}
.sharon h3{padding-top: 5px; line-height: 20px; font-weight: 400; font-size: 12px;font-family: 'gothamMedium';
 display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sharon h4{ padding-top: 5px; line-height: 14px;font-weight: 400;  font-size: 10px;}
.sharon h4 p{font-family: 'gothamLight'; padding:2px 0;}
.expertsharn .sharon:nth-child(1){ min-height:120px; }
.expertsharn .sharon:nth-child(3) img{ height: 210px; }
.support .swiper-pagination{ text-align: center; }
.support .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff; opacity: 1; background-color: transparent;  }
.support .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }
.support .swiper-container-horizontal>.swiper-pagination-bullets,.support .swiper-pagination-custom,.support .swiper-pagination-fraction{  bottom: 45px; }



.doters{ 
	text-align: center;
  padding:35px 0 80px;
}
.doters span{ background-color: #ecedeb; margin: 0 5px; text-align: center; display: inline-block; width: 14px; height: 14px; border-radius: 10px; }
.doters span:nth-child(2){ background: #f10545; }

/*==========================================设备分辨率 开始=============================================*/


@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

/*华文-mob*/

.curricu01{ padding:55px 0 30px; }
.stagbox .stagtbn{position: absolute;display: inline-block;  right: 3px; bottom: 2px;}


.staglist{padding:0 10px 5px;}
.primlist:nth-child(1){padding:5px 5px 0 ;}
.primlist:nth-child(2){padding:5px 5px 0;}
.primlist .stagbox{ position: relative; cursor: pointer; }
.primlist .stagbox img{ }
.stagbox .stagtbn img{  width: 35px; height: 35px; }
.stagbox .clrmary01,.stagbox .clrmary02{ font-size: 17px; left: 15px; bottom: 15px; }


.curricu03{ padding:50px 0; }
.scaffol{ text-align: center; }
.scafimg{ padding:10px 0 0; }
.scaftxt{  padding:10px 5px 0 0; text-align: left; }
.scaftxt h2{ font-size: 30px;}
.scaftxt h3{ padding-top: 20px;}
.scaftxt h3 p{ padding:10px 0; line-height: 22px; font-size: 14px;}
.scafimg img{ width: 60%; }
.curricu04{ padding:0px 0 30px; }

.langtxts{padding:30px 0 5px;}
.langtile{padding:0 0;  }
.langtile h3{   height: 40px; line-height: 40px; font-size: 20px;  border-radius: 40px; }
.langtile h3 span{ line-height: 40px; text-align: center; }
.langtile h3 span.tile01{ border-radius: 40px; }
.langtile h3 span.tile01{width:35%;}
.langtile h3 span.tile02{width: 60%;}
.langcont{ font-size: 14px; padding:25px 0 5px; line-height: 20px;}

.curricu05{ padding: 80px 0 20px;  background-position:center 50px; background-size: 200px; }
.exclused{padding:30px 0 20px;}
.literacy{  flex-direction: column; }
.literacy .teracy01{}
.literacy .teracy02{padding:25px 0 0;}
.exclist{padding:15px 10px;}
.exctxt{  border-radius: 15px; padding:45px 10px 0 20px; }
.exctxt h3{font-size: 24px; }
.exctxt p{font-size: 16px; min-height: 135px; padding:20px 0 0; line-height: 24px; }
.quotient{ padding:36px 5%;}
.quotient li{ padding:14px 0; }
.quotient li h2{ font-size: 20px;}
.quotient li p{ font-size: 12px;  margin-top: 10px;}


.curricu06{ padding:60px 0 30px;  }
.kctitle h4{ padding-top:15px; line-height: 20px; font-size: 12px; }
.curricu05 .kctitle,.curricu06 .kctitle,.curricu07 .kctitle,.curricu10 .kctitle,.curricu11 .kctitle,.curricu12 .kctitle{font-size: 24px;}
.curricu05 .kctitle p,.curricu06 .kctitle p,.curricu11 .kctitle p,.curricu12 .kctitle p{ font-size: 20px; padding: 10px 0 0;}

.decodes{ padding:40px 0 20px; background:url(../images/curriculum/curri_pics04.png) no-repeat center center; background-size: 100%; background-position: left 270px; background:transparent;}

.power{ width: 100%;  }
.prehension{  border-radius: 15px; padding:20px 20px 20px 0; }
.prehpic{padding:0 30px;}
.prehpic .swiper-button-prev,.prehpic .swiper-button-next{ background-image: none; width: 17px; height: 17px; }
.prehpic img{ width: 100%; }
.prehtxt .divetxp p{ font-size: 10px; line-height: 14px; }
.prehtxt{ padding-left: 5px;}
.prehtxt h2{ font-size: 18px;}
.prehtxt h3{ font-size: 14px; margin-top: 5px;  }
.prehtxt .divetxp{ padding:10px 10px; line-height: 20px; font-size: 12px; margin-top: 8px; border-radius: 15px;  }

.textual01{ float: inherit; padding-left: 0px; }
.textual02{ float: inherit;  padding-right: 0px;}
.liter01{}
.liter02{padding-top: 10px;}

.liter03{padding-top: 10px;}
.liter04{padding-top: 10px;}
.liter05{padding-top: 10px;}

.profici{padding:40px 0;}
.profici .profilst{ padding:10px 0px; }
.profici .corepro{ padding:10px 0px; }
.profici .profilst .profibox{  border-radius: 15px; }
.profici .profilst .profibox i{font-size: 100px;  }
.profici .profilst .profibox span{ line-height: 28px; font-size: 18px;  text-align: left; padding-left: 10px;}

.curricu07{ background-color: #fff; padding:30px 0 40px; }
.curricu08{ padding:30px 0; }
.insight{ padding-right: 0px;}

.selfhuman{ position: relative; right: 0; top: 20px; width: 100%;  }
.selfhuman img{ width: 100%;  } 
.humanities{ padding-right: 20px; width: 100%; padding:0 0 50px; display: none; }
.humanities h3{  }
.humanities .swiper-container {
    width: 100%;
    height: auto; 
    position: relative;
    padding:0 0 20px; 
}
.humanities .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    border-radius: 8px;   
    margin: 0;
    /*height: calc((100% - 20px) / 4) !important;*/
}

.humanities .swiper-slide img {
    width: 100%;
   /* height: 100%;
    object-fit: cover;*/
}

/* 自定义滚动条 */
.humanities .swiper-scrollbar {
    position: absolute;
    right: 10%;
    top: auto;
    transform: translateY(-50%);
    width: 80%;
    height: 5px;
    background: #fff;
    border-radius: 5px;
}

.humanities .swiper-scrollbar-drag {   
    border-radius: 5px; 
}



.humanities02{padding-bottom: 20px; display: block;}
.humanities02 img{ width: 100%; }
.humanities02 .swiper-scrollbar {
    position: absolute;
    right: 5px;
    bottom: 0;
    left: 0;
    margin:0 auto;
    transform: translateY(-50%);
    width: 80%;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
}
.insighbox{padding-top: 50px;}
.humanities02 .swiper-scrollbar-drag {
    background: #ff8900;
    border-radius: 5px;
    cursor: pointer;
}
.insighbox i{width: 100px; margin-left:-10px;margin-top:-50px;}

.curricu09{padding:20px 0;}
.curricu10{padding:30px 0 80px;}
.absors{ padding:50px 0 0; }


.curricu11{padding:40px 0 40px; }
.buitup{ padding:55px 0 60px; }
.fram01{ background:url(../images/curriculum/5C.png) no-repeat center center; }
.mocdesign{ font-size: 20px;  padding:0px 0; text-align: center; }
.mocdesign p{padding:10px 0; line-height: 20px; font-size: 14px;}
.curricu11 .langtxts{padding:10px 0;}

.curricu12{ background-color: #ff8900; padding:60px 0 0px; }
.fram02{ background:url(../images/curriculum/5P.png) no-repeat center center; }
.improve{padding:18px 0 43px;}
.curricu13{  padding:50px 0; text-align:center; }

.realife{padding:0;}
.lifeimgs{ width: 100%; position: relative; display: none; }
.naturbox{ padding:20px 15px 0px; min-height: 195px }
.naturbox p br{display: none;  }






/*关于我们-mob*/

.visionlist{padding:5px;}
.visionbox{border-radius: 20px; padding:20px 30px 20px 50px; min-height: 70px;}
.visionbox i{  width: 58px; display: inline-block;  }
.visionbox h3{  padding-left: 30px;  }
.visionbox h3 span{ font-size: 18px;  padding-bottom: 5px;}
.visionbox h3 p{ font-size: 10px; line-height: 16px; }
.visionbox img{transition: all 0.8s; }



.about02{ padding:30px 0 35px; }
.abotile{ font-size: 30px;}
.unesco{ margin:20px 0 0; }
.uneslist{padding:5px;}
.unesbox{ padding:25px 8% 25px;  }
.unesbox h2{ font-size: 20px; }
.unesbox em{font-size: 18px;  padding-top: 5px; }
.unesbox p{ font-size: 12px; 
    line-height: 18px; 
    padding-top: 8px;
  -webkit-line-clamp: 10; 
}
.learto{ display: none; }


.about03{ padding:50px 0 40px;}
.about03 .abotile{ font-size:25px;}
.abt_cont{ margin:20px 0 0; }
.generbox{padding:0 0;}
.genetile h3{font-size: 40px; line-height: 35px; padding:0px 0 0;}
.genetile,.genetxt,.geneimg{ padding:10px 0 0; }
.genetxt{ line-height: 25px; padding: 15px 0 0 0px; }
.cheva{ font-size: 24px; padding-bottom: 10px; }
.wayto h2{ font-size: 13px;line-height: 20px; }
.wayto p{ font-size: 12px; }
.geneimg{padding-left: 0px;}
.geneimg img{width: 100%; border-radius: 25px;}

.times{ }
.times h2{ font-size: 14px; height: 30px; line-height: 30px; }


.smallbox{ padding-top:20px; width: 100%; }
.samll_pro2{  padding:0 2%; z-index: 2}  
.samll_pro2::after{content: ''; height: 0px; width: 100%; position: absolute;  top: 40px; left: 0; right: 0; background-color: #c3cad8; z-index: -1; display: none;}
.proper_thum2{ position: relative; z-index: 5; }
.abt_cont .swiper-slide-thumb-active .times h2{ font-size: 16px;}
.abt_cont .swiper-slide-thumb-active .times:after{content: ''; height: 2px; width: 100%;   background-color: #fff; z-index: 1;  bottom: 0px;  left: 0;}

.abt_cont .swiper-button-next, .abt_cont .swiper-button-prev{  display: none; width: 45px; height: 45px;right: 0px; 
}
.abt_cont .swiper-button-prev{ left: auto; top:auto; bottom: 5%; background-image: url(../images/about/abt_lr.png);  
    background-size: 21px; opacity: 1!important; }

.abt_cont .swiper-button-next{ left: auto;top: auto; bottom: 5%; background-image: url(../images/about/abt_lf.png); 
    background-size: 21px; opacity: 1!important; 
}



.genertime{ padding-top: 50px;}
.genertime .tiemlist{ }
.genertime .tiemlist::after{content: ''; height: 2px; width: 100%;
 position: absolute;  top: 42px; left: 0; right: 0; }
.genertime .tiemlist li{ display: inline-block; cursor: pointer;}
.genertime .tiemlist li h2{ color: #333; font-size: 16px; height: 30px; line-height: 30px; }
.genertime .tiemlist li .icon02{ display: none; }
.genertime .tiemlist li.active{ }
.genertime .tiemlist li.active h2{color: #fa2b04; font-weight: bold; font-size: 26px;}
.genertime .tiemlist li.active .icon01{ display: none; }
.genertime .tiemlist li.active .icon02{ display: block; }
    

.about04{ margin-top: 50px; padding:30px 0 0; background:url(../images/about/abtbgs.png) no-repeat top center; background-size: 100%;}
.aboutnews{padding:25px 15px 0;}
.review{ height: 141px;  }
.review .revimgs{min-height: 141px;}
.dimensed{ width: 100%; height: 100%; position: absolute;top: 0;left: 0; }
.dimenbox{ width: 90%;  padding:6% 0 0 5%; }
.dimenbox img{width: 20px;}
.dimenbox h2{ font-size: 18px; text-shadow: 2px 2px 5px rgba(0,0,0,0.55);}
.dimenbox h2 br{ display: none; }
.dimenbox h3{padding:5px 30px 10px 0;  }
.dimenbox p{ font-size: 12px; line-height: 16px; }
.dates{ width: 50px; font-size: 10px; top: 10px; right: 5px; }
.dates span{ display: block; font-size: 18px; }





/*教育科技-mob*/
.edtech01{padding:10px 0;}
.edt_banner .swiper-pagination{  }
.edt_banner .swiper-pagination span{ width: 5px; height: 5px; border: 1px solid #fff;  }
.edt_banner .swiper-pagination span.swiper-pagination-bullet-active{  }
.edt_banner .swiper-container-horizontal>.swiper-pagination-bullets,.edt_banner .swiper-pagination-custom,.edt_banner .swiper-pagination-fraction{ 
    width: 80%; bottom: 10px; left: 5%;
}



.edtech02{padding:30px 0 10px;}
.edtech02 .kctitle{  }
.kctitle.growedtitle p{ font-size: 18px;  }
.kctitle.growedtitle h3{font-size: 26px;}
.kctitle.growedtitle h4{ font-size: 12px; line-height: 20px; padding-top: 8px;  }
.kctitle.growedtitle h5{ font-size: 13px; padding: 10px 0 5px;}

.prevads{padding:30px 18%;}
.previmgs{position: relative;}
.previmgs .prvtbn{position: absolute; right: 0; bottom: 0;}
.previmgs .prvtbn img{ width: 40px; }
.quests{padding:40px 0;}
.quests ul{ display: flex; gap: 5px; flex-wrap: wrap;  }
.quests ul li{ flex: 1 1 48%; }
.gamified{  min-height: 230px; background-color: #f2f2f2; border-radius: 20px; overflow: hidden; }
.proview{  top: 0; left: 0; }
.provbox{padding:18px;}
.checks{padding:18px 18px 0 18px;}
.provbox h2{  font-size: 14px;}
.provbox h4{ font-size: 12px; line-height: 18px;  padding:3px 0 0;}
.provbox h3{ font-size: 14px; line-height: 22px;  padding:3px 0 0;}
.provbox p{margin-top: 10px;font-size: 10px;line-height: 18px;}
.provbox a{  left: 20px; bottom: 15px; height: 30px; font-size: 12px; }
.checks a{   }
.learimgs{  left: 20px; bottom: 15px; height: 30px; }
.learimgs img{ width:30px;   }

.edtech03{padding:0px 0 20px;}
.captured{padding:32px 0;}
.capturlist{padding:10px 0; text-align: center;}
.capturbox{ padding:40px 30px 40px; min-height: 107px; border-radius: 20px;  }
.capturbox h2{ font-size: 16px;margin-top: 20px;}
.capturbox p{margin-top: 5px;font-size: 12px; line-height: 18px;}

.captured .capturlist:nth-child(1) .capturbox{ padding:40px 30px 40px;}
.captured .capturlist:nth-child(2) .capturbox{padding:40px 30px 40px;}
.captured .capturlist:nth-child(3) .capturbox{padding:40px 30px 40px;}
.captured .capturlist:nth-child(4) .capturbox{}
.capturimgs{background:url(../images/edtech/edtech_icon05.png) no-repeat bottom center; background-size: contain;}

.edtech03 .flip-card-back img{ width: 100%; }




/*教师队伍-mob*/
.teach01{padding:10px 0 30px;}
.support{}
.supporimg{padding:10px 0px 0 0;}
.supporimg img{border-radius: 20px;}
.supporbox{ position: relative; }
.supricon{ position: absolute; left: 0; bottom: 0; z-index: 55;  width: 120px; height:150px; }


.supricon h2{width: 100%; height: 85%; }
.supricon h2 p{ min-height: 120px; font-size: 10px; line-height: 16px; }
.supportxt{}
.academic{ padding:10px 0; }
.academic li{padding:5px 0;}
.acadebox{ min-height: auto;padding:20px 20px; border-radius:20px; }
.acadebox h2{  font-size: 16px; }
.acadebox p{ margin-top: 8px;  font-size: 12px; line-height: 18px;
  -webkit-line-clamp: 10; 
  }



.teach02{ padding:30px 0 30px;}
.recrutxt{ padding:20px 0 0 0; }
.recrutxt h3{ color:#151515; font-size: 24px; line-height: 35px; }
.recrutxt h4{padding:14px 0;}
.recrutxt h4 p{ padding:4px 0; line-height: 22px; color:#4b4c4c; font-size: 12px; }
.recrupic{padding:0 0 0 0px;}
.demoigns{}
.demoigns .demolist{ padding:5px 0px 40px; }




.teach03{padding:40px 0; }
.joinus{padding:40px 0 30px; }
.cher01{position: absolute; right: 0; bottom: 0; display: none;}
.please{}
.vistile{ font-size: 18px; }
.vistile em{font-size: 18px;}
.vister{padding:10px 0 0;  font-size: 14px;}
.guibes{ margin-top: 10px; padding-left: 0px;  font-size: 14px; line-height:22px; }
.guibes dt{position: relative; left: auto;}
.guibes p{font-size: 12px; line-height: 20px;}
.please{background-color: #96e2b5; padding:10px 0 20px;}

.teach05{padding:40px 0;}
.experts{padding:30px 0 20px; display: flex; flex-direction: column;}
.expertleen{ flex: 1; margin-right: 0px; }
.expertsharn{ flex: 1; margin-left: 0px; padding-top: 20px;}
.eileen{ min-height: 340px; padding:35px 20% 80px 22px; }
.eileen i{ position: absolute; right: 0; bottom: 0px; }
.eileen i img{ width: 160px; }
.eileen em{ width: 100%; display: block; position: absolute; left: 0; bottom: 0; }
.eiltxt{ color: #151515; }
.eiltxt h2{ font-size: 30px; }
.eiltxt h3{padding-top: 15px; line-height: 20px;  font-size: 12px;}
.eiltxt h4{ padding-top: 20px; line-height: 20px;  font-size: 11px;}
.eiltxt h4 p{ padding-right: 60px; }


.sharon{ overflow: hidden; min-height: auto; padding:25px 20px 20px 25px; }
.sharon:nth-child(2){ padding:25px 40% 20px 25px;}
.sharon i{ position: absolute; right: 0; bottom: 0px; }
.sharon:nth-child(2) i{ right: -20px; }
.sharon h2{ font-size: 24px;c}
.sharon h3{padding-top: 5px; line-height: 20px; font-weight: 400; font-size: 12px;
 display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sharon h4{ padding-top: 5px; line-height: 14px;font-weight: 400;  font-size: 10px;}
.sharon h4 p{font-family: 'gothamLight'; padding:2px 0;}
.support .swiper-pagination{ text-align: center; }
.support .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff; opacity: 1; background-color: transparent;  }
.support .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }
.support .swiper-container-horizontal>.swiper-pagination-bullets,.support .swiper-pagination-custom,.support .swiper-pagination-fraction{  bottom: 45px; }




}


/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
    .stages{ padding-right: 245px; }
    .stagsmall{position: absolute; right: 0; width: 240px;}

    .review{ height: 452px; }
    .review .revimgs{ min-height: 452px; }
}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
    .stages{ padding-right: 245px; }
    .stagsmall{position: absolute; right: 0; width: 240px;}

    .review{ height: 356px; }
    .review .revimgs{ min-height: 356px; }
    .dimenbox{  padding: 6% 0 0 5%;} 
    .dimenbox h3{padding:10px 130px 15px 0;}
}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
     .stages{ padding-right: 245px; }
    .stagsmall{position: absolute; right: 0; width: 240px;}

    .review{ height: 333px; }
    .review .revimgs{ min-height: 333px; }

    .dimenbox{  padding: 4% 0 0 5%;} 
    .dimenbox h3{padding:10px 130px 15px 0;}


}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
     .stages{ padding-right: 245px; }
    .stagsmall{position: absolute; right: 0; width: 240px;}



.review{  height: 243px; }
.review .revimgs{min-height:243px;}
.dimensed{ width: 100%; height: 100%; position: absolute;top: 0;left: 0; }
.dimenbox{ width: 80%;  padding:3% 0 0 6%; }
.dimenbox img{width: 35px;}
.dimenbox h2{ font-size: 26px;}
.dimenbox h3{ padding:12px 80px 20px 0;}
.dimenbox p{ font-size: 14px; line-height: 22px; }
.dates{ width: 60px; font-size: 14px; top: 10px; right: 5px; }
.dates span{ display: block; font-size: 28px; }

}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
.visionlist{padding:5px;}
.visionbox{border-radius:15px; padding:20px 25px 20px 25px; min-height: 80px;}
.visionbox i{  width: 60px;   }
.visionbox h3{  padding-left: 10px;  }
.visionbox h3 span{ font-size: 18px; }
.visionbox h3 p{ font-size: 10px; line-height: 14px; }
.visionbox img{ width: 50px; }
.genetile h3{ font-size: 70px; line-height: 80px; }
.genetxt{padding:40px 0 0;}
.geneimg{padding-left: 10px;}
.wayto h2{line-height: 22px;}
.learto{ width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; font-size: 22px; }

.naturbox{min-height: 140px;}
.lifebox{padding:20px 7%;}
.selfhuman{ width: 180px; }
.humanities{ display: block;  width: 130px; }
.humanities .swiper-container{height: 550px;}
.humanities02{ display: none; }
.selfhuman{ top: -20px; }
.lifeimgs img{ }

.textual01{padding-left: 0;}
.textual02{padding-right: 0;}
.decodes { background-position: left 290px;}
.liter02,.liter04{padding-top:190px;}

.stages{display: flex;}
.staglist{padding:0 10px 5px; flex: 9;}
.stagsmall{padding: 0; flex: 2.4;}
.primlist:nth-child(1){padding:0px 5px 0 ;}
.primlist:nth-child(2){padding:10px 5px 0;}
.curricu03{padding:80px 0;}
.curricu03 img{margin-top: 70px;}
.exctxt p{ min-height: 220px; }

.provbox{ padding:20px; }
.provbox a{ left: 20px;bottom: 5px; }
.learimgs img{ width: 35px; }
.provbox p{ margin-top: 10px; font-size: 10px; }
.capturbox{}
.capturbox img{ width: 40px; }
.captured .capturlist:nth-child(1) .capturbox{padding:15px 0 0 20px;}
.captured .capturlist:nth-child(2) .capturbox{padding:15px 0 0 20px;}
.captured .capturlist:nth-child(3) .capturbox{padding:15px 0 0 20px;}
.captured .capturlist:nth-child(4) .capturbox{padding:15px 0 0 20px;}

.academic li{padding:5px 0;}
.acadebox{padding:15px 15px; min-height: 113px; border-radius: 20px;}
.recrutxt{ padding:40px 10px 0 0; }
.recrutxt h3 br{display: none;}
.recrutxt h4{ padding:5px 0 0; }
.joinus{    padding: 60px 27% 30px 0;}
.cher01 img{}
.eileen{ padding: 95px 40% 65px 42px; min-height: 450px; }
.eileen i img{ width: 250px; }
.sharon{  overflow: hidden;  padding: 30px 15% 20px 37px;}
.sharon:nth-child(2){ padding-right: 30%; }
.sharon:nth-child(2) i{ right: -20px; }
.dimenbox h3{padding:10px 130px 10px 0;}
.dimenbox p{}
.review{ height: 369px; }
.review .revimgs{ min-height: 369px; }

}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {


/*华文-mob*/

.curricu01{ padding:55px 0 30px; }
.stagbox .stagtbn{position: absolute;display: inline-block;  right: 3px; bottom: 2px;}


.stages{ display: flex; }

.primary{}
.staglist{padding:0 10px 5px; flex: 8;}
.stagsmall{padding: 0; flex: 2.15;}
.primlist:nth-child(1){padding:0px 5px 0 ;}
.primlist:nth-child(2){padding:10px 5px 0;}
.primlist .stagbox{ position: relative; cursor: pointer; }
.primlist .stagbox img{ }
.stagbox .stagtbn img{  width: 35px; height: 35px; }
.stagbox .clrmary01,.stagbox .clrmary02{ font-size: 17px; left: 15px; bottom: 15px; }


.curricu03{ padding:50px 0; }
.scaffol{ text-align: center; }
.scafimg{ padding:10px 0 0; }
.scaftxt{  padding:10px 5px 0 0; text-align: left; }
.scaftxt h2{ font-size: 30px;}
.scaftxt h3{ padding-top: 20px;}
.scaftxt h3 p{ padding:10px 0; line-height: 22px; font-size: 14px;}
.scafimg img{ width: 100%; }
.curricu04{ padding:0px 0 30px; }

.langtxts{padding:30px 0% 5px;}
.langtile{padding:0 25%;  }
.langtile h3{   height: 40px; line-height: 40px; font-size: 20px;  border-radius: 40px; }
.langtile h3 span{ line-height: 40px; text-align: center; }
.langtile h3 span.tile01{ border-radius: 40px; }
.langtile h3 span.tile01{width:35%;}
.langtile h3 span.tile02{width: 60%;}
.langcont{ font-size: 14px; padding:25px 10% 5px; line-height: 20px;}

.curricu05{ padding: 80px 0 20px;  background-position:center 50px; background-size: 200px; }
.exclused{padding:30px 0 20px;}
.literacy{   }
.literacy .teracy01{}
.literacy .teracy02{ }
.exclist{padding:15px 10px;}
.exctxt{  border-radius: 15px; padding:45px 5px 0 20px; }
.exctxt h3{font-size: 16px; }
.exctxt p{font-size: 16px; min-height: 345px; padding:20px 0 0; line-height: 24px; }
.quotient{ padding:36px 5%;}
.quotient li{ padding:14px 0; }
.quotient li h2{ font-size: 20px;}
.quotient li p{ font-size: 12px;  margin-top: 10px;}


.curricu06{ padding:60px 0 30px;  }
.kctitle h4{ padding-top:15px; line-height: 20px; font-size: 12px; }
.curricu05 .kctitle,.curricu06 .kctitle,.curricu07 .kctitle,.curricu10 .kctitle,.curricu11 .kctitle,.curricu12 .kctitle{font-size: 24px;}
.curricu05 .kctitle p,.curricu06 .kctitle p,.curricu11 .kctitle p,.curricu12 .kctitle p{ font-size: 20px; padding: 10px 0 0;}

.decodes{ padding:40px 0 20px; background:url(../images/curriculum/curri_pics04.png) no-repeat center center; background-size: 100%; background-position: left 270px; background:transparent;}

.power{ width: 100%;  }
.prehension{  border-radius: 15px; padding:35px; }
.prehpic{padding:0 30px;}
.prehpic .swiper-button-prev,.prehpic .swiper-button-next{ background-image: none; width: 17px; height: 17px; }
.prehpic img{ width: 100%; }
.prehtxt{ padding-left: 15px;}
.prehtxt h2{ font-size: 28px;}
.prehtxt h3{ font-size: 20px; margin-top: 5px;  }
.prehtxt .divetxp{ padding:20px 25px; line-height: 24px; font-size: 16px; margin-top: 18px; border-radius: 15px;  }
.prehtxt .divetxp p{ font-size: 16px; line-height: 24px; }

.textual01{ float: inherit; padding-left: 0px; }
.textual02{ float: inherit;  padding-right: 0px;}
.liter01{}
.liter02{padding-top: 10px;}

.liter03{padding-top: 10px;}
.liter04{padding-top: 10px;}
.liter05{padding-top: 10px;}

.profici{padding:40px 0;}
.profici .profilst{ padding:10px 10px; }
.profici .corepro{ padding:10px 0px; }
.profici .profilst .profibox{  border-radius: 15px; }
.profici .profilst .profibox i{font-size: 90px;  }
.profici .profilst .profibox span{ line-height: 26px; font-size: 16px;  text-align: left; padding-left: 10px;}

.curricu07{ background-color: #fff; padding:30px 0 40px; }
.curricu08{ padding:30px 0; }
.insight{ padding-right: 0px;}

.selfhuman{ position: relative; right: 0; top: 20px; width: 100%;  }
.selfhuman img{ width: 100%;  } 
.humanities{ padding-right: 20px; width: 100%; padding:0 0 50px; display: none; }
.humanities h3{  }
.humanities .swiper-container {
    width: 100%;
    height: auto; 
    position: relative;
    padding:0 0 20px; 
}
.humanities .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    border-radius: 8px;   
    margin: 0;
    /*height: calc((100% - 20px) / 4) !important;*/
}

.humanities .swiper-slide img {
    width: 100%;
   /* height: 100%;
    object-fit: cover;*/
}

/* 自定义滚动条 */
.humanities .swiper-scrollbar {
    position: absolute;
    right: 10%;
    top: auto;
    transform: translateY(-50%);
    width: 80%;
    height: 5px;
    background: #fff;
    border-radius: 5px;
}

.humanities .swiper-scrollbar-drag {   
    border-radius: 5px; 
}



.humanities02{padding-bottom: 20px; display: block;}
.humanities02 img{ width: 100%; }
.humanities02 .swiper-scrollbar {
    position: absolute;
    right: 5px;
    bottom: 0;
    left: 0;
    margin:0 auto;
    transform: translateY(-50%);
    width: 80%;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
}
.insighbox{padding-top: 50px;}
.humanities02 .swiper-scrollbar-drag {
    background: #ff8900;
    border-radius: 5px;
    cursor: pointer;
}
.insighbox i{width: 180px; margin-left:-10px;margin-top:-50px;}

.curricu09{padding:20px 0;}
.curricu10{padding:30px 0 80px;}
.absors{ padding:50px 0 0; }


.curricu11{padding:40px 0 40px; }
.buitup{ padding:65px 0 70px; }
.fram01{ background:url(../images/curriculum/5C.png) no-repeat center center; }
.mocdesign{ font-size: 20px;  padding:0px 0; text-align: center; }
.mocdesign p{padding:10px 0; line-height: 20px; font-size: 14px;}
.curricu11 .langtxts{padding:10px 0;}

.curricu12{ background-color: #ff8900; padding:60px 0 0px; }
.fram02{ background:url(../images/curriculum/5P.png) no-repeat center center; }
.improve{padding:18px 0 43px;}
.curricu13{  padding:50px 0; }

.realife{padding:0;}
.lifeimgs{ width: 100%; position: relative; display: none; }
.naturbox{ padding:20px 15% 0px; min-height: 160px }
.naturbox p br{  }







/*关于我们-ipad*/

.visionlist{padding:5px;}
.visionbox{border-radius:15px; padding:20px 15px 20px 15px; min-height: 80px;}
.visionbox i{  width: 40px;   }
.visionbox h3{  padding-left: 10px;  }
.visionbox h3 span{ font-size: 16px; }
.visionbox h3 p{ font-size: 10px; line-height: 14px; }
.visionbox img{ width: 40px; }



.about02{ padding:30px 0 35px; }
.abotile{ font-size: 30px;}
.unesco{ margin:20px 0 0; }
.uneslist{padding:5px;}
.unesbox{ padding:30px 8%;  }
.unesbox h2{ font-size: 20px; }
.unesbox em{font-size: 18px;  padding-top: 5px; }
.unesbox p{ font-size: 12px; 
    line-height: 18px; 
    padding-top: 8px;
  -webkit-line-clamp: 3; 
}
.unesbox p br{ display: none; }
.learto{ width: 120px; height: 120px; font-size: 20px; margin-top: -60px; margin-left: -60px; }


.about03{ padding:50px 0 40px;}
.about03 .abotile{ font-size:36px;}
.abt_cont{ margin:20px 0 0; }
.generbox{padding:0 0;}
.genetile h3{font-size: 80px; line-height: 85px; padding:0px 0 0;}
.genetile,.genetxt,.geneimg{ padding:10px 0 0; }
.genetxt{ line-height: 25px; padding: 15px 0 0 0px; }
.cheva{ font-size: 24px; padding-bottom: 10px; }
.wayto h2{ font-size: 16px;line-height: 24px; }
.wayto p{ font-size: 14px; }
.geneimg{padding-left: 0px;}
.geneimg img{width: 100%; border-radius: 25px;}

.times{ }
.times h2{ font-size: 14px; height: 30px; line-height: 30px; }


.smallbox{ padding-top:20px; width: 100%; }
.samll_pro2{  padding:0 2%; z-index: 2}  
.samll_pro2::after{content: ''; height: 0px; width: 100%; position: absolute;  top: 40px; left: 0; right: 0; background-color: #c3cad8; z-index: -1; display: none;}
.proper_thum2{ position: relative; z-index: 5; }
.abt_cont .swiper-slide-thumb-active .times h2{ font-size: 14px;}
.abt_cont .swiper-slide-thumb-active .times:after{content: ''; height: 2px; width: 100%;   background-color: #fff; z-index: 1;  bottom: 0px;  left: 0;}

.abt_cont .swiper-button-next, .abt_cont .swiper-button-prev{  display: none; width: 45px; height: 45px;right: 0px; 
}



.genertime{ padding-top: 50px;}
.genertime .tiemlist{ }
.genertime .tiemlist::after{content: ''; height: 2px; width: 100%;
 position: absolute;  top: 42px; left: 0; right: 0; }
.genertime .tiemlist li{ display: inline-block; cursor: pointer;}
.genertime .tiemlist li h2{ color: #333; font-size: 16px; height: 30px; line-height: 30px; }
.genertime .tiemlist li .icon02{ display: none; }
.genertime .tiemlist li.active{ }
.genertime .tiemlist li.active h2{color: #fa2b04; font-weight: bold; font-size: 26px;}
.genertime .tiemlist li.active .icon01{ display: none; }
.genertime .tiemlist li.active .icon02{ display: block; }
    

.about04{ margin-top: 50px; padding:30px 0 0; background:url(../images/about/abtbgs.png) no-repeat top center; background-size: 100%;}
.aboutnews{padding:25px 15px 0;}
.review{  height: 320px; }
.review .revimgs{min-height: 320px;}
.dimensed{ width: 100%; height: 100%; position: absolute;top: 0;left: 0; }
.dimenbox{ width: 80%;  padding:8% 0 0 6%; }
.dimenbox img{width: 35px;}
.dimenbox h2{ font-size: 26px;}
.dimenbox h3{ padding:12px 80px 20px 0; }
.dimenbox p{ font-size: 14px; line-height: 22px;}
.dates{ width: 60px; font-size: 14px; top: 10px; right: 5px; }
.dates span{ display: block; font-size: 28px; }


.humanities{ display: none; }
.humanities02{ display: block; }



/*教育科技-ipad*/
.edtech01{padding:10px 0;}
.edt_banner .swiper-pagination{  }
.edt_banner .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff;  }
.edt_banner .swiper-pagination span.swiper-pagination-bullet-active{  }
.edt_banner .swiper-container-horizontal>.swiper-pagination-bullets,.edt_banner .swiper-pagination-custom,.edt_banner .swiper-pagination-fraction{ 
    width: 80%; bottom: 20px; left: 5%;
}

.edtech02{padding:30px 0 10px;}
.edtech02 .kctitle{  }
.kctitle.growedtitle p{ font-size: 18px;  }
.kctitle.growedtitle h3{font-size: 26px;}
.kctitle.growedtitle h4{ font-size: 12px; line-height: 20px; padding-top: 8px;  }
.kctitle.growedtitle h5{ font-size: 13px; padding: 10px 0 5px;}

.prevads{padding:0px 0%;}
.previmgs{position: relative;}
.previmgs .prvtbn{position: absolute; right: 0; bottom: 0;}
.previmgs .prvtbn img{ width: 40px; }
.quests{padding:40px 0;}
.quests ul{ display: flex; gap: 15px; flex-wrap: wrap;  }
.quests ul li{ flex: 1 1 48%; }
.quests .img-full{ width: 100%; }
.gamified{  min-height: 458px; background-color: #f2f2f2; border-radius: 20px; overflow: hidden; }
.provbox{padding:40px;}
.provbox h2{  font-size: 30px;}
.provbox h4{ font-size: 20px; line-height: 30px;  padding:3px 0 0;}
.provbox h3{ font-size: 24px; line-height: 35px;  padding:3px 0 0;}
.provbox p{margin-top: 10px;font-size: 16px;line-height: 28px;}

/*
.proview{  top: 0; left: 0; }
.provbox{padding:18px;}
.checks{padding:18px 18px 0 18px;}

.provbox a{  left: 20px; bottom: 15px; height: 30px; font-size: 12px; }
.checks a{   }
.learimgs{  left: 20px; bottom: 15px; height: 30px; }
.learimgs img{ width:30px;   }

.edtech03{padding:0px 0 20px;}
.captured{padding:32px 0;}
.capturlist{padding:10px 0; text-align: center;}
.capturbox{ padding:40px 30px 40px; min-height: 107px; border-radius: 20px;  }
.capturbox h2{ font-size: 16px;margin-top: 20px;}
.capturbox p{margin-top: 5px;font-size: 12px; line-height: 18px;}

.captured .capturlist:nth-child(1) .capturbox{ padding:40px 30px 40px;}
.captured .capturlist:nth-child(2) .capturbox{padding:40px 30px 40px;}
.captured .capturlist:nth-child(3) .capturbox{padding:40px 30px 40px;}
.captured .capturlist:nth-child(4) .capturbox{}
.capturimgs{background:url(../images/edtech/edtech_icon05.png) no-repeat bottom center; background-size: contain;}
*/
.edtech03 .flip-card-back img{ width: 100%; }


.teach01{padding:20px 0 40px;}
.academic{padding-top: 10px;}
.acadebox{ min-height: 140px; border-radius: 20px; }
.recrutxt h3 br{ display: none; }
.cher01{ display: none; }


.teach05{padding:40px 0;}
.experts{padding:30px 0 20px; display: flex; flex-direction: column;}
.expertleen{ flex: 1; margin-right: 0px; }
.expertsharn{ flex: 1; margin-left: 0px; padding-top: 20px;}
.eileen{ min-height: 340px; padding:45px 20% 80px 42px; }
.eileen i{ position: absolute; right: 0; bottom: 0px; }
.eileen i img{ width: 260px; }
.eileen em{ width: 100%; display: block; position: absolute; left: 0; bottom: 0; }
.eiltxt{ color: #151515; }
.eiltxt h2{ font-size: 30px; }
.eiltxt h3{padding-top: 15px; line-height: 20px;  font-size: 12px;}
.eiltxt h4{ padding-top: 20px; line-height: 20px;  font-size: 11px;}
.eiltxt h4 p{ padding-right: 90px; }


.sharon{ overflow: hidden; min-height: auto; padding:25px 20px 20px 25px; }
.sharon:nth-child(2){ padding:25px 40% 20px 25px;}
.sharon i{ position: absolute; right: 0; bottom: 0px; }
.sharon:nth-child(2) i{ right: -20px; }
.sharon h2{ font-size: 24px;c}
.sharon h3{padding-top: 5px; line-height: 20px; font-weight: 400; font-size: 12px;
 display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sharon h4{ padding-top: 5px; line-height: 14px;font-weight: 400;  font-size: 10px;}
.sharon h4 p{font-family: 'gothamLight'; padding:2px 0;}
.support .swiper-pagination{ text-align: center; }
.support .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff; opacity: 1; background-color: transparent;  }
.support .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }
.support .swiper-container-horizontal>.swiper-pagination-bullets,.support .swiper-pagination-custom,.support .swiper-pagination-fraction{  bottom: 45px; }



}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {



}

 
 @media screen and (min-width: 1160px){

}


/* crazycttle 新增 */

/* 标题从左往右 */
.curriculum-pic01 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.curriculum-pic01-left {
    flex: 4;
    position: relative;
    overflow: hidden;
}
.curriculum-pic01-left .curriculum-pic01-left-title {
    top: 22%;
    left: 0%;
    position: absolute;
    width: 45%;
    transform: translateX(-100%);
    transition: none;
    will-change: transform;
}
.curriculum-pic01-right {
    flex: 6;
    position: relative;
    overflow: hidden;
}
.curriculum-pic01-right .curriculum-pic01-right-title {
    top: 15%;
    left: 0%;
    position: absolute;
    width: 25%;
    transform: translateX(-100%);
    transition: none;
    will-change: transform;
}

/* 圆圈 */
.curri_pic08_box {
    position: relative;
    cursor: pointer;
}

.curri_pic08_box .curri_pic08_item {
    width: 15.5%;
    height: 24.3%;
    position: absolute;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
}
.curri_pic08_box .curri_pic08_item_1 {
    top: 1.4%;
    left: 0%;
    background-color: #FF9517;
}
.curri_pic08_box .curri_pic08_item_2 {
    top: 37.6%;
    right: 0%;
    background-color: #4DCBF7;
}
.curri_pic08_box .curri_pic08_item_3 {
    bottom: 0%;
    left: 0%;
    background-color: #02B56E;
}
.curri_pic08_box .circle-txt {
    max-width: 60%;
}
.curri_pic08_box .circle-img {
    max-width: 60%;
    transition: max-width .3 linear;
}
.curri_pic08_box .curri_pic08_item_2 .circle-txt {
    margin-bottom: 10px;
}
.curri_pic08_box .curri_pic08_item:hover {
   padding-bottom: 5%; 
} 
.curri_pic08_box .curri_pic08_item:hover .circle-txt {
   opacity: 0; 
} 
.curri_pic08_box .curri_pic08_item:hover .circle-img {
    max-width: 75%;
} 

/* crazycttle */