/*header{*/
/*    background:rgba(68, 67, 67, .5);*/
/*}*/

.product-list-con{
    background: url(../../images/product-center-bg.jpg) no-repeat top left;
    padding-top: 110px;
}
.product-list-con .product-list{
    max-width: 1400px;
    margin: 7vw auto 5vw;
}
.product-list-con .product-list h1{
    color: #ffffff;
}
.product-list-con .product-list>p{
    color: #ffffff;
}
.product-list-con .product-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5vw;
    margin: 3vw 0;
}
.product-list-con .product-list ul:after{
    content: "";
    margin-left: auto;
}
.product-list-con .product-list ul li{
    background: url(../../images/product-bg.png) no-repeat;
    background-size: 100% 100%;
    width: calc((100% - 4.5vw) / 4);
    padding: 2vw;
}
.product-list-con .product-list ul li img{
    margin: 0 auto;
}
.product-list-con .product-list ul li a{
    color: #444343;
}
.product-list-con .product-list ul li a .line{
    width: 96px;
    height: 3px;
    background-color: #f39800;
    border-radius: 1.5px;
    margin-top: 25px;
}
.product-list-con .product-list ul li a .img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.product-list-con .product-list ul li a .img img{
    max-width: 100%;
    max-height: 100%;
}
.product-list-con .product-list ul li a h3{
    font-size: 20px;
}
.product-list-con .product-list ul li:hover{
    background: url(../../images/product-active-bg.png) no-repeat;
    background-size: 100% 100%;
}
.product-list-con .product-list ul li:hover a{
    color: #ffffff;
}
.product-list-con .product-list ul li:hover h3{
    color: inherit;
}
.product-list-con .product-list ul li:hover a .line{
    background-color: #ffffff;
}

@media (max-width:1400px){
    .product-list-con{
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-list-con .product-list ul li{
        padding: 1.53vw;
    }
}
@media (max-width:1080px){
    .product-list-con .product-list ul{
        gap: 1.53vw;
    }
  
    .product-list-con .product-list ul li{
        width: calc((100% - 3.06vw) / 3);
    }
}
@media (max-width:768px){
    .product-list-con .product-list ul{
        gap: 0.77vw;
    }
    .product-list-con .product-list ul li{
        padding:1.53vw 0.77vw;
        /*width: calc((100% - vw) / 3);*/
    }
 
     .product-list-con .product-list ul li a h3{
        font-size: 18px;
    }
    .product-list-con .product-list ul li a p{
        font-size: 14px;
    }
    
}
@media (max-width:600px){
    .product-list-con .product-list ul li{
        width: calc((100% - 0.77vw) / 2);
    }
   
}