/*本文件精品商标页面的样式文件*/




.Jgoods{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.Jgoods li{
	width: 130px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content:center;
	display: flex;
	line-height: 30px;
}
.Jgoods img{margin-right: 5px;}
@media screen and (min-width:460px){/*媒体查询开始*/


/*精品商标推荐列表页样式*/
#JingPinTuiJian{
	width:100%;
	height:600px;
	margin-top:40px;
}
#JingPinTuiJian .JingPinTuiJian_Con{
	width:83.33333333%;
	height:600px;
	margin:0 auto;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left{
	width:18.3333%;/*220/1200*/
	height:600px;
	background:#fafafa;
	position:relative;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left h3{
	font-size:1.2vw;
	font-family:"微软雅黑";
	color:#ff3737;
	text-align:left;
	text-indent:16.3636%;/*36/220*/
	margin-top:20px;
	display:block;
	font-weight:bold;
	width:100%;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left h4{
	font-size:1vw;
	font-family:"微软雅黑";
	color:#ff3737;
	text-align:left;
	text-indent:16.3636%;/*36/220*/
	margin-top:10px;
	display:block;
	font-weight:bold;
	width:100%;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left>ul{
	width:70%;/*70/220*/
	height:240px;
	margin-left:16.3636%;/*36/220*/
	margin-top:20px;
	padding-top:20px;
	border-top:5px solid #fd393a;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left>ul li{
	font-size:0.8vw;
	line-height:35px;
	font-weight:bold;
	width:98%;
	padding-right:25%;
	cursor:pointer;
	padding-left:5px;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left>ul li.hover{
	background:url("../img/line-right.png") no-repeat left center;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left>ul li:hover{
	background:url("../img/line-right.png") no-repeat left center;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left .bottom-img{
	width:94.5454%;/*208/220*/
	height:208px;
	position:absolute;
	bottom:10px;
	left:2.7272%;/*6/220*/
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left .bottom-img ul{
	width:100%;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left .bottom-img ul li{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left .bottom-img ul li:first-child{
	display:block;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_left .bottom-img ul li img{
	width:100%;
	height:100%;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right{
	width:80.8333%;/*970/1200*/
	height:610px;
	position:relative;
	overflow:hidden;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul:first-child{
	display:block;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li{
	width:24.1237%;/*234/970*/
	height:298px;
	border:1px solid #000;
	float:left;
	margin:0px 0.5154% 0.2% 0px;/*5/970*/  /*1.2/600*/ 
	position:relative;
	padding:0px;
	overflow:hidden;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a{
	display:block;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li img{
	width:100%;
	height:auto;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li img.hoticon{
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	display:block;
	width:20%;
	height:auto;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt{
	width:100%;
	height:15%;
	background:#4c4c4c;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:100;
	display:block;

	-webkit-opacity: 0.8;
	-moz-opacity:0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
}/*
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt:hover{
	height:100%;
	background:#df1214;

	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity:  0.8;
	opacity:  0.8;
}*/
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt p{
	width:100%;
	height:50%;
	display:block;
	font-size:0.8vw;
	text-align:center;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt p.explain{
	font-size:0.8vw;
	text-align:left;
	text-indent:20px;
	height:0%;
}/*
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt:hover p{
	height:20%;
}
#JingPinTuiJian .JingPinTuiJian_Con .Con_right ul li a .Txt:hover p.explain{
	height:60%;
}*/







/*精品商标列表*/
#JPSB_ImgList{
	width:100%;
	margin-top:30px;
}
#ListNum{
	width:95%;
	height:30px;
	font-size:1vw;
	text-align:right;
	color:#000;
	display:block;
	margin:10px 0px;
}
#ListNum span{
	color:#ff2929;
}
#JPSB_ImgList .JPSB_ImgList_Con{
	width:83.33333333%;
	margin:0 auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li{
	width:19%;/*228/1200*/
	height:auto;
	border:1px solid #dbdbdb;
	float:left;
	margin-right:0.7333%;/*10/1200*/
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a img{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a img.hoticon{
	position:absolute;
	left:0px;
	top:0px;
	width:20%;
	height:20%;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt{
	width:100%;
	height:15%;
	background:#4c4c4c;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-opacity: 0.8;
	-moz-opacity:0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt:hover{
	height:100%;
	background:#4c4c4c;

	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity:  0.8;
	opacity:  0.8;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt p{
	width:100%;
	height:50%;
	display:block;
	font-size:0.8vw;
	text-align:center;	
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt p.explain{
	display:none;
	font-size:0.8vw;
	text-align:left;
	text-indent:20px;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt:hover p{
	height:20%;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt:hover p.explain{
	height:60%;
	display:block;
}


.Jgoods .redarrow{display: none !important;}









}/*媒体查询后括号，勿删！！！*/







@media screen and (max-width:460px){/*媒体查询开始*/


/*面包屑导航样式*/
#JingPinTuiJian .webNav_Con{
	width:90%;
	margin:0 auto;
}
#JingPinTuiJian .webNav_Con{
	display:block;
}
#JingPinTuiJian .Con_left{
	display:none;
}
#JingPinTuiJian .Con_right{
	display:none;
}








/*精品商标列表*/
#JPSB_ImgList{
	width:100%;
	margin-top:20px;
}
#ListNum{
	width:100%;
	height:30px;
	font-size:1vw;
	text-align:right;
	color:#000;
}
#ListNum span{
	color:#ff2929;
}
#JPSB_ImgList .JPSB_ImgList_Con{
	width:100%;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li{
	width:45%;
	height:auto;
	border:1px solid #dbdbdb;
	float:left;
	margin:5px 2%;
	position:relative;
	overflow:hidden;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a img{
	width:100%;
	height:auto;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a img.hoticon{
	position:absolute;
	left:0px;
	top:0px;
	width:20%;
	height:20%;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt{
	width:100%;
	height:20%;
	background:#4c4c4c;
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-opacity: 0.8;
	-moz-opacity:0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt p{
	width:100%;
	height:50%;
	display:block;
	font-size:12px;
	text-align:center;	
}
#JPSB_ImgList .JPSB_ImgList_Con .List_Con ul li a .Txt p.explain{
	display:none;
}



.Jgoods .redarrow{display: none !important;}







}/*媒体查询后括号，勿删！！！*/