.sb_banner>img{width: 100%;height: 500px;object-fit: cover;}

.sb_cate{background-color: var(--base);color: #fff;width: 1200px;margin: -66px auto 0;height: 66px;border-radius: 10px 10px 0 0;padding: 0 40px;display: flex;position: relative;z-index: 1;}
.sb_cate>a{height: 66px;line-height: 66px;margin-right: 46px;cursor: pointer;}
.sb_cate>.sb_cate_a{border-bottom: 2px solid #fff;}

.sb_title{text-align: center;padding: 60px 0;}
.sb_title>h1{font-size:30px;color: #333;}
.sb_title>span{display: inline-block;width: 20px;height: 6px;background-color: var(--base);}

.sb_y{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: 100px;}
.sb_y_left{width: 574px;overflow: hidden;margin-right: 44px;}
.sb_y_left>img{width: 100%;height: 384px;object-fit: cover;transition: .3s;}
.sb_y_left>img:hover{transform: scale(1.1)}
.sb_y_right{flex: 1;}
.sb_y_right>p{font-size: 18px;line-height: 40px;color: #333;}
.sb_y_l{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.sb_y_i{width: 50%;height: 100px;display: flex;align-items: center;}
.sb_y_i>img{width: 55px;height: 55px;margin-right: 30px;}
.sb_y_i>p{line-height: 30px;}

.sb_table{padding: 100px 0;width: 1200px;margin: 0 auto;}

.sb_z{display: flex;width: 1200px;margin: 0 auto;flex-wrap: wrap;padding-bottom: 100px;}
.sb_z_i{width: 290px;position: relative;margin-right: 13px;margin-bottom: 34px;}
.sb_z_i:nth-child(4n){margin-right: 0;}
.sb_z_i>img{width: 100%;height: 320px;}
.sb_z_i>p{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;background-color: rgba(0,0,0,.5);height: 38px;line-height: 38px;color: #fff;transition: .3s;}
.sb_z_i:hover p{height: 320px;line-height: 320px;}

@media screen and (max-width: 766px) {
    .sb_banner>img{height: 120px;}  
    
    .sb_cate{margin: 0 auto;border-radius: 0;}
    .sb_cate>a{margin-right: 30px;}

    .sb_title>h1{font-size: 3rem;}

    .sb_y{flex-direction: column;padding-bottom: 5rem;}
    .sb_y_left{width: 100%;}
    .sb_y_left>img{height: auto;}
    .sb_y_right{flex: unset;margin-top: 15px;}
    .sb_y_right>p{font-size: 1.6rem;line-height: 2;}
    .sb_y_l{margin-top: 15px;}
    .sb_y_i>img{width: 30px;height: 30px;margin-right: 10px;}
    .sb_y_i>p{font-size: 1.2rem;line-height: 1.5;}
    .sb_y_i{width: 48%;height: 8rem;}

    .sb_table{padding: 2rem 0 50px;}
    .sb_table>img{width: 100%;}

    .sb_z{flex-wrap: nowrap;flex-direction: column;}
    .sb_z_i{margin-right: 0;width: 100%;}
    .sb_z_i>img{height: 25rem;object-fit: cover;}
    .sb_z_i:hover p{height: 25rem;line-height: 25rem;}
    
}