.hc_banner>img{width: 100%;}


.hc_cont{padding: 60px 0;display: flex;justify-content: space-between;}
.hc_left{width: 48%;}
.hc_left>h1{font-size: 20px;color: var(--base);font-weight: bold;margin-bottom: 20px;}
.hc_left>h2{font-size: 16px;margin-bottom: 10px;}
.hc_left>p{line-height: 2;font-size: 13px;}
.hc_left>p>span{width: 60px;display: inline-block;}
.hc_map{height: 500px;width: 100%;}

.hc_right{width: 48%;}
.hc_form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hc_form>input{width: 48%;border-radius: 10px;border: 1px solid #aaa;background-color: transparent;height: 48px;padding: 0 20px;color: #333;margin-bottom: 20px;}
.hc_form>textarea{width: 100%;border-radius: 10px;border: 1px solid #aaa;padding: 20px;color: #333;height: 200px;resize: none;}
.hc_btn{width: 100%;text-align: right;margin-top: 20px;}
.hc_btn>button{padding: 0 40px;height: 34px;line-height: 34px;background-color: #f7f7f7;color: #5d5d5d;border-radius: 10px;}
.hc_btn>a{padding: 0 40px;height: 34px;line-height: 34px;background-color: var(--base);color: #fff;border-radius: 10px;display: inline-block;margin-left: 20px;cursor: pointer;}



@media screen and (max-width: 766px) {
    .hc_banner>img{height: 13rem;object-fit: cover;}

    .hc_cont{flex-direction: column;}
    .hc_left{width: 100%;margin-bottom: 6rem;}
    .hc_left>p{font-size: 1.4rem;}
    .hc_right{width: 100%;}
    .hc_map{height: 50vh;width: 100%;}
    
    .hc_form>input{width: 100%;padding: 0 1.5rem;margin-bottom: 1.5rem;height: 4.6rem;}
    .hc_form>textarea{padding: 1.5rem;}
}