@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Light.otf") format("opentype");
  font-weight:300;
}
@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Regular.otf") format("opentype");
  font-weight:400;
}
@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Medium.otf") format("opentype");
  font-weight:500;
}
@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Semibold.otf") format("opentype");
  font-weight:600;
}
@font-face {
  font-family: "Financier Display";
  src: url("/ebc-static/fonts/FinancierDisplay-Bold.otf") format("opentype");
  font-weight:700;
}
@font-face{
    font-family: 'Gilroy';
    src : url('/ebc-static/fonts/fontFamilies/Gilroy/Gilroy-Medium-2.otf') format("opentype");
    font-style: normal;
    font-display: swap;
    font-weight: 500;
}
@font-face{
    font-family: 'Gilroy';
    src : url('/ebc-static/fonts/Gilroy-Light.otf');
    font-weight:300;
}
@font-face{
    font-family: 'Gilroy';
    src : url('/ebc-static/fonts/fontFamilies/Gilroy/gilroy-regular-3.otf');
    font-weight:400;
}
@font-face{
    font-family: 'Gilroy';
    src : url('/ebc-static/fonts/fontFamilies/Gilroy/Gilroy-Medium-2.otf');
    font-weight:500;
}
@font-face{
    font-family: 'Gilroy';
    src : url('/ebc-static/fonts/fontFamilies/Gilroy/gilroy-bold-4.otf');
    font-weight:700;
}


.eng .en-font-family-title,
.eng .en-font-family .en-font-family-title {
  font-family: "Financier Display", serif;
}

/* 
Gilroy
主体
*/
.eng .en-font-family {
  font-family: "Gilroy", sans-serif;
}
.oxford-wrapper{
  position:relative;
}
.section1 {
  padding:169rem 0 166rem;
  background: url('/ebc-static/image/oxfordNew/section1Bg.png');
  background-size: 100% 100%;
  text-align: center;
  position:relative;
}
.section1Popover a{
  position: absolute;
  top: 0;
  right:260rem;
  border-bottom-left-radius: 6.198rem;
  border-bottom-right-radius: 6.198rem;
  background: #FFB50E;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  color: #036;
  text-align: center;
  font-size: 18rem;
  font-weight: 700;
  padding:13rem;
  cursor:pointer;
}
.mobile {
  display:none!important;
}
.cn .section1 h1 {
  font-size: 56rem;
  font-weight: 700;
}

.section1 h1 {
  color: #036;
  text-align: center;
  font-size: 40rem;
  font-style: normal;
  font-weight: 600;
  line-height: 43rem; /* 107.5% */
  margin:0 auto 26rem;
  max-width: 60vw;
}

.section1 h2 {
  color: #036;
  font-size: 32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 35rem; /* 109.375% */
  margin:0 auto;
  text-align: center;
  max-width: 55vw;

}
.section1 img {
  width: 349rem;
  height: 108rem;
  margin:35rem auto 54rem;
}

.section1 .section1Btn {
  display:block;
  border-radius: 8px;
  background: #036;
  padding:20rem;
  text-align: center;
  width: fit-content;
  color: #FFF;
  font-size: 16rem;
  font-style: normal;
  font-weight: 700;
  /* line-height: 24rem; 150% */
  margin:0 auto ;
  min-width: 224rem;
}

.section2 {
  padding:79rem 260rem 126rem;
  background: #036;
  
}
 .navList {
  width: 100%;
  display:flex;
  justify-content: center;
  gap:28rem;
  background: #036;
  padding:45rem 0 25rem;
  margin-bottom:-2rem;
  position:sticky;
  top:68rem;
  left:0;
  z-index:999;
}
 .navList a{
  border-radius: 8px;
  border: 1.5px solid #FFB50E;
  color: #FFB50E;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  padding:18rem 19rem;  
}
 .navList .active{
  background: #FFB50E;
  color: #036;
}
.section2 {
  scroll-margin-top:200rem;
}
.section2 h2 {
    color: #FFB50E;
    font-size: 36rem;
    font-weight: 600;
    line-height: 40rem; /* 117.647% */
    text-transform: capitalize;
    margin-bottom:60rem;
  }
  .section2 .content {
    display: flex;
    gap:55rem;
  }
  .section2 .left h2{
    /* margin-top:22rem; */
  }
  .section2 .left .word{
    color: #FFF;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 28rem; /* 155.556% */
  }
  .section2 .left .word:nth-child(n+2) {
    margin-top:20rem;
  }
  .section2 .right {
    flex:0 0 662rem;
    width: 662rem;
    height: 413rem;
    
  }
  .section2 .right iframe {
    width: 100%;
    height: 100%;
  }
  .section3 {
    padding: 100rem 260rem;
    background: #fff;
    background-size: 100% 100%;
    scroll-margin-top:200rem;

  }
  .section3 iframe{
    width: 100%;
    height: 100%;
  }
  .section3 h2 {
    color: #036;
    text-align: center;
    font-size: 36rem;
    font-weight: 600;
    line-height: 23.111rem;
    margin-bottom:80rem;
  }
  .section3 .oxford-slide {
    text-align:center;
  }
  .section3 .oxford-slide .slide-img {
    width: 1160rem;
    height: 654rem;
    margin:0 auto;
    position:relative;
  }
  .section3 .oxford-slide .slide-img  svg:hover path{
    fill:#B9B4B4;
  }
  .section3 .oxford-slide .slide-img  svg {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    cursor:pointer;
  }
  .section3 .oxford-slide .swiper-button-next,
 .section3 .oxford-slide .swiper-button-prev {
  color: #FFB50E;
  top:320rem;
 }
 .section3 .oxford-slide .swiper-button-next:after,
 .section3 .oxford-slide .swiper-button-prev:after{
  font-size:60rem;

 }
/* .section3 .swiper-slide{
  width:95%!important;
} */
.section3 .content{
  margin:50rem auto 0;
  width: 1219rem;
  text-align:left;
}
.section3 .content .topTitle {
  padding-left:51rem;
}
.section3 .content .topTitle .order{
  color: #4E4D4D;
  font-size: 18rem;
  font-weight: 500;
}
.section3 .content .topTitle .title{
  color: #036;
  font-size: 32.674rem;
  font-weight: 600;
  /* line-height: 53.266rem;  */
  margin:18rem 0 24rem;
}
.section3 .content .splitLine{
  background: rgba(255, 181, 14, 0.67);
  height: 1px;
}
.section3 .content .descriptionBox {
  padding:25rem 50rem;
  display:flex;
  flex-wrap:wrap;
  column-gap:139rem;
}
.section3 .content .descriptionBox .contentBox:nth-child(n+3){
  margin-top:33rem;
}
.section3 .content .descriptionBox .contentBox ul {
  padding-left:20rem;

}
.section3 .content .descriptionBox .contentBox ul li {
  list-style:disc;
  margin-bottom:10rem;
}
.section3 .content .descriptionBox .contentBox:nth-child(2n-1) {
  flex: 0 0 620rem; 
}
.section3 .content .descriptionBox .contentBox:nth-child(2n) {
  flex: 0 0 350rem; 
}
.section3 .content .descriptionBox .title {
    color: #036;
    font-size: 18rem;
    font-weight: 500;
    /* line-height: 49.011rem;  */
    margin-bottom:18rem;
}
.section3 .content .descriptionBox .describe{
    color: #4E4D4D;
    font-size: 16rem;
    font-weight: 400;
    line-height: 20rem;
}
.section4{
  background:url('/ebc-static/image/oxfordNew/section4Bg.png');
  background-size: 100% 100%;
  scroll-margin-top:200rem;
  padding:137rem 220rem 159rem;

}
.section4 h2 {
  color: #FFB50E;
  text-align: center;
  font-size: 36rem;
  font-style: normal;
  font-weight: 700;
  line-height: 23.111rem; /* 64.198% */
  margin-bottom:72rem;
}

.section4 .sectionContainer .box{
  border-radius: 14.228rem;
  background: #EDF6FF;
  box-shadow: 0px 3.162px 8.695px 0px rgba(0, 0, 0, 0.08);
  display:flex;
  gap:55rem;
  padding:50rem;
  height:auto!important;
}

.section4 .sectionContainer .box img{
  width: 280rem;
  height: 300rem;
}
.section4 .sectionContainer .box .right {
  display:flex;
  flex-direction: column;
}
.section4 .sectionContainer .box .right .word1{
  color: #036;
  font-size: 24rem;
  font-weight: 700;
  line-height: 23rem; /* 96.296% */
}
.section4 .sectionContainer .box .right .word2{
  color: #036;
  font-size: 16rem;
  font-weight: 500;
  line-height: 23.111rem; /* 144.444% */
  margin-top:14rem;
}

.section4 .sectionContainer .box .right .word3{
  color: #393939;
  font-size: 18rem;
  font-weight: 500;
  line-height: 26rem; /* 162.5% */
  margin:24rem 0 auto;
}
.section4 .sectionContainer .box .right .btn1{
  border-radius: 8rem;
  background: #FFB50E;
  width: 220rem;
  padding:18rem 0;
  color: #036;
  font-size: 16rem;
  font-weight:700;
  text-align: center;
  cursor:pointer;
 margin-top: 10rem;
}
.section4 .swiper-slide {
  width: 85%;
}
.section5 {
  background:#fff;
  padding:100rem 0rem 136rem;
  display:block;
  scroll-margin-top:200rem; 
}
.section5 h2 {
  color: #036;
  text-align: center;
  font-size: 36rem;
  font-weight: 600;
  line-height: 23.111rem; /* 64.198% */
  margin-bottom:80rem;
}
.section5 .section5Container {
  display: flex;
  justify-content: center;
  gap:39rem;
  margin-bottom:60rem;
}
.section5 .section5Container .box{
  width:441rem;
  height:351rem;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  border-radius: 8rem;
  overflow: hidden;
}
.section5 .section5Container .box .word {
  width: 100%;
    display:flex;
    gap:8rem;
    align-items: center;
    cursor:pointer;
    height:109rem;
    background: linear-gradient(181deg, #03407C 39.65%, #03407C 85.87%);
    padding:23rem 28rem;
}
.section5 .section5Container a:nth-child(1) .box{
  background:url('/ebc-static/image/oxfordNew/section5Bg1.png') no-repeat;
  background-size:100% 242rem;
}
.section5 .section5Container a:nth-child(2) .box{
    background:url('/ebc-static/image/oxfordNew/section5Bg2.png') no-repeat;
  background-size:100% 242rem;
}
  .section5 .section5Container a:nth-child(3) .box{
    background:url('/ebc-static/image/oxfordNew/section5Bg3.png') no-repeat;
  background-size:100% 242rem;
}
.section5 .section5Container .box .word div{
  flex:1;
  color: #FFF;
  display:-webkit-box;   
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 124%; 
}
.section5 .section5Container .box .word .svg{
  width: 13rem;
  height: 18rem;
}
.section5 .partnerList{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:31rem;
}
.section5 .partnerList img:nth-child(1){
  width: 187rem;
}
.section5 .partnerList img:nth-child(2){
  width: 79rem;
}
.section5 .partnerList img:nth-child(3){
  width: 62rem;
}
.section5 .partnerList img:nth-child(4){
  width: 68rem;
}
.section5 .partnerList img:nth-child(5){
  width: 191rem;
}
.section5 .partnerList img:nth-child(6){
  width: 167rem;
}
.section5 .partnerList img:nth-child(7){
  width: 167rem;
}

.section5 .partnerList img:nth-child(8){
  width: 51rem;
}
.section6 {
  background:url('/ebc-static/image/oxfordNew/section6Bg.png');
  background-size: 100% 100%;
  padding:140rem 0 130rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:150rem;
  scroll-margin-top:200rem; 

}
.cn .section6 .left {
  flex: 0 0 450rem;
}
.section6 .left {
  flex: 0 0 545rem;
}
.section6 .left .title{
  color: #FFB50E;
  font-size: 36rem;
  font-style: normal;
  font-weight: 700;
  line-height: 23.111rem; /* 64.198% */
  margin-bottom:40rem;
  white-space: nowrap;
}
.cn .section6 .left .describe{
  line-height: 34rem;
}
.section6 .left .describe{
  color: #FFF;
  font-size: 28rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28rem; 
}
.section6 .left .describe:nth-child(2){
  margin-top:25rem;
}
.section6 .right{
  flex:0 0 516rem;
  padding:50rem 30rem;
  background: #F7F9F8;
  border-radius: 10rem;

}
.section6 .right input {
  padding-left:33rem;
  margin-bottom:20rem;
  border-radius: 8px;
  border: 1px solid #EFEFEF;
  height:60rem;
  width: 100%;
  background:#ECECEC;
  color: #036;
  font-size: 20rem;
  font-weight: 600;
  line-height: 102%; 
}
.section6 .right #formVerify{
  padding-right:140rem;
}
.section6 .right .verify_img{
  
  width: 132rem;
  height: 42rem;
}
.section6 .right input::placeholder {
  color: #036;
  
}
.section6 .right button{
  width: 457rem;
  height: 65rem;
  padding: 18rem 117rem;
  text-align: center;
  color: #036;
  font-size: 24rem;
  font-weight: 700;
  line-height: 102%!important; 
  margin-top:15rem;
  border-radius: 8rem;
  background: #FFB50E;
}

@media screen and (max-width: 996px) {
  .pc {
    display: none!important;
  }
  .mobile{
    display: block!important;
  }
  
  .section1 {
    height: 800rem;
    padding: 0rem 60rem;
    display:flex;
    flex-direction: column;
    justify-content: center;
    background: url('/ebc-static/image/oxfordNew/section1Bgm.png');
    background-size:100% 100%;
    text-align: center;
    
  }
  .section1 .section1Popover a {
    font-size: 24rem;
    padding:13rem;
    right:37rem;
    width: auto;
  }
  .section1 .section1Btn{
    font-size: 24rem;
    line-height: 24rem;
    font-weight: 500;
    
  }
  .ru .section1 h2{
    font-size: 28rem;
    line-height: 32rem;
     width: 110%;
    margin-left: -5%;
    max-width: 90vw;
  }
  .mn .section1 h2,
  .vi .section1 h2{
    width: 110%;
    margin-left: -5%;
    max-width: 90vw;
  }
  .hi .section1 h1,
   .pt .section1 h1{
    font-size: 42rem;
    width: 110%;
    margin-left: -4%;
   }
  .vi .section1 h1,
  .ug .section1 h1,
  .th .section1 h1{
    width: 110%;
    margin-left: -4%;
  }
  .ru .section1 h1{
    font-size: 30rem;
    line-height: 40rem;
  }
  .es .section1 h1{
    font-size: 40rem;
  }
.cn .section1 h1 {
  white-space: nowrap;
  font-size: 50rem;
  line-height: 58rem;
  font-weight: 800;
}
.cn .section1 h2 {
  white-space: nowrap;
  font-size: 30rem;
  margin:25rem 0 38rem;
}
  
  .section1 h1 {
    font-size: 45rem;
    line-height: 56rem;
    font-weight:600;
    margin-bottom:0;
    max-width: 90vw;
  }
  .section1 h2 {
    font-size: 32rem;
    line-height: 45rem;
    margin: 38rem 0;
    max-width: 85vw;

  }
  .section1 img {
    width: 349rem;
    height: 107rem;
    margin-bottom:54rem;
  }
  .section1 a {
    width: 290rem;
    font-size: 24rem;
    padding:20rem 0;
  }
  .navList{
    display:none;
  }
  .section2 {
    padding:80rem 40rem 100rem;
  }
  .section2 .content {
    flex-direction: column;
  }
  .section2 h2 {
    font-size: 36rem;
    font-weight: 600;
    line-height: 45rem; /* 111.111% */
    text-transform: capitalize;
    margin-bottom:64rem;
  }
  .section2 .left .word {
    font-size: 28rem;
    font-weight: 400;
    line-height: 34rem;
  }
  .section3 {
    padding:80rem 0 100rem;
  }
  .section3 h2{
    font-size: 36rem;
    font-weight: 700;
    line-height: 23.111rem;
    margin-bottom: 64rem;
  }
    .section3 .oxford-slide .swiper-button-next,
 .section3 .oxford-slide .swiper-button-prev {
  display:none;
 }
 .section3 .oxford-slide .swiper-wrapper{
  width: 680rem;
 }
 .section3 .oxford-slide .slide-img {
  width: 680rem;
  height: 377rem;
  margin:0;
 }
 .section3 .content{
  padding-left:40rem;
  margin:71rem 0 0;
  width: 670rem;
 }
 .section3 .content .topTitle {
  padding:0rem;
}
 .section3 .content .topTitle .order {
  font-size: 24rem;
 }
 .section3 .content .topTitle .title{
  margin:23rem 0 30rem;
 }
 .section3 .content .descriptionBox{
  padding:30rem 0 0;
  gap:50rem;
  flex-direction: column;
 }
 .section3 .content .descriptionBox .contentBox:nth-child(n+3){
  margin-top:0;
}
.section3 .content .descriptionBox .contentBox:nth-child(2n-1) {
  flex: 1; 
}
.section3 .content .descriptionBox .contentBox:nth-child(2n) {
  flex: 1; 
}
.section3 .content .descriptionBox .title{
  font-size: 28rem;
  margin-bottom:24rem;
}
.section3 .content .descriptionBox .describe{
  font-size: 24rem;
  line-height: 28rem;
}
.section4 {
  padding:80rem 0 100rem;
  background:url('/ebc-static/image/oxfordNew/section4Bgm.png');
  background-size: 100% 100%;
}

.section4 h2 {
  margin-bottom:64rem;
}
.section4 .sectionContainer .box{
  width: 610rem;
  height: auto;
  padding:52rem;
  flex-direction:column;
  gap:0;
}
.section4 .sectionContainer .box img{
width: 506rem;
height: 547.564rem;

}
.section4 .sectionContainer .box .right {
  flex:1;
}
.section4 .sectionContainer .box .right .word1{
  font-size: 30rem;
  margin:31rem 0;
}
.section4 .sectionContainer .box .right .word2{
  font-size: 24rem;
  line-height:28rem;
  margin-top:0;
}

.section4 .sectionContainer .box .right .word3{
  font-size: 24rem;
  line-height:32rem;
  margin:40rem 0 auto;
}
.section4 .sectionContainer .box .right .btn1{
  margin:0 auto;
  width: fit-content;
  margin-top: 10rem;
  padding:18rem 30rem;
  font-size: 24rem;

}
.section5{
  padding:80rem 0 100rem;
}
.section5 h2 {
  font-size: 36rem;
  font-weight: 700;
}
.section5 .sectionContainer {
  margin-bottom:78rem;
}
 .section5 .section5Container .box:nth-child(1){
  background:url('/ebc-static/image/oxfordNew/section5Bg1m.png') no-repeat;
  background-size:100% 315rem;
}
.section5 .section5Container .box:nth-child(2){
    background:url('/ebc-static/image/oxfordNew/section5Bg2m.png') no-repeat;
  background-size:100% 315rem;
}
.section5 .section5Container .box:nth-child(3){
    background:url('/ebc-static/image/oxfordNew/section5Bg3m.png') no-repeat;
  background-size:100% 315rem;
}
.section5 .section5Container .box .word{
  height: 142rem;
}
.section5 .section5Container .box{
  width: 650rem;
  height: 457rem;
  /* padding:0 52rem 24rem; */
  transform: scale(.9);
}
.section5 .section5Container {
  align-items: center;
}
.section5 .section5Container .swiper-slide-active{
 transform: scale(1);
}
.section5 .section5Container{
  justify-content:flex-start;
  gap:0;
}
.section5 .partnerList{
  flex-wrap:wrap;
}
.section5 .partnerList img:nth-child(5),
.section5 .partnerList img:nth-child(6),
.section5 .partnerList img:nth-child(7){
  order:3;
}
.section5 .partnerList img:nth-child(8){
 order:2;
}
.section6{
  flex-direction:column;
  gap:68rem;
  padding:80rem 40rem 100rem;
}
.section6 .left{
  flex:auto!important;
  
}
.section6 .left .title{
  font-size:36rem;
  font-weight:600;
  /* padding:0 60rem; */
  white-space: wrap;
  line-height: 40rem;
}
.section6 .left .describe{
  margin:36rem 0 0;
  /* width: 554rem; */
  font-size: 28rem;
  /* padding:0 60rem; */
  /* white-space:nowrap; */
}
.section6 .right{
  padding:50rem 60rem;
  height:600rem;
}
.section6 .right #formVerify{
  padding-right:180rem;
}
.section6 .right .verify_img{
  top:10rem;
  height:60rem;
  width:175rem;
}
.section6 .right input{
  height: 80rem;
  margin-bottom:24rem;
}
.section6 .right button{
  width: 100%;
  height: 40rem;
  padding:20rem 0;
  box-sizing:content-box;
}
}