/* .lj_head{background-color: transparent;} */

.li_banner_c{position: relative;}
.li_banner_i{position: relative;}
.li_banner_i>img{object-fit: cover;height: calc(100vh - 80px);width: 100%;}
.li_banner_iw{position: absolute;bottom: 50%;color: #fff;width: 100%;padding: 0 calc(50vw - var(--lg) / 2);}
.li_banner_iw>h1{font-size: 40px;line-height: 1.5;}
.li_banner_iw>a{font-size: 16px;color: #666;background-color: #fff;line-height: 45px;display: flex;justify-content: space-between;width: 180px;margin-top: 30px;}
.li_banner_iw>a>i{flex: 1;text-align: center;font-style: normal;}
.li_banner_iw>a>span{background-color: var(--base1);color: #fff;height: 100%;display: inline-block;padding: 0 20px;font-family: monospace,serif;font-weight: 900;}
.li_banner_w{position: absolute;left: calc(50vw - var(--lg)/2);top: 40%;transform: translateY(-50%);}
.li_banner_w>img{height: 192px;}

.li_arrow{width: 64px;color: #fff;line-height: 64px;text-align: center;font-family: monospace,serif;position: absolute;bottom: 5%;left: calc(50vw - var(--lg)/2 );transform: translateY(-50%);z-index: 1;font-size: 40px;font-weight: 900;background-color: rgba(255, 255, 255, 0.3);transition: .3s;border-radius: 10px;}
.li_arrow.slick_next{left: calc(50vw - var(--lg)/2 + 80px);}

.ban_dot{position: absolute;bottom: 8%;right: calc(50vw - var(--lg)/2);;text-align: center;}
.ban_dot>li{display: inline-block;width: 16px;height: 16px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;border-radius: 50%;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: var(--base1);}
.ban_dot>li button{display: none;}

.li_feat{margin-top: -180px;transition: .6s;position: relative;z-index: 1;}
.li_feat_c{display: flex;justify-content: space-between;align-items: center;border-radius: 20px;box-shadow: 0px 2px 16px 0px rgba(4, 0, 0, 0.17);overflow: hidden;}
.li_feat_i{background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 180px;flex: 1;}
.li_feat_i>p{font-size: 16px;color: #666;margin-top: 20px;}
.li_feat:hover{transform: translateY(-10px);}

.li_title{text-align: center;}
.li_title>h1{font-size: 30px;color: #218ac6;font-weight: bold;}
.li_title>h1>span{color: var(--base);}
.li_title>p{font-size: 16px;margin-top: 10px;color: #999;}
.li_title>p::before{content: '——————';display: inline-block;margin: 0 20px;}
.li_title>p::after{content: '——————';display: inline-block;margin: 0 20px;}

.li_about{}
.li_about_c{padding: 100px 0;display: flex;justify-content: space-between;}
.li_about_l{width: 700px;background: url('/images/index/18.jpg') no-repeat center;background-size: cover;padding: 130px 60px 60px;color: #fff;}
.li_about_l>h1{font-size: 36px;font-weight: 600;}
.li_about_l>h2{font-size: 20px;margin: 10px 0 20px;}
.li_about_l>p{font-size: 14px;line-height: 2;}
.li_about_l>a{padding: 0 30px;line-height: 32px;background-color: #fff;display: inline-block;color: #333;margin-top: 40px;font-size: 14px;transition: .3s;}
.li_about_l>a:hover{background-color: var(--base);color: #fff;}
.li_about_r{width: 450px;display: flex;flex-wrap: wrap;}
.li_about_i{width: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #f7f7f7;transition: .3s;}
.li_about_i>img:last-of-type{display: none;}
.li_about_i>h1{font-size: 18px;margin-top: 20px;}
.li_about_i:hover{background-color: var(--base);color: #fff;}
.li_about_i:hover img:first-of-type{display: none;}
.li_about_i:hover img:last-of-type{display: inline;}


.li_prod{background-color: #f7f7f7;}
.li_prod_c{padding: 100px 0;}
.li_prod_t{display: flex;justify-content: space-between;align-items: center;background: url('/images/index/30.png') no-repeat left;padding: 20px 0 40px;}
.li_prod_tl>h2{font-size: 36px;color: var(--base);font-weight: 600;}
.li_prod_tl>h1{font-size: 26px;margin-top: 10px;}
.li_prod_t>a{padding: 0 50px;line-height: 40px;border: 1px solid #e9e9e9;border-bottom: 2px solid var(--base);transition: .3s;font-size: 12px;}
.li_prod_t>a:hover{background-color: var(--base);color: #fff;}
.li_prod_w{display: flex;justify-content: space-between;gap: 20px;margin-top: 20px;}
.li_prod_i{position: relative;border: 1px solid #e9e9e9;flex: 1;transition: .3s;;display: flex;justify-content: center;flex-direction: column;align-items: center;height: 280px;background-color: #fff;}
.li_prod_i>img{}
.li_prod_i>img:last-of-type{display: none;}
.li_prod_i>h1{font-size: 20px;color: #666;margin-top: 20px;}
.li_prod_i:hover{box-shadow: 10px 10px 40px 1px #eee;transform: translateY(-5px);background-color: var(--base);}
.li_prod_i:hover h1{color: #fff;}
.li_prod_i:hover img:first-of-type{display: none;}
.li_prod_i:hover img:last-of-type{display: inline;}

.li_fact{}
.li_fact_c{padding: 100px 0;display: flex;justify-content: space-between;gap: 40px;align-items: center;}
.li_fact_l{width: 700px;background: url('/images/index/30.png') no-repeat left top;padding: 20px 0;}
.li_fact_l>h1{font-size: 30px;font-weight: 600;color: var(--base);line-height: 2;}
.li_fact_l>h2{font-size: 22px;margin: 0 0 20px;}
.li_fact_l>p{font-size: 16px;line-height: 2;}
.li_fact_l>a{display: inline-block;margin: 20px 0;}
.li_fact_l>a:hover{color: var(--base1);}
.li_fact_w{display: flex;gap: 20px;align-items: center;}
.li_fact_v{display: flex;justify-content: space-between;margin-top: 20px;}
.li_fact_vi{display: flex;gap: 10px;align-items: center;}
.li_fact_vi>h1{font-size: 40px;color: var(--base);font-weight: 600;}
.li_fact_vi>h1>i{font-style: normal;}
.li_fact_vi>h1>span{font-size: 20px;font-weight: 400;}
.li_fact_vi>p{font-size: 12px;line-height: 1.5;}
.li_fact_r{width: 48%;}
.fact_dot{position: absolute;bottom: 20px;right: 20px;}
.fact_dot>li{display: inline-block;width: 10px;height: 10px;font-size: 0;outline: 0;margin-right: 10px;transition: all .5s;cursor: pointer;background-color: #fff;border-radius: 50%;}
.fact_dot>li:last-child{margin-right: 0;}
.fact_dot>.slick-active{background-color: var(--base);}
.fact_dot>li button{display: none;}

.li_coop>img{width: 100%;}

.li_slogon{position: relative;height: 100vh;}
.li_slogon>canvas{background-color: var(--base);}
.li_slogon_c{display: flex;justify-content: space-between;align-items: center;height: 100%;width: 840px;position: absolute;left: 50%;transform: translateX(-50%);}
.li_slogon_c>h1{color: #fff;font-size: 50px;}

@media screen and (max-width: 766px) {
    .li_banner_i{}
    .li_banner_i>img{height: calc(100vh - 6rem);}
    .li_banner_iw{padding: 0 1.5rem;bottom: unset;top: 50%;transform: translateY(-50%);}
    .li_banner_iw>h1{font-size: 2.8rem;}
    .li_banner_iw>a{width: 18rem;font-size: 1.6rem;}

    .ban_dot{bottom: 2rem;right: 1.5rem;}
    .ban_dot>li{width: 1.4rem;height: 1.4rem;margin-right: 1rem;}

    .li_about_c{padding: 6rem 0;flex-direction: column;}
    .li_fact_l{width: 100%;}
    .li_fact_l>h1{font-size: 3rem;}
    .li_fact_l>p{font-size: 1.6rem;}
    .li_fact_v{margin-top: 4rem;flex-direction: column;gap: 2rem;}
    .li_fact_vi>h1>i{font-size: 3.6rem;}
    .li_about_r{width: 100%;margin-top: 2rem;}
    .li_about_i{padding: 2rem 0;}
    .li_about_i>h1{font-size: 1.6rem;margin-top: 1rem;}

    .li_prod_c{padding: 6rem 0;}
    .li_prod_t{flex-direction: column;align-items: flex-start;}
    .li_prod_tl>h2{font-size: 3rem;}
    .li_prod_tl>h1{font-size: 2rem;}
    .li_prod_t>a{margin-top: 2rem;}
    .li_prod_w{flex-wrap: wrap;justify-content: unset;gap: 1.5rem;}
    .li_prod_i{flex: unset;width: 47%;height: 24rem;}
    .li_prod_i>h1{font-size: 1.8rem;}
}