body {
    margin: 0;
    padding: 0;
}
.imgs {
    margin-top: 1rem;
    width: 100%;
    /* height: 16rem; */
}

.imgs img {
    width: 100%;
    vertical-align: top;
    /* height: 100%; */
}
.Storelocation {
    width: 100%;
}

.location-pc {
    width: 70%;
    margin: 0 auto ;

}

.location-pc h4 {
    text-align: center;
    font-weight: 500;
    font-size: 0.8rem;
    padding: 1rem 0;
    margin: 0;
}

.location-pc h4 :first-child {
    color: rgb(56, 55, 55);
}

.location-pc h4 :nth-child(2) {
    color: rgb(182, 173, 173);
    padding: 0 0.3rem;
}

.location-pc h4 :nth-child(3) {
    color: #a98f82;
}

.windowof {
    width: 80%;
    margin: 0 auto;
    display: flex;
    font-size: 0.8rem;
    border-bottom: 2px solid black;
    padding: 1.5rem 0;
}

.pc-left {
    width: 40%;
    height: 10rem;
    transition: opacity 0.5s ease 0s;

}

.pc-left:hover {
    opacity: 0.7;
}

.pc-left img {
    width: 100%;
    height: 100%;
}

.pc-right {
    width: 60%;
    margin-left: 0.8rem;
}

.right-title {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: hsl(207, 10%, 21%);
}

.pc-right p {
    font-size: 0.5rem;
    color: #6a6d72;
    margin: 0;
    padding: 0.3rem 0;
}

.times {
    margin-top: 1rem;
    font-size: 0.5rem;
    color: #838588;
}
.times div{
    display: flex;
    align-items: center;
}
.times div img{
        width: 4%;
   
    }

.Contactus {
    display: flex;
    margin-top: 1rem;
}

.btn-tus,
.btn-tusn {
    width: 3rem;
    border: 1px solid #a98f82;
    font-size: 0.4rem;
    text-align: center;
    padding: 0.2rem 0;
    border-radius: 0.2rem;
}

.btn-tus:hover {
    background-color: #a98f82;
    color: #fff;
}

.btn-tusn:hover {
    background-color: #a98f82;
    color: #fff;
}


/* 联系我们 */
.Online {
    width: 80%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 3rem;

}

.online-left {
    width: 45%;
}

.online-title {
    font-size: 0.8rem;
}

.name {
    margin-top: 1rem;
}
.online-right {
    width: 50%;
    height: 12rem;
}

.online-right img {
    width: 100%;
    height: 100%;
}

.Make {
    width: 12rem;
    border: 1px solid black;
    text-align: center;
    background-color: black;
    color: #fff;
    padding: 0.4rem 0;
    font-size: 0.7rem;
    margin-top: 2rem;
}

.makean {
    width: 12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.makean :first-child {
    font-size: 0.3rem;
    color: #a98f82;
}

.makean :nth-child(2) {
    font-size: 0.6rem;
    color: black;
}

.win-web {
    display: none;
}

@media screen and (min-width:300px) and (max-width:500px) {
    .imgs {
         margin-top: 2rem;
        height: 42rem;
    }


    .win-pc {
        display: none;
    }

    .win-web {
        display: block;
    }

    .location-pc {
        width: 90%;
    }

    .location-pc h4 {
        font-size: 3rem;
    }

    .windowof {
        width: 100%;
        display: block;
    }

    .pc-left {
        width: 100%;
        height: 30rem;
    }

    .pc-left img {
        width: 100%;
        height: 100%;
    }

    .pc-right {
        width: 100%;

    }

    .pc-right p {
        font-size: 2.5rem;
    }

    .right-title {
        font-size: 3rem;
        padding: 2rem 0;
    }

    .times {
        font-size: 2.5rem;
    }
 

    /* .Contactus{
        flex-direction: row!important;
    } */
    .btn-tus,
    .btn-tusn {
        font-size: 2.5rem;
        margin-top: 2rem;
        width: 18rem;

    }

    /* 表单 */
    .Online {
        display: block;
        width: 100%;

    }

    .online-left {
        width: 100%;

        text-align: center;
    }

    .online-title {
        font-size: 2.5rem;
    }

    .name input {
        width: 45rem !important;
        padding: 1.5rem 0 !important;
    }

    .timed {
        margin-top: 2rem !important;
    }

    .timed select {
        width: 45rem !important;
        padding: 1.5rem 0 !important;
    }

    .Make {
        width: 45rem;
        padding: 1rem 0;
        font-size: 2rem;
        margin: 2rem auto 0;
    }

    .makean {
        width: 45rem;
        margin: 0 auto;

    }

    .online-right {
        margin-top: 2rem;
        width: 100%;
        height: 30rem;

    }

    .online-right img {
        width: 100%;
        height: 100%;

    }

}