.hi_title{color: #282c30;font-weight: bold;position: relative;font-size: 36px;padding-bottom: 30px;}
.hi_title>span{position: absolute;left: 0;bottom: 0;height: 3px;width: 122px;background-color: #282c30;}

.hi_banner>.slick-arrow{width: 185px;height: 104px;background-color: var(--base);position: absolute;right: 0;bottom: 0;z-index: 2;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.slick-disabled {opacity: .6;cursor: not-allowed;}
.hi_banner_item{height: calc(100vh - 150px);}
.hi_banner_item>img{width: 100%;height: 100%;object-fit: cover;}
.hi_banner_ab{position: absolute;top: 200px;opacity: 0;width: 100%;}
.hi_banner_ab>img{margin: 0 auto;display: block;}
.hi_banner_l{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 58px;}
.hi_banner_i{min-width: 240px;height: 60px;line-height: 60px;display: flex;align-items: center;background-image: linear-gradient(to right,var(--base), transparent);color: #fff;padding: 0 8px;opacity: 0;}
.hi_banner_i>img{width: 35px;height: 35px;margin-right: 18px;}
.hi_banner_i>span{font-size: 20px;}
.hi_banner>.slick_prev{right: 300px;}
.hi_banner>.slick_prev::after{content: '';position: absolute;right: 0;height: 70px;width: 1px;background-color: #e6423c;}

.hi_banner>.slick_next{right: 115px;}

.hi_proj{background: url('../images/69.png') no-repeat center;background-size: cover;}
.hi_proj_cont{width: 1200px;margin: 0 auto;padding: 80px 0 100px;}
.hi_proj_cont>.hi_title:after{content: 'HUICE SERVICE';position: absolute;font-size: 30px;color: rgba(182,48,43,.2);left: 30px;top: 20px;width: 300px;}
.hi_proj_cont>.hi_title>a{float: right;width: 70px;height: 70px;background-color: var(--base);border-radius: 10px;justify-content: center;display: flex;align-items: center;}
.hi_proj_list{display:flex;justify-content: space-between;margin-top: 70px;}
.hi_proj_item{width: 19.8%;height: 400px;text-align: center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;flex-direction: column;overflow: hidden;position: relative;transition: .3s;cursor: pointer;}
.hi_proj_item>p{color: #fff;margin-top: 30px;font-size: 20px;font-weight: bold;}
.hi_proj_item>a{color: #fff;margin-top: 120px;font-weight: bold;position: absolute;bottom: -40px;width: 70%;text-align: center;transition: .3s;}
.hi_proj_item:hover{transform: translateY(-20px);padding-bottom: 50px;}
.hi_proj_item:hover >a{bottom: 40px;}

.hi_adv{background: url('../images/5.png') no-repeat center;background-size: cover;}
.hi_adv_cont{width: 1200px;margin: 0 auto;padding: 120px 0 80px;}
.hi_adv_cont>.hi_title{color: #fff;}
.hi_adv_cont>.hi_title>span{background-color: #fff;}
.hi_adv_list{width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.hi_adv_item{width: 48%;display: flex;justify-content: space-between;align-items: flex-start;padding: 30px;margin-bottom: 50px;transition: .5s;}
.hi_adv_item>div{margin-left: 20px;}
.hi_adv_item>div>h2{font-size: 18px;margin-bottom: 26px;color: #fff;}
.hi_adv_item>div>p{color: #c8c8c8;line-height: 30px;}
.hi_adv_item:hover{background-color: #fff;}
.hi_adv_item:hover >div>h2{color: #333;}
.hi_adv_item:hover >div>p{color: #666;}

.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;cursor: pointer;}
.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;}

.hi_about_title{background: url('../images/8.png') no-repeat center;background-size: cover;}
.hi_about_title>.hi_about_cont{width: 1200px;margin: 0 auto;height: 250px;display: flex;justify-content: space-between;align-items: center;}
.hi_about_title>.hi_about_cont>.hi_title::after{content: 'ABOUT HUICE';position: absolute;font-size: 30px;color: rgba(182,48,43,.2);left: 30px;top: 20px;width: 300px;}
.hi_about_icon{display: inline-block;width: 70px;height: 70px;background-color: var(--base);border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.hi_about_main{background-color: var(--base)}
.hi_about_main>.hi_about_cont{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 40px 0 100px;}
.hi_about_left{width: 41%;}
.hi_about_left>p{color: #fff;font-size: 16px;line-height: 30px;}
.hi_about_right{width: 54%;position: relative;z-index: 1;margin-top: -100px;}
.hi_about_right>div{overflow: hidden;}
.hi_about_right>div>img{width: 100%;transition: .3s;height: 401px;}
.hi_about_right:hover >div>img{transform: scale(1.1);}
.hi_about_right:after{content: '';position: absolute;bottom: -20px;right: -20px;width: 200px;height: 200px;background-color: #fff;z-index: -1;}

.hi_news_cont{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding: 50px 0;}
.hi_news_title{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #282c30;margin-bottom: 38px;}
.hi_news_title>.hi_title:after{content: 'NEWS INFORMATION';position: absolute;font-size: 30px;color: rgba(182,48,43,.2);left: 30px;top: 20px;width: 350px;}
.hi_news_right .hi_title:after{content: 'COMMON PROBLEM';}
.hi_news_title>a{color: #282c30;font-size: 18px;}
.hi_news_left{width: 50%;}
.hi_news_img{overflow: hidden;cursor: pointer;}
.hi_news_img>img{width: 100%;transition: .3s;}
.hi_news_img:hover img{transform: scale(1.1);}
.hi_news_left>h1{width: 100%;height: 70px;line-height: 70px;padding-left: 14px;border: 1px solid #d6d6d6;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;cursor: pointer;}
.hi_news_left>a{display: block;height: 60px;line-height: 60px;color: #555555;border-bottom: 1px dotted #dfdfdf;padding-left: 14px;}

.hi_news_right{width: 46%;margin-left: 4%;}
.hi_news_item{margin-bottom: 20px;transition: .5s;}
.hi_news_item:hover{transform: translateX(30px);}
.hi_news_item:hover h1{color: var(--base)}
.hi_news_item:hover p{color: var(--base)}
.hi_news_item>h1{font-size: 16px;color: #585858;}
.hi_news_item>h1:before{content: 'Q';display: inline-block;width: 60px;height: 26px;line-height: 26px;text-align: center;background-color: var(--base);font-size: 18px;color: #fff;margin-right: 20px;}
.hi_news_item>p{line-height: 30px;margin-top: 10px;}
.hi_news_item>p:before{content: 'A';display: inline-block;width: 60px;height: 26px;line-height: 26px;text-align: center;background-color: #282c30;font-size: 18px;color: #fff;margin-right: 20px;}

.hi_part{background: url('../images/8.png') no-repeat center;background-size: cover;height: 350px;}

.hi_part_cont{width: 1200px;margin: 0 auto;padding: 60px 0;}
.hi_part_cont>.hi_title:after{content: 'COOPERATIVE PARTNER';position: absolute;font-size: 30px;color: rgba(182,48,43,.2);left: 30px;top: 20px;width: 440px;}
.hi_part_list{margin-top: 60px;}
.hi_part_item>img{margin: 10px 20px;width: calc(100% - 40px);transition: .3s;opacity: .7;}
/* .hi_part_item:hover{box-shadow: 0 0 20px 1px #aaa;transform: translateY(-10px)} */
/* .slick-list{overflow: unset;overflow-x: hidden;} */
.hi_part_list>.slick-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;text-align: center;background-color: var(--base);padding: 10px;z-index: 2;}
.slick-center>img{margin: 0;width: 100%;opacity: 1;}
.hi_part_list>.slick-arrow>img{height: 100%;}
.hi_part_list>.slick_prev{left: 0;}
.hi_part_list>.slick_next{right: 0;}

@media screen and (max-width:766px){
    .hi_banner_ab{top: 60px;width: 100vw;}
    .hi_banner_ab>img{width: 90%;}
    .hi_banner_l{width: 100%;margin-top: 20px;}
    .hi_banner_i{min-width: 20vw;height: 3rem;line-height: 3rem;}
    .hi_banner_i>img{width: 20px;height: 20px;}
    .hi_banner_i>span{font-size: 1.2rem;}
    .hi_banner>.slick-arrow{display: none!important;}
    .hi_banner_item{height: 200px;}

    .hi_proj_cont{padding: 30px 0;}
    .hi_title{font-size: 22px;padding-bottom: 20px;}
    .hi_title>span{width: 50px;}
    .hi_proj_cont>.hi_title:after{font-size: 2rem;width: 30rem;}
    .hi_proj_cont>.hi_title>a{width: 50px;height: 50px;}
    .hi_proj_list{margin-top: 40px;}
    .hi_proj_list{flex-direction: column;}
    /* .hi_proj_item{width: 100%;height: 150px;margin-bottom: 10px;min-height: 100%;}
    .hi_proj_item>p{font-size: 14px;}
    .hi_proj_item:hover{padding-bottom: 0;}
    .hi_proj_item:hover >a{bottom: 10px;} */
    .hi_proj_m{width: 100%;margin-top: 20px;}
    .hi_proj_mi{color: #fff;height: 250px;text-align: center;background-repeat: no-repeat;background-size: cover;}
    .hi_proj_mi>img{display: inline;padding-top: 70px;}
    .hi_proj_mi>p{font-size: 1.4rem;padding: 10px 0;}
    .dot_list{position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);}
    .dot_list>li{display: inline-block;width: 8px;height: 8px;font-size: 0;outline: 0;border: 0;margin-right: 5px;transition: all .5s;border-radius: 10px;cursor: pointer;background-color: #fff;}
    .dot_list>.slick-active{background-color: var(--base);width: 20px;}
    .dot_list>li button{display: none;}


    .hi_adv_cont{padding: 30px 0;}
    .hi_adv_list{width: 100%;}
    .hi_adv_item{width: 100%;padding: 0;margin-bottom: 20px;}
    .hi_adv_item>img{width: 20vw;height: 20vw;}
    .hi_adv_item>div{margin-left: 5vw;width: 65vw;}
    .hi_adv_item>div>h2{margin-bottom: 5px;font-size: 1.6rem;}
    .hi_adv_item>div>p{line-height: 2;font-size: 1.2rem;}

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

    .hi_about_icon{width: 50px;height: 50px;}
    .hi_about_title>.hi_about_cont{height: auto;padding: 30px 0;}
    .hi_about_title>.hi_about_cont>.hi_title::after{font-size: 2rem;width: 30rem;}

    .hi_about_main>.hi_about_cont{flex-direction: column;}
    .hi_about_left{width: 100%;}
    .hi_about_left>p{font-size: 1.4rem;line-height: 2;}
    .hi_about_right{width: 100%;margin-top: 20px;}

    .hi_news_cont{flex-direction: column;}
    .hi_news_left{width: 100%;}
    .hi_news_right{width: 100%;margin: 50px 0 0;}
    .hi_news_title>.hi_title:after{font-size: 2rem;width: 30rem;}
    .hi_part{height: auto;}
    .hi_part_cont>.hi_title:after{font-size: 2rem;width: 30rem;}
    .hi_part_cont{padding: 40px 0;}
    .hi_part_list{margin-top: 30px;}
    .hi_about_right:after{right: -15px;}

    .hi_part_list>.slick-arrow{width: 25px;height: 40px;}

}