.sd_banner>img{width: 100%;height: 500px;object-fit: cover;}

.sd_cate{background-color: var(--base);color: #fff;width: 1200px;margin: -66px auto 0;height: 66px;border-radius: 10px 10px 0 0;padding: 0 40px;position: relative;z-index: 1;}
.sd_cate_c{display: flex;}
.sd_cate_c>a{height: 66px;line-height: 66px;margin-right: 46px;cursor: pointer;}
.sd_cate_c>.sd_cate_a{border-bottom: 2px solid #fff;}

.sd_list{width: 1200px;margin: 0 auto;}
.sd_title{text-align: center;padding: 60px 0;}
.sd_title>h1{font-size:30px;color: #333;}
.sd_title>span{display: inline-block;width: 20px;height: 6px;background-color: var(--base);}

.sd_list_item{display: flex;justify-content: space-between;border-bottom: 1px dotted #b1b1b1;height: 70px;align-items: center;padding: 0 20px;transition: .3s;}
.sd_list_item>h1{font-size: 20px;color: #4a4a4a;}
.sd_list_item>div>span{color: #4a4a4a;margin-right: 48px;}
.sd_list_item>div>img:last-child{display: none;cursor: pointer;}
.sd_list_item:hover{background-color: var(--base);}
.sd_list_item:hover >h1{color: #fff;}
.sd_list_item:hover >div>span{color: #fff;}
.sd_list_item:hover >div>img:first-of-type{display: none;}
.sd_list_item:hover >div>img:last-child{display: inline;}


.sd_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: #f5f5f5;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) {
    .sd_banner>img{height: 130px;}

    .sd_cate{margin: 0 auto;border-radius: 0;white-space: nowrap;overflow-x: auto;}
    .sd_cate::-webkit-scrollbar{ display:none; }     
    .sd_cate_c{width: 110vw;}
    .sd_cate_c>a{margin-right: 30px;}

    .sd_title>h1{font-size: 3rem;}
    .sd_list_item{padding: 0;}
    .sd_list_item>h1{font-size: 1.8rem;width: 60vw;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .sd_list_item>div>span{margin-right: 1rem;}
    .sd_list_item>div>img{width: 2rem;height: 2rem;}


}