.hs_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;}

.hs_list{background-color: #f8f8f8;padding: 40px 0;}
.hs_list_c{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;}
.hs_list_l{width: 280px;margin-right: 20px;background-color: #fff;}
.hs_list_l>h1{height: 70px;line-height: 70px;padding-left: 17px;color: #fff;background-color: var(--base);font-size: 26px;}
.hs_list_r{flex: 1;background-color: #fff;}
.hs_l{padding: 20px 20px 0;}
.hs_li{margin-bottom: 20px;}
.hs_li>h1{line-height: 40px;height: 40px;background-color: var(--base);color: #fff;font-size: 16px;padding: 0 10px;display: flex;align-items: center;cursor: pointer;transition: .3s;}
.hs_li>h1>span{margin-right: 12px;font-size: 26px;font-weight: bold;}
.hs_li>div>a{display: block;height: 50px;line-height: 50px;color: #646464;border-bottom: 1px solid #eee;padding-left: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* .hs_li>div>a:last-child{border-bottom: 0;} */
.hs_li>div>.hs_li_a{color: var(--base);}

.hs_list_r>h1{text-align: center;color: #646464;font-size: 26px;padding: 56px 0;}
.hs_list_r{padding: 0 20px;}

.hi_tact{height: 356px;background: url('../images/70.jpg') no-repeat center;background-size: cover;}
.hi_tact_cont{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding: 80px 0 0;}
.hi_tact_left{width: 78%;color: #fff;}
.hi_tact_left>h1{font-size: 40px;font-weight: bold;}
.hi_tact_left>form{display: flex;justify-content: space-between;align-items: center;margin-top: 42px;}
.hi_tact_left>form>span{font-size: 16px;}
.hi_tact_left>form>input{width: 176px;border-radius: 10px;height: 38px;padding: 0 10px;color: #333;}
.hi_tact_left>form>a{width: 120px;text-align: center;height: 38px;line-height: 38px;background-color: var(--base);border-radius: 10px;}
.hi_tact_left>p{font-weight: bold;font-size: 20px;background-color: var(--base);display: inline-block;height: 38px;line-height: 38px;padding: 0 10px;border-radius: 10px;margin-top: 30px;}
.hi_tact_left>p>img{vertical-align: middle;}

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

    .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;}

    .hi_tact{height: auto;padding-bottom: 10px;}
    .hi_tact_cont{padding: 20px 15px;flex-direction: column;}
    .hi_tact_left{width: 100%;}
    .hi_tact_right{width: 100%;}
    .hi_tact_left>h1{font-size: 2rem;}
    .hi_tact_left>form{flex-direction: column;align-items:flex-start;margin-top: 30px;}
    .hi_tact_left>form>span{font-size: 1.2rem;line-height: 30px;display: inline-block;}
    .hi_tact_left>form>input{width: 100%;}
    .hi_tact_left>form>a{margin-top: 20px;width: 100%;}

    .hs_list_c{flex-direction: column;}
    .hs_list_l{margin-right: 0;width: 100%;}
    .hs_list_r{padding: 0;}
}