.head{
    position: relative;
    height: 45.63rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    
}
.head img{
    margin-top: 0;
}
.head .el-carousel__container{
    height: 45.63rem;
}
.head .active1 .log{
    background-image: url('../img/logo.png');
}
.head .active1 .logtext{
    color: #fff;
}
.head .active1 .menu .item a:link,.head .active1 .menu .item a:visited{
    color: #FFFFFF;
}
.head .active1 .menu .item div.active{
    background: #FFFFFF;
}
.head .active1 .tel div{
    background-image: url('../img/tel.png');
    color: #FFFFFF;
}
.head .active1 .tel div span{
    color: #FFFFFF;
}
.head .switch{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 11rem;
    left: 50%;
    bottom: 2rem;
    transform: translate(-50%,0);
}
.head .switch p{
    width: 5rem;
    height: 5px;
    background-color: #fff;
}
.head .switch p.active{
    opacity: 0.5;
}
.options{
    display: none;
}
.title div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 6rem 0 3rem;
} 
/* .title h1{
    margin: 0 1rem;
    font-size: 3rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
} */
.title h1 span{
    color: #0067FF;
}
/* .title h2{
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
} */

.access{
    padding: 2.19rem;
    background-image: url('../img/access.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    text-align: center;
}
.access h2{
    font-size: 2rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #0067FF;
}
.access p{
    margin: 2.23rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.access div{
    width: 20.25rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    background: #FFAE00;
    border-radius: 2.63rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.accessbox{
    width: 20.25rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    background: #FFAE00;
    border-radius: 2.63rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}
.strengths{
    background-color: #fff;
}
.strengths .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 3rem auto 0;
}
.strengths .items .item{
    width: 29.75rem;
    margin-bottom: 2.5rem;
    padding-bottom: 4rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(0,60,159,0.06);
    border-radius: 1rem;
    background: #FFFFFF;
    text-align: center;
}
.strengths .items .item .white{
    display: none;
}
.strengths .items .item:hover{
    background-color: #3B7FEE;
    cursor: pointer;
}
.strengths .items .item:hover .blue{
    display: none;
}
.strengths .items .item:hover .white{
    display: block;
}
.strengths .items .item:hover h3,.strengths .items .item:hover p{
    color: #fff;
}
.strengths .items .item img{
    width: 8.25rem;
}
.strengths .items .item h3{
    margin-top: 2.25rem;
    margin-bottom: 1.88rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.strengths .items .item p{
    width: 16.31rem;
    margin: 0 auto;
    text-align: left;
    font-size: 1.3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
}
.strengths .items .item span{
    display: block;
    margin-top: 2rem;
    margin-bottom: 4.5rem;
    text-align: center;
    font-size: 1.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.courses{
    padding-bottom: 5.04rem;
    /* background-image: url('../img/footbg.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.courses .title div h1,.courses .title h2{
    /* color: #fff; */
}
.courses .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 3rem auto 0;
    padding-bottom: 3rem;
}
.courses .items .item{
    margin-bottom: 1.75rem;
    /* background: #F3F6FD; */
    border-radius: 1.25rem;
    text-align: center;
}
.courses .items .item img{
    width: 7.13rem;
}
.courses .items .item p{
    margin-top: 1.88rem;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff;
}
.courses .items .item h3{
    margin-top: 2.25rem;
    margin-bottom: 1.88rem;
    font-size: 1.5rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
}
.courses .items .item:nth-child(5n){
    margin-right: 0;
}
.courses .items .item span{
    display: block;
    margin-top: 2rem;
    margin-bottom: 4.5rem;
    text-align: center;
    font-size: 1.2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.collaborator{
    padding-bottom: 15.625rem;
}
.collaborator .box {
    width: 100%;
    height: 100px;
    margin: 1rem auto ;
    overflow: hidden;
    position: relative;
}

.collaborator .box .imgList {
    animation:rolling 24s linear infinite;
    position: absolute;
    display: flex;
}
.collaborator .box .imgList2 {
    animation:rolling 36s linear infinite;
    position: absolute;
    display: flex;
}
.collaborator .box .imgList img {
    float: left;
}
@keyframes rolling {
    from {
        transform: translateX(-60%);
    }

    to {
        transform: translateX(0);
    }
}
.miens{
    padding-bottom: 6.56rem;
    background-color: #fff;
}
.miens .items{
    width: 80rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 5.35rem;
}
.miens .items .item{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 1.13rem;
}
.miens .items .item:first-child{
    width: 39.63rem;
    margin-right: 2.53rem;
}
.miens .items .item img{
    width: 39.63rem;
}
.miens .items .item div{
    width: 28rem;
    height: 16.13rem;
    overflow: hidden;
}
.miens .items .item div:nth-child(1){
    margin-bottom: 2rem;
}
.miens .items .item div img{
    height: 16.13rem;
    margin: 0 auto;
}