.productList_nav {
    height: 100px
}

.productList_nav .productList_nav_content .productList_nav_box {
    height: 30px;
    width: auto;
    overflow: hidden;
    margin-right: 23px
}

.productList_nav .productList_nav_content .productList_nav_box:nth-child(1) .productList_nav_l {
    display: none
}

.productList_nav .productList_nav_content .productList_nav_box:last-child {
    margin-right: 0
}

.productList_nav .productList_nav_content .productList_nav_box .productList_nav_l {
    height: 20px;
    border-right: 1px solid #ccc;
    margin-right: 23px
}

.productList_nav .productList_nav_content .productList_nav_box>a {
    height: 100%;
    width: 145px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #000;
    transition: all .5s ease
}

.productList_nav .productList_nav_content .productList_nav_box>a:hover {
    color: #fff;
    background: #ff9600;
    border-color: #ff9600
}

.productList_c {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.productList_c .productList_c_box {
    width: 370px;
    margin-bottom: 30px;
    transition: all .5s ease;
    margin-right: 45px;
}
.productList_c .productList_c_box:nth-child(3n) {
  margin-right: 0px;
}

.productList_c .productList_c_box .productList_c_mask {
    width: 100%;
    height: 250px;
    overflow: hidden
}

.productList_c .productList_c_box .productList_c_mask>img {
   /* height: 100%;*/
    width: 100%;
    transition: all 1s ease
}

.productList_c .productList_c_box .productList_c_text {
    height: 57px;
    text-align: center;
    line-height: 57px;
    background: #ff9600;
    font-size: 20px;
    color: #fff
}

.productList_c .productList_c_box:hover {
    box-shadow: 3px 3px 20px #ff9600
}

.productList_c .productList_c_box:hover .productList_c_mask>img {
    transform: scale(1.2, 1.2)
}