/*--------------校园环境-----------------*/

.xue_campus{

    margin-top: 0.1rem;

    background: #ffffff;

    padding-bottom: 0.2rem;

}

.xue_campus h2{

    font-size: 0.3rem;

    color: #212121;

    border-left: 0.06rem solid #940000;

    padding-left: 0.1rem;

    line-height: 0.27rem;

    margin-top: 0.2rem;

}

.xue_campus li{

    float: left;

    margin-left: 0.35rem;

    margin-top: 0.1rem;

    position: relative;

}

.xue_campus h3{

    font-size: 18px;

    color: white;

    width: 2.08rem;

    height: 0.4rem;

    line-height: 0.4rem;

    position: absolute;

    bottom: 0;

    background:rgba(0,0,0,0.3);

    padding-left: 0.1rem;

    opacity: 0;

}

.xue_campus li:hover h3{

    opacity: 1;

    transition:  all 0.5s;

}

.xue_campus ul{

    margin-top: 0.2rem;

}

.xue_campus li:first-child{

    margin-left: 0;

}

.xue_campus li img{

    width: 2.18rem;

    height: 2.1rem;

}



@media (max-width: 420px) {

    .xue_campus li{

        margin-left: 0.28rem;

    }

}