@-webkit-keyframes gogogo {
    0%{ -webkit-transform: rotate(0deg);
     }
   
    100%{
        -webkit-transform: rotate(360deg);
    }

}
@-webkit-keyframes chanpin_bg {
    0%{ opacity:0.18; 
     }
   50%{
        opacity:0.02;
    }
    100%{
        opacity:0.18;
    }

}
#FrontSpecifies_show01-45672808894 UL LI .tupian{box-shadow: 5px 5px 0px rgba(0,0,0,.5);}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 189px; opacity: 0; width: 100%; padding: 20px;    box-sizing: border-box;}
.port-5{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;  overflow: visible;}
.port-5.effect-1{z-index: 9;}
.port-5.effect-1 img{transition: 0.5s;}
.port-5.effect-1:hover img{transform: scale(0.5) translateX(-100%); position: relative; z-index: 9;  border: 6px solid rgba(255, 255, 255, 0.9);}
.port-5.effect-1 .text-desc{transform: translateX(100%); opacity: 0; padding: 40px 20px 20px 90px; transition: 0.5s;}
.port-5.effect-1:hover .text-desc{transform: translateX(0px); opacity: 1;}

.port-5.effect-2{z-index: 10;}
.port-5.effect-2 img{transition: 0.5s; transform: none);}
.port-5.effect-2:hover img{transform: scale(0.5) translateY(100%); position: relative; z-index: 9; border: 6px solid rgba(255, 255, 255, 0.9);}
.port-5.effect-2 .text-desc{transform: translateY(-100%); opacity: 0; padding: 20px; transition: 0.5s;}
.port-5.effect-2:hover .text-desc{transform: translateY(0px); opacity: 1;}

.port-5.effect-3 img{transition: 0.5s;}
.port-5.effect-3:hover img{transform: scale(0.5) translateX(100%); position: relative; z-index: 9; border: 6px solid rgba(255, 255, 255, 0.9);}
.port-5.effect-3 .text-desc{transform: translateX(-100%); opacity: 0; padding: 40px 90px 20px 20px; transition: 0.5s;}
.port-5.effect-3:hover .text-desc{transform: translateX(0px); opacity: 1;}


.NavList_a1 a {
    position: relative;
    font-size: 18px !important;
    height: 60px !important;
    line-height: 60px !important;
    padding: 0px 30px;
    color: #ffffff !important;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #d52b14 !important;
    display: block;
    transition: 0.3s ease 0s;
  font-weight:700;
}

.NavList_a1 a:hover {
background:#333333 !important;
}
.NavList_a1 .more:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 15px;
    display: block;
    background: none;
    top: 50%;
    margin-top: -7px;
    right: 0px;
  display:none !important;
}
@media only screen and (max-width: 768px){
    .p_content img{
  
    width:100% !important;
    height:auto !important;
    margin-left: 0px !important;
  }
  .d_description img{
  
    width:100% !important;
    height:auto !important;
    margin-left: 0px !important;
  }
  .p_articles img{
  
    width:100% !important;
    height:auto !important;
    margin-left: 0px !important;
  }
  
  
  

}

@media only screen and (min-width: 769px){
.p_page .pageNum.active {
    text-decoration: none;
    background-color: #d52b14 !important;
    color: #fff;
    border-color: #d52b14 !important;
}
.p_page .pageNum:hover {
    color: #fff;
    border-color: #d52b14 !important;
    cursor: pointer;
    text-decoration: none;
    background-color: #d52b14 !important;
}
.p_page .next:hover {
    background: #d52b14 !important;
    border-color: #d52b14 !important;
    color: #fff;
    cursor: pointer;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){

}

a:active, a:hover {
    color: #d52b14 !important;
    text-decoration: none;
}