
.yz_index>.swiper-container{}
.yi_item{width: 100vw;}

.yi_banner{padding-top: 100px;}
.yi_banner_i>img{height: calc(100vh - 100px);width: 100%;object-fit: cover;}

.yi_about{display: flex;justify-content: space-between;height: 100vh;}
.yi_about_l{flex: 1;}
.yi_about_l>img{width: 100%;height: 100%;object-fit: cover;}
.yi_about_m{overflow: hidden;}
.yi_about_m>img{width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}
.yi_about_m>img:hover{transform: scale(1.1);}
.yi_about_m{flex: 2;}
.yi_about_r{flex: 3;display: flex;flex-direction: column;}
.yi_about_r>div{padding: 12vh 80px 0;}
.yi_about_rt{height: 50%;}
.yi_about_rb{height: 50%;background-color: #212121;color: #fff;}
.yi_about_rt>h1{font-size: 18px;font-weight: bold;}
.yi_about_rt>h2{font-size: 14px;color: #999;margin: 30px 0;}
.yi_about_rt>p{font-size: 14px;color: #666;line-height: 2;}
.yi_about_rb>h1{font-size: 18px;font-weight: bold;}
.yi_about_rb>h2{font-size: 14px;color: #aaa;margin: 30px 0;}
.yi_about_rb>p{font-size: 14px;color: #ddd;line-height: 2;}

.yi_news{background-color: #f8f8f8;}
.yi_news_c{display: flex;height: 100vh;}
.yi_news_w{width: 16%;margin-right: 6%;}
.yi_news_w>img{width: 100%;object-fit: cover;height: 100%;}
.yi_news_v{width: 60%;display: flex;justify-content: space-between;align-items: center;}
.yi_news_l{width: 40%;padding: 24px;transition: .3s;margin-right: 10px;cursor: pointer;background-color: #fff;}
.yi_news_l>h1{margin: 20px 0;font-size: 16px;font-weight: 800;transition: .5s;}
.yi_news_l>p{font-size: 14px;color: #666;line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.yi_news_l>b{float: right;width: 30px;overflow: hidden;}
.yi_news_l>b>span{font-size: 30px;color: #999;display: inline-block;transition: .5s;}
.yi_news_img{overflow: hidden;height: 300px;}
.yi_news_img>img{width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.yi_news_r{width: 58%;}
.yi_news_l:hover{box-shadow: 0 0 22px rgb(0 0 0 / 12%);}
.yi_news_l:hover .yi_news_img>img{transform: scale(1.1);}
.yi_news_l:hover h1{color: var(--base);}
.yi_news_l:hover >b>span{transform: translateX(-28px);color: var(--base);}
.yi_news_ri{padding: 30px 24px;transition: .5s;border-bottom: 1px solid #ddd;cursor: pointer;display: block;}
.yi_news_ri>h1{margin: 0 0 20px;font-size: 16px;font-weight: 400;transition: .5s;}
.yi_news_ri>h1>span{font-size: 12px;float: right;color: #666;}
.yi_news_ri>p{font-size: 14px;color: #666;line-height: 1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 46px;}
.yi_news_ri:hover{box-shadow: 0 0 22px rgb(0 0 0 / 12%);background-color: #fff;}
.yi_news_ri:hover >h1{color: var(--base);}

.yi_part{display: flex;justify-content: space-between;height: 100vh;}
.yi_part_l{flex: 4;padding: 22vh 12vw;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.yi_part_l>img{width: 25%;height: unset;transition: transform .3s;}
.yi_part_l>img:hover{transform: scale(1.2);}
.yi_part_r{flex: 1;}
.yi_part_r>img{width: 100%;height: 100%;object-fit: cover;}

.yi_tact{background-color: #f8f8f8;}
.yi_tact_c{display: flex;justify-content: space-between;height: 100vh;padding: 22vh 0;}
.yi_tact_l{width: 30%;}
.yi_tact_l>h1{font-size: 24px;color: var(--base);font-weight: 600;margin-bottom: 40px;}
.yi_tact_l>p{font-size: 16px;color: #666;line-height: 2;}
.yi_tact_r{width: 60%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.yi_tact_i{width: 30%;}
.yi_tact_i>span{margin-bottom: 20px;display: block;}
.yi_tact_i>input{height: 44px;border-bottom: 1px solid hsla(0,0%,69.8%,.25);width: 100%;background-color: #f8f8f8;}
.yi_tact_i>input:focus{border-color: var(--base);}
.yi_tact_j{width: 100%;}
.yi_tact_r>a{padding: 0 200px;border: 1px solid #bbb;display: inline-block;cursor: pointer;line-height: 44px;transition: .3s;}
.yi_tact_r>button{opacity: 0;}
.yi_tact_r>a:hover{background-color: var(--base);border-color: var(--base);color: #fff;}

@media screen and (max-width: 766px) {

    
}
