.fhd_banner>img{width: 100%;}

.fhd_c{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: 100px;}
.fhd_l{width: 800px;overflow: hidden;}
.fhd_l>img{width: 100%;height: 558px;transition: .3s;}
.fhd_r{flex: 1;background-color: #faf9f7;position: relative;}
.fhd_r>h1{height: 56px;line-height: 56px;background-color: var(--base);color: #fff;font-size: 18px;padding: 0 20px;}
.fhd_r>div{padding: 40px;}
.fhd_r>div>p{line-height: 40px;}
.fhd_r>div>p>span{color: var(--base);}
.fhd_r>a{position: absolute;bottom: 20px;right: 20px;height: 35px;width: 100px;line-height: 35px;background-color: var(--base);color: #fff;text-align: center;}

.fhd_l:hover >img{transform: scale(1.1);}

@media screen and (max-width: 766px) {
    .fhd_banner>img{height: 50vh;object-fit: cover;}

    .fhd_c{flex-direction: column;}
    .fhd_l{width: 100%;}
    .fhd_l>img{height: 50vh;object-fit: cover;}
    .fhd_r>div{padding: 15px;}
    .fhd_r>div>p{font-size: 1.6rem;line-height: 3;}
}