@charset "UTF-8";
@media screen and (min-width:1024px){
    .header-h5{
        display: none;
    }
    .footer .bottom-h5{
        display: none;
    }
    .about .content .part06 #swiper-h5{
        display: none;
    }
}
@media screen and (max-width:1700px) {
    .footer .top{
        padding: 0 17vh;
    }
    .footer .bottom{
        padding: 20px 17vh;
    }
    .footer .top .left{
        padding: 5vh 5vh 5vh 0;
    }
    .footer .top .right{
        padding: 5vh 0 5vh 5vh;
    }
    .banner .swiper-slide .ch{
        font-size: 52px;
    }
    .banner .swiper-slide .en{
        font-size: 18px;
    }
    .index .part01 .left .title,.index .part02 .top .title, .index .part03 .top .title, .index .part04 .top .title, .index .part05 .top .title{
        font-size: 33px;
        line-height: 50px;
    }
    .index .part01 .left .subtitle,.index .part02 .top .subtitle, .index .part03 .top .subtitle, .index .part04 .top .subtitle, .index .part05 .top .subtitle{
        font-size:20px
    }
    .index .part01 .right div{
        font-size: 17px;
    }
    .index .part02 .middle .course{
        font-size: 33px;
    }
    .index .part02 .middle .en{
        font-size: 22px;
    }
    .about .content .part01,
    .about .content .part02 video,
    .about .content .part02 .swiper,
    .about .content .part03{
        width: 76vw;
    }
    .about .content .part02 #swiper11 .swiper-slide .sub,
    .about .content .part02 #swiper11 .swiper-slide .title{
        font-size: 20px;
    }
    .about .content .part05 #swiper04 .swiper-slide .user{
        font-size: 18px;
        padding: 0 10px;
        margin-left: 0;
    }
    .about .content .part05 #swiper04 .swiper-slide .job,
    .about .content .part05 #swiper04 .swiper-slide .school{
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 10px;
        margin-left: 0;
    }
    .course .content{
        padding: 10vh 10vw 5vh;
    }
    .course .content .item,
    .coursedetail .content {
        width: 80vw;
    }
    .coursedetail .content .part1{
        width: 80vw;
    }
    .university .content .item .bottom .name{
        font-size: 20px;
    }
    .join .content{
        padding: 8vh 10vw;
    }
    .join .content .item .left .top .l{
        width: 75%;
    }
    .enrollment .content .item{
        padding: 40px 30px;
    }
    .enrollment .content .item .more{
        margin-bottom: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .enrollment .content .item .title{
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .schoollife .content .item .block{
        width: 3vw;
        height: 3vw;
        margin-top: -2vh;
        margin-left: 14vw;
    }
    .enrollmentdetail .content,
    .schoollifedetail .content{
        width: 80vw;
    }
    .enrollmentdetail .content .left .bar .next span,
    .enrollmentdetail .content .left .bar .prve span,
    .schoollifedetail .content .left .bar .next span,
    .schoollifedetail .content .left .bar .prve span{
        max-width: 70%;
    }
    .enrollmentdetail .content .right .cont ul .title,
    .schoollifedetail .content .right .cont ul .title{
        font-size: 16px;
    }
    .index .part05 .middle .right .t .bg{
        height: 62%;
    }
    .footer .top .right .tel p{
        font-size: 30px;
    }
    .coursedetail .content .part1 .right .tel{
        font-size: 18px;
    }
    .coursedetail .content .part1 .right .tel .tel1 .telphone{
        font-size: 21px;
    }
    .coursedetail .content .part1 .right .tel .tel1{
        margin-right: 30px;
    }
    .schoollifedetail .content .left .title{
        font-size: 32px;
        line-height: 48px;
    }
    .banner .bannerin span{
        font-size: 46px;
    }
}
@media screen and (max-width:1500px) {
    .footer .top{
        padding: 0 12vh;
    }
    .footer .bottom{
        padding: 20px 12vh;
    }
    .footer .top .left{
        padding: 5vh 5vh 5vh 0;
    }
    .footer .top .right{
        padding: 5vh 0 5vh 5vh;
    }
    .index .part03 .bottom .swiper-slide .left .ch{
        font-size: 18px;
    }
}
@media screen and (max-width:1400px) {
    body{
        font-size: 15px;
    }
    .footer{
        font-size: 14px;
    }
    .header .nav{
        width: 70%;
    }
    .footer .bottom{
        padding: 20px 6vh;
    }
    .footer .top{
        padding: 0 6vh;
    }
    .footer .top .left{
        padding: 5vh 3vh 5vh 0;
    }
    .footer .top .right{
        padding: 5vh 0 5vh 3vh;
    }
    .footer .top .right .code img{
        width: 120px;
        height: 120px;
    }
    .footer .top .right .tel p{
        font-size: 28px;
    }
    .index .part01 .left .title, .index .part02 .top .title, .index .part03 .top .title, .index .part04 .top .title, .index .part05 .top .title{
        font-size: 28px;
        line-height: 42px;
    }
    .index .part01 .left .subtitle, .index .part02 .top .subtitle, .index .part03 .top .subtitle, .index .part04 .top .subtitle, .index .part05 .top .subtitle{
        font-size: 16px;
        margin-top: 10px;
    }
    .index .part01{
        padding: 10vh 10vw;
    }
    .index .part01 .right div{
        font-size: 16px;
        line-height: 40px;
    }
    .banner .swiper-slide .ch{
        font-size: 45px;
    }
    .banner .swiper-slide .en{
        font-size: 16px;
    }
    .index .part01 .right{
        width: 42%;
    }
    .index .part02 .middle .course{
        font-size: 30px;
    }
    .index .part02 .middle .en{
        font-size: 20px;
    }
    .index .part02 .middle .left:hover .auto.btn,
    .index .part02 .middle .right .item:hover .auto.btn{
        width: 130px;
        height: 40px;
        line-height: 40px;
    }
    .index .part02 .bottom .item .name span{
        font-size: 20px;
    }
    .index .part02 .bottom .item img{
        width: 50px;
        height: 50px;
    }
    .index .part02 .bottom .item .tip{
        font-size: 14px;
    }
    .index .part03 .bottom .swiper-slide .left .ch,
    .index .part05 .middle .right .t .info .title,
    .index .part05 .middle .left .t .title{
        font-size: 16px;
    }
    .index .part04 .bottom .item .r .title{
        font-size: 22px;
    }
    .index .part04 .bottom .item .r{
        line-height: 32px;
    }
    .index .join .title,
    .index .join .title1{
        font-size: 28px;
    }
    .index .join .subtitle,
    .index .join button span{
        font-size: 15px;
    }
    .index .part05 .middle .right .t .bg{
        height: auto;
    }
    .index .part05 .middle .left .t .btn{
        top: 30vh;
    }
    .index .part05 .middle .left .t .more{
        top: 29vh;
    }
    .about .content .part01 p{
        font-size: 15px;
        line-height: 34px;
    }
    .about .content .part01 .title,
    .about .content .part03 .right .title,
    .about .content .part04 .title{
        font-size: 34px;
    }
    .about .content .part01 .subtitle,
    .about .content .part03 .right .sub{
        font-size: 22px;
    }
    .about .content .part03 .right p,
    .course .content .item .right .text{
        font-size: 15px;
    }
    .about .content .part02 #swiper11 .swiper-slide .sub, .about .content .part02 #swiper11 .swiper-slide .title{
        font-size: 18px;
    }
    .about .content .part03 .right .p{
        height: 35vh;
    }
    .about .content .part03 .bottom{
        margin-top: 10px;
    }
    .about .content .part03 .bottom .btn{
        align-items: center;
    }
    .about .content .part04 .p{
        font-size: 15px;
        line-height: 34px;
        width: 40vw;
    }
    .about .content .part04 .bottom{
        width: 76vw;
        margin-top: 60px;
    }
    .about .content .part04 .bottom .item .text{
        font-size: 15px;
    }
    .course .content .item .right .title{
        font-size: 21px;
    }
    .course .content .item .right .sub{
        font-size: 16px;
    }
    .about .content .part05 #swiper04 .swiper-slide .bottom{
        height: 17vh;
    }
    .coursedetail .content .part1 .right .tel{
        font-size: 16px;
    }
    .coursedetail .content .part1 .right .tel .tel1 .telphone{
        font-size: 18px;
    }
    .coursedetail .content .part1 .right .tel .tel1{
        margin-right: 20px;
    }
    .schoollifedetail .content .left .title{
        font-size: 27px;
        line-height: 44px;
    }
    .enrollmentdetail .content .left .bar .next span,
    .enrollmentdetail .content .left .bar .prve span,
    .schoollifedetail .content .left .bar .next span, 
    .schoollifedetail .content .left .bar .prve span{
        max-width: 68%;
    }
    .university .content .item .bottom .name{
        font-size: 18px;
    }
    .university .content .item .bottom .sub{
        font-size: 15px;
    }
    .university .content .item .year{
        height: 30px;
        line-height: 30px;
    }
    .international .item .cont .center .title{
        font-size: 22px;
    }
    .enrollment .content .item .more{
        font-size: 15px;
        line-height: 30px;
    }
    .enrollment .content .item{
        padding: 30px 20px;
    }
    .enrollment .content .item .title{
        font-size: 18px;
        padding-bottom: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .search .content .found input{
        font-size: 16px;
    }
    .search .item .cont .center .title{
        font-size: 22px;
    }
    .search .item .cont .left .day{
        font-size: 26px;
    }
    .enrollmentdetail .content .left .title{
        font-size: 32px;
    }
    .banner .bannerin span{
        font-size: 40px;
    }
    .index .part01 .left .co-school .school-icon .item img{
        width: 79px;
        height: 79px;
    }
    .index .part03 .bottom .swiper-slide .c{
        margin-top: 8vw;
    }
    .join .content .item .left .top .l{
        width: 90%;
    }
}
@media screen and (max-width:1200px) and (min-width: 1101px) {
    body{
        font-size: 14px;
    }
    .header .nav{
        width: 75%;
    }
    .enrollmentdetail .content .left .bar .next span,
    .enrollmentdetail .content .left .bar .prve span,
    .schoollifedetail .content .left .bar .next span,
    .schoollifedetail .content .left .bar .prve span{
        max-width: 63%;
    }
    .index .part01 .left .co-school .school-icon .item img{
        width: 69px;
        height: 69px;
    }
    .index .part01 .left .title, .index .part02 .top .title, .index .part03 .top .title, .index .part04 .top .title, .index .part05 .top .title{
        font-size: 24px;
        line-height: 36px;
    }
    .index .part01 .left .co-school .school{
        font-size: 22px;
    }
    .index .part04 .bottom .item .r .title{
        font-size: 20px;
    }
}
@media screen and (max-width:1024px) and (min-width: 501px) {
    body{
        font-size: 18px;
    }
    .content p{
        text-indent: 0em;
    }
    .content p img{
        width: auto;
        height: auto;
    }
    .content p video{
        width: auto;
    }
    .content table{
        width: auto;
    }
    .about .content .part06 #swiper05{
        display: none;
    }
    .about .content .part06 #swiper-h5{
        display: block;
    }
    .header{
        display: none;
    }
    .header-h5{
        display: flex;
        position: fixed;
        justify-content: space-between;
        top: 0;
        z-index: 5;
        width: 100%;
        align-items: center;
        background-color: #fff;
    }
    .header-h5 .logo{
        width: 100%;
        text-align: center;
        margin-left: 40px;
        font-size: 32px;
    }
    .header-h5 .menu{
        width: 50px;
        height: 40px;
        padding: 18px 18px;
    }
    .header-h5 .menu i{
        display: block;
        height: 4px;
        background-color: rgb(239, 131, 43);
        margin: 5px 0;
        float: right;
        clear: both;
        transition: all 0.2s;
    }
    .header-h5 .menu i:nth-child(1),
    .header-h5 .menu:hover i:nth-child(2),
    .header-h5 .menu i:nth-child(3){
        width: 36px;
    }
    .header-h5 .menu:hover i:nth-child(1),
    .header-h5 .menu i:nth-child(2),
    .header-h5 .menu:hover i:nth-child(3){
        width: 24px;
    }
    .header-h5 .more{
        width: 100vw;
        position: fixed;
        background: #fff;
        height: auto;
        max-height: 90vh;
        top: 80px;
        display: none;
        overflow: scroll;
    }
    .header-h5 .more div{
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
    }
    .footer{
        font-size: 18px;
    }
    .footer .top .left .bottomnav .nav{
        flex-direction: column;
        display: none;
    }
    .footer .top .left .bottomnav .nav li a.page{
        display: block;
        margin-bottom: 0;
    }
    .footer .top .left .bottomnav .nav li{
        display: block;
        flex-direction: row;
        margin-bottom: 15px;
    }
    .footer .top .left .bottomnav .nav li a{
        white-space: nowrap;
        margin-right: 10px;
        padding-bottom: 5px;
    }
    .footer .top .left .friendlink{
        flex-direction: column;
    }
    .footer .top{
        flex-direction: column;
    }
    .footer .top .left{
        border-right: none;
        padding: 0 0 5vh;
    }
    .footer .top .right{
        padding: 2vh 0 0vh;
        width: 60%;
    }
    .footer .top .right .code img{
        width: 130px;height: 130px;
    }
    .footer .top .right .tel p{
        font-size: 28px;
    }
    .footer .top .right .tel{
        margin-top: 15px;
    }
    .footer .bottom{
        display: none;
    }
    .footer .bottom-h5{
        color: rgb(95, 101, 115);
        font-size: 18px;
        padding: 5px 0;
        text-align: center;
    }
    .footer .top .left .friendlink span{
        margin-bottom: 5px;
    }
    .banner .swiper-slide{
        height: 40vh;
    }
    .banner .swiper-slide .ch{
        top: 18vh;
        left: 20vw;
        font-size: 34px;
    }
    .banner .swiper-slide .en{
        top: 19vh;
        left: 20vw;
        font-size: 15px;
    }
    .banner .bannerin{
        height: 35vh;
    }
    .banner .bannerin span{
        font-size: 36px;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        padding-top: 20vh;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 24%;
        margin-top: 18%;
    }
    #swiper01 .swiper-button-next,#swiper01 .swiper-button-prev{
        top: 24%;
        margin-top: 0;
    }
    @keyframes scanning { 
        0% { 
         top: 30vh; 
        } 
        50% { 
         top: 27vh; 
        } 
        100% { 
         top: 30vh; 
        } 
    }
    .banner .swiper-slide .img1{
        width: 25px;
        height: 30px;
    }
    .index .part01{
        display: flex;
        flex-direction: column;
        padding: 5vh 5vw;
    }
    .index .part01 .left,.index .part01 .right{
        width: 100%;
    }
    .index .part04 .bottom .item .r .title{
        font-size: 24px;
    }
    .index .part03 .bottom .swiper-slide .left .ch, .index .part05 .middle .right .t .info .title, .index .part05 .middle .left .t .title{
        font-size: 24px;
    }
    .index .part01 .left .title, .index .part02 .top .title, .index .part03 .top .title, .index .part04 .top .title, .index .part05 .top .title{
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }
    .index .part01 .left .subtitle, .index .part02 .top .subtitle, .index .part03 .top .subtitle, .index .part04 .top .subtitle, .index .part05 .top .subtitle{
        font-size: 20px;
        margin-top: 10px;
        line-height: 28px;
        text-align: center;
    }
    .index .join .subtitle, .index .join button span{
        font-size: 18px;
    }
    .index .part01 .left .co-school{
        margin-top: 15px;
    }
    .index .part01 .left .co-school .school-icon{
        overflow-x: scroll;
    }
    ::-webkit-scrollbar{
        height: 3px;
        width: 0px;
    }
    .index .part01 .right div{
        font-size: 18px;
        line-height: 38px;
        margin-top: 10px;
    }
    .index .part01 .right button span{
        font-size: 14px;
    }
    .index .part01 .right button{
        margin: 20px auto 0;
        display: block;
    }
    .index .part02 .top, .index .part03 .top, .index .part04 .top, .index .part05 .top{
        display: flex;
        flex-direction: column;
        padding: 2vh 0;
    }
    .index .part02 .top button, .index .part03 .top button, .index .part04 .top button, .index .part05 .top button{
        margin: 20px auto 0;
        height: 40px;
        width: 200px;
    }
    .index .part02 .top button span, .index .part03 .top button span, .index .part04 .top button span, .index .part05 .top button span{
        font-size: 16px;
    }
    .index .part02 .bottom .item .name span{
        font-size: 24px;
    }
    .index .part02 .bottom .item .tip{
        font-size: 18px;
        line-height: 36px;
    }
    .index .part02 .middle{
        flex-direction: column;
    }
    .index .part02 .middle .left{
        height: 40vh;
        width: 100%;
        background-size: 100% 100%!important;
    }
    .index .part02 .middle .right{
        height: 80vh;
        width: 100%;
    }
    .index .part02 .middle .right .item{
        background-size: 100% 100%!important;
    }
    .index .part02 .middle .left .course{
        margin-top: 27vh;
    }
    .index .part02 .middle .left .en{
        margin-top: 32vh;
    }
    .index .part02 .middle .left:hover .course{
        margin-top: 10vh;
    }
    .index .part02 .middle .left:hover .en{
        margin-top: 15vh;
    }
    .index .part02 .middle .left:hover .auto.p{
        margin-top: 20vh;
    }
    .index .part02 .middle .left:hover .auto.btn{
        margin-top: 30vh;
    }
    .index .part02 .middle .en{
        font-size: 20px;
    }
    .index .part02 .middle .course{
        font-size: 28px;
    }
    .index .part02 .middle .left:hover .auto.btn, .index .part02 .middle .right .item:hover .auto.btn{
        width: 170px;
        height: 45px;
        line-height: 45px;
    }
    .index .part02 .middle .left:hover .auto.p,.index .part02 .middle .right .item:hover .auto.p{
        width: 90vw;
    }
    .index .part02 .bottom{
        flex-direction: column;
        padding: 2vh 13vw;
    }
    .index .part02 .bottom .item{
        width: 100%;
        margin: 6% 2%;
    }
    .index .part02 .bottom .item img{
        width: 75px;
        height: 75px;
    }
    .index .part03 .bottom .swiper-slide{
        height: 50vw;
    }
    .index .part03 .bottom .swiper-slide .c{
        margin-top: 36vw;
    }
    .index .part04 .tab{
        white-space: nowrap;
        overflow-x: scroll;
        height: 45px;
        margin: 0 6vw;
    }
    .index .part04 .bottom{
        flex-direction: column;
        margin: 3vh 10vw;
    }
    .index .part04 .bottom .left{
        overflow-x: scroll;
    }
    .index .part04 .bottom .item .r{
        margin-left: 7vw;
    }
    .index .part04 .bottom .left{
        height: auto;
        margin-bottom: 5vh;
    }
    .index .part04 .bottom .right{
        width: 100%;
    }
    .index .join .title, .index .join .title1{
        font-size: 24px;
    }
    .index .join{
        height: 40vh;
    }
    .index .join .title{
        top: 7vh;
    }
    .index .join .title1{
        top: 8vh;
    }
    .index .join .subtitle{
        width: 64vw;
        top: 9vh;
        text-align: center;
    }
    .index .join button{
        top: 15vh;
        height: 50px;
        width: 270px;
    }
    .index .part05 .middle{
        flex-direction: column;
    }
    .index .part05 .middle .left{
        width: 100%;
        margin-bottom: 3vh;
    }
    .index .part05 .middle .right{
        width: 100%;
    }
    .index .part05 .middle{
        width: 84vw;
    }
    .index .part05 .middle .left .t .more{
        width: 80vw;
        top: 30vh;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .index .part05 .middle .left .t .title{
        width: 80vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        top: 28vh;
    }
    .index .part05 .middle .left .t .btn{
        top: 32vh;
    }
    .index .part05 .bottom{
        flex-direction: column;
        width: 84vw;
        margin: auto;
    }
    .index .part05 .bottom .item{
        width: auto;
        margin-bottom: 3vh;
        padding: 2vh;
    }
    .index .part05 .middle .right .t{
        height: auto;
    }
    .about .tab{
        white-space: nowrap;
        overflow: scroll;
        font-size: 18px;
        height: 50px;
        justify-content: space-between;
    }
    .about .tab .item span{
        padding: 0 30px;
    }
    .about .tab .item.on{
        height: 50px;
        margin-top: 0;
        line-height: 50px;
    }
    .about .tab .item.on span{
        display:inline;
    }
    .about .content .part01{
        padding: 5vh 0 15vh;
    }
    .about .content .part01 .title, .about .content .part03 .right .title, .about .content .part04 .title{
        font-size: 36px;
        margin-top: 10px;
    }
    .about .content .part01 .subtitle, .about .content .part03 .right .sub{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .about .content .part01 p{
        font-size: 18px;
        line-height: 38px;
    }
    .about .content .part01, .about .content .part02 .swiper, .about .content .part03{
        width: 90vw;
    }
    .about .content .part02 .bg,.about .content .part02 video{
        width: 91vw;
        height: 26vw;
        margin-top: -20vh;
    }
    .about .content .part02 #swiper11 .swiper-slide .sub, .about .content .part02 #swiper11 .swiper-slide .title{
        font-size: 21px;
    }
    .about .content .part03 .right p, .course .content .item .right .text{
        font-size: 18px;
        min-height: auto;
    }
    .about .content .part02 .swiper{
        padding: 5vh 1.5vw;
    }
    .about .content .part02{
        padding: 5vh 0;
    }
    .about .content .part03 .bottom,.about .content .part03{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .about .content .part03 .right .p{
        height: 50vh;
    }
    .about .content .part03 .right,.about .content .part03 .left{
        width: 100%;
    }
    .about .content .part04 .p{
        width: 70vw;
        margin-top: 15px;
        font-size: 18px;
    }
    .about .content .part04 .bottom{
        width: 90vw;
        flex-direction: column;
    }
    .about .content .part04 .bottom .item{
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .about .content .part04 .bottom .item .info{
        width: 70%;
    }
    .about .content .part04 .bottom .item .text{
        line-height: 28px;
        margin-top: 5px;
        font-size: 18px;
    }
    .about .content .part04 .bottom{
        margin-top: 20px;
    }
    .about .content .part04 .bottom .item .icon{
        width: 70px;
        height: 70px;
    }
    .about .content .part04 .bottom .item .icon img{
        width: 40px;
    }
    .about .content .part04{
        padding: 5vh 0;
    }
    .about .content .part05 .title,.about .content .part06 .title{
        font-size: 36px;
    }
    .about .content .part05 .sub,.about .content .part06 .sub{
        font-size: 24px;
    }
    .about .content .part05 .team span{
        font-size: 22px;
    }
    .about .content .part05 .team span.on:after{
        width: 82px;
        margin-left: -84px;
        margin-top: 40px;
    }
    .about .content .part05 #swiper04 .swiper-slide .people{
        height: 28vh;
    }
    .about .content .part05 #swiper04 .swiper-slide .bottom{
        height: 14vh;
    }
    .about .content .part05 .swiper{
        width: 70vw;
    }
    .about .content .part06 .swiper #swiper-h5 .swiper-slide .img img{
        width: 100%;
        height: 100%;
    }
    .about .content .part06 .swiper{
        padding: 0;
        width: 90vw;
    }
    .about .content .part06 #swiper-h5 .swiper-slide .img span{
        display: none;
        position: absolute;
        margin-top: 230px;
        left: 40px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        z-index: 10;
    }
    .about .content .part06 #swiper-h5 .swiper-slide .img:hover span{
        display: initial;
    }
    .about .content .part06 .swiper-button-next,.about .content .part06 .swiper-button-prev{
        margin-top: 20%;
    }
    .schoollife .tab, .schoollifedetail .tab, .international .tab, .join .tab{
        height: 50px;
        font-size: 18px;
    }
    .enrollmentdetail .content, .schoollifedetail .content{
        padding: 5vh 0;
    }
    .course .content .item{
        flex-direction: column;
    }
    .course .content .item .left{
        width: 100%;
    }
    .course .content .item .right{
        width: auto;
        margin-top: 10px;
    }
    .course .tab .item.on, .coursedetail .tab .item.on, .university .tab .item.on, .enrollment .tab .item.on,.enrollmentdetail .tab .item.on,.news .tab .item.on{
        height: 50px;
        margin-top: 0;
        line-height: 50px;
    }
    .course .tab .item.on span, .coursedetail .tab .item.on span,.enrollment .tab .item.on span,.enrollmentdetail .tab .item.on span{
        display: inline;
    }
    .course .tab .item, .coursedetail .tab .item{
        width: 33.3vw;
        text-align: center;
    }
    .course .tab, .coursedetail .tab, .enrollment .tab,.enrollmentdetail .tab,.news .tab{
        height: 50px;
        font-size: 18px;
    }
    .course .content{
        padding: 5vh 5vw;
    }
    .course .content .item, .coursedetail .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .course .content .item{
        margin-bottom: 0;
    }
    .course .content .item .right .title{
        font-size: 32px;
    }
    .course .content .item .right .sub{
        font-size: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1vh 0;
    }
    .course .content .item .right .top .l{
        font-size: 56px;
    }
    .coursedetail .content .part1{
        width: 90vw;
        flex-direction: column;
    }
    .coursedetail .content .part1 .left,.coursedetail .content .part1 .right{
        width: 100%;
    }
    .coursedetail .content .part1 .right .title{
        font-size: 36px;
        margin-bottom: 5px;
        text-align: center;
        margin-top: 5px;
    }
    .coursedetail .content .part1 .right .text{
        font-size: 18px;
    }
    .coursedetail .content .part1 .right .sub{
        font-size: 24px;
    }
    .coursedetail .content .part1 .right .tel{
        align-items: flex-start;
        margin-top: 5px;
        font-size: 24px;
    }
    .coursedetail .content .part1 .right .tel .tel1 .telphone{
        font-size: 26px;
    }
    .coursedetail .content .part2 .text p{
        font-size: 18px;
        line-height: 36px;
    }
    .coursedetail .content .title{
        justify-content: space-between;
    }
    .coursedetail .content .title .left{
        margin-right: 0;
    }
    .coursedetail .content .detail{
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .coursedetail .content .title .left span{
        font-size: 32px;
    }
    .coursedetail .content .part2 img,.coursedetail .content .part3 .title img{
        margin-top: 10px;
    }
    .coursedetail .content .part3 .advantages .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .coursedetail .content .part3 .advantages .item .right .t{
        font-size: 21px;
    }
    .coursedetail .content .part3 .advantages .item .right .sub{
        margin-bottom: 15px;
    }
    .coursedetail .content .part3 .advantages .item .left{
        width: 7vw;
        height: 7vw;
        margin-right: 25px;
    }
    .course .content .item .right button{
        font-size: 18px;
        width: 210px;
        height: 50px;
        margin-top: 20px;
    }
    .schoollife .content{
        width: 90vw;
    }
    .schoollife .content .item{
        width: 100%;
    }
    .schoollife .content .item img{
        height: auto;
        aspect-ratio: 0;
    }
    .schoollife .content .item .middle .left .title{
        font-size: 24px;
        line-height: 42px;
    }
    .schoollife .content .item .middle .right .year{
        font-size: 18px;
    }
    .schoollife .content .item .middle .right .day{
        font-size: 48px;
    }
    .schoollife .content .item .middle .left,.schoollife .content .item .middle .right{
        padding: 2vh 5vw;
    }
    .schoollife .content .item .block{
        width: 9vw;
        height: 9vw;
        margin-top: -2vh;
        margin-left: 63vw;
    }
    .enrollmentdetail .content, .schoollifedetail .content{
        width: 90vw;
        display: flex;
        flex-direction: column-reverse;
    }
    .schoollifedetail .content .right{
        width: 100%;
    }
    .schoollifedetail .content .left{
        width: 100%;
        padding: 20px 0;
    }
    .schoollifedetail .content .left .text p{
        text-indent: 0;
        font-size: 18px;
        line-height: 38px;
    }
    .schoollifedetail .content .left .title{
        font-size: 28px;
        line-height: 36px;
    }
    .schoollifedetail .content .left .bar,.enrollmentdetail .content .left .bar{
        flex-direction: column;
    }
    .schoollifedetail .content .left .bar .prve,.schoollifedetail .content .left .bar .next,
    .enrollmentdetail .content .left .bar .prve,.enrollmentdetail .content .left .bar .next{
        width: auto;
    }
    .university .tab .item.on span, .universitydetail .tab .item.on span,.news .tab .item.on span{
        display: inline;
    }
    .university .tab .item, .universitydetail .tab .item{
        padding: 15px;
    }
    .university .tab{
        white-space: nowrap;
        overflow: scroll;
        font-size: 18px;
        height: 50px;
        justify-content: space-between;
    }
    .university .content .item .bottom .name{
        font-size: 21px;
    }
    .university .content .item .bottom .sub{
        font-size: 16px;
    }
    .university .content .item{
        width: 48%;
    }
    .university .content .item:hover{
        width: 50%;
    }
    .university .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .international .item{
        padding: 0 5vw;
    }
    .enrollment .tab .item, .enrollmentdetail .tab .item,.news .tab .item{
        width: 50vw;
        text-align: center;
    }
    .search .content .found input{
        font-size: 18px;
    }
    .search .content .found img{
        width: 20px;
    }
    .search .item .cont{
        flex-direction: column;
        width: 90vw;
        padding: 5vh 0;
    }
    .search .item .cont .left{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .search .item .cont .center{
        width: 100%;
        text-align: center;
    }
    .search .item{
        width: 90vw;
    }
    .search .item .cont .left .year,.search .item .cont .left .day{
        font-size: 28px;
        margin-top: 0;
    }
    .search .item .cont .center .title{
        font-size: 20px;
        margin-top: 10px;
    }
    .search .item .cont .center .title{
        text-align: left;
        font-size: 26px;
    }
    .search .item .cont .center .more{
        text-align: left;
        font-size: 18px;
    }
    .search .bread{
        width: 100vw;
        padding: 15px;
    }
    .search .content .found{
        width: 90vw;
        margin-bottom: 25px;
    }
    .enrollment .content .item{
        width: 100%;
    }
    .enrollment .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .enrollmentdetail .content .right{
        width: 100%;
        height: auto;
    }
    .enrollmentdetail .content .left{
        width: 100%;
        padding: 20px 0;
    }
    .enrollmentdetail .content .left .title{
        font-size: 28px;
        line-height: 36px;
        font-weight: 600;
    }
    .enrollmentdetail .content .left .text p{
        font-size: 18px;
        line-height: 36px;
        text-indent: 0;
    }
    .international .item .cont,.news .item .cont{
        flex-direction: column-reverse;
    }
    .international .item .cont .right,.news .item .cont .right{
        width: 100%;
    }
    .international .item .cont .l,.news .item .cont .l{
        width: 100%;
        flex-direction: column;
        margin-top: 10px;
    }
    .international .item .cont .left,.news .item .cont .left{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .international .item .cont .left .year,.international .item .cont .left .day,.news .item .cont .left .year,.news .item .cont .left .day{
        font-size: 28px;
        margin-top: 0;
    }
    .international .item .cont .center,.news .item .cont .center{
        width: 100%;
        text-align: center;
    }
    .international .item .cont .center .title,.news .item .cont .center .title{
        margin-top: 10px;
        text-align: left;
    }
    .international .item .cont .center .more,.news .item .cont .center .more{
        text-align: left;
        font-size: 18px;
        line-height: 38px;
    }
    .news .item{
        padding: 0 5vw;
    }
    .news .item .cont .center .title{
        font-size: 26px;
    }
    .news .item .cont .right img{
        height: 360px;
        max-height: 360px;
    }
    .join .content .item .left .bottom,.join .content .item .left .top{
        flex-direction: column;
    }
    .join .content .item .left .top .l{
        width: 100%;
        flex-direction: column;
        align-items: unset;
        font-size: 18px;
    }
    .join .content .item .left .top .l .starttime, .join .content .item .left .top .l .endtime,.join .content .item .left .top .l .tel{
        border: none;
        padding: 0;
        margin: 5px 0;
    }
    .join .content .item .left .top .l .name{
        border: none;
        margin-bottom: 5px;
        font-size: 28px;
        font-weight: 600;
    }
    .join .content .item .detail button{
        font-size: 18px;
        width: 170px;
        height: 50px;
    }
    .join .content .item .left .bottom div{
        font-size: 18px;
    }
    .join .content .item .detail .ask{
        font-size: 22px;
    }
    .join .content .item .detail p{
        font-size: 18px;
    }
    .join .content{
        padding: 5vh 5vw;
    }
    .join .content .item .left .top .r{
        margin-top: 5px;
    }
    .enrollmentdetail .content .right .cont ul .title, .schoollifedetail .content .right .cont ul .title,.schoollifedetail .content .right .cont ul .time,
    .enrollmentdetail .content .right .cont ul .time{
        font-size: 20px;
        line-height: 32px;
    }
    .enrollmentdetail .content .left .sub{
        font-size: 20px;
    }
}
@media screen and (max-width:500px) {
    .banner .swiper-button-prev:after, .banner .swiper-button-next:after{
        font-size: 18px;
    }
    body{
        font-size: 14px;
    }
    .content p{
        text-indent: 0em!important;
    }
    .content p img{
        width: auto;
        height: auto!important;
        max-width: 100%;
    }
    .content center img{
        width: 100%!important;
        height: auto!important;
    }
    .content table{
        width: auto;
    }
    .content p video{
        width: 100%;
    }
    .about .content .part06 #swiper05{
        display: none;
    }
    .about .content .part06 #swiper-h5{
        display: block;
        overflow: hidden;
    }
    .header{
        display: none;
    }
    .header-h5{
        display: flex;
        position: fixed;
        justify-content: space-between;
        top: 0;
        z-index: 5;
        width: 100%;
        align-items: center;
        background-color: #fff;
    }
    .header-h5 .logo{
        width: 100%;
        text-align: center;
        margin-left: 20px;
        font-size: 18px;
    }
    .header-h5 .menu{
        width: 25px;
        height: 25px;
        padding: 9px 9px;
    }
    .header-h5 .menu i{
        display: block;
        height: 2px;
        background-color: rgb(239, 131, 43);
        margin: 2.5px 0;
        float: right;
        clear: both;
        transition: all 0.2s;
    }
    .header-h5 .menu i:nth-child(1),
    .header-h5 .menu:hover i:nth-child(2),
    .header-h5 .menu i:nth-child(3){
        width: 18px;
    }
    .header-h5 .menu:hover i:nth-child(1),
    .header-h5 .menu i:nth-child(2),
    .header-h5 .menu:hover i:nth-child(3){
        width: 12px;
    }
    .header-h5 .more{
        width: 100vw;
        position: fixed;
        background: #fff;
        height: auto;
        max-height: 90vh;
        top: 45px;
        display: none;
        overflow: scroll;
    }
    .header-h5 .more div{
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
    }
    .footer .top .left .bottomnav .nav{
        flex-direction: column;
        display: none;
    }
    .footer .top .left .bottomnav .nav li a.page{
        display: block;
        margin-bottom: 0;
    }
    .footer .top .left .bottomnav .nav li{
        display: block;
        flex-direction: row;
        margin-bottom: 15px;
    }
    .footer .top .left .bottomnav .nav li a{
        white-space: nowrap;
        margin-right: 10px;
        padding-bottom: 5px;
    }
    .footer .top{
        flex-direction: column;
    }
    .footer .top .left .friendlink .link a{
        margin: 5px 0px;
        display: block;
        width: auto;
    }
    .footer .top .left{
        border-right: none;
        padding: 0 0 5vh;
    }
    .footer .top .right{
        padding: 2vh 0 0vh;
    }
    .footer .top .right .tel p{
        font-size: 20px;
        margin-left: 15px;
    }
    .footer .top .right .tel{
        margin-top: 15px;
        display: flex;
        align-items: center;
    }
    .footer .bottom{
        display: none;
    }
    .footer .bottom-h5{
        color: rgb(95, 101, 115);
        font-size: 12px;
        padding: 5px 0;
    }
    .footer .bottom-h5 .l{
        display: flex;
        justify-content: center;
    }
    .footer .bottom-h5 a{
        color: rgb(95, 101, 115);
    }
    .footer .bottom-h5 img{
        padding: 0 5px;
        margin: auto;
        vertical-align: middle;
        border-style: none;
        object-fit: cover;
    }
    .footer .top .left .friendlink{
        display: block;
    }
    .footer .top .left .friendlink .friend{
        margin: 5px 0;
        width: auto;
    }
    .footer .top .left .friendlink .link .span{
        display: none;
    }
    .banner .swiper-slide{
        height: 47vw;
        margin-top: 43px;
    }
    .banner .swiper-slide .ch{
        top: 17vw;
        left: 8vw;
        font-size: 22px;
    }
    .banner .swiper-slide .en{
        top: 18vw;
        left: 9vw;
        font-size: 9px;
    }
    .banner .bannerin{
        height: 35vw;
        margin-top: 43px;
    }
    .banner .bannerin span{
        font-size: 24px;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        padding-top: 15vw;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 24%;
        margin-top: 35%;
    }
    #swiper01 .swiper-button-next,#swiper01 .swiper-button-prev{
        margin-top: 0;
        top: 18%;
    }
    @keyframes scanning { 
        0% { 
         top: 30vw; 
        } 
        50% { 
         top: 25vw; 
        } 
        100% { 
         top: 30vw; 
        } 
    }
    .banner .swiper-slide .img1{
        width: 15px;
        height: 20px;
    }
    .index .part01{
        display: flex;
        flex-direction: column;
        padding: 3vh 3vw;
    }
    .index .part01 .left,.index .part01 .right{
        width: 100%;
    }
    .index .part01 .left .title, .index .part02 .top .title, .index .part03 .top .title, .index .part04 .top .title, .index .part05 .top .title{
        font-size: 20px;
        line-height: 32px;
        text-align: center;
    }
    .index .part01 .left .subtitle, .index .part02 .top .subtitle, .index .part03 .top .subtitle, .index .part04 .top .subtitle, .index .part05 .top .subtitle{
        font-size: 14px;
        margin-top: 0px;
        line-height: 28px;
        text-align: center;
    }
    .index .part01 .left .co-school{
        margin-top: 15px;
    }
    .index .part01 .left .co-school .school{
        font-size: 18px;
    }
    .index .part01 .left .co-school .school-icon{
        overflow-x: scroll;
    }
    ::-webkit-scrollbar{
        height: 3px;
        width: 0px;
    }
    .index .part01 .right div{
        font-size: 14px;
        line-height: 32px;
        margin-top: 10px;
    }
    .index .part01 .right button span{
        font-size: 14px;
    }
    .index .part01 .right button{
        margin: auto;
        display: block;
    }
    .index .part02 .top, .index .part03 .top, .index .part04 .top, .index .part05 .top{
        display: flex;
        flex-direction: column;
        padding: 2vh 0;
    }
    .index .part02 .bottom .item .tip{
        font-size: 14px;
    }
    .index .part02 .top button, .index .part03 .top button, .index .part04 .top button, .index .part05 .top button{
        margin: 10px auto 0;
        height: 40px;
        width: 200px;
    }
    .index .part02 .top button span, .index .part03 .top button span, .index .part04 .top button span, .index .part05 .top button span{
        font-size: 14px;
    }
    .index .part02 .middle{
        flex-direction: column;
    }
    .index .part02 .middle .left{
        height: 87.5vw;
        width: 100%;
        background-size: 100% 100%!important;
    }
    .index .part02 .middle .right{
        height: 100vw;
        width: 100%;
    }
    .index .part02 .middle .right .item{
        background-size: 100% 100%!important;
    }
    .index .part02 .middle .left .course{
        margin-top: 69vw;
    }
    .index .part02 .middle .right .item .course{
        margin-top: 32vw;
    }
    .index .part02 .middle .left .en{
        margin-top: 78vw;
    }
    .index .part02 .middle .right .item .en{
        margin-top: 41vw;
    }
    .index .part02 .middle .left:hover .course{
        margin-top: 40vw;
    }
    .index .part02 .middle .right .item:hover .course{
        margin-top: 3vw;
    }
    .index .part02 .middle .left:hover .en{
        margin-top: 49vw;
    }
    .index .part02 .middle .right .item:hover .en{
        margin-top: 12vw;
    }
    .index .part02 .middle .left:hover .auto.p{
        margin-top: 57vw;
    }
    .index .part02 .middle .right .item:hover .auto.p{
        margin-top: 20vw;
    }
    .index .part02 .middle .left:hover .auto.btn{
        margin-top: 72vw;
    }
    .index .part02 .middle .right .item:hover .auto.btn{
        margin-top: 35vw;
    }
    .index .part02 .middle .en{
        font-size: 15px;
    }
    .index .part02 .middle .course{
        font-size: 22px;
    }
    .index .part02 .middle .left:hover .auto.btn, .index .part02 .middle .right .item:hover .auto.btn{
        width: 110px;
        height: 35px;
        line-height: 35px;
    }
    .index .part02 .middle .left:hover .auto.p,.index .part02 .middle .right .item:hover .auto.p{
        width: 90vw;
    }
    .index .part02 .bottom{
        flex-direction: column;
        padding: 2vh 13vw;
    }
    .index .part02 .bottom .item{
        width: 100%;
        margin: 6% 2%;
    }
    .index .part03 .bottom .swiper-slide{
        height: 50vw;
    }
    .index .part03 .bottom .swiper-slide .c{
        margin-top: 36vw;
    }
    .index .part04 .tab{
        white-space: nowrap;
        overflow-x: scroll;
        height: 45px;
        margin: 0 6vw;
    }
    .index .part04 .bottom{
        flex-direction: column;
        margin: 3vh 10vw;
    }
    .index .part04 .bottom .left{
        overflow-x: scroll;
    }
    .index .part04 .bottom .item .r{
        margin-left: 7vw;
    }
    .index .part04 .bottom .left{
        height: auto;
        margin-bottom: 5vh;
    }
    .index .part04 .bottom .right{
        width: 100%;
    }
    .index .join .title, .index .join .title1{
        font-size: 15px;
    }
    .index .join{
        height: 24vh;
    }
    .index .join .title{
        top: 3vw;
    }
    .index .join .title1{
        top: 4vw;
    }
    .index .join .subtitle{
        width: 90vw;
        top: 7vw;
    }
    .index .join button span{
        font-size: 14px;
    }
    .index .join button{
        top: 10vw;
        height: 30px;
        width: 200px;
    }
    .index .part05 .middle{
        flex-direction: column;
    }
    .index .part05 .middle .left{
        width: 100%;
        margin-bottom: 3vh;
    }
    .index .part05 .middle .right{
        width: 100%;
    }
    .index .part05 .middle{
        width: 84vw;
    }
    .index .part05 .middle .left .t{
        height: 50vw;
    }
    .index .part05 .middle .left .t .time{
        top: 20vw;
    }
    .index .part05 .middle .left .t .more{
        width: 80vw;
        top: 24vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .index .part05 .middle .left .t .title{
        width: 80vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        top: 22vw;
    }
    .index .part05 .middle .left .t .btn{
        top: 26vw;
    }
    .index .part05 .bottom{
        flex-direction: column;
        width: 84vw;
        margin: auto;
    }
    .index .part05 .bottom .item{
        width: auto;
        margin-bottom: 3vh;
        padding: 2vh;
    }
    .index .part05 .middle .right .t{
        height: auto;
    }
    .about .tab{
        white-space: nowrap;
        overflow: scroll;
        font-size: 14px;
        height: 40px;
    }
    .about .tab .item span{
        padding: 0 15px;
    }
    .about .tab .item.on{
        height: 40px;
        margin-top: 0;
        line-height: 40px;
    }
    .about .tab .item.on span{
        display:inline;
    }
    .about .content .part01{
        padding: 5vh 0 15vh;
    }
    .about .content .part01 .title, .about .content .part03 .right .title, .about .content .part04 .title{
        font-size: 24px;
    }
    .about .content .part01 .subtitle, .about .content .part03 .right .sub{
        font-size: 18px;
    }
    .about .content .part01 p{
        font-size: 14px;
        line-height: 30px;
    }
    .about .content .part01, .about .content .part03{
        width: 90vw;
    }
    .about .content .part02 .bg{
        width: 91vw;
        height: 26vw;
        margin-top: -20vh;
    }
    .about .content .part02 video{
        width: 91vw;
        height: 45vw;
        margin-top: -20vh;
    }
    .about .content .part02 .swiper{
        padding: 5vh 7vw;
        width: 82vw;
        text-align: center;
    }
    .about .content .part02 #swiper11 .swiper-slide .lisence{
        margin: 40px auto 0;
    }
    .about .content .part02 #swiper11 .swiper-slide .title{
        margin: 20px auto 5px;
    }
    .about .content .part02 #swiper11 .swiper-slide .sub{
        margin: 5px auto 30px;
    }
    .about .content .part02 #swiper11 .swiper-slide img{
        margin-left: 0;
    }
    .about .content .part02{
        padding: 5vh 0;
    }
    .about .content .part03 .bottom,.about .content .part03{
        flex-direction: column;
    }
    .about .content .part03 .right .p{
        height: 50vh;
    }
    .about .content .part03 .right,.about .content .part03 .left{
        width: 100%;
    }
    .about .content .part04 .p{
        width: 90vw;
        margin-top: 15px;
    }
    .about .content .part04 .bottom{
        width: 90vw;
        flex-direction: column;
    }
    .about .content .part04 .bottom .item{
        width: 100%;
        display: flex;
        align-items: center;
    }
    .about .content .part04 .bottom .item .info{
        width: 70%;
    }
    .about .content .part04 .bottom .item .text{
        line-height: 28px;
        margin-top: 5px;
    }
    .about .content .part04 .bottom{
        margin-top: 20px;
    }
    .about .content .part04 .bottom .item .icon{
        width: 70px;
        height: 70px;
    }
    .about .content .part04 .bottom .item .icon img{
        width: 40px;
    }
    .about .content .part04{
        padding: 5vh 0;
    }
    .about .content .part05 .title,.about .content .part06 .title{
        font-size: 24px;
    }
    .about .content .part05 .sub,.about .content .part06 .sub{
        font-size: 18px;
    }
    .about .content .part05 .swiper{
        width: 65vw;
        padding: 0 7vw;
    }
    .about .content .part06 .swiper #swiper-h5 .swiper-slide .img img{
        width: 100%;
        height: 100%;
    }
    .about .content .part06 .swiper{
        padding: 0 7vw;
        width: 82vw;
    }
    .about .content .part06 #swiper-h5 .swiper-slide .img span{
        display: none;
        position: absolute;
        margin-top: 55vw;
        left: 5vw;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        z-index: 10;
    }
    .about .content .part06 #swiper-h5 .swiper-slide .img:hover span{
        display: initial;
    }
    .about .content .part06 .swiper-button-next,.about .content .part06 .swiper-button-prev{
        margin-top: 20%;
    }
    .schoollife .tab, .schoollifedetail .tab, .international .tab, .join .tab{
        height: 40px;
        font-size: 16px;
    }
    .enrollmentdetail .content, .schoollifedetail .content{
        padding: 5vh 0;
    }
    .course .content .item{
        flex-direction: column;
    }
    .course .content .item .left{
        width: 100%;
    }
    .course .content .item .right{
        width: auto;
        margin-top: 10px;
    }
    .course .tab .item.on, .coursedetail .tab .item.on, .university .tab .item.on, .enrollment .tab .item.on,.enrollmentdetail .tab .item.on,.news .tab .item.on{
        height: 40px;
        margin-top: 0;
        line-height: 40px;
    }
    .course .tab .item.on span, .coursedetail .tab .item.on span,.enrollment .tab .item.on span,.enrollmentdetail .tab .item.on span{
        display: inline;
    }
    .course .tab .item, .coursedetail .tab .item{
        width: 33.3vw;
        text-align: center;
    }
    .course .tab, .coursedetail .tab, .enrollment .tab,.enrollmentdetail .tab,.news .tab{
        height: 40px;
        font-size: 14px;
    }
    .course .content{
        padding: 5vh 5vw;
    }
    .course .content .item, .coursedetail .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .course .content .item{
        margin-bottom: 0;
    }
    .course .content .item .right .title{
        font-size: 18px;
    }
    .course .content .item .right .sub{
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1vh 0;
    }
    .course .content .item .right .top .l{
        font-size: 48px;
    }
    .coursedetail .content .part1{
        width: 90vw;
        flex-direction: column;
    }
    .coursedetail .content .part1 .left,.coursedetail .content .part1 .right{
        width: 100%;
    }
    .coursedetail .content .part1 .right .title{
        font-size: 24px;
        margin-bottom: 5px;
        text-align: center;
        margin-top: 5px;
    }
    .coursedetail .content .part1 .right .sub{
        font-size: 16px;
    }
    .coursedetail .content .part1 .right .tel{
        align-items: flex-start;
        margin-top: 5px;
    }
    .coursedetail .content .part1 .right .phone{
        display: inline;
    }
    .coursedetail .content .detail{
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .coursedetail .content .title{
        flex-direction: column;
    }
    .coursedetail .content .part2 img,.coursedetail .content .part3 .title img{
        margin-top: 10px;
    }
    .coursedetail .content .part3 .advantages .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .coursedetail .content .part3 .advantages .item .right .t{
        font-size: 21px;
    }
    .coursedetail .content .part3 .advantages .item .right .sub{
        margin-bottom: 15px;
    }
    .coursedetail .content .part3 .advantages .item .left{
        width: 7vw;
        height: 7vw;
        margin-right: 25px;
    }
    .course .content .item .right button{
        font-size: 14px;
        width: 150px;
        height: 40px;
        margin-top: 20px;
    }
    .schoollife .content{
        width: 90vw;
    }
    .schoollife .content .item{
        width: 100%;
    }
    .schoollife .content .item img{
        height: auto;
        aspect-ratio: 0;
    }
    .schoollife .content .item .middle .left,.schoollife .content .item .middle .right{
        padding: 2vh 5vw;
    }
    .schoollife .content .item .block{
        width: 10vw;
        height: 10vw;
        margin-top: -2vh;
        margin-left: 61vw;
    }
    .enrollmentdetail .content, .schoollifedetail .content{
        width: 90vw;
        display: flex;
        flex-direction: column;
    }
    .schoollifedetail .content .left .back{
        display: none;
    }
    .schoollifedetail .content .right .back{
        display: block;
    }
    .schoollifedetail .content .right{
        width: 100%;
    }
    .schoollifedetail .content .left{
        width: 100%;
        padding: 20px 0;
    }
    .schoollifedetail .content .left .text p{
        text-indent: 0;
        font-size: 14px;
        line-height: 30px;
    }
    .schoollifedetail .content .left .title{
        font-size: 21px;
        line-height: 36px;
    }
    .schoollifedetail .content .left .bar,.enrollmentdetail .content .left .bar{
        flex-direction: column;
    }
    .schoollifedetail .content .left .bar .prve,.schoollifedetail .content .left .bar .next,
    .enrollmentdetail .content .left .bar .prve,.enrollmentdetail .content .left .bar .next{
        width: auto;
    }
    .university .tab .item.on span, .universitydetail .tab .item.on span,.news .tab .item.on span{
        display: inline;
    }
    .university .tab .item, .universitydetail .tab .item{
        padding: 15px;
    }
    .university .tab{
        white-space: nowrap;
        overflow: scroll;
        font-size: 14px;
        height: 40px;
    }
    .university .content .item{
        width: 98%;
    }
    .university .content .item:hover{
        width: 100%;
    }
    .university .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .international .item{
        padding: 0 5vw;
    }
    .enrollment .tab .item, .enrollmentdetail .tab .item,.news .tab .item{
        width: 50vw;
        text-align: center;
    }
    .search .content .found input{
        font-size: 14px;
    }
    .search .content .found img{
        width: 20px;
    }
    .search .item .cont{
        flex-direction: column;
        width: 90vw;
        padding: 5vh 0;
    }
    .search .item .cont .left{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .search .item .cont .center{
        width: 100%;
        text-align: center;
    }
    .search .item{
        width: 90vw;
    }
    .search .item .cont .left .year,.search .item .cont .left .day{
        font-size: 20px;
        margin-top: 0;
    }
    .search .item .cont .center .title{
        font-size: 20px;
        margin-top: 10px;
    }
    .search .item .cont .center .title, .search .item .cont .center .more{
        text-align: left;
    }
    .search .bread{
        width: 100vw;
        padding: 10px;
    }
    .search .content .found{
        width: 90vw;
        margin-bottom: 25px;
    }
    .enrollment .content .item{
        width: 100%;
    }
    .enrollment .content{
        width: 90vw;
        padding: 5vh 0;
    }
    .enrollmentdetail .content .right{
        width: 100%;
        height: auto;
    }
    .enrollmentdetail .content .left{
        width: 100%;
        padding: 20px 0;
    }
    .enrollmentdetail .content .left .back{
        display: none;
    }
    .enrollmentdetail .content .right .back{
        display: block;
    }
    .enrollmentdetail .content .left .title{
        font-size: 21px;
        line-height: 36px;
    }
    .enrollmentdetail .content .left .text p{
        font-size: 14px;
        line-height: 30px;
    }
    .international .item .cont,.news .item .cont{
        flex-direction: column-reverse;
    }
    .international .item .cont .right,.news .item .cont .right{
        width: 100%;
    }
    .international .item .cont .l,.news .item .cont .l{
        width: 100%;
        flex-direction: column;
    }
    .international .item .cont .left,.news .item .cont .left{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .international .item .cont .left .year,.international .item .cont .left .day,.news .item .cont .left .year,.news .item .cont .left .day{
        font-size: 20px;
        margin-top: 0;
    }
    .international .item .cont .center,.news .item .cont .center{
        width: 100%;
        text-align: center;
    }
    .international .item .cont .center .title,.news .item .cont .center .title{
        margin-top: 10px;
        text-align: left;
    }
    .international .item .cont .center .more,.news .item .cont .center .more{
        text-align: left;
    }
    .news .item{
        padding: 0 5vw;
    }
    .news .item .cont .center .title{
        font-size: 20px;
    }
    .news .item .cont .right img{
        height: 180px;
    }
    .join .content .item .left .bottom,.join .content .item .left .top{
        flex-direction: column;
    }
    .join .content .item .left .top .l{
        width: 100%;
        flex-direction: column;
        align-items: unset;
    }
    .join .content .item .left .top .l .starttime, .join .content .item .left .top .l .endtime,.join .content .item .left .top .l .tel{
        border: none;
        padding: 0;
        margin: 5px 0;
    }
    .join .content .item .left .top .l .name{
        border: none;
        margin-bottom: 5px;
    }
    .join .content{
        padding: 5vh 5vw;
    }
    .join .content .item .left .top .r{
        margin-top: 5px;
    }
    .about .content .part05 #swiper04 .swiper-slide .people{
        height: 75vw;
    }
    /* .enrollmentdetail .content .left .text section{
        width: auto!important;
    } */
    .enrollmentdetail .content .left .text section img{
        width: 100%!important;
        height: 100%!important;
    }
    .university .content .left .title{
        font-size: 26px;
    }
    .university .content .left .guoqi img{
        max-width: 70px;
    }
    .university .content .left .guoqi .more{
        line-height: 35px;
        font-size: 16px;
        padding: 0 10px;
    }
}