/* common */
.proWrap {
	background: #f4f3f2;
	width: 1200px;
	margin: 30px auto 20px auto;
}
.lazy_loading {
  background: url(/images/loading.gif) center center no-repeat;
}
.proWrap_container {
	background: #f4f3f2;
	width: 100%;
	padding: 20px 0;
}
.proWrap figure {
	margin: 0
}
.proWrap button,.proWrap input,.proWrap select,.proWrap textarea {
	font: 0.75em/1.5 tahoma, arial, "Microsoft Yahei", \5b8b\4f53
}
.proWrap h1,.proWrap h2,.proWrap h3,.proWrap h4,.proWrap h5,.proWrap h6 {
	font-size: 100%;
	font-weight: normal;
}
.proWrap *{
	 margin:0px; padding:0px; 
}

.proWrap small {
	font-size: 12px
}
.proWrap a {
	text-decoration: none;
	blr:expression(this.onFocus=this.blur());
	outline: none
}
.proWrap a:hover {
	text-decoration: none
}
.proWrap sup {
	vertical-align: text-top
}
.proWrap sub {
	vertical-align: text-bottom
}
.proWrap legend {
	color: #000
}
.proWrap fieldset,.proWrap img {
	border-style:none;
	border-width:0;
	border:none;
}
.proWrap button,.proWrap input,.proWrap select,.proWrap textarea {
	font-size: 100%;
	outline: none
}
.proWrap table {
	border-collapse: collapse;
	border-spacing: 0
}
/* clearfix */

.clear {
	clear: both
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	zoom: 1
}
/*全部商品页面*/

.proWrap .proTitle {
	font-size: 18px;
	color: #595757;
	margin-top: 30px;
	margin-bottom: 10px;
}
.proWrap .proList {
	background: #ffffff;
	border-radius: 8px;
}
.proWrap .proList li {
	float: left;
	border-right: 2px solid #f4f3f2;
	border-bottom: 2px solid #f4f3f2;
	width: 298px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proList li:hover {
	box-shadow: 5px 5px 30px #EAEAEA inset;
}
.proWrap .proList li:hover .proTxt {
	color: #b31c22;
}
.proWrap .proList li.bdbtmWhite {
	border-bottom: none;
}
.proWrap .proList li a {
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proList li.bdbtmWhite a {
	padding-bottom: 22px;
}
.proWrap .proList li a:hover {
}
.proWrap .proPic {
	float: left;
	margin-left: 40px;
}
.proWrap .proTxt {
	float: left;
	text-align: left;
	font-size: 18px;
	color: #595757;
	height: 60px;
	line-height: 60px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proTxt:hover {
	color: #b31c22;
}
.proWrap .proList li.bdr0 {
	border-right: 0;
	width: 300px;
}
.proWrap .proTTLft {
	float: left;
	background: url(../images/category/arrowDown.png) no-repeat 0 4px;
	padding-left: 26px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proTTLft:hover {
	color: #b31c22;
}
.proWrap .proTTRight {
	float: right;
	margin-top: 30px;
	margin-bottom: 10px;
}
.proWrap .proDefault {
	float: left;
	font-size: 14px;
	color: #595757;
	cursor: pointer;
}
.proWrap .proLine {
	float: left;
	font-size: 14px;
	color: #c9caca;
	margin-left: 10px;
	margin-right: 10px;
}
.proWrap .proHotsale {
	float: left;
	color: #595757;
	cursor: pointer;
	font-size: 14px;
}
.proWrap .proPaixu {
	float: left;
	color: #595757;
	cursor: pointer;
	font-size: 14px;
	/**background: url(../images/category/arrowGray.png) no-repeat right center;**/
	padding-right: 11px;
}
.proWrap .proCttWrap {
	background: #fff;
	border-radius: 8px;
	padding-bottom: 30px;
}
.proWrap .proCttWrap li {
	float: left;
	width: 240px;
	padding-top: 30px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proCttWrap li:hover {
}
.proWrap .proCttWrap li:hover .proCttTxt {
	color: #b31c22;
}
.proWrap .proCttWrap li a {
	display: block;
}
.proWrap .proCttWrap li a span img {
	margin: 0 auto;
	border : none;
}
.proWrap .proCttWrap li a span {
	display: block;
	margin: 0 auto;
	text-align: center;
	border : none;
}
.proWrap .proCttWrap li a span.proCttTxt {
	width: 140px;
	margin: 0 auto;
	color: #595757;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
	margin-top: 10px;
}
.proWrap .proCttWrap li a span.proCttTxt:hover {
	color: #b31c22;
}
.proWrap .proTTUp {
	background: url(../images/category/arrowUp.png) no-repeat 0 4px;
	color: #b31c22;
}
.proWrap .proPaixuDown {
	background: url(../images/category/arrowRedDown.png) no-repeat right center;
}
.proWrap .px {
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: color .2s ease-in 0s;
	-ms-transition: color .2s ease-in 0s;
	-o-transition: color .2s ease-in 0s;
	transition: color .2s ease-in 0s;
}
.proWrap .px:hover {
	color: #FF8800;
}
.proWrap .proPaixuUp {
	background: url(../images/category/arrowRed.png) no-repeat right center;
}
.proWrap .red {
	color: #b31c22;
}
.proWrap .mgbtm50 {
	margin-bottom: 50px;
}
/*内页样式*/
.proWrap .proBox {
	background: #fff;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.proWrap .proBoxTitle {
	font-size: 18px;
	color: #595757;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dcdddd;
}
.proWrap .proSelect {
	padding-left: 21px;
	padding-top: 19px;
	padding-bottom: 19px;
	border-bottom: 1px dashed #e1e1e1;
}
.proWrap .proSelectLft {
	float: left;
	color: #b5b5b6;
	font-size: 14px;
	margin-right: 20px;
	height: 27px;
	line-height: 27px;
}
.proWrap .proSelectRt {
	float: left;
}
.proWrap .proSelectRt li {
	float: left;
	margin: 10px 12px 3px 0px;
	border-radius: 5px;
	border: 1px solid #d3d4d3;
	color: #595757;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	padding-left: 28px;
	padding-right: 28px;
	width : 56px;
	height: 27px;
	line-height: 27px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proSelectRt li:hover, .proWrap .proSelectRt li.proChosen:hover {
	border: 1px solid #FF8800;
	color: #FF8800;
}
.proWrap .proPxWrap {
}
.proWrap .proPXDiv {
	float: left;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-bottom: 20px;
}
.proWrap .proRTDiv {
	float: right;
	color: #595757;
	font-size: 14px;
	margin-right: 20px;
	margin-top: 20px;
}
.proWrap .proRTDiv label {
	cursor: pointer;
}
.proWrap .proRTDiv input {
	position: relative;
	top: 2px;
}
.proWrap .proSelectRt li.proChosen {
	border: 1px solid #b31c22;
	color: #b31c22;
}
.proWrap #category_list_container{
	margin: 0 auto;
}
.proWrap .proContentBox {
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
}
.proWrap .proContentBox li {
	float: left;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 391px;
	background: #fff;
	height: 328px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proContentBox li.mgr0 {
	margin-right: 0;
}
.proWrap .proContentBox li a {
	display: block;
}
.proWrap .proContentBox li:hover {
	box-shadow: 5px 5px 10px #d8d8d8;
}
.proWrap .proContentBox li:hover .proHovText {
	color: #b31c22;
}
.proWrap .proHovCtt {
	position: absolute;
	left: 0;
	top: 18px;
	width: 100%;
	display: none;
}
.proWrap .proLike {
	float: left;
	font-size: 14px;
	color: #898989;
	background: url(../images/category/like.png) no-repeat left center;
	padding-left: 18px;
	cursor: pointer;
	margin-left: 19px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proLike:hover { /*color:#b31c22;background:url(../images/category/like02.png) no-repeat left center;*/
}
.proWrap .proBuyNum {
	float: right;
	font-size: 14px;
	color: #898989;
	margin-right: 19px;
}
.proWrap .proLike02 {
	background: url(../images/category/like02.png) no-repeat left center;
	color: #b31c22;
}
.proWrap .proHovImg {
	width: 380px;
	height: 190px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 18px;
}
.proWrap .proHovText {
	color: #595757;
	font-size: 16px;
	text-align: center;
}
.proWrap .proHovPrice {
	font-size: 16px;
	color: #ff2a00;
	text-align: center;
}
.proWrap .proHovPrice span {
	color: #9fa0a0;
	text-decoration: line-through;
}
.proWrap .fanye {
	text-align: center;
	margin-top: 30px;
}
.proWrap .fanye li {
	display: inline-block;
	width: 40px;
	height: 24px;
	float :none;
	text-align: center;
	color: #898989;
	font-size: 18px;
	line-height: 24px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .fanye li.enable{
	cursor: pointer;
}	
.proWrap .fanye li.enable:hover {
	color: #fff;
	background: #b0b0b0;
	border-radius: 3px;
}
.proWrap .fanye li.fanyeOn {
	color: #fff;
	background: #d0121b;
	border-radius: 3px;
}
.proWrap .gupinHead {
	border-top: 1px solid #dcdddd;
	text-align: center;
	margin-top: 58px;
}
.proWrap .gupinHead h4 {
	margin: 0 auto;
	width: 156px;
	font-size: 24px;
	color: #595757;
	background: #f4f3f2;
	position: relative;
	top: -20px;
}
/* 代码整理：找素材 www.zsucai.com */
.proWrap .wrapper,.proWrap .header,.proWrap .navbox {
	width: 1200px;
	margin: 0 auto;
}
.proWrap .tab {
	position: relative;
	width: 1196px;
	margin-bottom: -2px;
	padding: 9px 9px 3px;
}
.proWrap .tab ul img {
	vertical-align: middle;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.proWrap .slide {
	width: 1196px;
	overflow: hidden;
	position: relative;
}
.proWrap .slide-ul {
	position: relative;
	width: 8640px;
	margin: 0 0 0 -5px;/*height:335px;*/
}
.proWrap .slide-ul li {
	display: inline;
	float: left;
	width: 390px;
	margin: 0 5px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	background: #fff;
	padding-bottom: 26px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .slide-ul li:hover {/*box-shadow:5px 5px 10px #d8d8d8;*/
}
.proWrap .slide-ul li:hover .proHovText {
	color: #b31c22;
}
.proWrap .proHovText {
	color: #595757;
	font-size: 16px;
	text-align: center;
}
.proWrap .proHovPrice {
	font-size: 16px;
	color: #ff2a00;
	text-align: center;
}
.proWrap .proHovPrice span {
	color: #9fa0a0;
	text-decoration: line-through;
}
.proWrap .slide-ul a {
	display: block;
	width: 392px;
	overflow: hidden;
	color: #fff;
}
.proWrap .slide-ul a:hover .pic-txt {
	color: #fff;
}
.proWrap .slide-ul .pic-txt {
	display: block;
	bottom: -30px;
	position: relative;
	width: 220px;
	height: 30px;
	margin: -30px 0 0;
	padding: 0 5px;
	font: 14px/30px Microsoft YaHei;
	text-align: center;
	z-index: 1;
	background: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
	cursor: pointer;
}
:root .slide-ul .pic-txt {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr=#00000000, endColorstr=#00000000);
}
.proWrap .info-btn {
	width: 64px;
	overflow: hidden;
	margin: 0 auto;
	padding: 26px 0 60px 0;
	zoom: 1;
}
.proWrap .info-btn li {
	float: left;
	padding: 0 3px;
}
.proWrap .info-btn li span {
	display: block;
	width: 9px;
	height: 9px;
	background: url(../images/category/dottt.png) no-repeat 0 0px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
}
.proWrap .info-btn li span:hover {
	background-position: 0 -13px;
}
.proWrap .info-btn .info-cur span,.proWrap .info-btn .info-hover span {
	background-position: 0 -30px;
	width: 9px;
	height: 10px;
}
/* 代码整理：找素材 www.zsucai.com */




/*脚部*/
.proWrap .proFoot {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.proWrap .proFootLft {
	float: left;
	width: 983px;
	margin-right: 7px;
}
.proWrap .proFootRt {
	float: left;
	width: 210px;
	background: #fff;
	border-radius: 8px;
}
.proWrap .proFootList01 {
	background: #fff;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 8px;
}
.proWrap .proFootList01 li {
	float: left;
	width: 25%;
}
.proWrap .proFootList01 li a {
	display: block;
	font-size: 32px;
	color: #595757;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.proWrap .proFootNav {
	padding-left: 58px;
	padding-top: 17px;
	padding-bottom: 10px;
	background: #fff;
	border-radius: 8px;
}
.proWrap .proFootNav li {
	float: left;
	margin-right: 79px;
}
.proWrap .proFootNav li.mgr0 {
	margin-right: 0;
}
.proWrap .proFootNav li h6 {
	color: #595757;
	font-size: 14px;
	text-align: center;
	margin-bottom: 14px;
	font-weight: bold;
}
.proWrap .proFootNav li a {
	display: block;
	font-size: 14px;
	color: #898989;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .proFootNav li a:hover {
	color: #b31c22;
}
.proWrap .right {
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px 15px;
	padding-top: 40px;
	padding-bottom: 56px;
}
.proWrap .right li {
	float: none;
	margin: 8px 0px;
}
.proWrap .right li.title {
	font-size: 32px;
	cursor: default;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.proWrap .right li.workday {
	font-size: 12px;
	cursor: default;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 16px;
}
.proWrap .right li.item {
	background-color: #898989;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100px;
	height: 25px;
	line-height: 25px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 25px;
}
.proWrap .right li.item a {
	color: #FFFFFF;
}
.proWrap .right li.phone {
	background-image: url(../images/category/qq.png);
	cursor: default;
	font-size: 14px;
	margin-top: 13px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .right li.phone:hover {
	background: #b31c22 url(../images/category/qq.png) no-repeat;
	background-position: 10px center;
}
.proWrap .right li.weixin {
	background-image: url(../images/category/weixin.png);
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .right li.weixin:hover {
	background: #b31c22 url(../images/category/weixin.png) no-repeat;
	background-position: 10px center;
}
.proWrap .right li.weibo {
	background-image: url(../images/category/weibo.png);
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .right li.weibo:hover {
	background: #b31c22 url(../images/category/weibo.png) no-repeat;
	background-position: 10px center;
}
.proWrap .footerparent {
	margin: 0 auto;
	height: 90px;
	color: #666c77;
	font-size: 12px;
	text-align: center;
	clear: both;
	margin-bottom: 0px;
}
.proWrap .footerparent ul.footer {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0px 15px 0px 15px;
}
.proWrap .footerparent ul.footer li {
	margin: 10px 0px;
	float: left;
}
.proWrap .footerparent ul.footer li.level1 {
	float: none;
	width: 100%;
	cursor: default;
	margin: 0px;
}
.proWrap .footerparent ul li.sep {
	margin: 10px 10px;
	color: #d2d7de;
}
.proWrap .footerparent ul.footer li a {
	color: #676d77;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .footerparent ul.footer li a:hover {
	color: #b31c22;
}
.proWrap .footerparent .footer2 {
	float: left;
	width: 100%;
	cursor: default;
}
.proWrap .contactWay {
	float: left;
	margin-right: 18px;
}
.proWrap .contactPic {
	display: block;
	background: url(../images/category/contact.png) no-repeat 0 2px;
	width: 47px;
	height: 45px;
}
.proWrap .contactTxt {
	width: 47px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #888888;
	padding-top: 45px;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	-ms-transition: all .2s ease-in 0s;
	-o-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}
.proWrap .contactPic:hover .contactTxt {
	color: #b31c22;
}
.proWrap .contactWay02 .contactPic {
	background-position: -57px 0;
}
.proWrap .contactWay03 .contactPic {
	background-position: -111px 0;
}
.proWrap .mgr0 {
	margin-right: 0;
}