﻿#content3 {
margin-left:30px;
}
.headTopic {
background:url(../images/b9c5e3bf-440c-4d33-afc4-c428f11b22f5.jpg) no-repeat top center;
}
#products {
margin-bottom:60px;
}
#products .bodyContTitle {
display:none;
}
#category_nav {
margin-bottom:100px;
}
#category_nav .bodyContTitle {
height:20px;
line-height:20px;
background:none;
padding:0;
position:relative;
margin-bottom:30px;
}
#category_nav .bodyContTitle:after {
content:"Product List";
position:absolute;
color:#666;
font-size:14px;
font-weight:400;
    bottom: 0;
    height: 12px;
    line-height: 12px;
    font-style: italic;
}
#category_nav .bodyContTitle span {
color:#666;
font-size:20px;
font-weight:400;
margin-right: 6px;
}
.ygtvlp,.ygtvtn {
display:none;
}
#category_nav table {
width:100%;
}
.treeDiv {
padding-left:0;
}
.ygtvlabel {
color:#666;
font-size:14px;
margin-left:0 !important;
display:block;
height:52px;
line-height:52px;
text-indent:20px;
border-bottom:1px solid #e9e9e9;
width:100%;
position:relative;
}
.ygtvlabel:after {
content:"";
position:absolute;
top:0;
left:0;
height:14px;
width:4px;
background:#e80000;
opacity: 0;
}
.ygtvlabel:hover {
color:#e80000;
}
.ygtvlabel:hover:after {
    -webkit-animation: icon 0.35s alternate;
    -moz-animation: icon 0.35s alternate;
    -o-animation: icon 0.35s alternate;
    animation: icon 0.35s alternate;
top:19px;
opacity: 1;
}
@keyframes icon {
0% {
opacity: 1;
}
25% {
top:35px;
opacity: 0.5;
}
75% {
top:5px;
opacity: 0.8;
}
100% {
top:19px;
opacity: 1;
}
}

/* 产品 */
.glitzBody li {
	width: 285px;
	margin-bottom: 40px;
	margin-right: 20px;
}
.glitzBody li:nth-child(3n) {
	margin-right: 0;
}
.glitzPic, .glitzPic a {
	width: 283px;
	height: 283px;
}
.glitzPic a img {
	width: 100%;
	max-width: 283px;
	max-height: 283px;
	object-fit: contain;
}
.glitzBody .txt {
	padding-top: 20px;
	padding-bottom: 16px;
	height: 40px;
	text-align: left;
	padding-left: 27px;
	position: relative;
	transition: all .3s;
}
.glitzBody .txt:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 30px;
	background: #fff;
	transform: skew(-30deg);
	right: 60px;
	transition: all .45s;
	top: 24px;
	opacity: 0;
}
.glitzBody .txt:after {
	content: "→";
	position: absolute;
	color: #e80000;
    font-size: 20px;
    right: 70px;
    top: 27px;
    opacity: 0;
}
.p_name {
	display: block;
	color: #333;
	font-size: 16px;
	transition: all .3s;
}
.p_type {
	color: #999;
	font-size: 12px;
	display: block;
	margin-top: 7px;
	transition: all .3s;
}
.glitzBody li:hover .txt {
	background: #e80000;
}
.glitzBody li:hover .txt a {
	color: #fff;
}
.glitzBody li:hover .txt:before {
	right: 24px;
	opacity: 1;
}
.glitzBody li:hover .txt:after {
	opacity: 1;
	right:37px;
    transition: all .55s;
    transition-delay: 0.2s;
}
.pro_click .ygtvlabel {
color: #e80000;
}
.pro_click .ygtvlabel:after {
    top: 19px;
    opacity: 1;
}