.lp_banner{}
.lp_banner>img{width: 100%;}

.lp_search{padding: 50px 40px 60px;margin: 40px auto;background: #f7f7f7 url('/images/2.png') no-repeat left;border-radius: 10px;}
.lp_search>h1{text-align: center;font-size: 24px;margin-bottom: 30px;}
.lp_search>input{height: 50px;background-color: #fff;padding: 0 20px;width: 88%;margin-right: 2%;border-radius: 10px;}
.lp_search>a{background-color: var(--base);color: #fff;width: 10%;text-align: center;height: 50px;line-height: 50px;display: inline-block;font-size: 12px;border-radius: 10px;}
.lp_search>a>img{height: 26px;}

.lp_table{display: flex;justify-content: space-between;}
.lp_table_l{width: 6%;box-shadow: -10px 0 10px #e0e0e0;position: relative;z-index: 1;}
.lp_table_l .lp_item>a{min-width: unset;}
.lp_item>a{border-bottom: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;}
.lp_table_l .lp_head>div{min-width: unset;}
.lp_left_f{height: 45px;border: 1px solid #d1d1d1;}
.lp_table_r{width: 94%;overflow-x: auto;}
.lp_table_r::-webkit-scrollbar {width: 10px;height: 10px;}
.lp_table_r::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {background-color: #e9e9e9;}
.lp_table_r::-webkit-scrollbar-thumb {background-color: var(--base);border-radius: 5px;}
.lp_head{width: 100%;display: flex;}
.lp_head>div{height: 70px;background-color: var(--base);color: #fff;line-height: 70px;font-weight: 400;text-align: center;flex: 1;min-width: 140px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lp_right_f{display: flex;width: 100%;}
.lp_right_f>select{flex: 1;height: 45px;min-width: 140px;padding: 0 20px;}
.lp_right_f>input{flex: 1;height: 45px;min-width: 140px;padding: 0 20px;border: 1px solid #aaa;border-radius: 5px;}
.lp_item{display: flex;justify-content: space-between;position: relative;}
.lp_item:nth-child(2n+1) p{background-color: #efefef;}
.lp_item:nth-child(2n+1) a{background-color: #efefef;}
.lp_table_r .lp_item div:last-child{border-right: 1px solid #d1d1d1;}
.lp_item>p{height: 50px;flex: 1;display: flex;justify-content: center;align-items: center;text-align: center;padding: 0 20px;border-left: 1px solid #d1d1d1;font-size: 14px;color: #666;min-width: 140px;border-bottom: 1px solid #d1d1d1;}
.lp_item>a{display: block;height: 50px;line-height: 45px;flex: 1;text-align: center;padding: 0 20px;border-left: 1px solid #d1d1d1;font-size: 13px;color: #333;min-width: 100px;}
.lp_item>a:hover{color: var(--base);}
.lp_table_l .lp_item:hover >div{color: var(--base);}
.lp_list>h1{text-align: center;line-height: 4;}

.lp_page{margin: 50px 0 100px;display: flex;justify-content: flex-end;}
.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;}

.lp_tact{padding: 100px 0;text-align: center;background: url('/images/24.jpg') no-repeat center;background-size: cover;color: #fff;}
.lp_tact>h1{font-size: 40px;}
.lp_tact>a{font-size: 24px;padding: 0 50px;line-height: 50px;border-radius: 20px;border: 2px solid #fff;display: inline-block;margin-top: 30px;transition: .3s;}
.lp_tact>a:hover{background-color: #fff;color: var(--base);}

.lp_right_fi{position: relative;flex: 1;min-width: 140px;padding: 10px 5px;}
.lp_right_fi>input{padding: 0 5px;width: 100%;;height: 40px;color: #666;border: 1px solid #ccc;border-radius: 5px;}
.lp_right_fw{position: absolute;top: 100%;width: 100%;display: none;max-height: 400px;background: #fff;z-index: 1;}
.lp_right_fw>a{display: block;line-height: 40px;padding: 0 5px;}
.lp_right_fi>input:focus + .lp_right_fw{display: block;}


@media screen and (max-width: 766px) {
    .lp_banner>img{height: 16rem;object-fit: cover;}

    .lj_nav_l{display: block;overflow: auto;}
    .lj_nav_lc{width: 200vw;}

    .lp_search{padding: 4rem;}
    .lp_search>h1{margin-bottom: 2rem;font-size: 2.4rem;}
    .lp_search>input{width: 80%;}
    .lp_search>a{width: 6rem;}

    .lp_table_r{width: 78%;}
    .lp_table_l{width: 22%;}
    .lp_item>p{height: 5rem;font-size: 1.2rem;}
    .lp_item>a{height: 5rem;}

}