.product-main-lb ul{
    display: block;
    width: 1240px;
    margin: 0 auto;
    text-align: center;
}
.product-main-lb ul li{
    width: 370px ;
    height:440px;
    background-color: #f6f6f6;
    display: inline-block;
    margin:0 20px 20px 20px;
	position: relative;
}

.product-main-lb ul li .pro-main{
   width: 370px ;
   height:440px;
}
.product-main-lb ul li .pro-main img{
   width: 370px ;
   height:440px;
    display: block;
}
.product-main-lb ul li .pro-main-wz{
    position: absolute;
    bottom: 30px;
    width: 370px;
    padding: 0 .3rem;
    height: 24px;
    font-size:20px;
  
    color: #999;
    text-align: center;
}
.product-main-lb ul li .pro-main-hover{
    display: none;
}
.product-main-lb ul li:hover .pro-main-hover{
   /* display: block;
    position: absolute; */
    /* top: 0; */
    width: 370px !important;
    height:440px !important;
   /* padding: 100px 65px 0 65px; */
    background: #062D7D;
    opacity: 0.85;
}
.product-main-lb ul li:hover .pro-main-hover .pro-main-hover-wz{
    width: 240px;
    height: 52px;
    background: #FFFFFF;
    border-radius:40px;
   /* margin-bottom:50px; */
    font-size:20px;
    /* font-family: "PingFang Regular"; */
    font-weight: 500;
    color: #062D7D;
    line-height: 50px;
   /* text-indent:30px; */
    background-position: 190px center;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-image: url("../images/product_05.png");
    text-align: center;
}
.product-main-lb ul li:hover .pro-main-hover .pro-main-hover-wz:hover{
    background-image: url("../images/product_05.png");
    animation: animatedBackground 1s linear infinite;
    -moz-animation: animatedBackground 1s linear infinite;
    -o-animation: animatedBackground 1s linear infinite;
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 190px center; }
    12% { background-position: 193px center; }
    25% { background-position:192px center; }
    38% { background-position: 194px center; }
    50% {background-position: 192px center;; }
    62% {background-position: 195px center; }
    75% {background-position: 193px center; }
    88% {background-position: 194px center; }
    100% {background-position: 190px center; }
}
@-moz-keyframes animatedBackground {
  0% { background-position: 190px center; }
    12% { background-position: 193px center; }
    25% { background-position:192px center; }
    38% { background-position: 194px center; }
    50% {background-position: 192px center;; }
    62% {background-position: 195px center; }
    75% {background-position: 193px center; }
    88% {background-position: 194px center; }
    100% {background-position: 190px center; }
}
@-o-keyframes animatedBackground {
  0% { background-position: 190px center; }
  12% { background-position: 193px center; }
  25% { background-position:192px center; }
  38% { background-position: 194px center; }
  50% {background-position: 192px center;; }
  62% {background-position: 195px center; }
  75% {background-position: 193px center; }
  88% {background-position: 194px center; }
  100% {background-position: 190px center; }
}
@keyframes animatedBackground {
  0% { background-position: 190px center; }
  12% { background-position: 193px center; }
  25% { background-position:192px center; }
  38% { background-position: 194px center; }
  50% {background-position: 192px center;; }
  62% {background-position: 195px center; }
  75% {background-position: 193px center; }
  88% {background-position: 194px center; }
  100% {background-position: 190px center; }
}
.product-main-lb ul li:hover .pro-main-hover .pro-main-hover-wz a{
    color: #062D7D;
}
@media(max-width:1024px){
	.product-main-lb ul li {
	    width: 100%; 
	    
	   
	    display: inline-block;
	    margin: 0 .2rem .2rem .2rem;
	    position: relative;
		text-align: center;
	}
	.product-main-lb ul{
	    width: 100%;
	}
	.product-main-lb ul li{
	    height:auto;
	}
	.product-main-lb ul li .pro-main{
	   height:auto;
	}
	.product-main-lb ul li .pro-main-wz{
	    width: 100%;
		font-size: 12px;
		bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* line-height: 50px; */
	}
	.product-main-lb ul li .pro-main img{
		width: auto;
		height: auto;
	}
}