body{
    background: #f8f8f8;
}
#nav_btn .navbtn,
#nav_btn .navbtn::after, #nav_btn .navbtn::before,
.m_header_box header,
#header.xg{
    background:#cba77e;
}
.rightFix h3{
    background: url(../images/nav-r-o.jpg) no-repeat center / cover;
}
.btn-hover {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin-top: 50px;
    height: 55px;
    text-align: center;
    border: 0;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
;}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
;}

.btn-hover:focus {
    outline: 0
;}

.btn-hover.color-9 {
    background-image: linear-gradient(to right, #cba77e, #cd9f6a, #cca375, #c79358);
    box-shadow: 0 4px 10px 0 rgba(109, 98, 72, 0.25)
;}
.center{
    display: block;
    text-align: center;
}
.home11-t .title h3{
    display: inline-block;
    margin:0 auto;
    color:#cba77e;
    padding:.5rem 0 .2rem 0;
    border-bottom:1px solid #cba77e;
}
.home11-t li .img{
    background:none;
}
.home11-t .address h3{
    padding-left:.3rem;
    background:url(../images/address.svg) left center no-repeat;
    background-size:.18rem;
}
.home11-t .phone h3{
    padding-left:.3rem;
    background:url(../images/phone.svg) left center no-repeat;
    background-size:.18rem;
}
.overhi{
    overflow:hidden;
}

.header_box_li #header::before{
    /* background: url(../images/banner-shadow.svg) center top / 100% 100% repeat-x; */
    background:none;
}
.space-top{
    padding-top:.8rem;
}
.w1200{
    position: relative;
    padding: 0px;
    transition: all 0.5s;
    margin: 0px 4.95rem;
    max-width: 94%;
}
.footer::after{
    background:#cba77e;
}

.swiper-box1 .swiper-slide::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    background: url(../images/headbg.png) center top / 100% 100% repeat-x;
    background-size:100%;
    z-index:8;
}
.swiper-box1 .texts .w1200{
    height:auto;
    flex-direction: column;
    color:#fff;
    padding-left:0.6rem;
    border-left:3px solid #eae599;
    margin:0;
}
.swiper-box1 .texts{
    position: absolute;
    left:10%;
    right:10%;
    top:30%;
    z-index:9;
}
.swiper-box1 .texts h2{
    font-size:.6rem;
    line-height:1.2;
}
.swiper-box1 .texts p{
    margin-top:.2rem;
    font-size:.18rem;
    font-family: emoji;
    line-height: 1.2;
    text-transform: capitalize;
}
.banner-nav{
    position: relative;
    width:50%;
    font-size: .2rem;
    margin:0 auto;
    display: flex;
    transform: translateY(-50%);
    z-index:2;
}
.banner-nav a{
    flex:1 1 0;
    box-shadow:0 4px 10px rgba(0,0,0,.2);
    background:#fff;
    border-radius:.1rem;
    text-align: center;
    margin:0 .1rem;
    font-size:.2.5rem;
    line-height:4;
    color:#333;
}
.banner-nav a.active{
    background:#cba77e;
    color:#fff;
    font-weight: bold;
}

.banner .arrows{
    position: absolute;
    top:50%;
    left:0;
    right:0;
    z-index:3;
}
.banner .arrow{
    position: absolute;
    left:.2rem;
    width:.6rem;
    height:.6rem;
    background:url(../images/arrow-left.png) center center no-repeat;
    background-size:.5rem;
    opacity:.6;
    cursor: pointer;
    border:0;
    outline: 0;
}
.banner .arrow:hover{
    opacity:1;
}
.banner .arrow.arrow-right{
    transform:rotate(180deg);
    left:auto;
    right:.2rem;
}
.banner .arrow::before,
.banner .arrow::after{
    content:"";
}

.title-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.title-main h2 {
    font-size: 32px;
    color: #B89B74;
    line-height: 1.2;
    margin: 0;
    font-weight: normal;
}

.title-main p {
    font-size: 30px;
    font-weight: 600;
    color: #333;
    margin: 10px 0 0 0;
    position: relative;
    padding-bottom: 15px;
}

.title-main p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 2px;
    background: #ccc;
}

.more {
    padding:.1rem;
    color: #ccc;
    text-decoration: underline;
}
.more:hover{
    padding:.1rem;
    box-shadow:0 4px 10px rgba(0, 0, 0, .1);
}


/* 新闻区域样式 */
.news-grid {
    display: grid;
    grid-template-columns: 1.8fr 1.1fr 1.1fr;
    gap: 30px;
}

.news-item {
    background: #fff;
    border-radius: 8px; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    overflow: hidden; 
}

.news-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.news-item.large {
    grid-column: 1 / 2;
    height: 100%; 
}
.news-item.large .news-content p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item .news-img {
    width: 100%;
    height: 240px; 
    overflow: hidden;
}

.news-item.large .news-img {
    height: 350px;
}

.news-item .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.news-item:hover .news-img img {
    transform: scale(1.08);
}

.news-content {
    padding: 24px;
}

.news-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: #333;
    line-height: 1.4;
}

.news-content p {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item:not(.large) {
    display: flex;
    flex-direction: column;
}

.news-item:not(.large) .news-img {
    height: 250px; /* 右侧小图片高度调整 */
}

/* 响应式调整 */
@media (max-width: 768px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    .news-item.large {
        grid-column: auto;
        grid-row: auto;
    }
    
    .news-item .news-img,
    .news-item.large .news-img {
        height: 220px;
    }
}

.overseas-content {
    display: flex;
    gap: 30px;
    margin-top:.5rem;
}

.overseas-left {
    flex: 0 0 50%;
    overflow: hidden;
}

.overseas-left img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.overseas-right {
    flex: 1;
}

.study-item {
    margin-bottom: 11px;
    padding:30px;
    background: #efefef;
    border-radius: 0.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 30%;
}

.study-item.active {
    background: #cba77e;
    color: #fff;
    border-radius:.1rem;
}
.study-item.active h3,
.study-item.active h3 span,
.study-item.active p{
    color:#fff;
}

.study-item h3 {
    font-size: .3rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    color:#919191;
}

.study-item h3 span {
    font-size: 14px;
    opacity: 0.8;
    margin-left: 10px;
    color:#919191;
}

.study-item p {
    font-size:.17rem;
    line-height: 1.6;
    margin: 0;
    display: none;
    color:#919191;
}
.study-item.active p{
    display: block;
}


.features-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    
    align-items: center;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #e9e9e9;
    text-align: center;
    padding:0 0 .5rem 0;
    height: 100%;
    border: 2px solid #eee;
}

.feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.feature-item.active .feature-img{
    display: block;
}
.feature-img{
    display: none;
    margin-bottom:.5rem;
}

.feature-icon {
    margin-bottom: 20px;
}

.feature-icon img {
    width: 50px;
    height: 50px;
    transition: transform 0.3s ease;
}

.feature-item:hover .feature-icon img {
    transform: scale(1.1);
}

.feature-text{
    padding:0 .4rem;
}
.feature-text h3 {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.feature-text p {
    font-size: .1rem;
    color: #999;
    margin: 0;
    line-height: 1.4;
}


.feature-content {
    padding: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}



/* 证书案例 */
.certificate-container {
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    position: relative;
}

.certificate-wrapper {
    display: flex;
    animation: certificateScroll 30s linear infinite;
}

.certificate-wrapper:hover {
    animation-play-state: paused;
}

.certificate-item {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
}

.certificate-item:hover {
    transform: translateY(-.2rem);
    filter: brightness(1.05);
}

.certificate-img {
    width: 100%;
    height: 400px;
    margin-bottom: 0px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.certificate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}


.certificate-info {
    text-align: center;
}

.certificate-rank {
    font-size: 18px;
    color: #B89B74;
    margin-bottom: 5px;
}

.certificate-school {
    font-size: 14px;
    color: #666;
}

.certificate-school-en {
    font-size: 12px;
    color: #999;
}

/* 无缝滚动动画 */
@keyframes certificateScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-300px * 5 - 30px * 5)); /* 5个项目的总宽度和间距 */
    }
}


/* 学子风采 */
.scholar-section {
    position: relative;
    margin-right:4.95rem;
    overflow-x: hidden;
}

.scholar-title {
    flex: 0 0 auto;
}

.scholar-title h2 {
    font-size: 32px;
    color: #B89B74;
    line-height: 1.2;
    margin: 0;
    font-weight: normal;
}

.scholar-title p {
    font-size: 24px;
    color: #333;
    margin: 10px 0 0 0;
    position: relative;
    padding-bottom: 10px;
}

.scholar-title p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #B89B74;
}

.scholar-content {
    flex: 1;
    display: flex;
    position: relative;
}

.scholar-image {
    flex: 0 0 50%;
    overflow: hidden;
}

.scholar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.scholar-content:hover .scholar-image img {
    transform: scale(1.05);
}

.scholar-info {
    flex: 0 0 50%;
    padding: 90px;
    position: absolute;
    left: 40%;
    bottom: -2rem;
    background: #efefef;
    border-radius: 0.1rem;
}
.scholar-swiper{
    position: relative;
    padding-bottom:3.5rem;
}
.home-show .title-main{
    text-align: right;
    position:absolute;
    top:0;
    right:0;
    z-index:4;
}
.home-show .title-main p:after{
    left:auto;
    right:0;
}
.home-show a.more{
    display: inline-block;
    margin-top:.1rem;
}
.tag {
    display: inline-block;
    padding: .1rem .2rem;
    background: #B89B74;
    color: #fff;
    font-size: .2rem;
    border-radius: 1rem;
    margin-bottom: 20px;
    position: absolute;
    right:0;
    top:0;
    transform:translateY(-50%);
}

.scholar-info h3 {
    font-size: .3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 10px 0;
}

.college {
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-top:.15rem;
    padding-bottom: .05rem;
    margin-bottom: 20px;
    position:relative;
}
.college::after{
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#999;
}

.scholar-text {
    color: #666;
    line-height: 1.8;
    font-size: 14px;
}

.scholar-text p {
    margin: 0 0 10px 0;
}

.scholar-swiper .scholar-dots {
    position: absolute;
    bottom: 3rem;
    width: 45%;
    left: 0;
    display: flex;
    gap: 8px;
    z-index: 8;
    justify-content: center;
}

.scholar-swiper .scholar-dots .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background: #B89B74;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: .3;
}

.scholar-swiper .scholar-dots .swiper-pagination-bullet-active {
    background: #B89B74;
    width: 40px;
    opacity: 1;
}


.unis-content {
    position: relative;
    display: flex;
    align-items: center;
    background:url(../images/ku-bg.svg) #fff center center no-repeat;
    background-size:30%;
    margin: 0.3rem 0.1rem;
    padding: 40px;
    border-radius: 0.2rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.unis-wrapper{
    display: flex;
    align-items: center;
    overflow:hidden;
}

.unis-prev,
.unis-next {
    flex: 0 0 auto;
    padding: 10px;
    color: #B89B74;
    font-size: 20px;
    transition: all 0.3s ease;
    position: absolute;
    left:.1rem;
    top:50%;
    transform:translateY(-50%);
    cursor: pointer;
    z-index:2;
}
.unis-next{
    left:auto;
    right:.1rem;
}
.unis-prev i,
.unis-next i{
    display: block;
    width:.4rem;
    height:.4rem;
    background:url(../images/arrow-left.svg) center center no-repeat;
    background-size:.35rem;
    left:1rem;
}
.unis-next i{
    right:1rem;
    transform: rotate(180deg);
}
.unis-list {
    flex: 1;
    overflow: hidden;
    margin: 0 20px;
}

.unis-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.uni-item {
    text-align: center;
    padding: .2rem;
    transition: all 0.3s ease;
}

.uni-item:hover {
    transform: translateY(-5px);
}

.uni-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 15px;
}

.uni-item p {
    margin: 0;
    font-size: 16px;
    color: #333;
}
@media (min-width: 1900px) {
    .w1200{
        margin:0 3rem;
    }
    .scholar-section{
        margin-right:3rem;
    }
}
@media (max-width: 1600px) {
    .w1200{
        margin:0 3rem;
    }
    .scholar-section{
        margin-right: 3rem;
    }
}

@media (max-width: 1400px) {
    .w1200{
        margin:0 1.2rem;
    }
    .scholar-section{
        margin-right: 1.2rem;
    }
    .scholar-info{
        bottom:-3rem;
    }
}


/* 响应式布局 */
@media (max-width: 1200px) {
    .w1200{
        margin:0 .7rem;
    }
    .scholar-section{
        margin-right: .7rem;
    }
    .features-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .feature-large {
        grid-column: span 3;
    }
    .scholar-section {
        flex-direction: column;
        gap: 30px;
    }
    
    .scholar-content {
        flex-direction: column;
    }
    .scholar-image {
        flex: 0 0 300px;
    }
    .scholar-info h3{
        font-size:.3rem;
    }
    .tag{
        font-size:.2rem;
    }
    .home11-t li h3{
        font-size:.2rem;
    }
    .home11-t li p{
        font-size:.15rem;
    }
    .fot-1{
        width:40%;
    }
}

@media (max-width: 768px) {
    .unis-title,
    .w1200 {
        width: 100%;
        max-width:100%;
        padding: 0 20px;
        margin:0;
    }
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .feature-large {
        grid-column: span 2;
    }
    .swiper-box1 .texts .w1200{
        padding-left:.2rem;
    }
    .swiper-box1 .texts h2{
        font-size:.25rem;
    }
    .swiper-box1 .texts p{
        font-size:.1rem;
    }
    .banner-nav{
        width:85%;
    }
    .space-top{
        padding-top:.6rem;
    }
    .scholar-info,
    .scholar-image,
    .overseas-left{
        flex:0 0 100%;
    }
    .overseas-content{
        flex-direction: column;
    }
    .scholar-section{
        margin-right:0;
    }
    .scholar-swiper{
        padding-top:2rem;
        padding-bottom:1rem;
    }
    .scholar-swiper .swiper-wrapper{
        margin-top:.6rem;
    }
    .scholar-info{
        position: static;
        padding:30px 20px;
    }
    .home-show .title-main{
        text-align: left;
        right:auto;
        left:.2rem;
    }
    .home-show .title-main p:after{
        left:0;
        right:auto;
    }
    .scholar-swiper .scholar-dots{
        bottom:.5rem;
    }
    .unis-content{
        padding:.1rem;
    }
    .unis-grid{
        grid-template-columns: repeat(5, 1fr);
        gap: .1rem;
    }
    .uni-item{
        padding:.1rem;
    }
    .unis-prev, .unis-next,
    .uni-item p{
        display: none;
    }
    .fot-1{
        width:100%;
    }
}