html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--title:#061C33;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_banner {
 position: relative;
 z-index: 2;
 overflow: hidden;
 max-width: 256rem;
 margin: 0px auto -21.6rem;
 padding-bottom: 33.8rem;
 background-image: linear-gradient(to top, transparent 0%, rgb(244, 242, 235) 30%, rgb(244, 242, 235) 100%);
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_banner {
 margin: 0px;
 padding-bottom: 50px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.img.img_ab {
 position: relative;
 }
.about_banner .bg {
 mask-image: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_0/assets/img/about-banner-mask.svg");
 mask-repeat: no-repeat;
 mask-position: center bottom;
 mask-size: cover;
 padding-bottom: 33.9583%;
 }
.img.img_cv img {
 object-fit: cover;
 }
.img.img_ab img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.about_banner .svg1 {
 position: absolute;
 right: -15%;
 top: -1rem;
 width: 9.58333%;
 }
.img.img_ct img {
 object-fit: contain;
 }
.about_banner .svg2 {
 position: absolute;
 left: -11%;
 bottom: -13rem;
 width: 9.65278%;
 }
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_top {
 align-items: flex-start;
 }
.gap {
 gap: 3rem;
 }
.about_banner .flex {
 margin-top: -26.9444%;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_banner .flex {
 margin-top: -20%;
 }}
@media screen and (max-width: 768px){
.about_banner .flex {
 margin-top: -20%;
 }}
@media screen and (max-width: 576px){
.about_banner .flex {
 display: block;
 padding-top: 25%;
 }}
.about_banner .lt {
 margin-top: 29.4444%;
 }
@media screen and (max-width: 576px){
.about_banner .lt {
 margin-top: 0px;
 }}
.syedittext h1 {
 font-weight: 700;
 font-size: 6.4rem;
 line-height: 8.9rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext h1 {
 font-size: 25px;
 line-height: 1.3;
 }}
.syedittext h1 span {
 display: block;
 font-weight: 300;
 }
.about_banner .rt {
 width: 51.1806%;
 margin-right: -7.08333%;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.about_banner .rt {
 margin-right: 0px;
 }}
@media screen and (max-width: 768px){
.about_banner .rt {
 margin: 0px;
 }}
@media screen and (max-width: 576px){
.about_banner .rt {
 width: 100%;
 }}
@media screen and (max-width: 576px){
.about_banner .rt .img {
 position: absolute;
 right: 10px;
 top: 0px;
 width: 50%;
 }}
.about_banner .rt .syedittext {
 padding: 2px 12% 0px;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_banner .rt .syedittext {
 padding: 0px;
 }}
@media screen and (max-width: 768px){
.about_banner .rt .syedittext {
 padding: 0px;
 }}
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.about_banner .rt .syedittext p {
 font-size: 2rem;
 line-height: 3.5rem;
 margin-top: 3.4rem;
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.about_banner .rt .syedittext p {
 font-size: 16px;
 line-height: 1.5;
 margin-top: 12px;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--text:#4A555E;
--title:#061C33;
--secondary:#F5BE02;
--primary:#102759;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.abnout_intro {
 position: relative;
 z-index: 2;
 max-width: 256rem;
 margin: 0px auto;
 overflow: hidden;
 padding: 10.2rem 0px 2.8rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.abnout_intro {
 padding: 50px 0px;
 }}
@media screen and (max-width: 576px){
.abnout_intro {
 padding: 20px 0px 50px;
 }}
.abnout_intro .bg {
 position: absolute;
 left: 50%;
 top: 0px;
 z-index: -1;
 transform: translateX(-50%);
 width: 102.917%;
 }
@media screen and (max-width: 768px){
.abnout_intro .img {
 border-radius: 20px;
 }}
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_top {
 align-items: flex-start;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.abnout_intro .flex {
 align-items: center;
 }}
@media screen and (max-width: 576px){
.abnout_intro .flex {
 display: block;
 }}
.abnout_intro .lt {
 width: 45.4167%;
 }
@media screen and (max-width: 576px){
.abnout_intro .lt {
 width: 100%;
 }}
.img.img_cv {
 overflow: hidden;
 }
.abnout_intro .img_cv {
 border-radius: 4.8rem;
 }
.abnout_intro .img1 {
 width: 119.572%;
 margin-left: -21.4067%;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.abnout_intro .img1 {
 width: 108%;
 margin-left: -10%;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.abnout_intro .img1 {
 width: 100%;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
.abnout_intro .img1 {
 width: 100%;
 margin: 0px;
 }}
.img.img_cv img {
 object-fit: cover;
 }
.abnout_intro .img_cv:hover img {
 transform: scale(1.03);
 }
.abnout_intro .img2 {
 width: 57.7982%;
 margin: 11.9266% 0px 0px auto;
 }
@media screen and (max-width: 576px){
.abnout_intro .img2 {
 margin-top: 20px;
 }}
.abnout_intro .rt {
 width: 43.4722%;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.abnout_intro .rt {
 width: 50%;
 }}
@media screen and (max-width: 768px){
.abnout_intro .rt {
 width: 50%;
 }}
@media screen and (max-width: 576px){
.abnout_intro .rt {
 width: 100%;
 }}
.abnout_intro .head {
 padding-top: 2rem;
 }
@media screen and (max-width: 768px){
.abnout_intro .head {
 padding: 0px;
 }}
.syedittext .subtitle {
 color: rgb(133, 143, 158);
 font-weight: 300;
 text-transform: uppercase;
 margin-bottom: 1.3rem;
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext .subtitle {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 8px;
 }}
.syedittext h2 {
 font-weight: 500;
 font-size: 5.2rem;
 line-height: 6.8rem;
 }
.abnout_intro .head h2 {
 max-width: 46rem;
 margin-bottom: 4.7rem;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (max-width: 768px){
.syedittext h2 {
 font-size: 22px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.abnout_intro .head h2 {
 margin-bottom: 0px;
 }}
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.abnout_intro .head p {
 color: var(--text);
 margin-top: 3.2rem;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.abnout_intro .head p {
 margin-top: 12px;
 }}
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-flex;
 vertical-align: top;
 position: relative;
 text-align: center;
 cursor: pointer;
 color: var(--title);
 font-size: 2rem;
 font-weight: 500;
 line-height: 6.2rem;
 background-color: transparent;
 }
.abnout_intro .btn {
 margin-top: 5.8rem;
 }
@media screen and (max-width: 768px){
.btn {
 font-size: 14px;
 }}
@media screen and (max-width: 768px){
.abnout_intro .btn {
 margin-top: 20px;
 }}
.btn span {
 padding: 0px 4.2rem;
 min-width: 20.4rem;
 transition: 0.3s;
 border-radius: 3.1rem;
 background-color: var(--secondary);
 }
.btn:hover span {
 color: rgb(255, 255, 255);
 background-color: var(--primary);
 border-radius: 3.1rem 0px 0px 3.1rem;
 }
@media screen and (max-width: 768px){
.btn span {
 padding: 0px 20px;
 line-height: 42px;
 min-width: 120px;
 }}
i, em {
 font-style: normal;
 }
.btn i {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 6.2rem;
 height: 6.2rem;
 transition: 0.3s;
 margin-left: -1.2rem;
 border-radius: 3.1rem;
 background-color: var(--secondary);
 }
.btn i::after {
 content: "";
 display: block;
 width: 26%;
 height: 26%;
 transition: 0.3s;
 background: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_1/assets/img/arrow-r-b.svg") center center / contain no-repeat;
 }
.btn:hover i {
 background-color: var(--primary);
 border-radius: 0px 3.1rem 3.1rem 0px;
 }
.btn:hover i::after {
 transform: translateX(-1.8rem);
 filter: contrast(0) brightness(2);
 }
@media screen and (max-width: 768px){
.btn i {
 width: 42px;
 height: 42px;
 }}
.abnout_intro .img3 {
 width: 45.2077%;
 margin: 8.6262% -17.2524% 0px auto;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.abnout_intro .img3 {
 margin-right: 0px;
 }}
@media screen and (max-width: 768px){
.abnout_intro .img3 {
 margin: 20px 0px 0px auto;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--secondary:#F5BE02;
--title:#061C33;
--swiper-wrapper-transition-timing-function,initial:;
--text:#4A555E;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_advantage {
 position: relative;
 z-index: 2;
 max-width: 192rem;
 margin: 0px auto;
 padding: 20.8rem 0px 10.4rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_advantage {
 padding: 50px 0px;
 }}
.about_advantage .bg {
 position: absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 z-index: -1;
 overflow: hidden;
 }
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.about_advantage .bg img {
 width: 113.958%;
 margin: 0px -6.97917%;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.about_advantage .bg img {
 width: 130%;
 margin: 0px -15%;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.about_advantage .bg img {
 width: 150%;
 margin: 0px -25%;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_advantage .bg img {
 width: 160%;
 margin: 0px -30%;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.about_advantage .bg img {
 width: 180%;
 margin: 0px -40%;
 }}
@media screen and (max-width: 768px){
.about_advantage .bg img {
 width: 150%;
 margin: 0px -25%;
 }}
@media screen and (max-width: 576px){
.about_advantage .bg img {
 width: 260%;
 margin: 0px -80%;
 }}
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 576px){
.about_advantage .flex {
 display: block;
 }}
.about_advantage .lt {
 flex: 1 1 0%;
 max-width: 47.6rem;
 padding-bottom: 2rem;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.about_advantage .lt {
 padding: 0px;
 }}
@media screen and (max-width: 576px){
.about_advantage .lt {
 width: 100%;
 }}
.syedittext .subtitle {
 color: rgb(133, 143, 158);
 font-weight: 300;
 text-transform: uppercase;
 margin-bottom: 1.3rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext .subtitle {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 8px;
 }}
.syedittext h2 {
 font-weight: 500;
 font-size: 5.2rem;
 line-height: 6.8rem;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (max-width: 768px){
.syedittext h2 {
 font-size: 22px;
 line-height: 1.3;
 }}
.about_advantage .tabs {
 max-width: 46rem;
 margin-top: 4.2rem;
 }
@media screen and (max-width: 768px){
.about_advantage .tabs {
 margin-top: 20px;
 }}
.about_advantage .tabs ul {
 gap: 11.7391%;
 display: flex;
 }
@media screen and (max-width: 768px){
.about_advantage .tabs ul {
 gap: 15px;
 }}
li {
 list-style: none;
 }
.about_advantage .tabs li {
 flex: 1 1 0%;
 cursor: pointer;
 text-align: center;
 transition: 0.3s;
 color: rgb(142, 150, 155);
 font-weight: 500;
 font-size: 2.4rem;
 border-bottom: 2px solid rgb(191, 208, 221);
 position: relative;
 padding: 1.5rem 0px;
 }
.about_advantage .tabs li::after {
 content: "";
 display: block;
 width: 0px;
 height: 3px;
 position: absolute;
 left: 0px;
 bottom: -2px;
 z-index: 2;
 border-radius: 10px;
 background-color: var(--secondary);
 }
.about_advantage .tabs li.active, .about_advantage .tabs li:hover {
 color: var(--title);
 }
.about_advantage .tabs li.active::after {
 width: 100%;
 transition: 5.3s linear;
 }
@media screen and (max-width: 768px){
.about_advantage .tabs li {
 font-size: 14px;
 padding: 10px 0px;
 }}
.swiper_box {
 position: relative;
 }
.about_advantage .about_advantage_text_swiper {
 overflow: hidden;
 margin-top: 4.4rem;
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
@media screen and (max-width: 768px){
.about_advantage .about_advantage_text_swiper {
 margin-top: 20px;
 }}
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li.swiper-slide {
 height: auto;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
.swiper-backface-hidden .swiper-slide {
 transform: translateZ(0px);
 backface-visibility: hidden;
 }
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.about_advantage .about_advantage_text_swiper p {
 color: var(--text);
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
.about_advantage .rt {
 overflow: hidden;
 width: 59.8611%;
 margin-right: -2.77778%;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.about_advantage .rt {
 margin-right: 0px;
 }}
@media screen and (max-width: 576px){
.about_advantage .rt {
 width: 100%;
 margin-top: 20px;
 }}
.about_advantage .about_advantage_swiper {
 overflow: hidden;
 padding: 1.2rem 0.8rem;
 }
.about_advantage .about_advantage_swiper .swiper-slide {
 position: relative;
 z-index: 2;
 }
.about_advantage .about_advantage_swiper .swiper-slide::before {
 content: "";
 position: absolute;
 inset: 0px;
 z-index: -1;
 border-radius: 4.8rem;
 transform: rotate(-2deg);
 pointer-events: none;
 background-color: var(--secondary);
 }
@media screen and (max-width: 768px){
.about_advantage .about_advantage_swiper .swiper-slide::before {
 border-radius: 20px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.img.img_ab {
 position: relative;
 }
.about_advantage .about_advantage_swiper .img {
 border-radius: 4.8rem;
 padding-bottom: 66.4303%;
 }
@media screen and (max-width: 768px){
.about_advantage .about_advantage_swiper .img {
 border-radius: 20px;
 }}
.img.img_cv img {
 object-fit: cover;
 }
.img.img_ab img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.about_advantage .about_advantage_swiper .img:hover img {
 transform: scale(1.03);
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--swiper-wrapper-transition-timing-function,initial:;
--text:#4A555E;
--primary:#102759;
--secondary:#F5BE02;
--title:#061C33;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_system {
 position: relative;
 z-index: 2;
 max-width: 192rem;
 margin: 0px auto;
 padding: 18.4rem 0px 12rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_system {
 padding: 50px 0px;
 }}
@media screen and (max-width: 576px){
.about_system {
 overflow: hidden;
 background-image: linear-gradient(to top, rgb(247, 245, 242) 50%, transparent 50%);
 }}
.about_system .bg {
 position: absolute;
 left: 0px;
 top: 0px;
 right: 0px;
 z-index: -1;
 overflow: hidden;
 }
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.about_system .bg img {
 width: 113.958%;
 margin: 0px -6.97917%;
 }
@media screen and (min-width: 769px) and (max-width: 1440px){
.about_system .bg img {
 width: 130%;
 margin: 0px -15%;
 }}
@media screen and (min-width: 769px) and (max-width: 1220px){
.about_system .bg img {
 width: 150%;
 margin: 0px -25%;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_system .bg img {
 width: 160%;
 margin: 0px -30%;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.about_system .bg img {
 width: 180%;
 margin: 0px -40%;
 }}
@media screen and (max-width: 768px){
.about_system .bg img {
 width: 150%;
 margin: 0px -22%;
 }}
@media screen and (max-width: 576px){
.about_system .bg img {
 width: 260%;
 margin: 0px -80%;
 }}
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.center {
 text-align: center;
 }
.syedittext .subtitle {
 color: rgb(133, 143, 158);
 font-weight: 300;
 text-transform: uppercase;
 margin-bottom: 1.3rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext .subtitle {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 8px;
 }}
.syedittext h2 {
 font-weight: 500;
 font-size: 5.2rem;
 line-height: 6.8rem;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (max-width: 768px){
.syedittext h2 {
 font-size: 22px;
 line-height: 1.3;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (min-width: 769px) and (max-width: 1440px){
.about_system .flex {
 margin-top: 5rem;
 }}
@media screen and (max-width: 768px){
.about_system .flex {
 margin-top: 30px;
 }}
@media screen and (max-width: 576px){
.about_system .flex {
 display: block;
 margin-top: 20px;
 }}
.about_system .lt {
 width: 50.8333%;
 margin-left: -1.11111%;
 }
@media screen and (max-width: 576px){
.about_system .lt {
 width: 100%;
 }}
.about_system .roulette {
 padding-bottom: 100%;
 position: relative;
 }
.about_system .roulette .cir {
 position: absolute;
 inset: 0px;
 z-index: -1;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 background-color: rgb(250, 248, 246);
 }
.about_system .roulette .cir::after {
 content: "";
 display: block;
 width: 60.3825%;
 height: 60.3825%;
 border-radius: 50%;
 border: 3.6rem solid rgb(234, 231, 228);
 }
.about_system .roulette .title {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 font-size: 3.4rem;
 font-weight: 500;
 }
@media screen and (max-width: 768px){
.about_system .roulette .title {
 font-size: 18px;
 }}
.about_system .roulette .syeditorlist {
 position: absolute;
 inset: 17.3497%;
 transition: 0.3s;
 }
li {
 list-style: none;
 }
.about_system .roulette .syeditorlist li {
 width: 48.5356%;
 height: 48.5356%;
 background-color: rgb(237, 127, 110);
 border-radius: 50%;
 position: absolute;
 cursor: pointer;
 z-index: 2;
 transition: 0.3s;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: rgb(255, 255, 255);
 font-weight: 500;
 font-size: 3.2rem;
 padding: 8%;
 }
.about_system .roulette .syeditorlist li:hover {
 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1rem;
 }
.about_system .roulette .syeditorlist li::after {
 content: "";
 display: block;
 position: absolute;
 background: center center / contain no-repeat;
 }
.about_system .roulette .syeditorlist .item1::after {
 top: 16.3793%;
 right: 0px;
 width: 22.8448%;
 height: 18.5345%;
 background-image: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_3/assets/img/home-about-svg1.svg");
 }
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_system .roulette .syeditorlist li {
 font-size: 2.6rem;
 }}
@media screen and (max-width: 768px){
.about_system .roulette .syeditorlist li {
 font-size: 16px;
 }}
.about_system .roulette .syeditorlist .item2 {
 background-color: rgb(242, 175, 85);
 }
.about_system .roulette .syeditorlist .item2::after {
 bottom: 12.069%;
 left: -5.17241%;
 width: 23.7069%;
 height: 13.3621%;
 background-image: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_3/assets/img/about-system-svg2.svg");
 }
.about_system .roulette .syeditorlist .item3 {
 background-color: rgb(107, 189, 221);
 }
.about_system .roulette .syeditorlist .item3::after {
 top: 25%;
 left: 0px;
 width: 26.2931%;
 height: 7.75862%;
 background-image: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_3/assets/img/about-system-svg1.svg");
 }
.about_system .rt {
 width: 38.4722%;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1024px){
.about_system .rt {
 width: 45%;
 }}
@media screen and (max-width: 768px){
.about_system .rt {
 width: 50%;
 }}
@media screen and (max-width: 576px){
.about_system .rt {
 width: 100%;
 }}
.about_system .svg {
 width: 9.56679%;
 position: absolute;
 left: -6.13718%;
 top: -1.6rem;
 z-index: 2;
 }
.about_system .about_system_swiper {
 overflow: hidden;
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li.swiper-slide {
 height: auto;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
.swiper-backface-hidden .swiper-slide {
 transform: translateZ(0px);
 backface-visibility: hidden;
 }
.about_system .about_system_swiper .syedittext h3 {
 font-weight: 500;
 font-size: 3.4rem;
 }
@media screen and (max-width: 768px){
.about_system .about_system_swiper .syedittext h3 {
 font-size: 18px;
 }}
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.about_system .about_system_swiper .syedittext p {
 color: var(--text);
 margin-top: 1.8rem;
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.about_system .about_system_swiper .syedittext p {
 margin-top: 12px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.img.img_ab {
 position: relative;
 }
.about_system .about_system_swiper .img {
 padding-bottom: 52.3466%;
 border-radius: 2.4rem;
 margin-top: 3.2rem;
 }
@media screen and (max-width: 768px){
.about_system .about_system_swiper .img {
 margin-top: 20px;
 }}
.img.img_cv img {
 object-fit: cover;
 }
.img.img_ab img {
 position: absolute;
 left: 0px;
 top: 0px;
 }
.about_system .about_system_swiper .img:hover img {
 transform: scale(1.03);
 }
.swiper_btns {
 gap: 3.2rem;
 display: flex;
 }
.about_system .swiper_btns {
 margin-top: 3.8rem;
 justify-content: flex-end;
 }
@media screen and (max-width: 768px){
.swiper_btns {
 gap: 20px;
 }}
@media screen and (max-width: 768px){
.about_system .swiper_btns {
 margin-top: 30px;
 }}
.swiper_btns div {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 7rem;
 height: 7rem;
 cursor: pointer;
 border-radius: 50%;
 transition: 0.3s;
 border: 1px solid var(--primary);
 background-color: var(--primary);
 }
.swiper_btns div::after {
 content: "";
 display: block;
 width: 30%;
 height: 30%;
 transition: 0.3s;
 filter: contrast(0) brightness(2);
 background: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_3/assets/img/arrow-r-b.svg") center center / contain no-repeat;
 }
.swiper_btns div:hover {
 border-color: var(--secondary);
 background-color: var(--secondary);
 }
.swiper_btns div:hover::after {
 filter: none;
 }
.swiper_btns .btn_prev::after {
 transform: rotate(180deg);
 }
.swiper_btns .swiper-button-disabled {
 border-color: rgba(22, 22, 22, 0.4);
 background-color: transparent;
 pointer-events: none;
 }
.swiper_btns .swiper-button-disabled::after {
 filter: none;
 }
@media screen and (max-width: 768px){
.swiper_btns div {
 width: 42px;
 height: 42px;
 }}
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--title:#061C33;
--secondary:#F5BE02;
--primary:#102759;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_planning {
 padding: 14rem 0px 13.5rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_planning {
 padding: 50px 0px;
 }}
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 576px){
.about_planning .flex {
 display: block;
 }}
.about_planning .head {
 flex: 1 1 0%;
 max-width: 60rem;
 padding-bottom: 4.86111%;
 }
@media screen and (max-width: 768px){
.about_planning .head {
 padding: 0px;
 }}
.syedittext .subtitle {
 color: rgb(133, 143, 158);
 font-weight: 300;
 text-transform: uppercase;
 margin-bottom: 1.3rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext .subtitle {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 8px;
 }}
.syedittext h2 {
 font-weight: 500;
 font-size: 5.2rem;
 line-height: 6.8rem;
 }
.about_planning .head h2 {
 margin-bottom: 3.6rem;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (max-width: 768px){
.syedittext h2 {
 font-size: 22px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.about_planning .head h2 {
 margin-bottom: 0px;
 }}
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.about_planning .head p {
 margin-top: 3.2rem;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.about_planning .head p {
 margin-top: 12px;
 }}
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-flex;
 vertical-align: top;
 position: relative;
 text-align: center;
 cursor: pointer;
 color: var(--title);
 font-size: 2rem;
 font-weight: 500;
 line-height: 6.2rem;
 background-color: transparent;
 }
.about_planning .head .btn {
 margin-top: 4.8rem;
 }
@media screen and (max-width: 768px){
.btn {
 font-size: 14px;
 }}
@media screen and (max-width: 768px){
.about_planning .head .btn {
 margin-top: 20px;
 }}
.btn span {
 padding: 0px 4.2rem;
 min-width: 20.4rem;
 transition: 0.3s;
 border-radius: 3.1rem;
 background-color: var(--secondary);
 }
.btn:hover span {
 color: rgb(255, 255, 255);
 background-color: var(--primary);
 border-radius: 3.1rem 0px 0px 3.1rem;
 }
@media screen and (max-width: 768px){
.btn span {
 padding: 0px 20px;
 line-height: 42px;
 min-width: 120px;
 }}
i, em {
 font-style: normal;
 }
.btn i {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 6.2rem;
 height: 6.2rem;
 transition: 0.3s;
 margin-left: -1.2rem;
 border-radius: 3.1rem;
 background-color: var(--secondary);
 }
.btn i::after {
 content: "";
 display: block;
 width: 26%;
 height: 26%;
 transition: 0.3s;
 background: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_4/assets/img/arrow-r-b.svg") center center / contain no-repeat;
 }
.btn:hover i {
 background-color: var(--primary);
 border-radius: 0px 3.1rem 3.1rem 0px;
 }
.btn:hover i::after {
 transform: translateX(-1.8rem);
 filter: contrast(0) brightness(2);
 }
@media screen and (max-width: 768px){
.btn i {
 width: 42px;
 height: 42px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.about_planning .img {
 width: 45.9722%;
 border-radius: 4.8rem;
 }
@media screen and (max-width: 768px){
.about_planning .img {
 border-radius: 20px;
 }}
@media screen and (max-width: 576px){
.about_planning .img {
 width: 100%;
 margin-top: 20px;
 }}
.img.img_cv img {
 object-fit: cover;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.about_planning .img:hover img {
 transform: scale(1.03);
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--swiper-wrapper-transition-timing-function,initial:;
--text:#4A555E;
--title:#061C33;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_step {
 overflow: hidden;
 margin: -13.2rem 0px -18rem;
 padding: 13.2rem 0px 18rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_step {
 margin: -30px 0px;
 padding: 50px 0px;
 }}
@media screen and (max-width: 576px){
.about_step {
 padding: 30px 0px;
 }}
.wrap {
 flex-wrap: wrap;
 }
.about_step .wrap {
 width: calc(100% - 6rem);
 max-width: 162.8rem;
 margin: 0px auto;
 position: relative;
 }
.about_step .svg1 {
 position: absolute;
 left: -18.1818%;
 top: -13.2rem;
 width: 27.3956%;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-right"] {
 transform: translate3d(-100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
.about_step .svg1 {
 top: -50px;
 }}
@media screen and (max-width: 576px){
.about_step .svg1 {
 top: -30px;
 }}
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.about_step .svg2 {
 position: absolute;
 right: -19.1646%;
 bottom: -18rem;
 width: 25.6757%;
 }
[data-aos="fade-left"] {
 transform: translate3d(100px, 0px, 0px);
 }
@media screen and (max-width: 768px){
.about_step .svg2 {
 bottom: -50px;
 }}
@media screen and (max-width: 576px){
.about_step .svg2 {
 bottom: -30px;
 }}
.about_step .con {
 position: relative;
 z-index: 2;
 border-radius: 4.8rem;
 background-color: rgb(222, 236, 249);
 padding: 13.2rem 0px 11rem;
 overflow: hidden;
 }
.about_step .con::before, .about_step .con::after {
 content: "";
 display: block;
 width: 8.35381%;
 height: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 3;
 background-image: linear-gradient(to right, rgb(222, 236, 249) 0%, rgb(222, 236, 249) 50%, transparent 100%);
 }
.about_step .con::after {
 left: unset;
 right: 0px;
 transform: rotate(180deg);
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.about_step .con::before, .about_step .con::after {
 width: 3rem;
 }}
@media screen and (max-width: 768px){
.about_step .con {
 padding: 50px 0px;
 border-radius: 20px;
 }}
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.about_step .plane {
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 5;
 width: 12.5%;
 transform: translateY(-42%);
 }
@media screen and (max-width: 576px){
.about_step .plane {
 width: 25%;
 }}
.about_step .plane .img {
 max-width: 14.4rem;
 margin: 0px auto;
 }
.about_step .about_step_swiper {
 position: relative;
 z-index: 2;
 }
.about_step .about_step_swiper::before {
 content: "";
 display: block;
 width: calc(100% + 9.4rem);
 position: absolute;
 left: 0px;
 top: 0.5rem;
 z-index: -1;
 border-top: 2px dashed rgb(174, 184, 196);
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
@media screen and (max-width: 768px){
.about_step .about_step_swiper::before {
 top: 3px;
 }}
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li {
 list-style: none;
 }
li.swiper-slide {
 height: auto;
 }
.about_step .about_step_swiper .swiper-slide {
 text-align: center;
 transition: color 0.3s;
 font-size: 2.2rem;
 color: var(--text);
 padding: 0px 1rem;
 }
.about_step .about_step_swiper .swiper-slide::before {
 content: "";
 display: block;
 width: 1.2rem;
 height: 1.2rem;
 margin: 0px auto 4rem;
 border-radius: 50%;
 background-color: rgb(91, 114, 130);
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
@media screen and (max-width: 768px){
.about_step .about_step_swiper .swiper-slide {
 font-size: 14px;
 padding: 0px 8px;
 }}
@media screen and (max-width: 768px){
.about_step .about_step_swiper .swiper-slide::before {
 width: 8px;
 height: 8px;
 margin-bottom: 15px;
 }}
.about_step .about_step_swiper .swiper-slide.active {
 color: var(--title);
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}
html {font-size: clamp(7.5px, 0.522vw, 10px);} 
:root {
--text:#4A555E;
--swiper-wrapper-transition-timing-function,initial:;
--primary:#102759;
--secondary:#F5BE02;
--title:#061C33;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.about_partner {
 position: relative;
 z-index: 5;
 padding: 14.6rem 0px 10.4rem;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.about_partner {
 padding: 50px 0px;
 }}
.content {
 max-width: 144rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 769px) and (max-width: 1220px){
.content {
 padding: 0px 3rem;
 }}
@media screen and (min-width: 769px) and (max-width: 1024px){
.content, .swiper_content {
 max-width: 896px;
 }}
@media screen and (min-width: 769px) and (max-width: 896px){
.content, .swiper_content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 30px;
 }}
@media screen and (max-width: 576px){
.content {
 padding: 0px 20px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.between {
 justify-content: space-between;
 }
.flex_bottom {
 align-items: flex-end;
 }
.gap {
 gap: 3rem;
 }
@media screen and (max-width: 768px){
.gap {
 gap: 20px;
 }}
@media screen and (max-width: 576px){
.about_partner .flex {
 display: block;
 }}
.about_partner .lt {
 flex: 1 1 0%;
 max-width: 46rem;
 }
.syedittext .subtitle {
 color: rgb(133, 143, 158);
 font-weight: 300;
 text-transform: uppercase;
 margin-bottom: 1.3rem;
 }
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
 transition-duration: 0.8s;
 }
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
 transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
[data-aos^="fade"][data-aos^="fade"] {
 opacity: 0;
 transition-property: opacity, transform;
 }
[data-aos^="fade"][data-aos^="fade"].aos-animate {
 opacity: 1;
 transform: translateZ(0px);
 }
[data-aos="fade-up"] {
 transform: translate3d(0px, 100px, 0px);
 }
@media screen and (max-width: 768px){
.syedittext .subtitle {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 8px;
 }}
.syedittext h2 {
 font-weight: 500;
 font-size: 5.2rem;
 line-height: 6.8rem;
 }
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
 transition-delay: 50ms;
 }
@media screen and (max-width: 768px){
.syedittext h2 {
 font-size: 22px;
 line-height: 1.3;
 }}
.about_partner .rt {
 width: 36.3889%;
 }
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
 }
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
 transition-delay: 0.1s;
 }
@media screen and (max-width: 576px){
.about_partner .rt {
 width: 100%;
 margin-top: 12px;
 }}
.syedittext p {
 font-size: 1.8rem;
 line-height: 3.2rem;
 }
.about_partner .head p {
 color: var(--text);
 }
@media screen and (max-width: 768px){
.syedittext .desc, .syedittext p {
 font-size: 14px;
 line-height: 1.5;
 }}
.about_partner .swiper_boxs {
 padding-top: 7.8rem;
 }
@media screen and (max-width: 768px){
.about_partner .swiper_boxs {
 padding-top: 10px;
 }}
.swiper_box {
 position: relative;
 }
.about_partner .swiper_box {
 overflow: hidden;
 position: relative;
 }
.about_partner .swiper_box::before, .about_partner .swiper_box::after {
 content: "";
 display: block;
 position: absolute;
 left: 0px;
 top: 0px;
 bottom: 0px;
 z-index: 2;
 width: 21.6rem;
 pointer-events: none;
 background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), transparent);
 }
.about_partner .swiper_box::after {
 left: unset;
 right: 0px;
 transform: rotate(180deg);
 }
@media screen and (max-width: 768px){
.about_partner .swiper_box::before, .about_partner .swiper_box::after {
 width: 30px;
 }}
.about_partner .about_partner_swiper {
 max-width: 256rem;
 margin: 1.4rem auto 0px;
 }
.swiper-horizontal {
 touch-action: pan-y;
 }
@media screen and (max-width: 768px){
.about_partner .about_partner_swiper {
 margin-top: 10px;
 }}
.about_partner .about_partner_swiper .swiper-wrapper {
 transition: linear;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
 box-sizing: content-box;
 }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li {
 list-style: none;
 }
li.swiper-slide {
 height: auto;
 }
.about_partner .about_partner_swiper .swiper-slide {
 max-width: 20rem;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
 }
@media screen and (max-width: 768px){
.about_partner .about_partner_swiper .swiper-slide {
 max-width: 100px;
 }}
.about_partner .about_partner_swiper .img {
 overflow: hidden;
 border-radius: 50%;
 transition: 0.3s;
 border: 1px solid rgb(235, 235, 235);
 }
.about_partner .about_partner_swiper .img:hover {
 border-color: var(--primary);
 }
.img.img_ct img {
 object-fit: contain;
 }
.img img {
 width: 100%;
 height: 100%;
 display: block;
 transition: 0.5s;
 aspect-ratio: inherit;
 }
.center {
 text-align: center;
 }
a {
 color: inherit;
 cursor: pointer;
 font-size: inherit;
 text-decoration: none;
 }
.btn_cir {
 gap: 2rem;
 display: inline-flex;
 vertical-align: top;
 position: relative;
 text-align: center;
 cursor: pointer;
 font-size: 2rem;
 font-weight: 500;
 line-height: 5rem;
 background-color: transparent;
 }
.about_partner .btn_cir {
 margin-top: 7.4rem;
 }
@media screen and (max-width: 768px){
.btn_cir {
 gap: 12px;
 font-size: 14px;
 line-height: 42px;
 }}
@media screen and (max-width: 768px){
.about_partner .btn_cir {
 margin-top: 30px;
 }}
i, em {
 font-style: normal;
 }
.btn_cir i {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 5rem;
 height: 5rem;
 transition: 0.3s;
 border-radius: 50%;
 background-color: var(--primary);
 }
.btn_cir i::after {
 content: "";
 display: block;
 width: 30%;
 height: 30%;
 transition: 0.3s;
 filter: contrast(0) brightness(2);
 background: url("https://eternaleducation.cn//wp-content/plugins/sytech-fronteditor/sytpl/about_6/assets/img/arrow-r-b.svg") center center / contain no-repeat;
 }
.btn_cir:hover i {
 transform: scale(1.1);
 background-color: var(--secondary);
 }
.btn_cir:hover i::after {
 filter: none;
 }
@media screen and (max-width: 768px){
.btn_cir i {
 width: 42px;
 height: 42px;
 }}
.img.img_cv {
 overflow: hidden;
 }
.about_partner .svg {
 width: 9.58333%;
 position: absolute;
 left: -8%;
 bottom: -21rem;
 }
.img.img_cv img {
 object-fit: cover;
 }
input, button, textarea {
 border: none;
 outline: none;
 font-family: unset;
 color: var(--title);
 }
button, input[type="submit"] {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
@media screen and (max-width: 786px){


}