.hi_banner{position: relative;}
.hi_banner_i{height: 100vh;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.hi_banner_w{position: absolute;bottom: 0;left: 0;right: 0;}
.hi_banner_wt{display: flex;flex-wrap: wrap;justify-content: space-between;width: 890px;margin: 0 auto;}
.hi_banner_wi{width: 128px;height: 86px;background-repeat: no-repeat;background-position: center;background-size: contain;margin-bottom: 20px;border-radius: 10px;}
.hi_banner_wi>span{width: 100%;height: 100%;line-height: 86px;background-color: rgba(0,0,0,.5);color: #fff;text-align: center;border-radius: 10px;display: none;}
.hi_banner_wi:hover span{display: block;}
.hi_banner_wb{height: 168px;background-color: rgba(0,0,0,.5);padding-top: 40px;}
.hi_banner_wb>p{color: #fff;text-align: center;line-height: 2;font-size: 15px;}
.dot_list{position: absolute;bottom: 50px;width: var(--lg);text-align: right;left: 50%;transform: translateX(-50%);}
.dot_list>li{display: inline-block;width: 20px;height: 20px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;border: 4px solid #fff;border-radius: 50%;}
.dot_list>li:last-child{margin-right: 0;}
.dot_list>.slick-active{background-color: var(--base);}
.dot_list>li button{display: none;}

.hi_title{text-align: center;margin: 100px 0;color: #1a1a1a;}
.hi_title>h1{font-size: 30px;font-weight: bold;}
.hi_title>p{font-size: 24px;margin: 10px 0;}
.hi_title>span{display: inline-block;width: 35px;height: 3px;background-color: var(--base);}

.hi_news{padding: 100px 0;}
.hi_news>.hi_title{margin-top: 0;}
.hi_news_c{display: flex;justify-content: space-between;margin-top: 50px;}
.hi_news_i{width: 75%;height: 540px;background-color: #f8f8f8;position: relative;cursor: pointer;display: block;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;transition: .3s;}
.hi_news_i>h1{display: flex;justify-content: space-between;position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.6);height: 62px;align-items: center;color: #fff;padding: 0 20px;font-size: 16px;}
.hi_news_i>h1>span{font-size: 14px;}
.hi_news_three{width: 25%;margin-right: 0;background-color: #fff;position: relative;height: 540px;}
.hi_news_ii{padding: 30px 30px 0;cursor: pointer;display: block;}
.hi_news_ii>h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 1.7;color: #626262;font-size: 16px;margin-bottom: 10px;}
.hi_news_ii>span{font-size: 12px;line-height: 2em;color: #a1a1a1;}
.hi_news_more{position: absolute;bottom: 20px;right: 20px;font-size: 14px;line-height: 26px;color: #626262;}
.hi_news_more:hover{color: var(--base);}
.hi_news_i:hover{background-size: 120% 120%;}
.hi_news_ia h1{color: var(--base);}
@media screen and (max-width: 766px) {
    .hi_banner_wt{display: none;}
    .hi_banner_wb{height: 318px;}
    .hi_banner_wb>p{font-size: 1.2rem;}

    .hi_title{margin: 6rem 0;}
    .hi_title>h1{font-size: 2.4rem;}
    .hi_title>p{font-size: 2.4rem;}

    .hi_news{padding: 6rem 0 0;}
    .hi_news_c{padding-bottom: 6rem;}
    .hi_news_i{width: 70%;}
    .hi_news_three{width: 30%;height: 40rem;}
    .hi_news_ii{padding: 1.5rem 0 0 1.5rem;}
    .hi_news_ii>h1{font-size: 1.4rem;margin-bottom: 0;}
    .hi_news_ii>span{font-size: 1.2rem;}
    .hi_news_more{font-size: 1.2rem;bottom: 1rem;}
    .hi_news_i{background-size: cover;height: 40rem;}
    .hi_news_i>h1{font-size: 1.4rem;padding: 0 1.5rem;}
    .hi_news_i>h1>span{display: none;}
}