@-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;}


/*导航样式*/
.cls {
    clear: both;
}
.menu {
    height: 75px;
    display: block;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu ul li {
    float: left;width:calc((100%) / 8);
    overflow: hidden;
    position: relative;
    line-height: 75px;
    text-align: center;
}

.menu ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 75px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.menu ul li a span {
    position: absolute;
    left: 0;
    width: 100%;
}
.menu ul li a span.out {
    top: 0px;
}

.menu ul li a span.over,
.menu ul li a span.bg {
    top: -75px;
}
#menu2 {
    background: none;
}

#menu2 ul li a {
    color: #fff;
}

#menu2 ul li a span.over {
    color: #fff;
    background-color:rgba(230, 0, 68, 1);
}.c_nav_main-13002 .p_MatteIcon .iconfont:before{content:'\e602';
}.c_nav_main-13002{width:540px;
height:75px;
position:absolute;
}.cn_ico,.en_ico,
.search{width:40px;display:inline-block;}
li.search:before{
	content: "";
	display: block;
	position: absolute;
	left: 13px;
	top: 30px;
	height: 25px;
	width: 1px;
	background: #f0f0f0;
}
.search a em{
width:18px;
  height:18px;margin:32px auto 0px auto;
  display:block;text-indent:-999px;
  background:url(/img/search_ico.png) no-repeat center top;
}
.search:hover a span.over{
text-indent:-999px;
  background:url(/img/search_hover_ico.png) no-repeat center center;
}
.search:hover a span.out{
text-indent:-999px;
}



.cn_ico a em{
width:21px;
  height:21px;margin:32px auto 0px auto;
  display:block;text-indent:-999px;overflow: hidden;
  background:url(/img/yx_cn_ico.png) no-repeat center top;
}
.cn_ico:hover a em{
text-indent:-999px;overflow: hidden;
  background:url(/img/cn_ico_hover.png) no-repeat center center;
}
.en_ico a em{
width:21px;overflow: hidden;
  height:21px;margin:32px auto 0px auto;
  display:block;text-indent:-999px;
  background:url(/img/yx_en_ico.png) no-repeat center top;
}
.en_ico:hover a em{
text-indent:-999px;overflow: hidden;
  background:url(/img/en_ico_hover.png) no-repeat center center;
}