/* 公用样式 */
/* 全局设置平滑滚动 */
html {
    scroll-behavior: smooth;
    /* 可选：设置滚动条样式，不影响核心功能 */
    scrollbar-width: auto;
  }
  
  /* 兼容部分浏览器（如 Safari 旧版本），可同时设置 body */
  html, body {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
  }
  
  /* 可选：给锚点目标元素加一点内边距，避免内容贴顶 */
  .anchor-target {
    scroll-margin-top: .2rem; /* 滚动后目标元素距离顶部保留20px间距 */
  }

#c-placeholder {height: 1.21rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; border-bottom: 1px solid transparent;}
.headBox {transition: .5s; height: 1.2rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; max-height: .95rem; object-fit: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.headBox .logo .logo2 {display: none;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;gap: .3rem;margin-left: .5rem;}


/* 导航 */
nav {height: 100%; width: 66%; margin-left: 10%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #fff; font-size: var(--font22); position: relative;  display: flex; align-items: center;}
nav > ul > li > a i {}
nav > ul > li > a::after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -.05rem; width: 0;  height: 1px; background: #fff; transition: .5s;}
nav > ul > li.on > a::after {width: .34rem; }
@media (any-hover: hover) {
  nav > ul > li:hover > a::after {width: .34rem; }
}


/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible; top: 100%;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .15rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #04376F;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #04376F;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;}
  .search-dropdown::before {display: none;}
}


header.c-style2 {background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
header.c-style2 .headBox .logo img  {-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
header.c-style2 nav > ul > li > a {color: #333;}
header.c-style2 nav > ul > li > a::after{background: #04376F;}
header.c-style2 nav > ul > li.on > a{color: #04376F;}

@media (any-hover: hover) {
	header.c-style2 nav > ul > li:hover > a {color: #04376F;}
}

header.c-style2 .head_search i {color: #333;}
header.c-style2 .mobmenu h4 {color: #333;}
header.c-style2 .mobmenu dl dd {background: #333;}




/* header.c-style3 {background: #fff; }
header.c-style3 .headBox .logo1 {display: none;}
header.c-style3 .headBox .logo2 { display: block;}
header.c-style3 .head_search {}
header.c-style3 .head_search i {color: #333;}
header.c-style3 .headBox {}
header.c-style3 nav > ul > li > a {color: #333;}
header.c-style3 .head_luanage a {color: #333;}
header.c-style3 .mobmenu h4 {color: #333;}
header.c-style3 .mobmenu dl dd {background: #333;}

header.c-style4 { border-color: #DBDBDB;}
header.c-style4 .headBox {height: 6.25rem;}
header.c-style4 .headBox .logo1 {display: none;}
header.c-style4 .headBox .logo2 { display: block;}
header.c-style4 .head_search {}
header.c-style4 .head_search i {color: #333;}
header.c-style4 .headBox {}
header.c-style4 nav > ul > li > a {color: #333;}
header.c-style4 .head_luanage a {color: #333;}
header.c-style4 .mobmenu h4 {color: #333;}
header.c-style4 .mobmenu dl dd {background: #333;} */


/* =================头部 end!!!=================== */



/* ===============公用css star!!!!===================*/
.more1 {border-radius: .15rem; font-weight: 600; position: relative; padding: .14rem .32rem;  color: #132139;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), #D6BD63;}
.more1::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #fff;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.more1 span {position: relative;z-index: 2;}

.more2 {background: #fff; color: #132139; padding: .14rem .32rem; padding-right: .25rem; font-weight: 600; border-radius: .15rem; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
@media (any-hover: hover) {
    .more1:hover {
        box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2);
        transform: translateY(-2px);
    }
    .more1:hover::before {
        left: 0;
    }

    .more2:hover {
        box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2);
        transform: translateY(-2px);
    }
}

/* ===============公用css end!!!!===================*/





/* ======首页======= */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .swiper {height: auto;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: auto;}
.indexBanner .slide .imgBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1); min-height: 8rem;}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }
.indexBanner .slide1 .p1 {display: inline-flex; align-items: center; background: #E3EFFF; color: #1C50A7; font-weight: 700;  border-radius: 100px; border: 1px solid rgba(57, 111, 200, 0.1); padding: .05rem .15rem; position: relative;}
.indexBanner .slide1 .p1::before {content: '';width: .08rem; height: .08rem; border-radius: 50%; background: #396FC8;margin-right: .08rem;}
.indexBanner .slide1 .p2 {font-size: .76rem; font-weight: 800; color: #FFFFFF; line-height: 1.1;}
.indexBanner .slide1 .p3 {color: rgba(255, 255, 255, 0.6);}
.indexBanner .slide1 .more {margin-top: .72rem;}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {text-align: left; left: 50%; transform: translateX(-50%); bottom: .5rem;width: 85%;}
.indexBanner .pagtion span {width: .15rem; height: .15rem; background: #FFFFFF; opacity: .2; font-size: var(--font22);   position: relative; display: inline-flex; align-items: center;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1;}

.indexOne {padding: 1rem 0; }
.indexOne .tle .txt {width: 41%;}
.indexOne .list {margin-top: .7rem; display: grid; grid-template-columns: repeat(3,1fr); gap: .54rem;}
.indexOne .item {margin-bottom: 1rem; background: #FFFFFF; padding: .4rem; padding-top: .3rem;}
.indexOne .item .icBox {width: .6rem; height: .6rem; margin-left: auto; display: flex; align-items: center; justify-content: center;}
.indexOne .item .icBox img {max-width: 100%;}
.indexOne .item h5 {margin-top: .2rem; color: #04376F; font-size: var(--font28); font-weight: 600;}
.indexOne .item .txt {margin-top: .5rem; color: #757575;}

.indexTwo {padding: 1rem 0; padding-top: 0; }
.indexTwo .item {display: flex; justify-content: space-between; }
.indexTwo .item:nth-child(even) {flex-direction: row-reverse; align-items: center;margin-top: -.5rem;}
.indexTwo .item .imgBox {width: 45%; border-radius: .24rem; overflow: hidden;}
.indexTwo .item .imgBox img {display: block; width: 100%; object-fit: cover; min-height: 5rem;}
.indexTwo .item .con {width: 45%;}
.indexTwo .item .con_item {margin-top: .4rem;}
.indexTwo .item h6 {font-size: var(--font20); font-weight: 600; color: #04376F; position: relative;}
.indexTwo .item h6::before {content: '•';margin-right: .1rem;}
.indexTwo .item p {padding-left: .3rem; color: #666;}
.indexTwo .more {margin-top: .6rem;}
.indexTwo .more a {display: inline-flex;background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), #04376F; color: #fff;}

.indexThre { }
.indexThre .imgBox {position: relative;}
.indexThre .imgBox img{display: block; width: 100%; object-fit: cover; min-height: 5rem;}
.indexThre .tle {position: absolute; z-index: 1; left: 50%; transform: translateX(-50%);top: 1rem;}
.indexThre .list {margin-top: calc(-3.2rem / 2); position: relative; z-index: 2;}
.indexThre .list ul {display: grid; grid-template-columns: repeat(5,1fr); gap: .25rem;}
.indexThre .list li {min-height: 3.2rem; padding: .3rem; top: 0; padding-bottom: .6rem; border-radius: .24rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF; position: relative; transition: .5s;}
.indexThre .list li .icBox {border-radius: .15rem; padding: .1rem; width: .48rem; height: .48rem; display: flex; align-items: center; justify-content: center;background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), rgba(4, 55, 111, 0.9608); transition: .5s;}
.indexThre .list li .icBox img {max-width: 100%;}
.indexThre .list li h5 {font-size: var(--font24); font-weight: 600; color: #0F172B; margin-top: .2rem; transition: .5s;}
.indexThre .list li .txt {margin-top: .1rem;font-size: var(--font14);color: #62748E;transition: .5s;}
.indexThre .list li .more {position: absolute; bottom: .3rem; left: .3rem; font-size: var(--font14); color: #1E3A8A;}
@media (any-hover: hover) {
    .indexThre .list li:hover {top: -.2rem;background: #04376F;box-shadow: 0px .25rem .5rem -.12rem rgba(0, 0, 0, 0.25);}
    .indexThre .list li:hover .icBox {background: #D6BD63;}
    .indexThre .list li:hover h5 {color: #fff;}
    .indexThre .list li:hover .txt {color: rgba(255, 255, 255, 0.7);}
    .indexThre .list li:hover .more {color: #fff;}
}

.indexFour {  padding: 1.5rem 0 1rem;}
.indexFour .box {margin-top: .6rem; display: flex; justify-content: space-between;}
.indexFour .left {margin-top: .3rem;}
.indexFour .swiperBox {width:83%; background: #fff; overflow: hidden; border-radius: .4rem; position: relative; z-index: 1;}
.indexFour .swiperBox::before {top: .4rem; left: .4rem; content: ''; width: 1rem;height: .8rem; position: absolute; z-index: -1; background: url(../images/indexFour-douhao.png) no-repeat center; background-size: contain;}
.indexFour .numlist {display: flex; flex-direction: column; row-gap: .6rem;}
.indexFour .num {font-size: var(--font50);font-weight: bold; line-height: 1.2;color: #3D3D3D; display: flex;align-items: center;}
.indexFour .num_txt {opacity: 0.8; font-size: var(--font18);}
.indexFour .slide {display: flex;}
.indexFour .slide .con {width: 58%; padding: .9rem; padding-top: .8rem; display: flex; flex-direction: column; justify-content: space-between;}
.indexFour .slide .con .text {color: #314158; font-size: var(--font24); line-height: 1.8;}
.indexFour .slide .con .name {font-size: var(--font20); font-weight: bold;}
.indexFour .slide .con .tag { color: #62748E;}
.indexFour .slide .imgBox {flex: 1;}
.indexFour .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
/* 箭头按钮 */
.indexFour .swjt {top: auto; right: auto; left: calc(58% - 1rem);  bottom: .9rem; width: .56rem; height: .56rem; border-radius: 50%; border: 1px solid #04376F; transition: .5s;}
.indexFour .swjt img {max-width: 100%;}
.indexFour .swjt i {font-size: var(--font24); color: #90A1B9;}
.indexFour .swjt.swiper-button-prev {left: calc(58% - 1rem); transform: translateX(-120%);}
.indexFour .swjt:active {background: #04376F;}
.indexFour .swjt:active i {color: #fff;}
@media (any-hover: hover) {
    .indexFour .swjt:hover {background: #04376F;} 
    .indexFour .swjt:hover i {color: #fff;}
}

.indexFive {background: url(../images/indexFive-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: .9rem 0 1.2rem;}
.indexFive .box .left{width: 64%;}

.indexFive .left .info{margin: .6rem 0 1.5rem;}
.indexFive .left .info dl dt{width: .04rem; height: .04rem; background: #fff; border-radius: 50%; margin-right: .14rem;}
.indexFive .left .info dl dd{flex: 1;}
.indexFive .contact-list dl:first-child{margin-right: .23rem;}
.indexFive .contact-list dl dt{width: .4rem;  height: .4rem;  background: #D6BD63;  border-radius: 20px 20px 20px 20px; border-radius: 50%; padding: .1rem; margin-right: .12rem;}
.indexFive .contact-list dl dt img{display: block; max-width: 100%;}
.indexFive .contact-list dl dd{flex: 1;}
.indexFive .contact-list dl dd em{color: rgba(255,255,255,0.7); display: block;}
.indexFive .contact-list dl dd a{font-weight: 700;}

.indexFive .box .right{width: 35%;  background: #fff;  border-radius: 0.2rem;  box-shadow: 0rem 0.25rem 0.5rem -0.12rem rgba(0,0,0,0.25); padding:  .36rem .4rem;}
.indexFive .box .right strong{display: block; margin-bottom: .3rem;}
#yzform dl{margin-bottom: .16rem;}
#yzform dl dt{color: #64748B; margin-bottom: .06rem;}
#yzform dl dd input{width: 100%; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: .12rem; font-size: var(--font14); color: #9CA3AF; height: .42rem; padding-left: .16rem;}
#yzform dl dd input::placeholder{color: #9CA3AF;}
#yzform dl .incode{position: relative;}
#yzform dl .incode img{position: absolute; top:0; right: .1rem; width: auto; height: 100%;}
#yzform button{ height: .44rem; background: #04376F;    box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);    border-radius:.04rem; width: 100%;}
#yzform p{color: #94A3B8; margin-top: .33rem;}


/*留学动态 */
.news-bg{padding: .83rem 0 2rem;}
.news-box{gap: .15rem;  grid-template-columns:34.85% 21.35% 41.5%; margin-top: 0.97rem;}
.news-left a{display: block;  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1), 0px 4px 6px -4px rgba(0,0,0,0.1); border-radius: .32rem; background: #fff;}
.news-left .pic{overflow: hidden; border-top-left-radius: .32rem; border-top-right-radius: .32rem;}
.news-left .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;}
.news-left .info{padding: .32rem;}
.news-left .info h4{color: #0F172B; margin-bottom: .24rem;}
.news-left .info .date i{font-size: var(--font14); color: #90A1B9; margin-right: .07rem;}
.news-left .info .date span{color: #90A1B9;}
.news-left .info .arrow{width: .32rem;  height: .32rem;  background: #F8FAFC;  border-radius: 50%; padding: .1rem;}
.news-left .info .arrow i{color: #90A1B9;}

.news-middle{padding: .32rem;   background: linear-gradient( 128deg, #D6BD63 0%, #E8B600 100%);   box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1), 0px 4px 6px -4px rgba(0,0,0,0.1);   border-radius: .32rem;}
.news-middle a{display: flex;align-items: stretch;flex-wrap: wrap;height: 100%;align-content: space-between;}
.news-middle .name em{display: inline-block;background: rgba(255,255,255,0.2);border-radius: 100px;padding: .08rem .16rem; margin-bottom: .24rem;}
.news-middle .more{width: 100%; transition: .6s;}
.news-middle .more span{color: rgba(255,255,255,0.8);}
.news-middle .more .arrow{width: .4rem;   height: .4rem;   background: #FFFFFF;   box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1), 0px 2px 4px -2px rgba(0,0,0,0.1);   border-radius: 50%; padding: .1rem;}
.news-middle .more .arrow i{color: #A58200; }
.news-list ul  {   display: flex;flex-direction: column;  height: 100%;  justify-content: space-between;}
.news-list ul li{padding: .16rem .15rem; background: rgba(255,255,255,0.53);  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1), 0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px -1px rgba(0,0,0,0.1);  border-radius: .16rem;}
.news-list ul li .pic{width: 22%; border-radius: .12rem;  margin-right: .42rem; overflow: hidden; }
.news-box .news-list ul li .pic{height: 1.12rem;}
.news-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.news-list ul li .info{flex: 1;}
.news-list ul li .info b{color: #1D293D; margin-bottom: .15rem;}
.news-list ul li .info span{color: #90A1B9; display: block;}
@media (any-hover: hover) {
    .news-left a:hover .pic img{transform: scale(1.1);}
    .news-left a:hover .info h4{color: #04376F;}
    .news-middle a:hover .more{transform: translateY(-.1rem);}
    .news-list ul li a:hover .pic img{transform: scale(1.1);}
    .news-list ul li a:hover .info b{color: #04376F;}
}

/* ====================================================================底部 */
.footer-bg{background: #0F172A;}
.footer-top{transform: translateY(-.57rem); background: url(../images/footer-bg2.webp) no-repeat center; background-size: cover;  padding:  .45rem.66rem; border: 1px solid rgba(255,255,255,0.1); border-radius: .2rem;}
.footer-top .info h2{font-weight: 800; display: block; margin-bottom: .03rem;}
.footer-top .info h3{color: rgba(255,255,255,0.8);}

.footer-logo a{height: 100%;}
.footer-logo img {max-width: 100%; max-height: .95rem; object-fit: contain; margin: 0 auto .27rem; display: block;}
.footer-nav {margin-bottom: .32rem;}
.footer-nav ul li{margin: 0 .25rem;}
.footer-share ul li{margin: 0 .1rem;}
.footer-share ul li  .icon{transition: .6s;  width: .4rem;   height: .4rem;  background: rgba(255,255,255,0.05);  border-radius: 50%; padding: .1rem;}
.footer-share ul li  .icon  img{display: block; max-width: 100%;}
.footer-copy{border-top: 1px solid rgba(255,255,255,0.1); margin-top: .2rem; padding: .3rem 0;} 
.footer-copy p,.footer-copy a{color: #62748E; transition: .6s;}
@media (any-hover: hover) {
    .footer-nav ul li a:hover{color: #D6BD63;}
    .footer-share ul li  .icon:hover {background: rgba(255,255,255,0.1); }
    .footer-copy a:hover{color: #fff;}
}

/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img,.ny-banner .pic img {display: block; width: 100%; min-height: 4.5rem; height: 100%; object-fit: cover;}
.ny-banner .info{width: 100%;}
.ny-banner .info h1{display: block;}
.ny-banner .info h2{display: block;}


.banner-bottom{background: rgba(0,0,0,0.31); position: absolute; bottom: 0; left: 0; width: 100%; }
.banner-class ul li{margin: 0 .2rem;}
.banner-class ul li a{display: inline-block; padding: .24rem .46rem; transition: .6s;}
.banner-class ul li:hover a{background: #D6BD63;}


/* 内页关于我们 */
.aboutMain{ padding: .8rem 0 2.5rem;}
.indexTle h5{color: #757575; width: 53.14%; margin: .27rem auto 0;}
.brand .indexOne{padding: 0;}
.brand .indexOne .list{grid-template-columns: repeat(4, 1fr); gap: .27rem;}
.brand .indexOne .item {margin-bottom: 0; background: #FFFFFF;padding: .29rem .2rem .42rem;}
.brand .indexOne .item h5 {margin-top: -.4rem;}
.brand .indexOne .item .txt {margin-top: 0.72rem;}
.brand .indexOne .item .txt b{display: block; color: #313131; margin-bottom: .04rem;}

.story{padding: 1.33rem 0 .3rem;}
.story .info{width: 44.85%;}
.story .info .list{margin-top: .55rem;}
.story .info .list dl{margin-bottom: .42rem;}
.story .info .list dl:last-child{margin-bottom: 0;}
.story .info .list dl dt{width: .42rem; height: .42rem;display: flex; align-items: center; justify-content: center; margin-right: .4rem;}
.story .info .list dl dt img{display: block; max-width: 100%;}
.story .info .list dl dd{flex: 1;}
.story .info .list dl dd h4{color: #04376F; font-weight: bold;}
.story .info .list dl dd p{color: #757575;}
.story .pic{width: 50%; border-radius: .2rem; overflow: hidden; margin-top: .42rem;}
.story .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}

.values{padding:  0 0 1.6rem;}
.values ul li:first-child{margin-bottom: .42rem; flex-direction: row-reverse;}
.values ul li .info{width: 44.85%;}
.values ul li .info h4{color: #04376F; font-weight: bold; margin-bottom: .4rem;}
.values ul li .info h5{color: #313131; font-weight: bold;}
.values ul li .info h6{color: #757575;}
.values ul li .item{margin-top: .74rem;}
.values ul li .item b{color: #04376F; font-weight: bold; margin-bottom: .15rem; display: block;}
.values ul li .item dl dt{display: inline-block;background: #DDEEFF;border-radius: 100px;color: #04376F;padding: .08rem .25rem; margin-right: .3rem;}
.values ul li .item dl dt:last-child{margin-right: 0;}
.values ul li .text {gap: .68rem .2rem;}


.values ul li .pic{width: 50%; border-radius: .2rem; overflow: hidden; }
.values ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; min-height: 4rem;}


.group-bg{background: url(../images/group-bg.webp) no-repeat center; background-size: cover; padding: 1.2rem 0 1.96rem; margin-bottom: .77rem;}
.group-box { align-items: flex-end;}
.group-box .info{width: 45.5%;}
.group-box .info h4{margin-bottom: .53rem;}
.group-box .info dl{background: #F9F9F9; border-radius: .1rem; margin-bottom: .34rem; padding: .4rem 0.3rem .38rem;}
.group-box .info dl:last-child{margin-bottom: 0;}
.group-box .info dl dt{width: .51rem; height: .51rem; display: flex; align-items: center; justify-content: center; margin-right: 0.26rem;}
.group-box .info dl dt img{display: block; max-width: 100%;}
.group-box .info dl dd {flex: 1;}
.group-box .info dl dd strong{color: #3D3D3D;}
.group-box .info dl dd p{color: #757575;}
.group-right{width: 50%; background: #F4F9FF; border-radius: .23rem; padding: .91rem 0.4rem .84rem;}
.group-right .pic{width: 73%; margin-bottom: .23rem;}
.group-right .pic img{display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;}
.group-right .text div{border-right: 1px solid  #D8D8D8; padding-right: .28rem;}
.group-right .text b{color: #3D3D3D; display: block; line-height: 1;}
.group-right .text span{color: #3D3D3D;}
.group-right .text em{color: #3D3D3D; margin-left: .4rem;}
.group-right dl{border-top: 1px solid #D8D8D8; margin-top: .45rem; padding-top: 0.06rem;}
.group-right dl dd{display: inline-block;background: #DDEEFF;border-radius: 100px;color: #04376F;padding: .08rem .25rem; margin-right: .15rem;}
.group-right dl dd:last-child{margin-right: 0;}


.honor-list{position: relative; margin:.85rem 0 0; overflow: hidden;}
.honor-list ul li .pic{overflow: hidden; display: flex; align-items: center; justify-content: center;}
.honor-list ul li .pic  img{display: block; width: 100%; height: 100%; object-fit: contain;}
.honor-box{position: relative; padding-bottom: .88rem;}
.honor-list .swjt{opacity: .2;}
.honor-list .swjt img{display: block; width: .28rem; }
#honor-prev{left: 7.6%;}
#honor-next{right: 7.6%;}
#honor-next img{transform: rotate(180deg);}
.honor-list .swjt:hover{opacity: 1;}
#honor-num{bottom: 0;}
#honor-num span{width: .15rem; height: .15rem; background: rgba(4, 55, 111, .2); opacity: 1;}
#honor-num .swiper-pagination-bullet-active{background: #04376F;}



/* 内页留学项目 */
.ny-banner .text {top: 73%;}
.ny-banner .text h1{line-height: 1.1;}
.ny-banner .text h2{display: block; margin-top: .2rem;}

.Mainbg{background: #F5F9FF; }
.abroad{padding: .8rem 0 2.03rem; }
.abroad-list{margin-top: .75rem;}
.abroad-list ul{gap: .19rem;}
.abroad-list ul li{background: #FFFFFF; padding: .53rem .3rem;  position: relative;}
.abroad-list ul li::after{position: absolute; content: ''; width: 0; height: 100%; top:0; left: 0; z-index: 1; background: #04376F; transition: .6s;}
.abroad-list ul li .icon{position: relative; z-index: 3; width: .67rem;   height: .67rem;   background: #F1F1F1;   border-radius: .11rem; padding: .1rem; margin-bottom: .5rem;}
.abroad-list ul li .icon img{display: block; max-width: 100%;}
.abroad-list ul li strong{position: relative; z-index: 3; color: #1A1A1A; display: block; margin-bottom: .32rem;}
.abroad-list ul li p{position: relative; z-index: 3; color: #757575;}
.abroad-bg{background: url(../images/abroad-bg.webp) no-repeat center; background-size: cover; padding: 2rem 0 .6rem;}
.abroad-top{margin-bottom: 1.92rem;}
.abroad-top em{ display: block;}
.abroad-top strong{font-size: 1.5rem; display: block; line-height: 1; margin-bottom: .16rem;}
.abroad-top p{color: rgba(255, 255, 255, 0.3);}
.abroad-num ul li{text-align: center;}
.abroad-num ul li .num{ font-size: .72rem; color: #FFFFFF; font-weight: bold; line-height: 1; margin-bottom: .09rem;}


@media (any-hover: hover) {
	.abroad-list ul li:hover::after{width: 100%;}
	.abroad-list ul li:hover .icon{background: #D6BD63;}
	.abroad-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	.abroad-list ul li:hover strong{color: #FFFFFF;}
	.abroad-list ul li:hover p{color: #FFFFFF;}
	
}

.solution-bg{padding: 1.22rem 0 1.47rem; background: #E2E9FC;}
.solution-box{align-items: flex-end;}
.solution-box .info{width: 48%;}
.solution-box .info dl{margin-bottom: .28rem;}
.solution-box .info dl:last-child{margin-bottom: 0;}
.solution-box .info dl dt{width: .67rem;  height: .67rem;  background: #DEECFD;  border-radius: .11rem; margin-right: .3rem;}
.solution-box .info dl dt img{display: block; max-width: 100%;}
.solution-box .info dl dd{flex:1}
.solution-box .info dl dd h4{color: #292929; font-weight: bold; display: block; margin-bottom: .05rem;}
.solution-box .info dl dd p{color: #6C6C6C;}
.solution-box .pic{width: 50%; border-radius: .2rem; overflow: hidden; position: relative;}
.solution-box .pic img{display: block; width: 100%; height: 100%; object-fit: cover; min-height: 4.5rem;}
.solution-box .text{position: absolute; bottom: .4rem; padding: 0 .42rem;}
.solution-box .text strong{display: block; margin-bottom: .15rem;}

.product{padding: .89rem 0 1.3rem;}
.product .indexTle {margin-bottom: .52rem;}
.product-btn{width: 55.58%; margin: 0 auto .97rem; height: .7rem; background: #fff; border-radius: 2.1875rem; position: sticky; top: 1.2rem; }
.product-btn ul{height: 100%;}
.product-btn ul li a{height: 100%; transition: .6s;}
.product-btn ul li em{color: #232323; font-size: var(--font18);}
.product-btn ul li.on a,.product-btn ul li a.active {background: #D6BD63; border-radius: 2.1875rem;}
.product-btn ul li.on em,.product-btn ul li a.active em{color: #ffffff; font-weight: 700;}

@media (any-hover: hover) {
  .product-btn ul li:hover a{background: #D6BD63; border-radius: 2.1875rem;}
  .product-btn ul li:hover em{color: #ffffff; font-weight: 700;}
}



.product-list ul li{margin-bottom: .62rem;}
.product-list ul li .pic{border-radius: .3rem; overflow: hidden; width: 47.21%;}
.product-list ul li .pic img{display: block; width: 100%; height: 100%; overflow: hidden; min-height: 4rem;}
.product-list ul li .info{width: 42.35%;display: flex;flex-direction: column;justify-content: center;}


.product-list ul li:nth-of-type(odd) .info{margin-right: 4.7%;}
.product-list ul li:nth-of-type(even) .product-box{flex-direction: row-reverse;}
.product-list ul li:nth-of-type(even) .info{margin-left: 3.71%;}

.product-list ul li .name{align-items: flex-end; margin-bottom: .2rem;}
.product-list ul li .name strong{display: block; line-height: 1;}
.product-list ul li .name em{display: block; line-height: 1; color: #6982A1; margin-left: .1rem;}
.product-list ul li .info h4{color: #3D3D3D; display: block; margin-bottom: .15rem;}
.product-list ul li .info i{display: block; width: .25rem;    height: .05rem;    background: #04376F; margin-bottom: .2rem;   border-radius: 231px 231px 231px 231px;}
.product-list ul li .info h5{color: #575757; margin-bottom: 1.1rem;}
.product-list ul li .info dl dd{   background: #CEE4FF;   border-radius: 239px 239px 239px 239px;   border: 1px solid #A6D2FF;   color: #04376F;   display: block;  padding: .09rem .22rem; margin-right: .1rem;}

.abroad-ys-bg{background: url(../images/abroad-ys-bg.webp) no-repeat center; background-size: cover; padding:.75rem 0 1rem;}
.abroad-ys {margin-top: .6rem;}
.abroad-ys ul{display: grid; grid-template-columns:31.92% 16% 14.42% 31.92%; gap: .2rem;  grid-template-rows:3.67rem 3.67rem;}
.abroad-ys ul li{background: #0050A2; border-radius: .16rem; padding: .5rem 6% 0;}
.abroad-ys ul li.bg-yellow{background: #D6BD63;}
@media (min-width: 992px) { 
.abroad-ys ul li.item1{grid-column-start: 1;grid-column-end: span 2;}
.abroad-ys ul li.item2{grid-column-start: 3;grid-column-end: span 2;}
.abroad-ys ul li.item4{grid-column-start: 2; grid-column-end: span 2;}
}

.abroad-ys ul li .ys-top{border-bottom: 1px solid rgba(255,255,255,0.36); padding-bottom: .18rem;}
.abroad-ys ul li .name strong{display: block;}
.abroad-ys ul li .icon{width: .58rem;   height: .58rem;  }
.abroad-ys ul li .icon img{display: block; max-width: 100%;}
.abroad-ys ul li.item1 .ys-top,.abroad-ys ul li.item2 .ys-top{margin-bottom: .54rem;}
.abroad-ys ul li.item1 .info dl dt{margin-bottom: .1rem;}
.abroad-ys ul li.item1 .info dl dd{opacity: .8;}
.abroad-ys ul li.item1 .info{gap: .6rem;}
.abroad-ys ul li.item2 .info dl dt{margin-bottom: .1rem;}
.abroad-ys ul li.item2 .info dl dd{opacity: .8;}
.abroad-ys ul li.item2 .text span{width: .04rem; height: .04rem; background: #fff; border-radius: 50%; margin-right: .13rem;}
.abroad-ys ul li.item2 .text em{flex:1; opacity: .8;}
.abroad-ys ul li.item3 .ys-top{margin-bottom: .35rem;}
.abroad-ys ul li.item4 .ys-top,.abroad-ys ul li.item5 .ys-top{margin-bottom: .18rem;}
.abroad-ys ul li.item3 .info dl dt{width: .04rem; height: .04rem; background: #fff; border-radius: 50%; margin-right: .13rem;}
.abroad-ys ul li.item3 .info dl dd{flex:1}
.abroad-ys ul li.item4 dl,.abroad-ys ul li.item5 dl{margin-bottom: .15rem;}
.abroad-ys ul li.item4 dl dd,.abroad-ys ul li.item5 dl dd{opacity: .8;}

.school{padding: 1.1rem 0 1.45rem;}
.school-list{margin-top: .67rem;}
.school-list ul{gap:.27rem;}
.school-list ul li{background: rgba(255,255,255,0.8); border-radius: .08rem; padding: .43rem .2rem 0; height: 5.17rem;}
.school-list ul li .info{border-bottom: 1px solid rgba(216,216,216,0.37); padding-bottom: .23rem; margin-bottom: .35rem;}
.school-list ul li .icon{width: 1.05rem; height: 1.21rem; margin-right: .18rem; display: flex; align-items: center; justify-content: center;}
.school-list ul li .icon img{display: block; max-width: 100%;}
.school-list ul li .name{flex: 1;}
.school-list ul li .name strong{display: block; color: #3D3D3D;}
.school-list ul li .name span{display: block; color: #A5A5A5; line-height: 1; margin-bottom: .03rem;}
.school-list ul li .name em{display: block; color: #0050A2;}
.school-list ul li .text{padding: 0 .17rem;}
.school-list ul li .text dl{margin-bottom: .27rem;}
.school-list ul li .text dl dt{color: #04376F;}
.school-list ul li .text dl dd{color: #464646;}


/* 内页服务流程 */
.ny-banner .name{top: 45%;}
.ny-banner .info em{display: block; line-height: 1.2;}
.ny-banner .info i{display: block; width: .29rem; height: .06rem; background: #D6BD63; border-radius: 173px 173px 173px 173px; margin: .1rem auto .24rem;}
.serviceMain{ padding-bottom: 1.13rem;}
.service-btn{margin-bottom: .87rem;}
.service-btn ul{    justify-content: space-evenly;}
.service-btn ul li{cursor: pointer;}
.service-btn ul li .icon{width: .31rem; height: .31rem; margin-right: .06rem;}
.service-btn ul li .icon img{display: block; max-width: 100%;}
.service-btn ul li h3{color: #8A8A8A;}
.service-btn ul li.active h3{color: #04376F; font-weight: bold;}
.service-btn ul li.active .icon img{filter: brightness(0) saturate(100%) invert(79%) sepia(21%) saturate(662%) hue-rotate(355deg) brightness(92%) contrast(84%);}
.service{background: #fff;border-radius: .27rem;padding: .9rem 0 1.07rem;margin-top: -1.9rem;position: relative;}
.service-box ul { display: none;}
.service-box ul.show { display: block;}
.service-list{position: relative;}
.service-list::after{position: absolute; content: ''; top: 16%;  width: 100%; height: 1px; background: #D8D8D8; z-index: 0;}
.service-list dl{text-align: center; position: relative; z-index: 1;}
.service-list dl dt{display: flex; flex-direction:column; align-items: center;}
.service-list dl dt .icon{width: .9rem;  height: .9rem;  background: #04376F; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: .1rem; margin-bottom: .3rem;}
.service-list dl dt .icon img{display: block; max-width: 100%;}
.service-list dl dt strong{display: block; color: #3D3D3D;}
.service-list dl dt p{display: block; color: #818181; margin-bottom: .5rem;}
.service-list dl dt b{display: block; color: #DCDCDC;}


/* 内页升学申请 */
.admissionMain .indexFive{padding: 2.85rem 0 2.22rem;}
.indexFive .indexTle span{opacity: .8;}
.footer-bg2{padding: .79rem 0 0;}


/* 内页留学动态 */
.newsMain{padding: 0 0 2rem;}
.newsMain .news-left{padding: .86rem 0;}
.newsMain .news-left ul{gap: .25rem;}
.newsMain .news-list ul li{margin-bottom: .29rem;}



/* 新闻详情页 */
.newsxqMain{padding: 0.4rem 0 0.9rem;}
.newsxqMain .position{margin-bottom: 0.35rem;}
.newsxqMain .position img{display: block;  width: 0.19rem;}
.newsxqMain .position span,.newsxqMain.position a{color: #9C9C9C;}
.newsxqMain .position a{margin:  0 0.1rem;}
@media (any-hover: hover) {
    .newsxqMain .position a:hover{color: #04376F;}
}
.newsxq-box{align-items: flex-start;}
.newsxq-left{width: 70%;}
.newsxq-bg{background: #fff; border-radius: 0.1rem; padding: 0.7rem 0.48rem;}
.newsxq-title{border-bottom: 0.01rem solid #D8D8D8; padding-bottom: 0.26rem; margin-bottom: 0.26rem;}
.newsxq-title h1{font-weight: 500; display: block; margin-bottom: 0.1rem;}
.newsxq-title span{color: #777777;}
.newxq-arrow{margin-top: 0.47rem;}
.newxq-arrow a{transition: .6s;}
.newxq-arrow .icon{width: 0.5rem;   height: 0.5rem;   background: #D8D8D8;   border-radius: 0.1rem; display: flex; align-items: center; justify-content: center; transition: .6s;}
.newxq-arrow .icon img{width: 0.16rem;}
.newxq-arrow em{margin-left: 0.18rem;}

.newxq-arrow .newsxq-next img{transform: rotate(180deg);}
.newxq-arrow .newsxq-next em{margin-right: 0.18rem;}

@media (any-hover: hover) {
.newxq-arrow a:hover .icon{background: #04376F; color: #fff;}
.newxq-arrow a:hover .icon img{filter: brightness(100); -webkit-filter:brightness(100);}
}

.newsxq-right{width: 25%; padding: 0.45rem 0.36rem 0.6rem; background: #fff; border-radius: 0.1rem; position: sticky; top: 1rem;}
.newsxq-right strong{display: block; margin-bottom: 0.4rem;}
.recom-list ul li{margin-bottom: 0.15rem; border-radius: 0.1rem;}
.recom-list ul li .pic{width: 43%; overflow: hidden; border-radius: 0.1rem;}
.recom-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-list ul li .info{width: 51%;}
.recom-list ul li .info h2{color: #3D3D3D;}

@media (any-hover: hover) {
.recom-list ul li:hover .pic img{transform: scale(1.1);}
.recom-list ul li:hover .info h2{color: #04376F;}
}



/* 内页联系我们 */
.ny-contact{padding: .95rem 0 1.16rem; display:none}
.ny-contact h2{display: block; margin-bottom: .74rem;}
.nycontact-list ul{gap: .2rem;}
.nycontact-list ul li{background: #FFFFFF; padding:  .54rem .45rem .2rem;}
.nycontact-list ul li h3{display: block; margin-bottom: .7rem;}
.nycontact-list dl{display: flex; margin-bottom: .11rem; align-items: center;}
.nycontact-list dl dt{width: .22rem; height: .23rem; display: flex; align-items: center; justify-content: center; margin-right: .06rem;}
.nycontact-list dl dt img{display: block; max-width: 100%;}
.nycontact-list dl dd{flex:1;}
.nycontact-list dl dd,.nycontact-list dl dd a{color: #3D3D3D;}

@media (any-hover: hover) {
  .nycontact-list dl dd a:hover{color: #04376F;}
}

.contact-map{height: 7.24rem; position: relative;}
.contact-map>img{display: block; width: 100%; height: 100%; object-fit: cover;}
.maps-cirle {position: absolute;top: 43%;left: 47.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: .18rem; height: .18rem; border-radius: 50%; display: block;background: #D6BD63; position: relative; z-index: 2;}
.maps-cirle::after {background: #D6BD63; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}

.maps{position: absolute;left: 61.1%;top: 46%;transform: translate(-50%, -50%);background: #fff;border-radius: .12rem;width: 4.05rem;padding: .3rem .2rem .28rem;}
.maps::after{position: absolute;content: '';background: url(../images/map-arrow.png) no-repeat left top;width: .2rem;height: .25rem;top: 40%;left: -.19rem;transform: translateY(-50%);background-size: contain;}
.maps h2{display: block; margin-bottom: .18rem;}
.maps dl{display: flex; align-items: center; margin-bottom: .1rem;}

.maps dl dt{width: .2rem; height: .21rem; display: flex; align-items: center; justify-content: center; margin-right: .15rem;}
.maps dl dt img{display: block; max-width: 100%;}
.maps dl dd{color: #3D3D3D;}
.maps dl dd a{color: #3D3D3D;}
.map-link{margin-top: .42rem;}
.map-link img{display: block; margin-right: .1rem; width: .2rem;}
.map-link em{color: #3D3D3D; text-decoration: underline;}
@media (any-hover: hover) {
  .map-link a:hover em{color: #04376F;}
}


.email img{height: .3rem;}