.ha_banner>img{width: 100%;}

.ha_about{background: url('/images/6.jpg') no-repeat center;display: flex;justify-content: flex-end;background-size: 100% 100%;height: 500px;transition: .3s;width: var(--lg);margin: 80px auto 0;}
.ha_about_r{background: url('/images/7.png') no-repeat center;background-size: 100% 100%;width: 60%;color: #fff;padding-top: 270px;padding-left: 360px;padding-right: 15px;}
.ha_about_r>h1{font-size: 18px;font-weight: bold;}
.ha_about_r>p{line-height: 2;margin-top: 10px;}
.ha_about:hover{background-size: 110% 110%;}

.ha_w{padding: 60px 0;}
.ha_w>h3{color: #333;font-size: 16px;line-height: 2;}
.ha_w>h2{color: #333;font-size: 16px;line-height: 2;margin-top: 40px;}
.ha_w>h1{color: var(--base);font-size: 20px;margin-top: 40px;}

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

    .ha_about{margin: 4rem 1.5rem 0;width: unset;height: 40rem;background-size: cover;}
    .ha_about_r{background: unset;padding: 0;width: 100%;background-color: rgba(0,0,0,.5);padding: 1.5rem;}
    .ha_about_r>h1{font-size: 2rem;}

    .ha_w>h2{font-size: 1.6rem;}
    .ha_w>h1{font-size: 1.6rem;line-height: 2;}

}