.ha_banner>img{width: 100%;height: 450px;object-fit: cover;}

.hcs_nav{width: 1200px;margin: 0 auto;height: 50px;display: flex;align-items: center;}
.hcs_nav>a{display: flex;align-items: center;}
.hcs_nav>a>img{width: 25px;height: 25px;margin-right: 10px;}
.hcs_nav>span{margin: 0 10px;}

.ha_cate{padding: 38px 0;background-color: #f8f8f8;justify-content: center;display: flex;}
.ha_cate>a{width: 162px;height: 45px;line-height: 45px;text-align: center;background-color: #fff;border-radius: 10px;border: 1px solid var(--base);margin-right: 17px;color: var(--base);cursor: pointer;}
.ha_cate>a:last-child{margin-right: 0;}
.ha_cate>.ha_cate_a{background-color: var(--base);color: #fff;}
.ha_cate>a:hover{background-color: var(--base);color: #fff;}

.ha_ab0{display: flex;height: 750px;border-bottom: 2px solid #ddd;}
.ha_ab0_l{width: 50%;height: 100%;text-align: right;background-color: #282c30;color: #fff;}
.ha_ab0_lc{width: 600px;height: 100%;display: inline-block;text-align: left;padding-top: 128px;}
.ha_ab0_lc>h1{font-size: 36px;margin-bottom: 36px;}
.ha_ab0_lc>p{font-size: 16px;line-height: 40px;padding-right: 40px;text-indent: 2em;}
.ha_ab0_r{width: 50%;height: 100%;overflow: hidden;}
.ha_ab0_r:hover >img{transform: scale(1.1)}
.ha_ab0_r>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}

.ha_ab1{background-color: #f8f8f8;}
.ha_ab1_c{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ha_ab1_c>img{width: 337px;margin-bottom: 37px;transition: .3s;}
.ha_ab1_c>img:hover{box-shadow: 0 0 20px 1px #aaa;}

.ha_ab2{background: url('../images/170.jpg') no-repeat center;background-size: cover;height: 800px;padding: 50px 0;}
.ha_ab2_c{width: 1050px;margin: 0 auto;}
.ha_ab2_c>div{display: flex;align-items: center;color: #161616;font-size: 22px;font-weight: bold;margin-bottom: 44px;}
.ha_ab2_c>div>img{width: 67px;height: 67px;margin-right: 24px;}

.ha_ab3{padding: 100px 0;}
.ha_ab3_c{width: 1200px;margin: 0 auto;height: 600px;background-color: #2c3033;display: flex;justify-content: space-between;}
.ha_ab3_r{width: 50%;background: url('../images/175.png') no-repeat;background-size: cover;color: #fff;padding: 88px 0 0 72px;position: relative;}
.ha_ab3_r>p{margin-bottom: 25px;font-size: 18px;}
.ha_ab3_r>p>img{width: 28px;height: 28px;margin-right: 16px;}
.ha_ab3_r>a{position: absolute;bottom: 36px;right: 30px;font-size: 24px;color: var(--base);font-weight: bold;}
.ha_ab3_r>a>span{color: #fff;}
.ha_map{width: 600px;height: 600px;}

.ha_ab4{background-color: #f8f8f8;}
.ha_ab4_c{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding: 0 0 50px;}
.ha_ab4_l{width: 23.33%;margin-right: 1.5%;}
.ha_ab4_l>a{display: block;height: 42px;line-height: 42px;background-color: #e1e1e1;font-size: 16px;font-weight: bold;color: #404040;padding-left: 28px;margin-bottom: 2px;cursor: pointer;}
.ha_ab4_l>.ha_ab4_la{background-color: var(--base);color: #fff;}
.ha_ab4_l>a:hover{background-color: var(--base);color: #fff;}
.ha_ab4_r{flex: 1;}
.ha_ab4_r{background-color: #fff;padding: 40px;}
.ha_ab4_ri>h1{font-size: 30px;color: var(--base);margin-bottom: 26px;}
.ha_ab4_ri>p{font-size: 16px;color: #404040;line-height: 40px;}

@media screen and (max-width: 766px) {
    .ha_banner>img{height: 110px;}

    .ha_cate>a{height: 40px;line-height: 40px;font-size: 1.2rem;margin-right: 1rem;}
    .ha_ab0{height: auto;flex-direction: column-reverse;}
    .ha_ab0_l{width: 100%;}
    .ha_ab0_r{width: 100%;}
    .ha_ab0_lc{padding: 0 15px;width: 100%;}
    .ha_ab0_lc>p{padding-right: 0;font-size: 1.4rem;line-height: 2;}
    .ha_ab0_lc>h1{font-size: 2.2rem;line-height: 3;margin-bottom:10px;}

    .ha_ab1_c{flex-direction: column;}
    .ha_ab1_c>img{width: 100%;}

    .ha_ab2{height: auto;}
    .ha_ab2_c>div>img{width: 40px;height: 40px;}
    .ha_ab2_c>div{font-size: 1.6rem;}

    .ha_ab3{padding: 0;}
    .ha_ab3_c{flex-direction: column;height: auto;padding-top: 15px;}
    .ha_ab3_l{width: 100%;}
    .ha_map{width: 100%;height: 50vh;}
    .ha_ab3_r{width: 100%;padding: 30px 0;}
    .ha_ab3_r>p{font-size: 1.4rem;}
    .ha_ab3_r>p>img{width: 15px;height: 15px;}

    .ha_ab4_c{flex-direction: column;}
    .ha_ab4_l{width: 100%;}
    .ha_ab4_r{width: 100%;padding: 15px;}
    .ha_ab4_ri>h1{font-size: 2.2rem;margin-bottom: 1.5rem;}
    .ha_ab4_ri>p{font-size: 1.4rem;line-height: 2;}

}