body{
    /* min-width: 768px; */
    /* max-width: 1920px; */
    padding-top: 80px;
    scroll-behavior: smooth;
}
body, a{
    color: #0000A8;
    border-color: #0000A8;
    font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', 'Noto Sans CJK SC', Arial, Helvetica, sans-serif;
    font-weight: 900;
}
a:hover, a:link, a:visited, a:active{
    color: #0000A8;
    cursor: pointer;
}
/* body.mobile{width: calc(100% - 16px);} */

.max1920{max-width: 1920px; overflow: hidden; margin: 0 auto;}

.w100{width: 100%;overflow: hidden;transition: filter 0.5s ease;}

.topAbout{width: 100%;overflow: hidden;transition: filter 0.5s ease;}
.topAbout:hover{filter: brightness(80%);}


.w65{width: 65%;}
.w53{width: 53%;}
.w45{width: 45%;}
.vw100{width: 100vw;overflow: hidden;}

.text_center {text-align: center;}

.font_weight_400{font-weight: 400;}
.font_weight_900{font-weight: 900;}

.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-50 {margin-top: 50px;}
.margin-top-100 {margin-top: 100px;}
.margin-top-150 {margin-top: 150px;}
.margin-bottom-50 {margin-bottom: 50px;}
.margin-bottom-100 {margin-bottom: 100px;}
.margin-bottom-150 {margin-bottom: 150px;}
.margin-tb-10 {margin: 10px 0;}
.margin-tb-20 {margin: 20px 0;}
.margin-tb-30 {margin: 30px 0;}
.margin-tb-50 {margin: 50px 0;}
.margin-tb-100 {margin: 100px 0;}
.margin-tb-150 {margin: 150px 0;}
.margin-left-10 {margin-left: 10px;}
.margin-left-30 {margin-left: 30px;}
.margin-right-10 {margin-right: 10px;}

.padding-tb-5 {padding: 5px 0;}
.padding-tb-10 {padding: 10px 0;}
.padding-tb-15 {padding: 15px 0;}
.padding-tb-20 {padding: 20px 0;}
.padding-tb-25 {padding: 25px 0;}
.padding-tb-50 {padding: 50px 0;}
.padding-tb-80 {padding: 80px 0;}

.padding-left-20 {padding-left: 20px;}
.padding-left-30 {padding-left: 30px;}
.padding-right-30 {padding-right: 30px;}
.padding-lr-30 {padding: 0 30px;}

.padding-40 {padding: 40px;}
.padding-50 {padding: 50px;}

.border-blue{
    border-width: 1px 0 0 0;
    box-sizing: border-box;
    /* border-top-width: 2px; */
    border-style: solid;
    border-color: #0000A8 !important;
    color: #0000A8 !important;
}

.loading{position: fixed;left: 0;top: 0;z-index: 999;float: left; height: 100vh;width: 100vw;background-color: #FFFFFF;display: block;line-height: 80vh;text-align: center;font-size: 2rem;}
.loading img{width: 100px;height: 100px;}

/* 需要淡入的，初始状态透明的 */
.row-animation{opacity: 0;}
@keyframes row-fade-in {
    0%{
        opacity: 0;
        /* transform: translateY(100px); */
    }
    100%{
        opacity: 1;
        /* transform: translateY(0px); */
    }
}
.fade-in{animation: row-fade-in 2s forwards;}

/* 放大 */
@keyframes scale-big {
    0%{
        transform: scale(1)
    }
    100%{
        transform: scale(1.05)
    }
}
/* :hover{animation: scale-big 0.1s forwards;} */

/* 旋转 */
@keyframes div-flip {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}
/* :hover{animation: div-flip 0.2s forwards;} */

/* 向上 */
@keyframes div-up {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}
/* :hover{animation: div-up 0.2s forwards;} */

/* ------------ */
/* body > div > div > div.layui-row{width: 100vw !important;} */
/* body > div > div > div.layui-clear{width: 100vw !important;} */
/* body > div > div > hr{width: 100vw !important;} */
/* body > div > div > div.layui-container{max-width: 100vw !important;} */

.nav {font-size: 16px; height: 70px; line-height: 70px; position: fixed; top:0;width: 100%;z-index: 998; overflow: hidden;background-color: transparent; color:#FFFFFF;transition: all 0.2s; border-bottom: 2px solid transparent;}
.nav i{font-size: 20px;}
/* .nav > div{cursor: pointer;} */
.nav:hover{background-color: #FFFFFF;color: #0000A8;border-bottom: 2px solid #EFEFEF;}
.nav-hover{background-color: #FFFFFF;color: #0000A8;border-bottom: 2px solid #EFEFEF;}
/* .nav + div{position: relative;top:-82px;} */
/* .nav2 {position: fixed; top:80px;width: 100%;z-index: 998; overflow: hidden;background-color: #FFFFFF} */
.nav_logo_mini{width: 18px;height: 18px; padding-bottom: 3px;}

.index-zixun{position: absolute;left: calc(50% - 86px);top: 46.5vw; ;width: 60px; padding: 10px 50px;border-width: 2px; border-color:#FFFFFF; border-style:solid;border-radius: 50px; text-align:center; cursor:pointer;/* transition: all 0.2s;*/ color: #FFFFFF; font-weight:400;}
.index-zixun:hover{background-color: #FFFFFF;color: #000000;}
.index-zixun2{position: absolute;left: calc(50% - 106px);top: calc(46.5vw - 45px); ;width: 204px;text-align: center;color: #FFFFFF; font-weight:400;}
.index-zixun3{position: absolute;left: calc(50% - 106px);top: calc(46.5vw - 325px); ;width: 204px;text-align: center;color: #FFFFFF; font-weight:400;}
/* 关于致俄，了解我们 */
.index-about{background-color: #F4F4F4;margin-top: -82px;padding-top: 128px;}
.index-about .layui-container{padding: 0 51px;}
.index-about .layui-container .layui-col-xs4{width:30.8%;}
/* .index-about .leftimage{} */
.index-about .moreinfo{float: right;margin-top: 90px; width: 100px; padding: 10px 50px; border-width: 1px; border-color:#0000A8; border-style:solid; text-align:center; cursor:pointer;transition: all 0.2s;}
.index-about .moreinfo:hover{color:#FFFFFF;background-color:#0000A8;}
.index-about .text{padding: 30px 22px; font-weight: 400;}
.index-about .text .line1{font-size: 24px;margin-bottom: 15px;}
.index-about .text .line2{font-size: 24px;margin-bottom: 20px;}
.index-about .text .line3{font-size: 14px;}

/* 留学人数 */
.index-people-num{background-color: #0000A8;color: #FFFFFF;font-weight: 400;}
.index-people-num > div{margin: 25px 0;}
.index-people-num .line{display: inline-block;font-size: 24px;height: 100px;padding-top: 10px;text-align: center;width: 33%;}
.index-people-num .line > :first-child{font-size: 52px;}
.index-people-num .line > :last-child{font-size: 14px;}
.index-people-num .center{border-left: 3px solid #FFFFFF;border-right: 3px solid #FFFFFF;}

/* 留学分布 */
.index-fenbu {font-weight: 400;}
.index-fenbu .tab-header{width: 100%;}
.index-fenbu .tab-header > div{text-align: center;}
.index-fenbu .tab-btn{display: inline-block;width: 210px;height: 56px;line-height: 56px; border-radius: 56px;font-size: 20px;text-align: center;margin: 0 auto;cursor: pointer;}
.index-fenbu .tab-header .active{background-color: #0000A8;color: #FFFFFF;}
.index-fenbu .tab-pane{display: none;margin-top: 10px;width: 100%;height: 800px;}
.index-fenbu .tab-content .active{display: block;}

/* 轮播 */
.about_swiper{width: 100%;height: 458px;}
.about_swiper .swiper-slide{text-align: center;}
/* .about_swiper .swiper-slide{text-align: center;display: flex;justify-content: center;align-items: center;} */
.about_swiper .swiper-slide img {display: block;/* width: 100%; */ height: 98%;object-fit: contain;box-shadow: 10px 10px 10px #CCCCCC;margin: 0 auto;}

/* .about-info{width: 100%;height: 760px;} */
/* .about-info-img{width: 100%;height: 760px; background-attachment:fixed;background-position: top 160px left 0; background-image: url("../img/banner002.jpg");background-size: 100%; background-repeat: no-repeat;} */
/* .about-info-img{width: 100%;height: 760px; background-attachment:fixed;background-position: top 160px left 0; background-image: url("../img/header_banner.jpg");background-size: 100%; background-repeat: no-repeat;} */
.about-info-container{height: 450px;overflow: hidden; position: relative;}/* 可视范围 */
.about-info-background{background-image: url('../img/banner002.jpg');background-attachment: fixed;background-size: cover;position: absolute;left: 0;top: -400px;width: 100%;height: 960px;}
.about-info-content{position: absolute;left:10%;top:300px;}
.about-info-content .moreinfo{width: 100px;margin:50px auto; padding: 10px 50px; border-width: 1px; border-color:#FFFFFF; border-style:solid; text-align:center; cursor:pointer;transition: all 0.2s;color: #FFFFFF;font-weight: 400;}
.about-info-content .moreinfo:hover{background-color: #FFFFFF;color: #000000;}

.department-max{max-width: 1920px;margin: 0 auto;}
.department-left{padding-top: 30px;}
.department-left > :first-child{background-color: #F4F4F4;text-align: center;}
.department-left > :first-child > img{ margin: 117px 0 120px; box-shadow: 10px 10px 10px #999999;width: 43.3%;}

.department-list{overflow: scroll;overflow-x: hidden; } 
.department-list::-webkit-scrollbar{width: 0px;}
.depratment-info{padding:0 2px 36px;margin-bottom: 45px; width: 277px;margin-left: 35px;margin-top:30px;}
.depratment-info img{width: 100%;aspect-ratio: 306 / 420;}
@media screen and (min-width:992px) {
    .depratment-info:hover{transform: scale(1);} /* 大于md时，才有鼠标悬浮效果 */
}
.depratment-info .t1{font-weight:400;margin:10px 0;}
.depratment-info .t2{margin:10px 0;}
.department-max .moreinfo{width: 100px;margin:50px auto; padding: 10px 50px; border-width: 1px; border-color:#0000A8; border-style:solid; text-align:center; cursor:pointer;transition: all 0.2s;}
.department-max .moreinfo:hover{color:#FFFFFF;background-color:#0000A8;}

/* 大事记 */
.index-dashiji{background-color: #F4F4F4;padding: 80px 0 100px 0;}
.index-dashiji-container{max-width: 1520px;margin: 0 auto;overflow: hidden;}
.index-dashiji-container .layui-row .layui-col-xs4{width: 31.5%;}
.index-dashiji-white{background-color: #FFFFFF; padding: 45px 44px 40px;}
.index-dashiji-more{margin-top: 30px; width: 100px; padding: 10px 50px; border-width: 1px;color: #0000A8; border-color:#0000A8; border-style:solid; text-align:center; cursor:pointer;transition: all 0.2s;}
.index-dashiji-more:hover{color:#FFFFFF;background-color:#0000A8;}


.index-dashiji-left-1{width: 100%;overflow: hidden;}
.index-dashiji-left-1 img{width: 100%;}
.index-dashiji-left-2{font-weight: 400;}
.index-dashiji-left-3{height: 4px;width: 40px;background-color: #0000A8;margin-top: 16px;}
.index-dashiji-left-4{font-size: 24px; margin-top: 16px;}
.index-dashiji-left-5{line-height: 36px; margin-top: 30px;}
.index-dashiji-left-6{margin-top: 40px;background-color: #0000A8;width: 100%;height: 176px;line-height: 176px; text-align: center;}
.index-dashiji-left-6 img{width: 65%;}
.index-dashiji-center-1{background-color: #0000A8;width: 100%;height: 310px;text-align: center;}
.index-dashiji-center-1 img{width: 59%;margin-top: 110px;}
.index-dashiji-center-2{width: 100%;margin-top: 35px;overflow: hidden;}
.index-dashiji-center-2 img{width: 100%;}
.index-dashiji-center-3{font-weight: 400;}
.index-dashiji-center-4{height: 4px;width: 40px;background-color: #0000A8;margin-top: 16px;}
.index-dashiji-center-5{font-size: 24px; margin-top: 20px;}
.index-dashiji-center-6{line-height: 36px; margin-top: 30px;}
.index-dashiji-right-1{width: 100%;overflow: hidden;}
.index-dashiji-right-1 img{width: 100%;}
.index-dashiji-right-2{width: 100%;margin-top: 40px;overflow: hidden;}
.index-dashiji-right-2 img{width: 100%;}

.index-dashiji-left-1 img:hover,
.index-dashiji-center-2 img:hover,
.index-dashiji-right-1 img:hover,
.index-dashiji-right-2 img:hover{
    filter: brightness(80%);
}
.index-dashiji-left-1 img,
.index-dashiji-center-2 img,
.index-dashiji-right-1 img,
.index-dashiji-right-2 img{
    transition: filter 0.5s ease;
}

.index-dashiji-after + div + hr{margin-top: 1px;}



/* 页面最底部的logo */
.footer-logo {text-align: center; font-size: 17px;}

/* 菜单 */
.menu-l-content, .menu-r-content{font-size: 15px; display: none;}
.icon-menu{width: 32px;height: 32px;}
.menu-bottom-fixed{position: absolute;bottom: 20px;width: 100%;}
.menu-search-bar{width: 80vw;height: 60px;line-height: 60px;overflow: hidden;display: none;}
.menu-search-bar .search-input{display: inline-block; width: 85%;padding:0 1%;height: 50px;font-size: 18px;text-align: center;border: none; color:#0000A8;}
.menu-search-bar .search-btn{display: inline-block;width: 12%;height: 52px;background-color: #FFFFFF; border-color:#0000A8;color:#0000A8; font-size: 18px; letter-spacing: 6px; cursor:pointer;transition: all 0.2s;}
.menu-search-bar .search-btn:hover{color:#FFFFFF;background-color:#0000A8;}

/* //////////////////////////////////////////////////////////////// */


/* findus 联系我们 */
.findus-text{font-size: 14px; width: 100%;text-align: center;margin-top: 108px;}
.findus-img{margin-top: 66px;width: 100%;text-align: center;}
.findus-img img{width: 90%;}
.findus-qr{margin-top: 50px;width: 100%;}
.findus-qr .qr{width: 20%;float: left;margin-left: 10%;/* 270 */}
.findus-qr .qr-border{border: 2px solid #0000A8;width: 100%; aspect-ratio: 1;text-align: center;overflow: hidden;transition: all 0.1s;}
.findus-qr .qr-border:hover{transform: scale(1.1);}
.findus-qr .qr-border img{position: relative;top:50%; transform: translateY(-50%);}
.findus-qr .qr-text{width: 100%;margin-top: 30px;text-align: center;margin-bottom: 200px;}

/* history 大事记 */
.history-img{width: 100%;z-index: 1;}
.history-text{position: absolute;z-index: 2; top:10vw; left: 50%;width: 40%;text-align: right;color: #FFFFFF;}
.history-text img{width: 39.8%;}
.history-text .text{font-size: 24px;font-weight: 400;line-height: 70px;text-shadow: 1px 1px 1px #999999 !important;}
.history-more{float: right; margin-top: 30px; width: 100px; padding: 10px 50px;color: #FFFFFF; border-width: 1px;color: #FFFFFF; border-color:#FFFFFF; border-style:solid; text-align:center; cursor:pointer;transition: all 0.2s;}
.history-more:hover{color:#000000;background-color:#FFFFFF;}
.history-dashiji{width: 100%;text-align: center;padding: 80px 0; background-color: #080202;color: #FFFFFF;}

.history-timeline{background-color: #080202;color: #FFFFFF;width: 100%;overflow: hidden; background-image: url("../img/history/history_bg_02.png");background-position: top center;background-repeat: no-repeat;background-size: 100%;}
.history-timeline .timeline-list{display: flex;flex-wrap: nowrap;/* gap: 3%; overflow: hidden;*/ overflow-x: scroll; padding: 0 3%;margin-top: 100px;}
.history-timeline .timeline-list > div{/* flex:20%; */ flex:460px; flex-shrink: 0;/* margin-left: 3%;*/ overflow: hidden;}
.history-year{font-size: 46px; border-bottom: 2px solid #FFFFFF;padding-bottom: 30px;padding-left: 36px;}
.history-year-content{transform: translate(80px,-10px);}
.history-year-month-first{width: 100%;height: 160px;}
.history-year-month{font-size: 46px;transform: translate(-100px, -20px);}
.history-year-month-content{padding-right: 100px;padding-bottom: 40px; line-height: 1.5; transform: translateY(-140px);font-weight:300;}
.history-year-month-content img{width: 100%;margin-bottom: 8px;}

@media  screen and (max-width: 992px) {
    .history-year-month-content{font-size:1vw ;}
    .history-timeline .timeline-list{display: flex;flex-wrap: nowrap;/* gap: 3%; overflow: hidden;*/ overflow-x: scroll; padding: 0 3%;margin-top: 50px;}
    .history-dashiji{width: 100%;text-align: center;padding: 40px 0; background-color: #080202;color: #FFFFFF;}
}

.history-bottom{padding: 60px 0;/* background-color: #080202;*/}
.history-logo{width: 100%;height: 56px;line-height: 56px;position: relative;background-color:#FFFFFF;color: #0000A8;}
.history-logo .history-center{position: absolute;left: calc(50% - 12px);top: 16px;width: 24px;height: 24px;}
.history-logo .history-left{position: absolute;left: 4vw;font-weight: 400;}
.history-logo .history-right{position: absolute;right: 4vw;font-weight: 400;}

.history-bottom-after + div + hr{margin-top: 1px;}

.layui-timeline-item:before{background-color:transparent;background:url("../img/timeline_bg.png") repeat-y;width: 1px;}

/* department 部门架构 */
.department-list-2{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 20px; cursor: pointer;}
.department-info-2{padding-bottom:170px;transform: scale(1);transition: all 0.5s;}
.department-info-2:hover{transform: scale(1.03);filter: brightness(80%);}
.department-info-2 .img1{box-sizing: border-box;width: 100%;aspect-ratio: 306 / 456;}
.department-info-2 .img2{box-sizing: border-box;width: 100%;aspect-ratio: 306 / 396;}
.department-info-2 .img3{box-sizing: border-box;width: 100%;aspect-ratio: 306 / 380;}
.department-info-2 .t1{font-weight:400;margin:20px 0 0 0;}
.department-info-2 .t2{margin:20px 0 0 0;}
.department-info-2 .t3{margin:14px 0 0 0;}
.department-info-3{grid-column: span 2;text-align: center;}
.department-info-3 img{margin-top: 150px; margin-bottom: 100px;}


@media screen and (max-width: 992px){
    .department-info-2 .t1{font-size: 12px;}
    .department-info-2 .t2{font-size: 12px;}
    .department-info-2 .t3{font-size: 12px;}
}


/* russian 关于俄语 */
/* .russian{} */
.russian-zixun{position: absolute;left: calc(50vw - 106px);top: 20vw; ;width: 100px;padding: 15px 50px;border-width: 1px; border-color:#FFFFFF; border-style:solid;/* border-radius: 50px;*/ text-align:center; cursor:pointer;transition: all 0.2s;color: #FFFFFF;}
.russian-zixun:hover{background-color: #FFFFFF;color: #000000;}

/* .russian-level {} */
.russian-level > div:first-child{margin-left: 3%;}
.russian-level > div:last-child{margin-left: 2%;}
.russian-level .tab-header{width: 100%;padding-bottom: 10px;}
.russian-level .tab-btn{margin-top: 16px; width: 95%; aspect-ratio: 16 / 8;box-shadow: 5px 5px 5px #CCCCCC ;cursor: pointer;background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #0000A8;transition: all 0.2s;position: relative;}
.russian-level .tab-btn .text1{width: 100%;text-align: center; font-size: 48px;position: relative;top: 60px;}
.russian-level .tab-btn .text2{width: 100%;text-align: center; font-size: 14px;position: relative;top: 90px;}
.russian-level .tab-btn .arrow{display: none;position: absolute;width: 0;height: 0;border-left: 33px solid transparent;border-top: 33px solid transparent;border-bottom: 33px solid transparent;border-right: 33px solid #0000A8;transform: rotate(180deg);top:calc(50% - 33px); left: 100%; }
.russian-level .tab-header .active{background-color: #0000A8;color: #FFFFFF;}
.russian-level .tab-header .active .arrow{display: block;}
.russian-level .tab-pane{display: none;margin-top: 10px;width: 100%;}
.russian-level .tab-pane img{width: 100%;}
.russian-level .tab-content .active{display: block;}

@media  screen and (max-width: 992px) {
    .russian-level .tab-btn{margin-top: 16px; width: 85%; aspect-ratio: 16 / 8;box-shadow: 3px 3px 3px #ebebeb ;cursor: pointer;background-color: #FFFFFF;border: 1px solid #CCCCCC;color: #0000A8;transition: all 0.2s;position: relative;}
    .russian-level .tab-btn .text1{width: 100%;text-align: center; font-size: 22px;position: relative;top: 30px;}
    .russian-level .tab-btn .text2{width: 100%;text-align: center; font-size: 8px;position: relative;top: 40px;}
    .russian-level .tab-btn .arrow{display: none;position: absolute;width: 0;height: 0;border-left: 13px solid transparent;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right:13px solid #0000A8;transform: rotate(180deg);top:calc(50% - 18px); left: 100%; }
}



.russian1920{max-width: 1920px;margin: 0 auto;width: 100vw;}
.russian1920 .swiper{width: 100%;overflow: visible;aspect-ratio: 24 / 10}
.russian-swiper .swiper-slide{text-align: center;transition: all 0.2s; transform: scale(0.8) !important;}
/* .russian-swiper .swiper-slide{text-align: center;display: flex;justify-content: center;align-items: center;} */
.russian-swiper .swiper-slide img {display: block;width: 98%;  aspect-ratio: 16 / 9;/*  height: 98%;*/ object-fit: fill;margin:20px auto; box-shadow: 10px 10px 10px #cecece;}
.russian-swiper .swiper-slide-active, .russian-swiper .swiper-slide-duplicate-active{transform: scale(1) !important;}
.russian-swiper .swiper-button-prev{margin-top: 0;width: 100%;height: 100%;top:0;left:-50%;opacity: 0;}
.russian-swiper .swiper-button-next{margin-top: 0;width: 100%;height: 100%;top:0;right:-50%;opacity: 0;}

/* studyabroad */
.studyabroad-earth{overflow: hidden;height: 47vw;}
.earth-container{width: 100vw;height: 100vw; position: absolute;top: -8vw;left: -20vw;z-index: 9;}
.earth-text{width: 100%;height: 100%; position: absolute;top: 0;left: 0;z-index: 99;}
.earth-text .earth_text_logo1{display: block;position: absolute; width: 45%; right: 5%; top: 0;}
.earth-text .earth_text_logo2{display: block;position: absolute; width: 10%; right: 5%; top: 81%;}
@media (min-width: 1920px){
    .studyabroad-earth{overflow: hidden;width: 1920px; height: 900px;}
    .earth-container{width: 1920px;height: 1920px; position: absolute;top: -154px;left: -384px;z-index: 9;}
}

.studyabroad-earth2{height: 47vw;}
.earth-container2{width: 100vw;height: 100vw; position: absolute;top: 0;left: -31vw;z-index: 9;}
.earth-text2{position: absolute;top:0;right: 0;z-index: 99;width: 100%;height: 100%;}

.earth-swiper{width: 100%;height: 47vw;}
.earth-swiper .swiper-button-prev{left: auto;right: 43.4%;top: 6px;bottom: auto;transform: rotate(90deg);}
.earth-swiper .swiper-button-next{left: auto;right: 43.4%;top: auto;bottom: 0;transform: rotate(90deg);}
.earth-swiper .swiper-slide{display: flex;justify-content: center;align-items: center;transition: all 0.5s; transform: scale(0.9) translateX(10%) !important;}
.earth-swiper .swiper-slide-active, .earth-swiper .swiper-slide-duplicate-active{transform: scale(1) translateX(0) !important;}
/* .earth-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: contain;} */
.earth-swiper .swiper-slide .item{position: absolute;width: 90%; left: 0; overflow: hidden;}
.earth-swiper .swiper-slide-active .item, .earth-swiper .swiper-slide-duplicate-active .item{box-shadow: 0 0 10px #999999;}
.earth-swiper .swiper-slide-prev .item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.95));pointer-events: none;}
.earth-swiper .swiper-slide-next .item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.95));pointer-events: none;}

.earth-swiper .area-list-left{display: inline-block;width: 52%;aspect-ratio: 15 / 10;}
.earth-swiper .area-list-right{display: inline-block;width: 40%; padding: 4%;position: absolute;background-color: white;}
.earth-swiper .area-list-right .line-1{font-size: 26px;font-weight: 900; line-height: 1.5;}
.earth-swiper .area-list-right .line-2{font-size: 14px;font-weight: 400; color: #CCCCCC; line-height: 1.5;margin-top: 10px;}
.earth-swiper .area-list-right .line-3{font-size: 14px;font-weight: 400; line-height: 1.5;}
.earth-swiper .area-list-right .line-4{font-size: 14px;font-weight: 400; line-height: 2;margin-top: 24px;color: #CCCCCC;}
.earth-swiper .area-list-right .center{text-align: center;}
.earth-swiper .area-list-right .right{text-align: right;}
@media (min-width: 1920px){
    .studyabroad-earth2{width: 1920px; height: 900px;}
    .earth-container2{width: 1920px;height: 1920px; position: absolute;top: 0;left: -595px;z-index: 9;}
    .earth-swiper{width: 100%;height: 900px;}
}

.studyabroad-video{background-color: #F4F4F4;text-align: center;}
/* .studyabroad-video video{width: 80%; aspect-ratio: 16 / 9;} */
.studyabroad-video-context{max-width: 1920px;margin: 0 auto;}
.studyabroad-video-context iframe{width: 100%;aspect-ratio: 16 / 9;}

.studyabroad-liuxue, .studyabroad-liuxue-logo{margin: 0 3%;background-color: #F4F4F4;}
.studyabroad-liuxue > div{display: flex;}
.studyabroad-liuxue > div > div{flex: 1; margin: 1px;}
.studyabroad-liuxue .bg-blue, .studyabroad-liuxue .bg-img{overflow: hidden;}
.studyabroad-liuxue .bg-blue > div{background-color: #0000A8; text-align: center;width: 100%;height: 100%;}
.studyabroad-liuxue .bg-blue > div > img{position: relative;top: 35%;}
.studyabroad-liuxue .bg-img{background-color: #0000A8;}
.studyabroad-liuxue .bg-img img{width: 100%;height: 100%;}
.studyabroad-liuxue .bg-blue img.hover,
.studyabroad-liuxue .bg-img img.hover{animation: div-flip 1.6s forwards;}
.studyabroad-liuxue-logo > div {text-align: center;margin: 45px 0;}

.studyabroad-community {color: #FFFFFF;margin-bottom: 30px;}
.studyabroad-community > :nth-child(1) {margin-top:50px;min-width: 417px; height: 434px; background-image: url("../img/studyabroad_community_bg001.jpg");background-position: top center;background-repeat: no-repeat;background-size: contain;}
.studyabroad-community > :nth-child(2) {margin-top:50px;min-width: 417px; height: 434px; background-image: url("../img/studyabroad_community_bg002.jpg");background-position: top center;background-repeat: no-repeat;background-size: contain;}
.studyabroad-community > :nth-child(3) {margin-top:50px;min-width: 417px; height: 434px; background-image: url("../img/studyabroad_community_bg003.jpg");background-position: top center;background-repeat: no-repeat;background-size: contain;}
.studyabroad-community .studyabroad-community-text{width: 317px;height: 190px; margin: 0 auto; padding: 200px 50px 44px;line-height: 1.6; display: flex;align-items: center;}
.studyabroad-community-text .t1{color: #F4F4F4;}
.studyabroad-community-text .t2{color: #CCCCCC;font-weight: 400;}
.studyabroad-community-text .t3{color: #F4F4F4;position: absolute;left: 50%; bottom: 20px;}
.studyabroad-community .layui-col-xl4:hover{}

.studyabroad-youshi{width: 100%;/* aspect-ratio: 16/10; */ aspect-ratio: 16/12; overflow: hidden;}
.studyabroad-youshi > img:first-child{width: 110%;aspect-ratio: 16/12;position: absolute; top: -5%;left: -5%; transition: transform 0.2s; z-index: 1;}
.studyabroad-youshi .youshi1{z-index:2;position: absolute;left: 7vw;top: 19vw;}
.studyabroad-youshi .youshi2{z-index:2;position: absolute;width: 19vw;height: 25vw; left: 53vw;top: 7vw;border-radius: 1.7vw; background-color: rgba(255, 255, 255, 0.5);text-align: center; line-height: 25vw;}
.studyabroad-youshi .youshi3{z-index:2;position: absolute;width: 19vw;height: 25vw; left: 53vw;top: 33vw;border-radius: 1.7vw; background-color: rgba(0, 0, 168, 0.5);}
.studyabroad-youshi .youshi4{z-index:2;position: absolute;width: 19vw;height: 25vw; left: 74vw;top: 19vw;border-radius: 1.7vw; background-color: rgba(0, 0, 168, 0.5);}
.studyabroad-youshi .youshi5{z-index:2;position: absolute;width: 19vw;height: 25vw; left: 74vw;top: 45vw;border-radius: 1.7vw; background-color: rgba(0, 0, 168, 0.5);}
.studyabroad-youshi .youshi1 img{width: 29vw;}
.studyabroad-youshi .youshi2 img{width: 65%;}
.studyabroad-youshi .youshi3 img{width: 73%; position: absolute;top:8%;left: 12%;}
.studyabroad-youshi .youshi4 img{width: 42%; position: absolute;top:8%;left: 12%;}
.studyabroad-youshi .youshi5 img{width: 44%; position: absolute;top:8%;left: 12%;}
@media (min-width: 1920px){
    .studyabroad-youshi .youshi1{z-index:2;position: absolute;width: calc(1920px * 0.29);left: calc(1920px * 0.07);top: calc(1920px * 0.19);}
    .studyabroad-youshi .youshi2{z-index:2;position: absolute;width: calc(1920px * 0.19);height: calc(1920px * 0.25); left: calc(1920px * 0.53);top: calc(1920px * 0.07);border-radius: calc(1920px * 0.017); background-color: rgba(255, 255, 255, 0.5);text-align: center; line-height: calc(1920px * 0.25);}
    .studyabroad-youshi .youshi3{z-index:2;position: absolute;width: calc(1920px * 0.19);height: calc(1920px * 0.25); left: calc(1920px * 0.53);top: calc(1920px * 0.33);border-radius: calc(1920px * 0.017); background-color: rgba(0, 0, 168, 0.5);}
    .studyabroad-youshi .youshi4{z-index:2;position: absolute;width: calc(1920px * 0.19);height: calc(1920px * 0.25); left: calc(1920px * 0.74);top: calc(1920px * 0.19);border-radius: calc(1920px * 0.017); background-color: rgba(0, 0, 168, 0.5);}
    .studyabroad-youshi .youshi5{z-index:2;position: absolute;width: calc(1920px * 0.19);height: calc(1920px * 0.25); left: calc(1920px * 0.74);top: calc(1920px * 0.45);border-radius: calc(1920px * 0.017); background-color: rgba(0, 0, 168, 0.5);}
    .studyabroad-youshi .youshi1 img{width: 100%;}
    .studyabroad-youshi .youshi2 img{width: 65%;}
    .studyabroad-youshi .youshi3 img{width: 73%; position: absolute;top:8%;left: 12%;}
    .studyabroad-youshi .youshi4 img{width: 42%; position: absolute;top:8%;left: 12%;}
    .studyabroad-youshi .youshi5 img{width: 44%; position: absolute;top:8%;left: 12%;}

}

.studyabroad-youshi .youshi3 .text,
.studyabroad-youshi .youshi4 .text,
.studyabroad-youshi .youshi5 .text{
    width: 81%; position: absolute;bottom:8%;left: 12%;color: #F4F4F4;line-height: 1.5;font-weight: 400;
}

@media  screen and (max-width: 992px) {
    .studyabroad-youshi .youshi3 .text,
    .studyabroad-youshi .youshi4 .text,
    .studyabroad-youshi .youshi5 .text{
        width: 81%; position: absolute;bottom:8%;left: 12%;color: #F4F4F4;line-height: 1.5;font-weight: 400;font-size: 8px;
    }
}

.studyabroad-youshi .youshi2:hover,
.studyabroad-youshi .youshi3:hover,
.studyabroad-youshi .youshi4:hover,
.studyabroad-youshi .youshi5:hover{
    animation: scale-big 0.5s forwards;
}
.studyabroad-youshi-after + div + hr{margin-top: 0;}

.fenbu {opacity: 0; animation-fill-mode: forwards;height: 60vw; }
.fenbu-foot{text-align: right; width: 100%}
.fenbu-foot img{max-width: 700px;margin-top: 100px;margin-right: 5%}

.yxds_text{margin-top: 160px;margin-bottom: 150px;}
.about_russian_top_banner{ margin-top: 240px;}
/* 移动端优化 */
.mobile{
    /* .nav{width: calc(100% - 16px);} */

    /* .index-zixun{top: 59vw;}
    .index-zixun2{top: 53vw;}
    .index-about .text {padding: 30px 0 0 0;}
    .index-dashiji-container {padding: 0 20px;}
    .index-dashiji-white {padding: 20px 10px !important;} */

    .studyabroad-community-img{width: 80%;}
    .studyabroad-xiaochengxu-img{width: 80%;}

    .department-list-2{grid-template-columns: repeat(2, 1fr);}

    .history-text .text{font-size: 1vw;line-height: 30px;}
    .history-text{position: absolute;z-index: 2; top:10vw; left: 35%;width: 60%;text-align: right;color: #FFFFFF;}
    .swiper-button-prev, .swiper-button-next{display: none;}


    .earth-swiper .area-list-right .line-1{font-size: 22px;font-weight: 900; }
    .earth-swiper .area-list-right .line-2{font-size: 12px;font-weight: 400 }
    .earth-swiper .area-list-right .line-3{font-size: 12px;font-weight: 400;}
    .earth-swiper .area-list-right .line-4{font-size: 12px;font-weight: 400; }

    .index-about{background-color: #F4F4F4;margin-top: -82px;padding-top: 88px;}
    .index-about .text .line2{font-size: 16px;margin-bottom: 20px;}
    .index-about .text .line3{font-size: 12px;margin-bottom: 20px;}
    .index-about .text{padding: 30px 0px; }

    .index-people-num .line > :first-child{font-size: 42px;}

    .findus-qr .qr-border img{position: relative;top:70px; transform: translateY(-50%);}

    .index-dashiji-left-5{line-height: 36px; margin-top: 30px;font-size:10px}
    .index-dashiji-center-6{line-height: 36px; margin-top: 30px;font-size:10px}
    .fenbu {opacity: 0; animation-fill-mode: forwards;height: 90vw; }
    .fenbu-foot img{width: 400px;}
    .about_russian_top_banner{ margin-top: 140px;}
    .yxds_text{margin-top: 60px;margin-bottom: 50px;}
    .russian1920{max-width: 1920px;margin: 0 auto;width: 100vw;padding-bottom: 100px;}
    .studyabroad-liuxue-logo > div >img {width: 100px;}
}



/*动效方面*/

.animate-delay2s{
    --animate-duration: 2s;
}



/* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.103) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
  }
  .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }
  
  .video-container {
    width: 100%;
    max-width: 1920px;
    overflow: hidden; /* Ensure no overflow */
  }
  
  .video-element {
    width: 100%;
    display: block; /* Remove any inline spacing */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    border: none; /* Remove any border */
    outline: 4px solid white;
    outline-offset: -4px;
  }