.yi_banner_c{position: relative;}
.yi_banner_i{object-fit: cover;width: 100%;}
/* .yi_banner_w{position: absolute;left: calc(50vw - var(--lg)/2);top: 40%;transform: translateY(-50%);}
.yi_banner_w>img{height: 192px;} */

.yi_arrow{width: 44px;height: 100px;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;background-color: rgba(0, 0, 0, 0.3);transition: .3s;}
.yi_arrow.slick_prev{left: 20px;}
.yi_arrow.slick_next{right: 20px;}

.ban_dot{position: absolute;bottom: 50px;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: 10px;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;}

.fi_notice{}
.fi_notice_c{width: 1200px;margin: 0 auto;display: flex;align-items: center;height: 90px;color: #4e4e4e;font-size: 16px;justify-content: space-between;}
.fi_notice_c>img{height: 40px;}
.fi_notice_l{position: relative;}
.fi_notice_l>input{background-color: #f8f9fb;height: 40px;width: 300px;border: 1px solid #ddd;padding: 0 20px;border-radius: 20px;}
.fi_notice_l>img{position: absolute;right: 20px;top: 10px;cursor: pointer;width: 20px;}
.fi_notice_r{font-size: 16px;}
.fi_notice_r>a{margin-left: 20px;color: #999;}
.fi_notice_r>a:hover{color: var(--base);}

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

.yi_prod{background-color: #f3f3f3;}
.yi_prod_c{padding: 100px 0;}
.yi_prod_w{margin-top: 60px;display: flex;justify-content: space-between;gap: 30px;}
.yi_prod_l{width: 230px;}
.yi_prod_lc>h1{line-height: 60px;padding: 0 20px;background-color: var(--base);font-size: 18px;font-weight: 600;color: #fff;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.yi_prod_lc>h1>span{border-radius: 50%;width: 20px;height: 20px;border: 3px solid #fff;}
.yi_prod_lc>a{display: block;background-color: #fff;border-bottom: 1px solid #ddd;line-height: 50px;padding: 0 20px;}
.yi_prod_lc>a:last-child{border-bottom: 0;}
.yi_prod_r{flex: 1;display: flex;flex-wrap: wrap;}
.yi_prod_ri{width: 31%;margin-right: 3.5%;margin-bottom: 20px;position: relative;overflow: hidden;}
.yi_prod_ri:nth-child(3n){margin-right: 0;}
.yi_prod_ri>img{width: 100%;height: 190px;object-fit: cover;transition: .3s;}
.yi_prod_ri>h1{position: absolute;bottom: 0;left: 0;right: 0;line-height: 45px;text-align: center;background-color: var(--base);color: #fff;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.yi_prod_ri:hover img{transform: scale(1.1);}

.yi_about{background: url('/images/index/5.jpg') no-repeat center;background-size: cover;}
.yi_about .yi_title *{color: #fff;}
.yi_about_c{padding: 100px 0;}
.yi_about_w{margin-top: 60px;display: flex;justify-content: space-between;gap: 30px;}
.yi_about_l{width: 524px;position: relative;}
.yi_about_l>img{width: 490px;z-index: 1;position: relative;}
.yi_about_l>p{position: absolute;top: 20px;left: 20px;width: 490px;height: 320px;border: 2px solid #fff;transition: .6s;}
.yi_about_l:hover p{top: 40px;left: 40px;}
.yi_about_r{flex: 1;}
.yi_about_r>p{font-size: 16px;color: #fff;line-height: 2;margin-bottom: 10px;}
.yi_about_v{margin-top: 60px;display: flex;justify-content: space-between;}
.yi_about_i{text-align: center;color: #fff;}
.yi_about_i>h1{font-size: 18px;margin-top: 10px;}
.yi_about_i>img{transition: .6s;}
.yi_about_i:hover img{transform: rotate(360deg)}

.yi_qua_c{padding: 100px 0;}
.yi_qua_w{margin-top: 60px;}
.yi_qua_i{height: 300px;background-repeat: no-repeat;background-size: cover;margin-bottom: 50px;padding: 100px 140px;color: #218ac6;font-style: italic;font-weight: 600;}
.yi_qua_i:nth-child(2n){text-align: right;}

.yi_news{background-color: #f3f3f3;}
.yi_news_c{padding: 100px 0;}
.yi_news_cate{display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 60px;}
.yi_news_cate>a{line-height: 54px;background-color: #fff;width: 150px;text-align: center;}
.yi_news_cate>.yi_news_ca{background-color: var(--base);color: #fff;}
.yi_news_w{margin-top: 40px;}
.yi_news_i{display: flex;justify-content: space-between;}
.yi_news_l{width: 50%;}
.yi_news_li{position: relative;}
.yi_news_li>img{height: 384px;object-fit: cover;width: 100%;}
.yi_news_li>h1{position: absolute;bottom: 0;left: 0;right: 0;line-height: 50px;padding: 0 15px;color: #fff;background-color: rgba(0,0,0,.5);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;}
.yi_news_r{background-color: #fff;flex: 1;}
.yi_news_ri{padding: 20px;display: block;border-bottom: 1px solid #ddd;}
.yi_news_ri>h1{font-size: 16px;color: var(--base);font-weight: bold;margin-bottom: 10px;}
.yi_news_ri>p{color: #666;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 56px;}

.yi_coop_c{display: flex;justify-content: space-between;align-items: center;padding: 50px 0;}
.yi_coop_c>h1{color: var(--base);}
.yi_coop_c>img{width: 1060px;}


@media screen and (max-width: 766px) {
    .yi_banner{width: 100%;padding-bottom: 0;}
    .yi_banner_i{height: 18rem;}
    .yi_banner_w{left: 1.5rem;top: 50%;}
    .yi_banner_w>img{height: 5rem;}

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

    
    .yi_title>h1{font-size: 2.6rem;}
    .yi_title>p{font-size: 1.4rem;}
    .yi_title>p::before{content: '———';margin: 0 1rem;}
    .yi_title>p::after{content: '———';margin: 0 1rem;}
    
    .yi_prod_c{padding: 6rem 0;}
    .yi_prod_w{flex-direction: column;margin-top: 4rem;}
    .yi_prod_l{width: 100%;overflow: scroll;}
    .yi_prod_lc{display: flex;width: 200vw;background-color: #fff;}
    .yi_prod_lc>h1{display: none;}
    .yi_prod_lc>a{padding: 0 3rem;}
    .yi_prod_ri{width: 48%;margin-right: 4%;}
    .yi_prod_ri:nth-child(3n){margin-right: 4%;}
    .yi_prod_ri:nth-child(2n){margin-right: 0;}
    .yi_prod_ri>h1{line-height: 4rem;font-size: 1.6rem;}

    .yi_about_c{padding: 6rem 0;}
    .yi_about_w{flex-direction: column;}
    .yi_about_l{width: 100%;}
    .yi_about_l>img{width: 90%;}
    .yi_about_l>p{width: 90%;height: 20rem;}
    .yi_about_r{width: 100%;}
    .yi_about_r>p{font-size: 1.6rem;}
    .yi_about_v{flex-wrap: wrap;margin-top: 4rem;}
    .yi_about_i{width: 44vw;margin-bottom: 2rem;}
    .yi_about_i>h1{font-size: 1.6rem;}
    .yi_about_i>img{width: 30vw;}

    .yi_qua_c{padding: 6rem 0;}
    .yi_qua_w{margin-top: 4rem;}
    .yi_qua_i{padding: 20rem 0 0;height: 20rem;background-position: right;;margin-bottom: 10rem;;}
    .yi_qua_i>h1{font-size: 1.6rem;margin: 1rem 0 0;text-align: center;}
    .yi_qua_i:nth-child(2n){text-align: left;background-position: left;}

    .yi_news_c{padding: 6rem 0;}
    .yi_news_cate{margin: 4rem 0 0;}
    .yi_news_cate>a{width: auto;flex: 1;line-height: 5rem;}
    .yi_news_w{margin: 2rem 0 0;}
    .yi_news_i{flex-direction: column;}
    .yi_news_l{width: 100%;}
    .yi_news_li{height: 26rem;}

    .yi_arrow{width: 3rem;height: 8rem;font-size: 3rem;line-height: 8rem;}
    .yi_arrow.slick_prev{left: 1rem;}
    .yi_arrow.slick_next{right: 1rem;}
    .yi_news_li>h1{font-size: 1.6rem;}
    .yi_news_ri{padding: 1.5rem;}
    .yi_news_ri>h1{font-size: 1.6rem;}
    .yi_news_ri>p{height: 36px;line-height: 1.5;}

    .yi_coop{display: none;}

}