header{
     width: 100%;
     height: 100px;
     background-color:  rgba(0, 0, 0, 0.123);
     box-shadow: 10px 9px 17px -1px #ccc;
     position:absolute;
     z-index: 5;
     padding-top: 1px;
     display: flex;
     justify-content: space-around;
 }
 a{
     color: #fff;
 }
 body{
     padding-top: 0.1px;
 }
 .header_box{
     width: 1400px;
     height: 100px;
      margin: 0 auto;
     /*  background-color: brown; */
      display: flex;
      justify-content: space-around;
 
 }
 .header_box img{
     display: block;
     width: 300px;
     height: 73px;
     margin-top: 19px;
 }

 .header-top_box{
     width:1400px;
     height: 100px;
     /* background-color: blueviolet;   */   
 }
 
 
 .header-top_box>ul a{
   
     font-size: 20px;
     height: 50px;
/*      background-color: #076a17; */
     margin-top: 30px;
     float: left;
     line-height: 48px;
     margin-left: 35px;
 
     text-decoration: none;
   
 }
  /*  .header-top_box>ul a:hover::before {
     width: 100px;
    height: 50px;
  margin-left: -50pc;
    background-color: #076a17;
 }  
 .header-top_box>ul a::before{
    content:"";
 
    height: 30px;
    background-color: #076a17;
 
    position: absolute;
     top: 20;
    transition: all 0.9s linear;
   
 }
 */


 .header-top_box>ul a:hover{
     color: #e3e9e4;
     font-weight: bold;
 }
 .phone{
     width: 300px;
   float: right;
     margin-top: 45px;
     margin-left: 100px;
     position: relative;
     top: -82px;
     left: 50px;
 
 }
 .phone img{
     width: 50px;
     object-fit: cover;
     position: absolute;
     left: -50px;
     top: -46px;
     transform:rotate(100deg);
   
 }
 .phone span{
     display: inline-block;
     float: left;
     font-weight: bolder;
     color: #fff;
     margin-top: -4px;
     margin-left: 10px;
     font-size: 20px;
 }
 
 .Product_categories{
     width: 100%;
     height: 700px;
     position: relative;
     top: 100px;
 }
 .Product_categories_box{
     width: 100%;
     height: 700px;
     background: url('http://lyzymy.cn/themes/pc/public/assets/img/96dda144ad345982646b63a8d2e336aacaef84c2.jpeg') no-repeat 100% 100%;
     background-size: 100%;
     opacity: 0.2;
 }
 .Product_box{
     width: 1400px;
     height: 700px;
 
     position: absolute;
    
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }
 .Product_box h3{
     text-align: center;
     font-size: 25px;
     margin-top: 30px;
 }
 .chanpin_box_list{
     width: 300px;
     height: 400px;
     overflow: hidden;
     background-color: #ffff;
     position: relative;
 }
 .chanp_img{
     width: 300px;
     height: 300px;
  
     object-fit: cover;
 }
 .chanp_img img{
     width:100%;
     height:100%;
     object-fit: cover;
    

 }
 .chanpin_box{
     margin-top: 80px;
     display: flex;
     justify-content: space-around;
     position: relative;
 }
 .chanp_meng{
     position: absolute;
     top: 0px;
     left: -100%;
     width: 300px;
     height: 300px;
     background-color: rgba(0, 0, 0, 0.452);
     transition: all 0.6s linear;
 }
 .chanp_meng h3{
     color: #fff;
 }
 .chanp_meng> p{
     width: 170px;
     height: 150px;
     margin: 0 auto;
     font-size: 15px;
     overflow: hidden;
     color: #fff;
 }
 .chanpin_box_list:hover .chanp_meng{
 left: 0px;
 }
 .chanp_meng span{
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    margin-top: -100px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
 }
 .nebim{
     width: 15px;
     height: 100px;
     background-color: rgba(255,255,255,.4);
     opacity: 0.3;
     position:absolute;
     top: 0px;
     left: 250px;
/*      transform: rotate(
-35deg); */
     transition: all 0.9s linear;
     animation: nind 0.9s infinite;

 }

 @keyframes nind {
    0%{
        left: 250px;
    }
    100%{
        left:500px;
    }
 }
 
 
 .fanye{  text-align:center;  margin:30px 0 20px 0;}
.fanye li{display:inline}
.fanye a, .fanye span{ border:#bbb solid 1px; 
    padding:0px 15px; 
    font-size:14px; 
    color:#666; 
    line-height: 36px; 
    display: inline-block; 
    border-radius: 5px;
    margin:0 1px;}
.fanye a:hover{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.current{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.disable{  }
.fanye .active span{background:#dc2017;color:#ffffff}