.fn_banner>img{height: 600px;object-fit: cover;width: 100%;}

.fn_list{width: 1200px;margin: 0 auto;}
.fn_list_i{display: flex;justify-content: space-between;padding-bottom: 50px;border-bottom: 1px solid var(--base);margin-top: 50px;}
.fn_list_img{width: 400px;height: 250px;overflow: hidden;margin-right: 50px;}
.fn_list_img>img{width: 100%;height: 100%;transition: .5s;object-fit: cover;}
.fn_list_r{flex: 1;transition: .5s;}
.fn_list_r>h1{font-size: 20px;line-height: 2;color: #333;font-weight: bold;margin: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:610px;transition: .5s;}
.fn_list_r>span{color: #666;}
.fn_list_r>p{color: #666;line-height: 2;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 56px;}
.fn_list_r>a{height: 40px;padding: 0 40px;border: 1px solid var(--base);color: var(--base);line-height: 40px;display: inline-block;margin-top: 30px;transition: .5s;}
.fn_list_i:hover .fn_list_img >img{transform: scale(1.1);}
.fn_list_i:hover .fn_list_r{margin-left: 10px;}
.fn_list_i:hover .fn_list_r>h1{color: var(--base);}
.fn_list_i:hover .fn_list_r>a{background-color: var(--base);color: #fff;}


.fy_page{margin: 50px 0;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: #eee;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: #fff;}


@media screen and (max-width: 766px) {
    .fn_banner>img{height: 100vh;}

    .fn_list_i{flex-direction: column;margin-top: 2rem;padding-bottom: 2rem;}
    .fn_list_img{width: 100%;height: 20rem;margin: 0;}
    .fn_list_r>h1{font-size: 1.6rem;}
    .fn_list_r>p{height: 5.6rem;margin-top: 2rem;}
    .fn_list_r>a{height: 4rem;line-height: 4rem;margin-top: 2rem;}
    
}