.yp_banner>img{width: 100%;}

.yp_cate{background-color: #fafafa;height: 100px;box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.21);}
.yp_cate_c{display: flex;justify-content: center;}
.yp_cate_i{position: relative;cursor: pointer;white-space: nowrap;transition: .3s;margin: 0 40px;}
.yp_cate_i>a{color: #444;font-size: 20px;line-height: 97px;height: 97px;display: inline-block;cursor: pointer;}
.yp_cate_c> .yp_cate_a{border-bottom: 3px solid var(--base);}
.yp_cate_c> .yp_cate_a>a{color: var(--base);}
.yp_cate_ex{position: absolute;top: 100px;padding: 20px 0;background-color: #fff;z-index: 10;left: 50%;transform: translateX(-50%);box-shadow: 0 0 10px 1px #ddd;display: none;}
.yp_cate_exi{position: relative;}
.yp_cate_exi>a{display: block;text-align: center;height: 50px;line-height: 50px;cursor: pointer;padding: 0 20px;}
.yp_cate_exi>a:hover{background-color: var(--base);color: #fff;}
.yp_cate_exa{background-color: var(--base);color: #fff;}
.yp_cate_exe{position: absolute;left: 100%;top: 0;z-index: 2;background-color: #fff;display: none;overflow: hidden;}
.yp_cate_exe>a{color: #666;font-size: 13px;display: block;text-align: center;height: 50px;line-height: 50px;transition: .3s;padding: 0 30px;white-space: nowrap;}
.yp_cate_exe>.yp_cate_exea{background-color: var(--base);color: #fff;}
.yp_cate_exe>a:hover{background-color: var(--base);color: #fff;}

.yp_list{margin-top: 60px;display: flex;flex-wrap: wrap;}
.yp_item{background-color: #fafafa;position: relative;width: 31%;margin-right: 3.5%;margin-bottom: 40px;padding: 20px;transition: .3s;}
.yp_item:nth-child(3n){margin-right: 0;}
.yp_item_img{overflow: hidden;height: 288px;}
.yp_item_img>img{width: 100%;object-fit: cover;transition: .3s;height: 100%;}
.yp_item>h1{height: 48px;line-height: 48px;text-align: center;font-size: 20px;width: 100%;color: #3f3f3f;}
.yp_item>p{line-height: 2;text-align: center;font-size: 14px;width: 100%;color: #6c6c6c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yp_item:hover{box-shadow: 0 0 20px 1px #ccc;transform: translateY(-5px);}
/* .yp_item:hover img{transform: scale(1.1);} */
.yp_item:hover h1{color: var(--bsae);}

.yp_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: #f3f3f3;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: 992px) {
    .yp_banner>img{height: 21rem;object-fit: cover;}

    .yp_cate{height:  7rem;overflow: auto;}
    .yp_cate_c{width: 120vw;justify-content: flex-start;}
    .yp_cate_i{margin: 0;}
    .yp_cate_i>a{height: 6.7rem;line-height: 6.7rem;font-size: 1.6rem;margin: 0 2rem;}
    .yp_cate_c> .yp_cate_a{border-bottom-width: .3rem;}

    .yp_list{flex-direction: column;}
    .yp_item{width: 100%;margin-right: 0;padding: 1.5rem;}
    .yp_item_img{height: unset;}
    .yp_item>p{font-size: 1.4rem;}

}