.yi_banner_i>img{width: 100%;height: calc(100vh - 100px);object-fit: cover;}
.dot_list{position: absolute;bottom: 42px;left: 50%;transform: translateX(-50%);}
.dot_list>li{display: inline-block;width: 40px;height: 10px;font-size: 0;outline: 0;border: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #fff;}
.dot_list>li:last-child{margin-right: 0;}
.dot_list>.slick-active{background-color: var(--base);}
.dot_list>li button{display: none;}

.yi_why_c{padding: 70px 0;width: 900px;}
.yi_why_b{color: #dedad7;display: flex;justify-content: space-between;align-items: center;margin-top: 80px;}
.yi_why_i{text-align: center;flex: 1;}
.yi_why_i>h1{font-size: 40px;color: var(--base);font-weight: bold;display: inline-block;}
.yi_why_i>span{font-size: 16px;color: var(--base);}
.yi_why_i>p{font-size: 14px;color: #999;margin-top: 10px;}

.yi_type{background-color: #f3f7fc;padding: 80px 0;}
.yi_type_c{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.yi_type_i{width: 30%;height: 445px;margin-bottom: 43px;position: relative;overflow: hidden;}
.yi_type_i:first-child{width: 65%;}
.yi_type_img{overflow: hidden;}
.yi_type_img>img{width: 100%;height: 445px;object-fit: cover;vertical-align: bottom;transition: all .3s;}
.yi_type_txt{position: absolute;bottom: -60px;left: 0;right: 0;padding: 10px 30px 30px;transition: all .3s;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));z-index: 10;}
.yi_type_txt>p{font-size: 24px;line-height: 50px;height: 50px;color: #fff;}
.yi_type_txt>i{color: #fff;line-height: 35px;height: 35px;display: inline-block;font-style: normal;}
.yi_type_txt>i>span{color: #e16531;font-weight: bold;}
.yi_type_i:hover:before{content: '';position: absolute;right: 0;left: 0;bottom: 0;top: 0;background-color: rgba(0,0,0,.3);z-index: 9;}
.yi_type_i:hover .yi_type_txt{bottom: 0;}
.yi_type_i:hover .yi_type_img>img{transform: scale(1.1);}

.yi_vl{padding: 80px 0;}
.yi_vl_list{display: flex;justify-content: space-between;margin-top: 50px;}
.yi_vl_i{width: 31%;position: relative;cursor: pointer;}
.yi_vl_i>img{width: 100%;}
.yi_vl_i>p{position: absolute;bottom: 0;left: 0;right: 0;height: 56px;line-height: 56px;background-color: rgba(0,0,0,.5);color: #fff;text-align: center;transition: all .5s;font-size: 16px;}
.yi_vl_i:hover p{height: 373.33px;line-height: 373.33px;}

.yi_about{background: url('/images/10.jpg');height: 760px;background-attachment: fixed;background-size: cover;position: relative;}
.yi_about_c{position: absolute;right: 0;top: 110px;bottom: 110px;background-color: rgba(204,172,111,.8);width: 50vw;}
.yi_about_b{width: 600px;padding: 80px 60px;padding-right: 0;color: #fff;}
.yi_about_b>h1{font-size: 24px;}
.yi_about_b>span{display: inline-block;width: 40px;height: 2px;background-color: #fff;margin: 30px 0;}
.yi_about_b>p{line-height: 2;}
.yi_about_b>a{width: 125px;text-align: center;display: inline-block;height: 45px;line-height: 45px;border: 1px solid #fff;margin-top: 30px;transition: .3s;}
.yi_about_b>a:hover{background-color: #fff;color: var(--base);}


.yi_news{padding: 100px 0;}

.yi_news_c{margin-top: 50px;display: flex;justify-content: space-between;}
.yi_news_i{width: 31%;transition: .3s;}
.yi_news_i>img{width: 100%;height: 260px;object-fit: cover;}
.yi_news_i>h1{font-weight: bold;font-size: 16px;line-height: 1.5;margin: 15px 0;color: #333;overflow: hidden;text-overflow: ellipsis;transition: .3s;white-space: nowrap;}
.yi_news_i>span{font-size: 12px;color: #999;}
.yi_news_i:hover{transform: translateY(-10px);}
.yi_news_i:hover >h1{color: var(--base);}
.yi_news_btn{text-align: center;margin-top: 50px;}
.yi_news_btn>a{width: 150px;text-align: center;height: 45px;line-height: 45px;border: 1px solid var(--base);color: var(--base);display: inline-block;transition: .3s;}
.yi_news_btn>a:hover{background-color: var(--base);color: #fff;}

.yi_part{padding: 50px 0 100px;background-color: #f7f7f7;}
.yi_part_i{margin: 10px 20px;}
.yi_part_i>img{width: 100%;}
.yi_arrow{width: 42px;height: 42px;color: #bbb;line-height: 42px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 50px;font-weight: bold;}
.yi_arrow.slick_prev{left: 0;}
.yi_arrow.slick_next{right: 0;}

@media screen and (max-width: 766px) {
    .yi_banner_i>img{height: 28rem;}

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

    .yi_why_b{flex-wrap: wrap;margin-top: 4rem;}
    .yi_why_i{flex: unset;width: 48%;margin: 1.6rem 0;}
    .yi_why_i>h1{font-size: 4rem;}
    .yi_why_i>p{font-size: 1.4rem;}

    .yi_type_i:first-child{width: 100%;}
    .yi_type_i{width: 100%;height: 20rem;margin-bottom: 1.5rem;}
    .yi_type_txt>p{font-size: 2.2rem;}

    .yi_vl_list{margin-top: 2rem;flex-wrap: wrap;}
    .yi_vl_i{width: 100%;margin-bottom: 2rem;height: 20rem;}
    .yi_vl_i>img{height: 20rem;object-fit: cover;}
    .yi_vl_i p{height: 4rem;line-height: 4rem;}
    .yi_vl_i:hover p{height: 20rem;line-height: 20rem;}

    .yi_about{height: 60rem;}
    .yi_about_c{width: 100%;padding: 0 1.5rem;top: 0;bottom: 0;}
    .yi_about_b{width: 100%;padding: 5rem 0;}
    .yi_about_b>a{height: 4rem;line-height: 4rem;}

    .yi_news_c{flex-wrap: wrap;margin-top: 0;}
    .yi_news_i{width: 100%;margin-bottom: 2rem;}
    .yi_news_i>h1{font-size: 1.6rem;margin-bottom: 1rem;}
    .yi_news_btn{margin-top: 4rem;}
    .yi_news_btn>a{height: 4rem;line-height: 4rem;}

}