@charset "UTF-8";
html,body{
    max-width: 100%;
    margin: 0;
    overflow-x:hidden;
    font-family: PingFang, "PingFang SC",syht,"Microsoft YaHei",黑体,宋体,sans-serif;
    -webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar {
    width:3px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(255,0,0,0.4);
}
.header{
    display: flex;
    justify-content: space-around;
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 5vh 0;
    align-items: center;
}
.header .logo{
    color: #fff;
}
.header .logo img{
    width: 100%;
}
.header .nav{
    width: 60%;
    display: flex;
    justify-content: space-around;
}
.header .pc_show{
    display: flex;
    justify-content: center;
}
.header .pc_show:hover dt a,
.header .pc_show dt.active a,
.header .pc_show:hover dd a:hover{
    color: rgb(204, 131, 80)!important;
}
.header .pc_show:hover dd{
    display: block;
}
.header .pc_show dd{
    position: absolute;
    padding: 40px 0 10px;
    text-align: center;
    margin-left: 0px;
    font-size: 14px;
    display: none;
    transition: all 1s;
    color: #fff;
}
.header .pc_show dd a{
    display: flex;
    justify-content: center;
    padding: 15px 10px;
    width: 132px;
}
.footer{
    background-color: rgb(12, 24, 40);
    font-size: 15px;
}
.footer .top{
    display: flex;
    padding: 0 21vh;
    border-bottom: 1px solid rgb(21, 33, 49);
}
.footer .top .right .code div{
    width: 50%;
}
.footer .top .left{
    padding: 5vh;
    width: 100%;
    border-right: 1px solid rgb(21, 33, 49);
    border-bottom: 1px solid rgb(21, 33, 49);
}
.footer .top .left .bottomnav .nav{
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-inline-start: 0px;
}
.footer .top .left .bottomnav .nav li {
    display: flex;
    flex-direction: column;
}
.footer .top .left .bottomnav .nav li a{
    padding-bottom: 10px;
}
.footer .top .left .bottomnav .nav li a.page{
    color: rgb(95, 101, 115);
    margin-bottom: 20px;
}
.footer .top .left .friendlink{
    color: rgb(95, 101, 115);
    display: flex;
    margin-top: 30px;
}
.footer .top .left .friendlink .friend{
    margin-right: 15px;
    width: 150px;
}
.footer .top .left .friendlink .link a{
    margin-right: 15px;
    margin-left: 15px;
    white-space: nowrap;
    width: 170px;
    display: inline-block;
}
.footer .top .right{
    padding: 5vh;
    border-bottom: 1px solid rgb(21, 33, 49);
}
.footer .top .right .code{
    display: flex;
    margin-block-start: 1em;
}
.footer .top .right .code span{
    margin-bottom: 20px;
    color: rgb(95, 101, 115);
}
.footer .top .right .code img{
    margin-top: 30px;
    width: 130px;
    height: 130px;
}
.footer .top .right .tel{
    margin-top: 35px;
    color: rgb(95, 101, 115);
}
.footer .top .right .tel p{
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-block-start: 15px;
}
.footer .bottom{
    display: flex;
    color: rgb(95, 101, 115);
    padding: 20px 26vh;
    align-items: center;
    justify-content: space-between;
    line-height: 24px;
}
.footer .bottom .l,.footer .bottom .r{
    display: flex;
}
.footer .top .left .friendlink .link a span{
    margin-right: 0;
}
.footer .bottom img{
    padding: 0 10px;
    margin: auto;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
}
a{
    cursor: pointer;
}
.header a:visited,.header a:link,
.footer a:visited,.footer a:link{
    color: #fff;
    text-decoration: none;
}
.footer .bottom a{
    color: rgb(95, 101, 115);
}
a:visited,a:link{
    color: #000;
    text-decoration: none;
}
.index{
    position: relative;
    margin-top: 0px;
}
.banner .swiper-slide{
    width: 100%;
    height: 96vh;
}
.banner .swiper-slide .ch{
    position:relative;
    top: 41vh;
    color: #fff;
    font-size: 61px;
    left: 14vw;
}
.banner .swiper-slide .en{
    position:relative;
    top: 42.5vh;
    font-size: 19px;
    left: 14vw;
    color: #fff;
}
.banner .swiper-slide .img1{
    position:relative;
    top: 75vh;
    left: 50vw;
    animation: scanning 2s linear infinite; 
}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
@keyframes scanning { 
    0% { 
     top: 76vh; 
    } 
    50% { 
     top: 71vh; 
    } 
    100% { 
     top: 76vh; 
    } 
}
.index .part01{
    padding: 10vh 13vw;
    display: flex;
    justify-content: space-between;
}
.index .part01 .left{
    width: 50%;
}
.index .part01 .left .title{
    font-size: 40px;
    line-height: 64px;
}
.index .part01 .left .subtitle{
    font-size: 24px;
    color: rgb(153, 153, 153);
    margin-top: 20px;
}
.index .part01 .left .co-school{
    margin-top: 60px;
}
.index .part01 .left .co-school .school{
    font-size: 26px;
}
.index .part01 .left .co-school .school-icon{
    display: flex;
}
.index .part01 .left .co-school .school-icon .item{
    text-align: center;
    padding: 20px 20px;
}
.index .part01 .left .co-school .school-icon .item img{
    margin-bottom: 5px;
    width: 89px;
    height: 89px;
}
.index .part01 .right{
    width: 45%;
}
.index .part01 .right div{
    font-size: 18px;
    line-height: 44px;
    color: rgb(133, 133, 133);
}
.index .part01 .right div .company{
    color: #000;
}
.index .part01 .right button{
    background-color: rgb(239, 131, 43);
    color: #fff;
    border: none;
    height: 45px;
    width: 250px;
    border-radius: 30px;
    margin-top: 42px;
}
.index .part01 .right button span{
    font-size: 16px;font-weight: 400;
    margin-right: 10px;
}
.index .part02{
    background-color: rgb(245, 245, 245);
}
.index .part02 .top,
.index .part03 .top,
.index .part04 .top,
.index .part05 .top{
    padding: 7vh 13vw;
    display: flex;
    justify-content: space-between;
}
.index .part02 .top .title,
.index .part03 .top .title,
.index .part04 .top .title,
.index .part05 .top .title{
    font-size: 40px;
    line-height: 64px;
}
.index .part02 .top .subtitle,
.index .part03 .top .subtitle,
.index .part04 .top .subtitle,
.index .part05 .top .subtitle{
    font-size: 24px;
    line-height: 36px;
    color: rgb(154, 154, 154);
}
.index .part02 .top button,
.index .part03 .top button,
.index .part04 .top button,
.index .part05 .top button{
    height: 45px;
    width: 250px;
    border-radius: 30px;
    margin-top: 42px;
    border:1px solid rgb(206, 205, 200);
    background-color: #fff;
}
.index .part02 .top button span,
.index .part03 .top button span,
.index .part04 .top button span,
.index .part05 .top button span{
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}
.index .part02 .middle{
    display: flex;
}
.index .part02 .middle .left{
    width: 50%;
    height: 80vh;
    position: relative;
}
.index .part02 .middle .left .course{
    position: absolute;
    margin-left: 5vw;
    margin-top: 67vh;
}
.index .part02 .middle .left .en{
    position: absolute;
    margin-left: 5vw;
    margin-top: 72vh;
}
.index .part02 .middle .course{
    color: #fff;
    font-size: 36px;
}
.index .part02 .middle .en{
    color: #fff;
    font-size: 24px;
}
.index .part02 .middle .en{
    color: #fff;
}
.index .part02 .middle .right{
    width: 50%;
    flex-direction: column;
}
.index .part02 .middle .right .item{
    height: 50%;
}
.index .part02 .middle .right .item .course{
    position: absolute;
    margin-left: 5vw;
    margin-top: 27vh;
}
.index .part02 .middle .right .item .en{
    position: absolute;
    margin-left: 5vw;
    margin-top: 32vh;
}
.index .part02 .middle .auto{
    display: none;
}
.index .part02 .middle .left:hover .course{
    position: absolute;
    margin-left: 5vw;
    margin-top: 50vh;
}
.index .part02 .middle .left:hover .en{
    position: absolute;
    margin-left: 5vw;
    margin-top: 55vh;
}
.index .part02 .middle .left:hover .auto.p{
    display: block;
    position: absolute;
    margin-left: 5vw;
    margin-top: 60vh;
    color: #fff;
    width: 30vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index .part02 .middle .left:hover .auto.btn{
    display: block;
    position: absolute;
    margin-left: 5vw;
    margin-top: 70vh;
    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
}
.index .part02 .middle .right .item:hover .course{
    position: absolute;
    margin-left: 5vw;
    margin-top: 10vh;
}
.index .part02 .middle .right .item:hover .en{
    position: absolute;
    margin-left: 5vw;
    margin-top: 15vh;
}
.index .part02 .middle .right .item:hover .auto.p{
    display: block;
    position: absolute;
    margin-left: 5vw;
    margin-top: 20vh;
    color: #fff;
    width: 25vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index .part02 .middle .right .item:hover .auto.btn{
    display: block;
    position: absolute;
    margin-left: 5vw;
    margin-top: 30vh;
    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
}
.index .part02 .bottom{
    padding: 7vh 13vw;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(245, 245, 245);
}
.index .part02 .bottom .item{
    width: 16%;
    margin-bottom: 20px;
    margin: 2% 2%;
}
.index .part02 .bottom .item:hover .mask{
    background-color: #fff;
    padding: 30px 20px 20px;
    margin-top: -30px;
    margin-left: -20px;
    border-radius: 10px;
    margin-bottom: -20px;
}
.index .part02 .bottom .item:hover .name .auto{
    display: block;
}
.index .part02 .bottom:after{
    content: "";
    width: 16%;
    height: 0;
    margin: 2%;
    visibility: hidden;
}
.index .part02 .bottom .item .name{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index .part02 .bottom .item .name img{
    width: 14px;
    height: 14px;
}
.index .part02 .bottom .item .name span{
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0 10px;
}
.index .part02 .bottom .item .name .auto{
    display: none;
}
.index .part02 .bottom .item .tip{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(158, 158, 158);
    font-size: 15px;
    line-height: 22px;
}
.index .part03 .bottom {
    margin: 0 13vw;
}
.index .part03 .bottom #swiper02{
    overflow: hidden;
}
.index .part03 .bottom .swiper-slide{
    /* height: 35vh; */
    height: 12.5vw;
    transition: all 0.3s;
    overflow: hidden;
}
.index .part03 .bottom .swiper-slide:hover{
    background-size: 105% 105%!important;
}
.index .part03 .bottom .swiper-slide .c{
    padding: 1vh;
    margin-top: 9vw;
    display: flex;
}
.index .part03 .bottom .swiper-slide .left{
    width: 90%;
    color: #fff;
}
.index .part03 .bottom .swiper-slide .right{
    margin-top: 3vh;
    margin-left: 1vh;
}
.index .part03 .bottom .swiper-slide .left .ch{
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.index .part03 .bottom .swiper-slide .left .en{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.index .part03 .bottom .swiper-scrollbar{
    width: 100%;
    height: 5px;
    margin-top: 5vh;
}
.index .part03 .bottom .swiper-scrollbar-drag{
    background-color: rgb(239, 131, 43);
}
.index .part04 .tab{
    margin: 0 13vw;
}
.index .part04 .tab a{
    color: #000;
    font-weight: 600;
    margin-right: 40px;
}
.index .part04 .tab a.on{
    color: rgb(239, 131, 43);
    padding-bottom:10px;
    border-bottom: 2px solid rgb(239, 131, 43);
}
.index .part04 .bottom{
    margin: 10vh 13vw;
    display: flex;
    justify-content: space-between;
}
.index .part04 .bottom .left{
    overflow-y: scroll;
    height: 50vh;
}
.index .part04 .bottom .item{
    display: flex;
    margin-top: 10px;
}
.index .part04 .bottom .item.active{
    color: rgb(239, 131, 43);
}
.index .part04 .bottom .item .l{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.index .part04 .bottom .item .l .num{
    font-weight: 600;
    font-size: 24px;
}
.index .part04 .bottom .item .r{
    margin-left: 5vh;
    line-height: 36px;
} 
.index .part04 .bottom .item .r .title{
    font-size: 24px;
    font-weight: 600;
}
.index .part04 .bottom .item .r .year{
    display: none;
    border: 1px solid rgb(164, 5, 10);
    border-radius: 5px;
    height: 35px;
    width: 45px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
    color: rgb(163, 6, 15);
    background-color: rgb(236, 200, 202);
}
.index .part04 .bottom .item.active .r .year{
    display: block;
}
.index .part04 .bottom .right{
    width: 70%;
}
.index .part04 .bottom .right #swiper03{
    overflow: hidden;
    position: relative;
    align-items: center;
}
.index .part04 .bottom .right #swiper03 .swiper-slide img{
    width: 100%;
}
.index .part04 .bottom .right #swiper03 .swiper-slide,
.index .part04 .bottom .right #swiper03 .swiper-slide.swiper-slide-next,
.index .part04 .bottom .right #swiper03 .swiper-slide.swiper-slide-prve{
    /* width: 30%!important; */
    transform: scale(0.8);
}
.index .part04 .bottom .right #swiper03 .swiper-slide.swiper-slide-active{
    transform: scale(1);
    z-index: 10;
}

.index .part05{
    background-color: rgb(246, 246, 246);
}
.index .part05 .middle{
    width: 74vw;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 3vh;
}
.index .part05 .middle .left{
    width: 65%;
}
.index .part05 .middle .left .t{
    height: 45vh;
    color: #fff;
    transition: all 0.3s;
    overflow: hidden;
}
.index .part05 .middle .left:hover .t{
    background-size: 105% 105%!important;
}
.index .part05 .middle .left .t .time{
    position: relative;
    top: 26vh;
    left: 2vw;
}
.index .part05 .middle .left .t .title{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    left: 2vw;
    top: 28vh;
}
.index .part05 .middle .left .t .more{
    position: relative;
    color: #fff;
    left: 2vw;
    top: 30vh;
    width: 35vw;
}
.index .part05 .middle .left .t .btn{
    position: relative;
    left: 2vw;
    top: 31vh;
    color: #fff;
}
.index .part05 .bottom{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 74vw;
    margin: auto;
    padding-bottom: 10vh;
}
/* .index .part05 .bottom:after{
    content: "";
    width: 33%;
    visibility: hidden;
} */
.index .part05 .bottom .item{
    width: 29%;
    background-color: #fff;
    padding: 1vw;
}
.index .part05 .bottom .item:hover{
    background-color: rgb(3, 40, 108);
    color: #fff;
}
.index .part05 .bottom .item:hover .btn span{
    color: #fff;
}
.index .part05 .bottom .item .title{
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.index .part05 .bottom .item .more{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
}
.index .part05 .bottom .item .btn{
    margin-top: 20px;
    margin-bottom: 12px;
    display: block;
    background: url("../img/arrow-b.png") no-repeat;
    background-position: 75px 5px;
}
.index .part05 .bottom .item:hover .btn{
    background: url("../img/arrow.png") no-repeat;
    background-position: 75px 5px;
}
.index .part05 .middle .right{
    width: 33%;
    height: auto;
}
.index .part05 .middle .right .t{
    padding: 2vh;
    background-color: #fff;
    height: 41vh;
}
.index .part05 .middle .right .t:hover{
    background-color: rgb(3, 40, 108);
    color: #fff;
}
.index .part05 .middle .right .t .bg{
    width: 100%;
    height: 14vw;
}
.index .part05 .middle .right .t .info .time{
    margin-top: 10px;
}
.index .part05 .middle .right .t .info .title{
    font-size: 18px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
}
.index .part05 .middle .right .t .info .more{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
}
.index .part05 .middle .right .t .info .btn{
    margin-top: 1vh;
    margin-bottom: 12px;
    display: block;
    background: url("../img/arrow-b.png") no-repeat;
    background-position: 75px 5px;
}
.index .part05 .middle .right .t:hover .info .btn{
    background: url("../img/arrow.png") no-repeat;
    background-position: 75px 5px;
    color: #fff;
}
.index .part05 .middle .right .t .info .btn span{
    margin-right: 10px;
}
.index .join{
    height: 48vh;
    color: #fff;
}
.index .join .title{
    position: relative;
    font-size: 32px;
    top: 12vh;
    display: inherit;
    font-weight: 600;
    text-align: center;
}
.index .join .title1{
    position: relative;
    font-size: 32px;
    top: 13vh;
    display: inherit;
    font-weight: 600;
    text-align: center;
}
.index .join .subtitle{
    position: relative;
    font-size: 16px;
    width: 25vw;
    top: 14vh;
    display: flex;
    margin: auto;
    text-align: center;
    color: rgb(128, 125, 132);
    font-weight: 600;
}
.index .join button{
    position: relative;
    top: 20vh;
    background-color: rgb(239, 131, 43);
    color: #fff;
    border: none;
    height: 45px;
    width: 250px;
    border-radius: 30px;
    margin: auto;
    display: block;
}
.index .join button span{
    font-size: 16px;font-weight: 400;
    margin-right: 10px;
}
.banner .bannerin{
    height: 50vh;
}
.banner .bannerin span{
    position: relative;
    top: 24vh;
    left: 42vw;
    font-size: 56px;
    font-weight: 500;
    color: #fff;
}
.about .content{
    margin: auto;
}
.about .tab{
    display: flex;
    align-items: center;
    background-color: rgb(241, 241, 241);
    height:50px;
    font-size: 16px;
}
.about .tab .item.on{
    background-color: rgb(239, 131, 43);
    height: 70px;
    margin-top: -20px;
    color: #fff;
}
.about .tab .item.on span{
    display: block;
    margin-top: 25px;
}
.about .content .part01{
    padding: 10vh 0 30vh;
    width: 66vw;
    margin: auto;
}
.about .content .part01 p{
    text-align: center;
    font-size: 16px;
    line-height: 36px;
}
.about .content .part01 .title{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.about .content .part01 .subtitle{
    text-align: center;
    font-size: 24px;
    color: rgb(153, 153, 153);
}
.about .content .part02{
    padding: 10vh 0;
    background-color: rgb(245, 245, 245);
}
.about .content .part02 video{
    display: none;
    width: 70vw;
    height: 20vw;
    margin: auto;
    margin-top: -35vh;
}
.about .content .part02 .bg{
    display: flex;
    width: 70vw;
    height: 20vw;
    margin: auto;
    margin-top: -35vh;
    z-index: 10;
}
.about .content .part02 .bg.hide{
    display: none;
}
.about .content .part02 video.hide{
    display: flex;
}
.about .content .part02 .swiper{
    padding: 10vh 1.5vw;
    width: 73vw;
    margin: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 13px!important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 13px!important;
}
.about .content .swiper .prev2,
.about .content .swiper .next2,
.about .content .swiper .swiper-button-prev:hover .prev1,
.about .content .swiper .swiper-button-next:hover .next1{
    display: none;
}
.about .content .swiper .swiper-button-prev:hover .prev2,
.about .content .swiper .swiper-button-next:hover .next2{
    display: block;
}
.about .content .part02 #swiper11{
    overflow: hidden;
    position: relative;
    align-items: center;
}
.about .content .part02 #swiper11 .swiper-slide{
    background-color: #fff;
    height: 400px;
}
.about .content .part02 #swiper11 .swiper-slide .lisence{
    margin-left: 40px;
    margin-top: 40px;
    font-weight: 600;
    color: rgb(235, 123, 60);
    border: 2px solid rgb(235, 123, 60);
    width: 100px;
    height: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
}
.about .content .part02 #swiper11 .swiper-slide .title{
    font-size: 24px;
    font-weight: bold;
    margin: 20px 10px 5px 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.about .content .part02 #swiper11 .swiper-slide .sub{
    font-size: 24px;
    font-weight: bold;
    margin: 5px 10px 30px 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.about .content .part02 #swiper11 .swiper-slide img{
    margin-left: 40px;
    margin-bottom: 40px;
    max-width: 200px;
    max-height: 140px;
}
.about .swiper-button-prev:after,.about .swiper-button-next:after{
    content: "";
}
.about .content .part03{
    width: 70vw;
    margin: auto;
    padding: 10vh 0;
    display: flex;
    justify-content: space-between;
}
.about .content .part03 .left{
    width: 27%;
}
.about .content .part03 .left img{
    width: 100%;
}
.about .content .part03 .right{
    width: 65%;
}
.about .content .part03 .right .title{
    font-size: 36px;
    font-weight: 600;
}
.about .content .part03 .right .sub{
    font-size: 24px;
    margin-top: 10px;
    color: rgb(153, 153, 153);
}
.about .content .part03 .right .p{
    height: 40vh;
    overflow: scroll;
}
.about .content .part03 .right p{
    display: none;
    font-size: 16px;
    line-height: 36px;
    margin-top: 40px;
    height: 35vh;
    overflow: hidden;
}
.about .content .part03 .right .display{
    display: block;
}
.about .content .part03 .bottom{
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
}
.about .content .part03 .bottom .btn{
    display: flex;
    padding: 15px 20px;
    border-radius: 10px;
    width: 260px;
}
.about .content .part03 .bottom .btn.on{
    background-color: rgb(234, 103, 31);
}
.about .content .part03 .bottom .btn.on .img1{
    display: block!important;
    width: 42px;
    height: 42px;
}
.about .content .part03 .bottom .btn.on .img2{
    display: none!important;
    width: 42px;
    height: 42px;
}
.about .content .part03 .bottom .btn .img1{
    width: 42px;
    height: 42px;
}
.about .content .part03 .bottom .btn .img2{
    width: 42px;
    height: 42px;
}
.about .content .part03 .bottom .btn .r{
    margin-left: 10px;
    color: rgb(234, 103, 31);
    font-weight: 600;
}
.about .content .part03 .bottom .btn.on .r{
    color: #fff;
}
.about .content .part04{
    margin: auto;
    overflow: hidden;
    padding: 10vh 0;
}
.about .content .part04 .title{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.about .content .part04 .sub{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    color: rgb(153, 153, 153);
}
.about .content .part04 .p{
    text-align: center;
    width: 30vw;
    margin: auto;
    margin-top: 30px;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: rgb(234, 103, 31);
}
.about .content .part04 .bottom{
    width: 70vw;
    margin: auto;
    margin-top: 120px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.about .content .part04 .bottom .item{
    width: 20%;
}
.about .content .part04 .bottom .item .name{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
}
.about .content .part04 .bottom .item .text{
    font-size: 16px;
    line-height: 36px;
    margin-top: 20px;
}
.about .content .part04 .bottom .item .icon{
    border: 1px solid rgb(234, 103, 31);
    width: 90px;
    height: 90px;
    border-radius: 60px;
    display: flex;
    margin: auto;
}
.about .content .part04 .bottom .item .icon img{
    margin: auto;
}
.about .content .part04 .bottom .item.on .icon{
    background-color:  rgb(234, 103, 31);
}
.about .content .part04 .bottom .item.on .icon .img1{
    display: block!important;
}
.about .content .part04 .bottom .item.on .icon .img2{
    display: none;
}
.about .content .part05{
    /* width: 76vw; */
    margin: auto;
    overflow: hidden;
    padding: 10vh 0;
}
.about .content .part05 .title{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.about .content .part05 .sub{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    color: rgb(153, 153, 153);
}
.about .content .part05 .team{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 80px;
}
.about .content .part05 .team span{
    font-size: 16px;
    font-weight: 600;
    margin: 0 50px;
    width: 30px;
}
.about .content .part05 .team span.on{
    color: rgb(239, 131, 43);
}
.about .content .part05 .team span.on:after{
    content: "";
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background-color: rgb(239, 131, 43);
    position: absolute;
    margin-top: 30px;
    margin-left: -56px;
}
.about .content .part05 .swiper{
    width: 73vw;
    margin: auto;
    padding: 0 1.5vw;
}
.about .content .part05 #swiper04{
    overflow: hidden;
    position: relative;
    align-items: center;
}
.about .content .part05 #swiper04 .swiper-slide{
    border: 0px solid rgb(246, 246, 246);
}
.about .content .part05 #swiper04 .swiper-slide .people{
    width: auto;
    height: 36vh;
    display: block;
    margin: auto;
}
.about .content .part05 #swiper04 .swiper-slide .bottom{
    margin-top: 1vh;
    height: 16vh;
}
.about .content .part05 #swiper04 .swiper-slide .name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1vw;
}
.about .content .part05 #swiper04 .swiper-slide .user{
    font-size: 20px;
    margin-left: 1vw;
    font-weight: bold;
}
.about .content .part05 #swiper04 .swiper-slide .from{
    font-size: 16px;
    color: rgb(234, 103, 31);
}
.about .content .part05 #swiper04 .swiper-slide .job{
    font-size: 17px;
    margin-left: 1vw;
    margin-top: 1vh;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .content .part05 #swiper04 .swiper-slide .school{
    font-size: 17px;
    margin-left: 1vw;
    margin-top: 0.5vh;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about .content .part05 #swiper04 .swiper-slide .detail{
    margin-top: 2vh;
    margin-left: 1vw;
    margin-bottom: 2vh;
    font-weight: bold;
    background: url("../img/arrow-b.png") no-repeat;
    background-position: 75px 5px;
}
.about .content .part05 #swiper04 .swiper-slide:hover,
.about .content .part05 #swiper04 .swiper-slide:hover .from{
    background-color: rgb(234, 103, 31);
    color: #fff;
}
.about .content .part05 #swiper04 .swiper-slide:hover .detail{
    background: url("../img/arrow.png") no-repeat;
    background-position: 75px 5px;
}
.about .content .part06{
    padding: 10vh 0;
    background-color: rgb(245, 245, 245);
}
.about .content .part06 .swiper{
    width: 72vw;
    margin: auto;
    padding: 0 1.5vw;
}
.about .content .part06 #swiper05{
    overflow: hidden;
}
.about .content .part06 .title{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.about .content .part06 .sub{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    color: rgb(153, 153, 153);
    margin-bottom: 50px;
}
/* .about .content .part06 #swiper05 .swiper-slide .img1 img,
.about .content .part06 #swiper05 .swiper-slide .img2 img{
    height: 25vh!important;
} */
.about .content .part06 #swiper05 .swiper-slide .img1 span,
.about .content .part06 #swiper05 .swiper-slide .img2 span{
    display: none;
    position: absolute;
    margin-top: 225px;
    left: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.about .content .part06 #swiper05 .swiper-slide .img1:hover span,
.about .content .part06 #swiper05 .swiper-slide .img2:hover span,
.about .content .part06 #swiper05 .swiper-slide.big .img:hover span{
    display: initial;
}
.about .content .part06 #swiper05 .swiper-slide.big .img span{
    display: none;
    position: absolute;
    margin-top: 480px;
    left: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.about .content .part06 #swiper05 .swiper-slide img{
    width: 100%;
    /* height: 50vh; */
}
.about .content .part06 #swiper05 .swiper-slide.show{
    width: 24.5%!important;
}
.about .content .part06 #swiper05 .swiper-slide.show.big{
    width: 49%!important;
}
.course .tab,
.coursedetail .tab,
.university .tab,
.enrollment .tab{
    display: flex;
    align-items: center;
    background-color: rgb(241, 241, 241);
    height:50px;
    font-size: 16px;
}
.course .tab .item.on,
.coursedetail .tab .item.on,
.university .tab .item.on,
.enrollment .tab .item.on{
    background-color: rgb(239, 131, 43);
    height: 70px;
    margin-top: -20px;
    color: #fff;
}
.course .tab .item.on span,
.coursedetail .tab .item.on span,
.university .tab .item.on span,
.enrollment .tab .item.on span{
    display: block;
    margin-top: 25px;
}
.course .content{
    padding: 10vh 15vw 5vh;
}
.course .content .item{
    display: flex;
    justify-content: space-between;
    width: 70vw;
    margin-bottom: 60px;
}
.course .content .item .left{
    width: 45%;
}
.course .content .item .left img{
    width: 100%;
    height: 100%;
}
.course .content .item .right{
    width: 45%;
    border-radius: 0 20px 0 20px;
    background-color: rgb(244, 244, 244);
    padding: 4vh;
    color: #000;
}
.course .content .item .right .title{
    font-size: 23px;
    font-weight: 600;
}
.course .content .item .right .sub{
    font-size: 18px;
    padding: 1vh 0 3vh;
    color: rgb(152, 152, 152);
}
.course .content .item .right .top{
    display: flex;
    border-bottom: 1px solid rgb(230, 230, 230);
}
.course .content .item .right .top .l{
    display: none;
    font-size: 56px;
    font-weight: bolder;
    color: rgb(239, 131, 43);
    margin-right: 20px;
}
.course .content .item.on .right,
.course .content .item:hover .right{
    border: 1px solid rgb(239, 131, 43);
    border-left: 5px solid rgb(239, 131, 43);
    border-bottom: 5px solid rgb(239, 131, 43);
}
.course .content .item.on .right button,
.course .content .item:hover .right button{
    background-color:  rgb(239, 131, 43);
}
.course .content .item:hover .right button span{
    color: #fff;
}
.course .content .item:hover .right button .img1{
    display: none;
}
.course .content .item:hover .right button .img2{
    display: initial!important;
}

.course .content .item.on .right .top .l,
.course .content .item:hover .right .top .l{
    display: block;
}
.course .content .item.on .right .title,
.course .content .item:hover .right .title{
    color:  rgb(239, 131, 43);
}
.course .content .item .right .text{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    color: rgb(133, 133, 133);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 6vh;
}
.course .content .item .right button{
    border: 1px solid rgb(205, 206, 201);
    height: 50px;
    width: 180px;
    font-size: 16px;
    border-radius: 35px;
    margin-top: 40px;
}
.course .content .item .right button span{
    margin-right: 10px;
}
.paging{
    text-align: center;
    align-items: center;
    padding-bottom: 10vh;
}
.paging a img{
    width: 10px;
    height: 10px;
    margin: auto;
}
.paging .num{
    color: #000;
    padding: 10px 15px;
    border: 1px solid gray;
    margin-right: 10px;
    border-radius: 50px;
}
.paging .num.on{
    background-color: rgb(239, 131, 43);
    color: #fff;
}
.paging .page-l:after{
    content: "<";
    color: #000;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid gray;
    margin-right: 10px;
    border-radius: 50px;
    padding: 10px 15px;
}
.paging .page-r:after{
    content: ">";
    color: #000;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid gray;
    margin-right: 10px;
    border-radius: 50px;
    padding: 10px 15px;
}
.coursedetail .content{
    width: 70vw;
    margin: auto;
    padding: 10vh 0;
}
.coursedetail .content .part1{
    display: flex;
    justify-content: space-between;
    width: 70vw;
    margin-bottom: 60px;
}
.coursedetail .content .part1 .left{
    width: 40%;
}
.coursedetail .content .part1 .left img{
    width: 100%;
    height: 100%;
}
.coursedetail .content .part1 .right{
    width: 55%;
    color: #000;
}
.coursedetail .content .part1 .right .title{
    font-size: 36px;
    font-weight: 600;
}
.coursedetail .content .part1 .right .sub{
    font-size: 18px;
    padding: 10px 0 30px;
    color: rgb(152, 152, 152);
}
.coursedetail .content .part1 .right .top{
    display: flex;
    border-bottom: 1px solid rgb(230, 230, 230);
}
.coursedetail .content .part1 .right .top .l{
    display: none;
    font-size: 56px;
    font-weight: bolder;
    color: rgb(239, 131, 43);
    margin-right: 20px;
}
.coursedetail .content .part1 .right .text{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    color: rgb(133, 133, 133);
    font-weight: 500;
}
.coursedetail .content .part1 .right .phone{
    display: flex;
}
.coursedetail .content .part1 .right .tel{
    display: flex;
    font-size: 18px;
    color: rgb(239, 131, 43); 
    font-weight: bold;
    align-items: flex-end;
}
.coursedetail .content .part1 .right .tel img{
    margin-right: 20px;
}
.coursedetail .content .part1 .right .tel .tel1{
    margin-right: 40px;
}
.coursedetail .content .part1 .right .tel .tel1 .telphone{
    font-size: 26px;
}
.coursedetail .content .detail{
    text-align: center;
    background-color: rgb(241, 241, 241);
    height: 70px;
    width: 100%;
    font-size: 24px;
    line-height: 70px;
    margin-bottom: 70px;
}
.coursedetail .content .title{
    display: flex;
    margin-bottom: 30px;
}
.coursedetail .content .title .left{
    padding-left: 10px;
    color: rgb(239, 131, 43);
    border-left: 5px solid rgb(239, 131, 43);
    margin-right: 30px;
}
.coursedetail .content .title .left span{
    font-size: 24px;
}
.coursedetail .content .part2 .text p{
    font-size: 16px;
    line-height: 32px;
    color: rgb(133, 133, 133);
}
.coursedetail .content .part2 img{
    display: flex;
}
.coursedetail .content .part2{
    margin-bottom: 70px;
}
.coursedetail .content .part3 .advantages{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.coursedetail .content .part3 .advantages .item{
    width: 48%;
    display: flex;
    margin-bottom: 80px;
}
.coursedetail .content .part3 .advantages .item .left{
    width: 3vw;
    height: 3vw;
    color: rgb(239, 131, 43);
    background: linear-gradient(to bottom right,rgb(239, 131, 43),#fff);
    border-radius: 50px;
    margin-right: 50px;
}
.coursedetail .content .part3 .advantages .item .right{
    width: 80%;
}
.coursedetail .content .part3 .advantages .item .left span{
    text-align: right;
    position: relative;
    top:10px;
    left: 20px;
    font-size: 36px;
    font-weight: bold;
}
.coursedetail .content .part3 .advantages .item .right .t{
    font-size: 24px;
    font-weight: bold;
}
.coursedetail .content .part3 .advantages .item .right .sub{
    font-weight: bold;
    margin-bottom: 30px;
}
.coursedetail .content .part3 .advantages .item .right .text{
    font-size: 16px;
    line-height: 32px;
    color: rgb(133, 133, 133);
}
.coursedetail .content .part3 .img{
    display: flex;
    justify-content: space-between;
}
.coursedetail .content .part3 .img:after{
    content: "";
    visibility: hidden;
}
.coursedetail .content .part3 .img img{
    width: 32%;
}
.schoollife {
    background-color: rgb(242, 242, 242);
}
.schoollife .tab,
.schoollifedetail .tab,
.international .tab,
.join .tab{
    display: flex;
    justify-content: center;
    align-items: center;
    height:70px;
    font-size: 16px;
    color: #fff;
    background-color: rgb(239, 131, 43);
    font-size: 18px;
}
.schoollife .content{
    width: 70vw;
    margin: auto;
    padding: 10vh 0 5vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.schoollife .content:after{
    content: "";
    width: 31%;
    visibility: hidden;
}
.schoollife .content .item{
    background-color: #fff;
    width: 31%;
    margin-bottom: 10vh;
    color: #000;
}
.schoollife .content .item:hover,
.schoollife .content .item:hover .middle .right .year{
    color: rgb(239, 131, 43);
}
.schoollife .content .item:hover .block{
    background-color: rgb(239, 131, 43);
}
.schoollife .content .item img{
    width: 100%;
    height: 15vw;
    aspect-ratio: 9/5;
}
.schoollife .content .item .middle{
    display: flex;
}
.schoollife .content .item .middle .left{
    padding: 2vh 1vw;
    width: 65%;
    border-right: 1px solid rgb(230, 230, 230);;
}
.schoollife .content .item .middle .left .title{
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.schoollife .content .item .middle .left .more{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px;
}
.schoollife .content .item .middle .right{
    padding: 2vh 1vw;
}
.schoollife .content .item .middle .right .day{
    font-size: 36px;
    font-weight: bold;
}
.schoollife .content .item .middle .right .year{
    font-size: 14px;
    color: rgb(167, 167, 167);
}
.schoollife .content .item .block{
    width: 60px;
    height: 60px;
    background-color: rgb(202, 202, 202);
    display: flex;
    position: absolute;
    margin-top: -2vh;
    margin-left: 14vw;
}
.schoollife .content .item .block img{
    width: 15px;
    height: 15px;
    margin: auto;
}
.schoollifedetail .content{
    width: 70vw;
    margin: auto;
    padding: 10vh 0 5vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.schoollifedetail .content .left{
    width: 70%;
    padding: 20px;
}
.schoollifedetail .content .left .title{
    font-size: 36px;
    line-height: 52px;
}
.schoollifedetail .content .left .sub{
    display: flex;
    color: rgb(102, 102, 102);
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(230, 230, 230);
    margin-bottom: 50px;
}
.schoollifedetail .content .left .sub .author{
    margin-right: 25px;
}
.schoollifedetail .content .left .text{
    margin-bottom: 30px;
}
.schoollifedetail .content .left .text .h{
    text-indent: 2em;
    font-weight: bold;
}
.schoollifedetail .content .left .text p{
    text-indent: 2em;
    color: rgb(160, 160, 160);
    font-size: 16px;
    line-height: 36px;
}
.schoollifedetail .content .left .img{
    height: auto;
    margin-bottom: 30px;
    width: 100%;
}
.schoollifedetail .content .left .bar{
    display: flex;
    border-top: 1px solid rgb(230, 230, 230);
    border-bottom: 1px solid rgb(230, 230, 230);
}
.schoollifedetail .content .left .bar .prve{
    display: flex;
    width: 50%;
    height: 50px;
    padding-left: 15px;
    align-items: center;
}
.schoollifedetail .content .left .bar .next span,
.schoollifedetail .content .left .bar .prve span{
    padding-right: 15px;
    max-width: 72%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.schoollifedetail .content .left .bar .prve img{
    margin-bottom: 0;
    height: 20px;
    margin-right: 15px;
}
.schoollifedetail .content .left .bar .next{
    display: flex;
    height: 50px;
    align-items: center;
    padding-right: 15px;
    width: 50%;
    background-color: rgb(239, 131, 43);
    justify-content: flex-end;
    color: #fff;
    text-align: right;
}
.schoollifedetail .content .left .bar .next img{
    margin-bottom: 0;
    height: 20px;
    margin-right: 15px;
}
.schoollifedetail .content .left .back{
    width: 150px;
    height: 40px;
    border: 1px solid rgb(190, 190, 190);
    margin: auto;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    margin-top: 40px;
}
.schoollifedetail .content .right .back{
    display: none;
    width: 150px;
    height: 40px;
    border: 1px solid rgb(190, 190, 190);
    margin: auto;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    margin-top: 40px;
}
.schoollifedetail .content .left .back a{
    color: rgb(167, 167, 167);
}
.schoollifedetail .content .right{
    width: 25%;
}
.schoollifedetail .content .right .top{
    height: 10px;
    background-color: rgb(239, 131, 43);
}
.schoollifedetail .content .right .cont{
    padding: 20px;
    border: 1px solid rgb(230, 230, 230);
}
.schoollifedetail .content .right .cont .tuijian{
    font-size: 24px;
    margin: 10px 0 20px;
}
.schoollifedetail .content .right .cont ul{
    padding-inline-start: 20px;
}
.schoollifedetail .content .right .cont ul .title{
    font-size: 18px;
    font-weight: 600;
}
.schoollifedetail .content .right .cont ul .time{
    font-size: 16px;
    color: rgb(167, 167, 167);
}
.schoollifedetail .content .right .cont ul li{
    margin-bottom: 20px; 
}
.schoollifedetail .content .right .cont ul li .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.university .content{
    width: 70vw;
    margin: auto;
    padding: 10vh 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.university .content .left .title{
    font-size: 32px;
    line-height: 52px;
}
.university .content .left .guoqi{
    display: flex;
    margin-top: 10px;
    align-items: center;
}
.university .content .left .guoqi img{
    max-width: 100px;
    max-height: 60px;
}
.university .content .left .guoqi .more{
    display: inline-block;
    zoom: 1;
    line-height: 40px;
    padding: 0 20px;
    font-size: 22px;
    color: #223880;
    border: 1px solid #525252;
    margin-left: 10px;
}
.university .content .left .sub{
    display: flex;
    color: rgb(102, 102, 102);
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(230, 230, 230);
    margin-bottom: 50px;
}
.university .content:after{
    content: "";
    visibility: hidden;
    width: 31%;
}
.university .content .item{
    width: 32%;
    margin-bottom: 5vh;
}
.university .content .item .img{
    width: 100%;
}
.university .content .item .bottom{
    margin: auto;
    width: 70%;
}
.university .content .item .year{
    border: 1px solid rgb(164, 5, 10);
    border-radius: 5px;
    height: 35px;
    width: 50px;
    line-height: 35px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
    color: rgb(163, 6, 15);
    background-color: rgb(236, 200, 202);
}
.university .content .item .bottom .name{
    font-size: 24px;
}
.university .content .item .bottom .sub{
    font-size: 16px;
    color: rgb(153, 153, 153);
    margin-top: 10px;
}
.university .content .item:hover{
    width: 35%;
}
.university .content .item:hover .name,
.university .content .item:hover .sub{
    color: rgb(239, 131, 43);
}
.international .content{
    margin-bottom: 8vh;
}
.international .item{
    padding: 0 13vw;
}
.international .item:hover{
    background-color: rgb(246, 246, 246);
}
.international .item .cont{
    display: flex;
    padding: 8vh 0;
    border-bottom: 1px solid rgb(230, 230, 230);
    justify-content: space-between;
}
.international .item .cont .left{
    width: 15%;
}
.international .item:hover .cont .left{
    color: rgb(239, 131, 43);
}
.international .item .cont .left .day{
    font-size: 28px;
    font-weight: bold;
}
.international .item .cont .left .year{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}
.international .item .cont .center{
    width: 81.5%;
}
.international .item .cont .center .title{
    font-size: 24px;
    font-weight: bold;
}
.international .item:hover .cont .center .title{
    color: rgb(239, 131, 43);
}
.international .item .cont .center .more{
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
    color: rgb(101, 101, 101);
    margin-bottom: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.international .item .cont .center .btn{
    border: 1px solid rgb(205, 206, 201);
    padding: 15px 45px;
    border-radius: 50px;
}
.international .item .cont .center .btn span{
    margin-right: 10px;
}
.international .item:hover .cont .center .btn{
    background-color: rgb(239, 131, 43);
    color: #fff;
    border: none;
    display: inline-block;
}
.international .item .cont .right{
    width: 30%;
}
.international .item .cont .l{
    width: 67.5%;
    display: flex;
    justify-content: space-between;
}
.international .item .cont .right img{
    width: 100%;
}
.join{
    background-color: rgb(242, 242, 242);
}
.join .content{
    padding: 8vh 15vw;
}
.join .content .item{
    margin-bottom: 40px;
}
.join .content .item .card{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
}
.join .content .item .left{
    width: 90%;
    padding: 30px 30px;
    border-right: 1px solid rgb(211, 211, 211);
}
.join .content .item .right{
    width: 10%;
    display: flex;
}
.join .content .item .left .top{
    display: flex;
    justify-content: space-between;
}
.join .content .item .left .bottom{
    display: flex;
}
.join .content .item .left .top .l{
    width: 70%;
    display: flex;
    font-size: 14px;
    color: rgb(201, 201, 201);
    align-items: center;
}
.join .content .item .left .top .l .name{
    font-size: 18px;
    padding-right: 20px;
    color: #000;
    border-right: 1px solid rgb(201, 201, 201);
}
.join .content .item .left .top .l .starttime,
.join .content .item .left .top .l .endtime{
    padding: 0 20px;
    border-right: 1px solid rgb(201, 201, 201);
}
.join .content .item .left .top .l .tel{
    padding: 0 20px;
}
.join .content .item .left .top .r{
    font-size: 18px;
    color: rgb(239, 131, 43);
}
.join .content .item .left .bottom div{
    margin-right: 50px;
    margin-top: 20px;
    color: rgb(133, 133, 133);
    font-size: 14px;
}
.join .content .item .right img{
    display: none;
    margin: auto;
}
.join .content .item .right .img{
    display: block;
}
.join .content .item .card.hite{
    background-color: rgb(239, 131, 43);
}
.join .content .item .card.hite .left .top .l,
.join .content .item .card.hite .left .top .l .name,
.join .content .item .card.hite .top .r,
.join .content .item .card.hite .left .bottom div{
    color: #fff;
}
.join .content .item .detail.none{
    display: none;
}
.join .content .item .detail{
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}
.join .content .item .detail .ask{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.join .content .item .detail p{
    font-size: 14px;
    color: rgb(122, 122, 122);
}
.join .content .item .detail button{
    border: none;
    width: 150px;
    height: 40px;
    background-color: rgb(239, 131, 43);
    color: #fff;
    margin: 20px 0;
}
.enrollment .content{
    width: 70vw;
    margin: auto;
    padding: 10vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.enrollment .content:after{
    content: "";
    width: 31%;
    visibility: hidden;
}
.enrollment .content .item{
    width: 25%;
    padding: 50px 40px;
    background-color: rgb(244, 244, 244);
    border-radius: 10px;
    margin-bottom: 5vh;
}
.enrollment .content .item:hover{
    border: 1px solid rgb(239, 131, 43);
    border-left: 5px solid rgb(239, 131, 43);
    border-bottom: 5px solid rgb(239, 131, 43);
    background: url('../img/schoolicon3.png') no-repeat;
    background-position: 90% 95%;
}
.enrollment .content .item .title{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(230, 230, 230);
    line-height: 36px;
}
.enrollment .content .item:hover .title{
    color: rgb(239, 131, 43);
}
.enrollment .content .item .time{
    color: rgb(153, 153, 153);
    margin-bottom: 10px;
}
.enrollment .content .item .more{
    font-size: 16px;
    color: rgb(111, 111, 111);
    line-height: 32px;
    margin-bottom: 80px;
}
.enrollment .content .item .btn{
    border: 1px solid rgb(205, 206, 201);
    border-radius: 50px;
    padding: 15px 40px;
}
.enrollment .content .item:hover .btn{
    background-color: rgb(239, 131, 43);
}
.enrollment .content .item .btn span{
    font-size: 16px;
    margin-right: 10px;
}
.enrollment .content .item .btn .img2{
    display: none;
}
.enrollment .content .item:hover .btn span{
    color: #fff;
}
.enrollment .content .item:hover .btn .img1{
    display: none;
}
.enrollment .content .item:hover .btn .img2{
    display: inline-block;
}
.search .content{
    min-height: 50vh;
}
.search .content .found{
    height: auto;
    padding: 2vh;
    display: flex;
    width: 70vw;
    margin: auto;
    justify-content: space-between;
    border-bottom: 3px solid #000;
    margin-bottom: 50px;
}
.search .content .found img{
    margin-right: 3%;
}
.search .content .found input{
    width: 100%;
    border: none;
    outline: none;
    font-size: 18px;
}
.search .bread {
    width: 70vw;
    height: 24px;
    margin: 0 auto;
    padding: 19px;
}
.search .address{
    background-color: rgb(242, 242, 242);
}
.search .bread .type-name {
    display: inline-block;
}
.search .bread .type-name a,
.search .bread .type-name span {
    font: 400 14px/24px;
    color: rgb(153, 153, 153);
}
.search .bread .type-name + .type-name:before {
    content: ">\00a0";
}
.search .bread .type-name:last-child a {
    font: 400 14px/24px;
    color: #000;
}
.search .bread .type-name:hover a {
    font: 400 14px/24px;
    color: #000;
}
.search .item{
    width: 74vw;
    margin: auto;
}
.search .item:hover .item{
    background-color: rgb(246, 246, 246);
}
.search .item .cont{
    display: flex;
    padding: 8vh 0;
    width: 70vw;
    margin: auto;
    border-bottom: 1px solid rgb(230, 230, 230);
    justify-content: space-between;
}
.search .item .cont .left{
    width: 10%;
}
.search .item:hover .cont .left{
    color: rgb(239, 131, 43);
}
.search .item .cont .left .day{
    font-size: 28px;
    font-weight: bold;
}
.search .item .cont .left .year{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}
.search .item .cont .center{
    width: 80%;
}
.search .item .cont .center .title{
    font-size: 24px;
    font-weight: bold;
}
.search .item:hover .cont .center .title,
.search .item:hover .cont .center .more{
    color: rgb(239, 131, 43);
}
.search .item .cont .center .more{
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
    color: rgb(101, 101, 101);
    margin-bottom: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.search .item .cont .center .btn{
    border: 1px solid rgb(205, 206, 201);
    padding: 15px 45px;
    border-radius: 50px;
}
.search .item .cont .center .btn span{
    margin-right: 10px;
}
.search .item:hover .cont .center .btn{
    background-color: rgb(239, 131, 43);
    color: #fff;
    border: none;
}
.search .item .cont .center .btn .img2,
.search .item:hover .cont .center .btn .img1,
.international .item .cont .center .btn .img2,
.international .item:hover .cont .center .btn .img1{
    display: none;
}
.search .item:hover .cont .center .btn .img2,
.search .item .cont .center .btn .img1,
.international .item:hover .cont .center .btn .img2,
.international .item .cont .center .btn .img1{
    display: initial;
}
.online{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 1000px;
	max-width: 100%;
	margin: 72px auto 0;
}
.online div{
	box-sizing: border-box;
}
.online p{
	margin: 0;
}
.online>.title{
	font-weight: bolder;
	font-size: 34px;
	display: inline-block;
	text-align: center;
	margin: 0;
	margin-bottom: 50px;
}
.online>.online-container{
	width: 100%;
	background-color: #ffffff;
	padding: 0 20px;
	box-shadow: 0px 4px 18px 0px 
		rgba(219, 219, 219, 0.36);
	border-radius: 20px;
}
.online>.online-container .form{
	width: 600px;
	max-width: 100%;
	margin: 49px auto 116px;
}
.online>.online-container .form .item{
	padding: 0;
	margin-bottom: 30px;
}
.online>.online-container .form .item .mb10{
	margin-bottom: 10px;
}
.online>.online-container .form .item .title{
	font-size: 20px;
	position: relative;
	margin-bottom: 11px;
}
.online>.online-container .form .item .title.req{
	padding-left: 16px;
}
.online>.online-container .form .item .title.req::before{
	content: "*";
	color: #f31717;
	font-size: 20px;
	position: absolute;
	left: 0;
}
.online>.online-container .form .item .input,.online>.online-container .form .item .textarea{
	width: 100%;
	height: 54px;
	background-color: #ffffff;
	border-radius: 6px;
	border: solid 1px #e6e6e6;
	display: flex;
	align-items: center;
	padding: 0 16px;
}
.online>.online-container .form .item .input input{
	border: none;
	outline: none;
	background-color: transparent;
	font-size: 16px;
}
.online>.online-container .form .item .input input::placeholder,.online>.online-container .form .item .textarea textarea::placeholder{
	color: #999999;
}
.online>.online-container .form .item .input span{
	margin-right: 15px;
	white-space: nowrap;
}
.online>.online-container .form .item .radio{
	display: flex;
}
.online>.online-container .form .item .radio .radio-item{
	display: flex;
	align-items: center;
	margin-right: 32px;
	cursor: pointer;
}
.online>.online-container .form .item .radio .radio-item .radio-check{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: relative;
	border: solid 1px #e6e6e6;
}
.online>.online-container .form .item .radio .radio-item.active .radio-check{
	background: url(../img/radio-active-icon.png) no-repeat center center/cover;
	background-size: 100% 100%;
}
.online>.online-container .form .item .radio .radio-item .radio-check input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.online>.online-container .form .item .radio .radio-item span{
	font-size: 16px;
	margin-left: 9px;
}
.online>.online-container .form .item .input .select{
	width: 100%;
	position: relative;
}
.online>.online-container .form .item .input .select select,.online>.online-container .form .item .input .select input{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	font-size: 16px;
	top: 0;
	left: 0;
}
.online>.online-container .form .item .input .select .select-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.online>.online-container .form .item .input .select .select-container span{
	color: #999999;
	font-size: 16px;
}
.online>.online-container .form .item .input .select .select-container.active span{
	color: #333333;
}
.online>.online-container .form .item .input .select .select-container .drop-down{
	width: 12px;
	height: 9px;
}
.online>.online-container .form .item .input .select .select-container .data-icon{
	width: 18px;
	height: 16px;
}
.online>.online-container .form .item .textarea{
	height: 180px;
	padding: 16px;
}
.online>.online-container .form .item .textarea textarea{
	border: none;
	outline: none;
	background-color: transparent;
	resize: none;
	width: 100%;
	height: 100%;
	font-size: 16px;
}
.online>.online-container .form .item .yzm{
	display: flex;
	justify-content: space-between;
}
.online>.online-container .form .item .yzm .input{
	width: 75%;
}
.online>.online-container .form .item .yzm-img{
	width: 23.33%;
	border-radius: 6px;
}
.online>.online-container .form button{
	width: 180px;
	height: 54px;
	background-color: #ee832a;
	color: #fff;
	display: block;
	border: none;
	font-size: 16px;
	margin: 0 auto;
	border-radius: 27px;
	margin-top: 10px;
}