.ys_banner{position: relative;}
.ys_banner>img{width: 100%;}

.ys_item{padding: 60px 0;}

.ys_case_i{padding: 40px 0;border-bottom: 1px solid #ccc;}
.ys_case_i>h1{font-size: 20px;}
.ys_case_i>h1>span{border-radius: 50%;width: 12px;height: 12px;background-color: var(--base);display: inline-block;margin-right: 20px;}
.ys_case_i>p{color: #666;line-height: 2;margin-top: 20px;}

.ys_video_w{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.ys_video_i{width: 31%;height: 220px;margin-bottom: 40px;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ys_video_i>img{opacity: .6;transition: .3s;}
.ys_video_i:hover >img{opacity: 1;}

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

.ys_page{padding: 50px 0 100px;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #f9f9f9;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #f9f9f9;}


@media screen and (max-width: 766px) {
    .ys_case_i{padding: 2rem 0;}
    .ys_case_i>h1{line-height: 2;font-size: 1.8rem;}
    .ys_case_i>p{margin-top: 1rem;}

    .ys_item{padding: 6rem 0 0;}
    .ys_video_w{margin-top: 0;flex-direction: column;gap: 2rem;}
    .ys_video_i{width: 100%;margin: 0;}
    
}