.pro_list {
	padding: 0px 0px 1rem; width: 300px; overflow: hidden; clear: both; position: relative; z-index: 0;
}
.pro_list .swiper-wrapper_ {
	margin: 0px auto; position: relative;width: 300px;
}
.pro_list .swiper-slide_li {
	margin: 0px 0px 2rem;width: 300px;
}
.pro_list .swiper-slide_li a {border: 1px solid rgb(204, 204, 204);
	background: rgb(255, 255, 255); padding: 2px 2px 1rem; transition:0.3s; width: 100%; display: block; position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
}
.pro_list .swiper-slide_li a:hover {border: 1px solid rgb(255, 255, 255);
	text-decoration: none;
}
.pro_list .swiper-slide_li a > .pro_bg_color {
	background: rgba(238, 171, 20, 1); transition:0.6s; left: 0px; top: 0px; width: 100%; height: 70%; display: block; position: absolute; z-index: 0; opacity: 0; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -moz-opacity: 0;
}
.pro_list .pro_pic {
	width: 100%; height: auto; text-align: center; overflow: hidden; display: flex; position: relative; z-index: 2; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-justify-content: center; -webkit-align-items: center; -webkit-box-pack: center;
}
.pro_list .pro_pic img {
	width: 100%; display: block; position: relative; z-index: 1;
}
.pro_list i.pic_border {
	border: 0px solid rgb(238, 171, 20); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 1;
}
.pro_list i.pic_bg2 {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 1;
}
.pro_list span.pro_name {
	padding: 1rem 3% 0px; transition:0.3s; width: 100%; height: auto; text-align: center; color: rgb(0, 0, 0); line-height: 2; overflow: hidden; font-size: 1.6rem; display: block; white-space: nowrap; position: relative; z-index: 3; -ms-text-overflow: ellipsis; opacity: 0.8; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -moz-opacity: 0.8;
}
.pro_list span.pro_type {
	padding: 0px 3%; transition:0.3s; width: 100%; height: auto; text-align: center; color: rgb(0, 0, 0); line-height: 2.8rem; overflow: hidden; font-size: 1.4rem; display: block; white-space: nowrap; position: relative; z-index: 5; -ms-text-overflow: ellipsis; opacity: 0.6; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -moz-opacity: 0.6;
}
.pro_list span.pro_price {
	padding: 0px; width: 100%; text-align: center; color: rgb(153, 153, 153); line-height: 2; overflow: hidden; font-size: 1.4rem; display: block; position: relative; z-index: 5;
}
.pro_list span.price1 {
	transition:0.3s 0.4s; color: rgb(255, 0, 0); -webkit-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s;
}
.pro_list span.price2 {
	transition:0.3s 0.4s; text-decoration: line-through; -webkit-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s;
}
.pro_list .pro_edit {
	left: 0px; width: 100%; height: 5px; bottom: 0px; display: block; position: absolute; z-index: 1;
}
.pro_list .pro_search_noting {
	padding: 1%; color: rgba(86, 171, 20, 1); line-height: 3; font-size: 14px; display: none;
}

@media all and (min-width:992px)
{
.bodyContContent {
	padding: 0px;
}
.pro_cate_pc > ul ul a dd {
	font-size: 12px;
}
.pro_cate_pc > ul > li:hover .sonCate1 {
	visibility: visible; opacity: 1;
}
.pro_cate_pc .sonCate1 > li:hover .sonCate2 {
	left: 100%; visibility: visible; opacity: 1;
}
.pro_cate_pc > .all_cate > a:hover {
	color: rgba(230, 0, 18, 1);
}
.pro_cate_pc > ul > li > a:hover {
	color: rgba(230, 0, 18, 1);
}
.pro_cate_pc > .all_cate > a:hover > span {
	left: 0px; width: 100%;
}
.pro_cate_pc > ul > li > a:hover > span {
	left: 0px; width: 100%;
}
.pro_cate_pc > ul ul a:hover {
	color: rgba(230, 0, 18, 1);
}
.pro_cate_list > .all_cate a:hover::before {
	left: 0px; width: 100%;
}
.mobile_ul li:hover > a > span {
	opacity: 1; -moz-opacity: 1;
}
.pro_cate_list > ul > li > a:hover > span {
	opacity: 1; -moz-opacity: 1;
}
.mobile_ul li:hover > a {
	color: rgba(230, 0, 18, 1);
}
.pro_cate_list > ul > li > a:hover {
	color: rgba(230, 0, 18, 1);
}
.pro_cate_list > ul > li.active_bg > a {
	color: rgba(230, 0, 18, 1);
}
.mobile_ul li:hover > a::before {
	background: rgba(230, 0, 18, 1); opacity: 1; -moz-opacity: 1;
}
.pro_cate_list > ul > li > a:hover::before {
	background: rgba(230, 0, 18, 1); opacity: 1; -moz-opacity: 1;
}
.pro_list .swiper-slide_li a:hover > .pro_bg_color {
	height: 100%; opacity: 1; -moz-opacity: 1;
}
.pro_list a:hover span.pro_name {
	color: rgb(255, 255, 255); opacity: 1; -moz-opacity: 1;
}
.pro_list a:hover span.pro_type {
	color: rgb(255, 255, 255); opacity: 1; -moz-opacity: 1;
}
.pagenation .pagePrev > a:hover {
	text-decoration: none;
}
.pagenation .pageNext > a:hover {
	text-decoration: none;
}
.pro_list a:hover span.price1 {
	color: rgb(255, 255, 255); opacity: 1; -moz-opacity: 1;
}
.pro_list a:hover span.price2 {
	color: rgb(255, 255, 255); opacity: 0.5; -moz-opacity: 0.5;
}
.pagenation .page_li a:hover {
	background: rgba(230, 0, 18, 1); color: rgb(255, 255, 255); text-decoration: none;
}
}