#relation{
    position: relative;

    height: 600px;
    width: 100%;
    /* background-image: url('../img/relation_img/ralation.jpg'); */
    background-size: cover;
    background-position: center ; 
}
.rea_Title1{
    position: absolute;
    top: 34%;
    right: 10%;

}
.rea_Title1 h2{
    color: black;
}
.rea_Title1 p{
    letter-spacing: 16px;
    color: black;

}

.rea_Title2{
    position: absolute;
    bottom: 15%;
    left: 10%;

}
@media (max-width:576px){
    #relation{
        position: relative;
    
        height: 90vh;
        width: 100%;
        background-image: url('../img/phone_img/ralation.jpg') !important;
        background-size: cover;
        background-position: center ; 
    }
    .rea_Title1{
        width: 300px;
        background-color: rgba(225, 250, 248, 0.8);
    }
    .rea_Title2{
        width: 300px;
        background-color: rgba(255, 255, 255,0);
    }
}

/* 地图和电话css */
.map{
    height: 400px;
    padding: 20px;
    background-color: #e1faf8;
    
}
.map >div{
    height: 100%;
    background-color: beige;
    border-radius: 20px;
}
#map {
    height: 100%;
    width: 100%;
   }
.information{
    padding: 20px;
}
.email{
    margin-top: 30px;
    width: 300px;
   
    border-radius: 20px;
    height: 120px;
    background-color: #e1faf8   ;

}
.email img{
    width: 50px;
    height: 50px;
    margin-left: 20px;
}