.pro_class{margin: 20px 0px 20px 0px;line-height: 60px;border-bottom:0px solid #eee }
.pro_class li{text-align: center;margin-bottom: 10px}
.pro_class li a{padding:0px 0px;font-weight: normal; font-size:18px; width: 100%;height: 40px;}
.pro_class li a:hover{color: #fff;border: 1px solid #666 }

.productList{position:relative;margin-bottom: 20px}
.productList a{width:100%;height:100%;display:block;padding:3px;position:relative}
.productList .item{position:relative;width:100%;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;transition:all .5s; border:1px solid #eee}
.productList .item{padding:3px;box-shadow:0 0 0px #999; margin-bottom: 20px}
.productList .item .productImg{position:relative;overflow:hidden;overflow:hidden;height: auto;}
.productList .item .productImg img{transition:all .5s;width:100%;}
.productList .item:hover {box-shadow:0 0 10px #999;top:-10px}
.productList .item:hover .pic img{transform:scale(1.1,1.1)}
.productList .item>div{margin-bottom:20px}
.productList .item  h4{padding: 10px;background-color:#f6f5f5; transition: all 10.5s;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productList .item:hover  h4{transition:0.5s;padding-left: 10px;}
/*.productList .item:hover  h4:after{content:'»';transition:0.5s;padding-left: 10px}*/
.productList .item:hover  img{transform:scale(1.1,1.1)}
.productList .item:hover .pic:after{width:0;height:0}
.productList .item h4{   }



.news .news_photo{width:100%;overflow:hidden;position:relative;max-height: 300px;}