.line-head p{
    line-height: 22px;
    width: 42.2rem;
    margin: 0 17px;

}
.nav span{
    color: gray;
}
/* map section */
.map{
    width: 100%;
    height: 446px;
}
.map iframe{
    width: 100%;
    height: 446px;
}
.contact > input{
    display: block;
    width: 94%;
}
.contact > textarea{
    display: block;
    width: 94%;
    height: 233px;
}
.contact div{
    display: block;
    display: flex;
}

.cotact-style{
    padding: 8px;
    margin: 12px;
    font-size: 21px;
    border: 2px solid gray;
    width: 308px;
}
.detail{
    width: 100%;
    height: 400px;
    /* background-color: red; */
}
.contact-detail{
    display: flex;
}
.detail-box{
    display: flex;

}
.detail-left img{
    width: 64px;
    height: 64px;
    
    margin: 8px 0;

}
.detail-right{
    margin: 8px 14px;
    
}
.detail-right div span{
    color: gray;
    font-weight: 100;
    
}