.zi_banner{position: relative;}
.zi_banner_i{}
.zi_banner_i>img{width: 100%;object-fit: cover;}
/* .zi_banner_iw{position: absolute;top: 50%;transform: translateY(-50%);right: calc(50vw - var(--lg) / 2);width: calc(var(--lg) / 1.5);text-align: center;}
.zi_banner_iw>h1{color: var(--base);font-size: 30px;}
.zi_banner_iw>p{color: #fff;font-size: 20px;margin: 20px 0 30px;}
.zi_banner_iw>a{line-height: 34px;background-color: var(--base);padding: 0 30px;display: inline-block;color: #fff;} */

/* .zi_arrow{color: #fff;line-height: 100px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 40px;font-weight: 900;transition: .3s;line-height: 100px;background-color: rgba(0,0,0,.1);padding: 0 10px;}
.zi_arrow.slick_prev{left: 30px;}
.zi_arrow.slick_next{right: 30px;} */

.ban_dot{position: absolute;bottom: 40px;text-align: center;left: 50%;transform: translateX(-50%);}
.ban_dot>li{display: inline-block;width: 40px;height: 7px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: var(--base);}
.ban_dot>li button{display: none;}

.zi_serve{background: url('/images/index/0.jpg') no-repeat center;background-size: cover;}
.zi_serve_c{padding: 100px 0;}
.zi_serve_t{text-align: center;}
.zi_serve_t>h2{color: #e7e7e7;font-size: 78px;font-weight: 600;}
.zi_serve_t>h1{font-size: 45px;color: var(--base);margin-top: -60px;}
.zi_serve_w{padding: 40px 0;}
.zi_serve_i{position: relative;transform: scale(.6);transition: .3s;margin: 0 -200px;}
.zi_serve_i>img{width: 100%;}
.zi_serve_i>h1{line-height: 66px;background-color: rgba(143,0,152,.7);color: #fff;font-size: 22px;padding: 0 20px;position: absolute;bottom: 0;left: 0;width: 100%;}
.slick-active{transform: scale(1);z-index: 100;}
.zi_serve_m{text-align: center;}
.zi_serve_m>p{font-size: 32px;color: #999;}
.zi_serve_m>p>span{color: var(--base);}
.zi_serve_v{display: flex;justify-content: center;align-items: center;margin-top: 40px;gap: 80px;}
.zi_serve_vi{text-align: center;}
.zi_serve_vi>p{font-size: 16px;color: #999;}
.zi_serve_vi>h1{font-size: 26px;color: #666;}
.zi_serve_vi>h1>span{font-size: 88px;color: var(--base);font-weight: 600;}

.zi_prod{background-color: #f8f8f8;}
.zi_prod_c{padding: 100px 0;}
.zi_prod_t{display: flex;justify-content: space-between;align-items: center;}
.zi_prod_tl{display: flex;align-items: center;gap: 20px;}
.zi_prod_ti{transform: scale(.6);transition: .3s;}
.zi_prod_ti.zi_prod_ta{transform: scale(1);}
.zi_prod_ti>h1{font-size: 30px;}
.zi_prod_ti>h1>span{color: var(--base);}
.zi_prod_ti>p{font-size: 16px;line-height: 2;}
.zi_prod_tr{display: flex;gap:10px;}
.zi_prod_tr>a{width: 60px;line-height: 60px;text-align: center;background-color: #fff;opacity: .6;color: var(--base);font-family: serif,monospace;font-weight: 900;font-size: 40px;cursor: pointer;}
.zi_prod_tr>a:hover{opacity: 1;}
.zi_prod_b{margin-top: 60px;}
.zi_prod_i{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 120px 120px 0;color: #fff;min-height: 600px;}
.zi_prod_i>h1{line-height: 2;font-size: 50px;}
.zi_prod_i>p{line-height: 2;font-size: 26px;}
.zi_prod_i>a{background-color: #f8f8f8;padding: 0 40px;line-height: 30px;display: inline-block;color: #333;margin-top: 20px;}
.zi_prod_w{position: absolute;right: 180px;top: -50px;bottom: -50px;width: 386px;}
.zi_prod_ii{box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.19);background-color: rgba(255,255,255,.8);margin: 15px 0;}
.zi_prod_iic{display: flex;justify-content: space-between;align-items: flex-end;padding: 22px;}
.zi_prod_iic>h1{color: #333;font-size: 18px;}
.zi_prod_iic>img{width: 186px;height: 100px;object-fit: contain;}

.prod_arrow{color: var(--base);text-align: center;font-family: monospace,serif;position: absolute;left: -100px;z-index: 1;font-size: 40px;font-weight: 900;transition: .3s;width: 60px;line-height: 60px;background-color: #fff;opacity: .8;transition: .3s;cursor: pointer;}
.prod_arrow:hover{opacity: 1;}
.prod_arrow.slick_prev{bottom: 160px;transform: rotate(90deg);}
.prod_arrow.slick_next{bottom: 70px;transform: rotate(90deg);}

.zi_case{background: url('/images/index/30.jpg') no-repeat center;background-size: cover;}
.zi_case_c{padding: 100px 0;}
.zi_case_t{display: flex;justify-content: space-between;align-items: center;}
.zi_case_t>a{line-height: 40px;padding: 0 40px;background-color: var(--base);color: #fff;}
.zi_case_tl>h1{font-size: 30px;}
.zi_case_tl>h1>span{color: var(--base);}
.zi_case_tl>p{font-size: 16px;line-height: 2;}
.zi_case_w{margin-top: 40px;display: flex;flex-wrap: wrap;}
.zi_case_i{width: 31%;margin-right: 3.5%;margin-bottom: 40px;}
.zi_case_i:nth-child(3n){margin-right: 0;}
.zi_case_img{overflow: hidden;}
.zi_case_img>img{transition: .3s;height: 300px;width: 100%;object-fit: cover;}
.zi_case_i>h1{background-color: #f7f7f7;line-height: 50px;padding: 0 20px;font-size: 16px;}
.zi_case_i:hover img{transform: scale(1.1);}
.zi_case_i:hover h1{background-color: var(--base);color: #fff;}


.zi_about{background: url('/images/index/31.jpg') no-repeat center;background-size: cover;}
.zi_about_c{padding: 100px 0;}
.zi_about_t{display: flex;justify-content: space-between;align-items: center;gap: 80px;}
.zi_about_tl{flex: 1;}
.zi_about_tl>h2{font-size: 58px;font-weight: 600;color: #eaebef;}
.zi_about_tl>h1{font-size: 16px;color: #333;margin-top: -40px;}
.zi_about_tl>h1>span{color: var(--base);font-size: 45px;}
.zi_about_tl>p{line-height: 2;font-size: 16px;color: #666;margin-top: 30px;}
.zi_about_tr{background: url('/images/index/40.jpg') no-repeat center;background-size: cover;height: 484px;width: 984px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.zi_about_tr img{transition: .3s;}
.zi_about_tr:hover img{transform: scale(1.1);}
.zi_news_t{margin-top: 60px;display: flex;justify-content: space-between;align-items: center;}
.zi_news_t>h1{font-size: 30px;color: var(--base);}
.zi_news_t>a{padding: 0 40px;line-height: 40px;background-color: var(--base);color: #fff;}
.zi_news_w{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 40px;}
.zi_news_i{width: 23%;position: relative;overflow: hidden;}
.zi_news_i>img{width: 100%;height: 390px;object-fit: cover;}
.zi_news_i>h1{position: absolute;bottom: -76px;;left: 0;padding: 20px;width: 100%;background-color: var(--base);color: #fff;font-size: 18px;transition: .3s;line-height: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;opacity: .8;height: 140px;}
.zi_news_i:hover h1{bottom: 0;}

.zi_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 120;display: none;background-color: rgba(0,0,0,.5)}
.zi_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.zi_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.zi_tact{background: url('/images/index/50.jpg') no-repeat center;background-size: cover;}
.zi_tact_c{padding: 100px 0;display: flex;justify-content: space-between;}
.zi_tact_l{color: #fff;}
.zi_tact_l>h2{font-size: 74px;font-weight: 600;color: #b45ee3;}
.zi_tact_l>h1{font-size: 45px;margin: -40px 0 20px;}
.zi_tact_l>p{line-height: 2;font-size: 16px;color: #eee;}
.zi_tact_r{display: flex;flex-wrap: wrap;align-items: center;width: 50%;gap: 40px;}


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

    .ban_dot{bottom: 2rem;}
    .ban_dot>li{width: 3rem;height: .5rem;margin-right: 2rem;}

    .zi_serve_c{padding: 6rem 0;overflow: hidden;}
    .zi_serve_t>h1{font-size: 2.8rem;}
    .zi_serve_i{transform: scale(1);margin: 0;}
    .zi_serve_i>h1{font-size: 1.6rem;line-height: 5rem;}
    .zi_serve_m>p{font-size: 2.4rem;}
    .zi_serve_v{gap: 2rem;}
    .zi_serve_vi>p{font-size: 1.2rem;white-space: nowrap;margin-bottom: 2rem;}
    .zi_serve_vi>h1>span{font-size: 6rem;}

    .zi_prod_c{padding: 6rem 0;}
    .zi_prod_tl{gap: 2rem;}
    .zi_prod_ti{transform: scale(1);border: 1px solid var(--base);color: var(--base);padding: 0 2rem;line-height: 4rem;}
    .zi_prod_ti.zi_prod_ta{background-color: var(--base);color: #fff;}
    .zi_prod_ti>h1{font-size: 1.6rem;}
    .zi_prod_b{margin-top: 2rem;}
    .zi_prod_i{padding: 1.5rem;min-height: 170px;}
    .zi_prod_ii{margin: 0;}
    .zi_prod_iic>h1{font-size: 1.2rem;}
    .zi_prod_i>h1{display: none;}
    .zi_prod_i>a{display: none;}
    .zi_prod_w{position: relative;right: unset;bottom: unset;top: unset;width: 100%;}
    .prod_arrow{width: 5rem;height: 5rem;line-height: 5rem;top: 50%;transform: translateY(-50%)!important;font-size: 3rem;}
    .prod_arrow.slick_prev{bottom: unset;left: -1.4rem;}
    .prod_arrow.slick_next{bottom: unset;left: unset;right: -1.4rem;}

    .zi_case_c{padding: 6rem 0;}
    .zi_case_t{flex-direction: column;align-items: flex-start;gap: 1rem;}
    .zi_case_t>a{line-height: 4rem;}
    .zi_case_w{margin-top: 2rem;}
    .zi_case_i{width: 100%;margin-right: 0%;margin-bottom: 1rem;}
    /* .zi_case_i:nth-child(3n){margin-right: 4%;} */
    .zi_case_i:nth-child(2n){margin-right: 0;}
    .zi_case_img>img{height: 16rem;}
    .zi_case_i>h1{line-height: 2;font-size: 1.4rem;padding: 1rem;}

    .zi_about_c{padding: 6rem 0;}
    .zi_about_t{flex-direction: column;gap: 4rem;}
    .zi_about_tl>h2{font-size: 6rem;}
    .zi_about_tr{width: 100%;height: 20rem;}

    .zi_news_t{margin-top: 12rem;}
    .zi_news_t>h1{font-size: 3rem;}
    .zi_news_w{flex-wrap: wrap;margin-top: 2rem;}
    .zi_news_i{width: 48%;margin-right: 4%;margin-bottom: 2rem;}
    .zi_news_i>img{height: 20rem;}
    .zi_news_i>h1{padding: 1rem 1.5rem;font-size: 1.4rem;bottom: -12rem;}
    .zi_news_i:nth-child(4n){margin-right: 4%;}
    .zi_news_i:nth-child(2n){margin-right: 0;}

    .zi_tact_c{padding: 6rem 0;overflow: hidden;}
    .zi_tact_c{flex-direction: column;gap: 4rem;}
    .zi_tact_l>h1{font-size: 4rem;}
    .zi_tact_r{width: 100%;gap: 4rem;}
}