body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; }  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;max-width: 100%;}  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}

#header {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #fff;
	background: #f4f4f4;
	margin: 0 auto;
}

.header {
	width: 1180px;
	margin: 0 auto;
	height: 30px;
}

.header ul {
	float: left;
}

.header ul li {
	float: left;
	padding: 6px 0px 6px 8px;
	height: 20px;
	line-height: 20px;
	color: #666;
}

.header ul li input {
	width: 92px;
	height: 18px;
	float: left;
	border: 1px solid #d4d4d4;
	background: white;
	font: normal 12px/18px "Tahoma";
	color: #333333;
	padding-left: 3px;
	border-radius: 2px;
	display: inline;
	margin-left: -8px;
}

.header ul li button {
	width: 41px;
	height: 20px;
	float: left;
	line-height: 16px;
	color: white;
	cursor: pointer;
	background: #5a7d41;
	border-radius: 2px;
	text-align: center;
	border: none
}

.header ul li a {
	color: #666;
	margin-left: 3px;
}

.header p {
	float: right;
	line-height: 30px;
	color: #cfcfcf;
}

.header p a {
	color: #666;
	margin: 0px 4px 0 6px;
	display: inline-block;
}

.header p a.moblie {
	display: inline-block;
	text-indent: 22px;
	color: #945d56;
	background: url(../../images/offer2018/supplyList.png) no-repeat 3px 7px;
}

.header a:hover,
.header p a.moblie:hover {
	text-decoration: underline;
	color: #ff6600;
}


.baidu {
	width: 1000px;
	height: 1px;
	margin: 0px auto 0;
	position: relative;
	z-index: 99999;
}

.otherlogin {
	width: 90px;
	height: 32px;
	position: absolute;
	top: -35px;
	left: 510px;
	line-height: 30px;
	text-indent: 11px;
	background: url(/images/index/darrow.gif) no-repeat 73px 11px;
	z-index: 99;
}

.otherlogin a {
	color: #0163af;
	text-decoration: none;
}

.otherlogin.hover1 {
	width: 88px;
	height: 30px;
	position: absolute;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #fff;
	top: -35px;
	left: 510px;
	line-height: 28px;
	text-indent: 10px;
	background: #fff url(/images/index/darrow.gif) no-repeat 72px 10px;
	z-index: 99;
}

.otherlogin.hover1 a {
	color: #333;
}

ul.loginbox {
	display: block;
	position: absolute;
	top: -1px;
	left: 510px;
	width: 88px;
	border: 1px solid #e3e3e3;
	z-index: 98;
	background: #fff;
	padding: 5px 0 10px 0;
	border-top: 0;
}

ul.loginbox li {
	width: 88px;
	line-height: 22px;
	text-indent: 28px;
	background: #fff url(/images/index/qqico.jpg) no-repeat 10px 50%;
}

ul.loginbox li.sinaico {
	background: #fff url(/images/index/sinaico.jpg) no-repeat 10px 50%;
}

ul.loginbox li a {
	text-decoration: none;
	color: #333;
}

ul.loginbox li a:hover {
	text-decoration: underline;
	color: #ff6600;
}

#bdshare {
	position: absolute;
	top: -29px;
	left: 600px;
}

#bdshare span.bds_more {
	color: #333;
	line-height: 24px;
	padding: 0px 0 0 23px;
	height: 24px;
}

#top{
	width: 100%;
	background: #f8f8f8;
}
.top {
	width: 1180px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
}

.top .logo {
	position: absolute;
	left: 0;
	top: 30px;
	width: 225px;
}
.top h1{
	font-size: 26px;
	line-height: 36px;
	color: #333;
	text-indent: 15px;
	border-left: 1px solid #bec9d1;
	position: absolute;
	top: 42px;
	left: 260px;
	font-weight: normal;
}

.search {
	width: 580px;
	height: 40px;
	position: absolute;
	z-index: 3;
	overflow: hidden;
	top: 30px;
	left: 550px;
	background: url(../../images/offer2018/brand.png) 0 -29px no-repeat;
}

.searchselect {
	width: 60px;
	height: 28px;
	position: absolute;
	z-index: 3;
	border: 1px solid #d4d4d4;
	border-right: 0px;
	top: 28px;
	left: 0px;
	background: #333333;
}

.searchselect a {
	width: 56px;
	height: 29px;
	display: block;
	line-height: 29px;
	border-right: 1px solid #d4d4d4;
	color: #666666;
	padding: 0px 0 0 15px;
	margin: 4px 0 0 0;
	text-decoration: none;
	font-size: 14px;
	/*background: url(2013index.png) no-repeat 100% -543px;*/
}

#top input.text {
	width: 400px;
	height: 28px;
	display: block;
	position: absolute;
	line-height: 28px;
	border: 0px;
	background: #fff;
	color: #999;
	text-indent: 10px;
	top: 36px;
	left: 640px;
	z-index: 3;
	font-size: 14px;
	border-left: 1px solid #ddd;
}

.top button {
	width: 85px;
	height: 40px;
	display: block;
	position: absolute;
	top: 30px;
	right: 50px;
	background: none;
	cursor: pointer;
	z-index: 3;
	font: normal 18px/40px "microsoft yahei";
	color: #fff;
	border: none;
	outline: none;
}

.selectbox-wrapper {
	width: 68px;
	border: 1px solid #cdcdcd;
	border-top: 0;
	background: #fff;
	text-align: center;
	position: absolute;
	top: 70px;
	left: 560px;
	z-index: 9999;
}

.selectbox-wrapper ul li.selected,
.selectbox-wrapper ul li.current {
	background: #259EDE;
	color: #fff;
}

.selectbox-wrapper ul li {
	padding-bottom: 3px;
	width: 68px;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	padding-top: 3px;
	text-indent: 20px;
	text-align: left;
}

.selectbox {
	width: 90px;
	height: 38px;
	border: 0;
	display: block;
	font: normal 14px/38px "microsoft yahei";
	color: #666;
	z-index: 10;
	position: absolute;
	top: 30px;
	border-radius: 30px;
	left: 550px;
	text-indent: 22px;
	cursor: pointer;
	background: url(http://www.hbzhan.com/images/brand2017/brand.png) 65px 17px no-repeat;
}

.nav {
	width: 100%;
	border-top: 4px solid #259EDE;
}

.nav p {
	height: 40px;
	width: 1180px;
	margin: 0 auto;
	padding: 10px 0;
	font: normal 18px/40px "microsoft yahei";
	color: #259EDE;
	position: relative;
}

.nav p a {
	font: normal 18px/40px "microsoft yahei";
	color: #259EDE;
	width: 140px;
	display: inline-block;
	text-align: center;
	margin: 0 16px 0 17px;
}

.nav p a.home {
	width: 72px;
	color: #333;
	margin-left: 0;
	margin-right: 60px;
}
.nav p a.end {
	width: 72px;
	margin-right: 0;
	margin-left: 60px;
}

.nav p a.new {
	background: url(../../images/offer2018/brand.png) 99px -80px no-repeat;
}

.navBot{
	width: 1178px;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	height: 58px;
	margin: 0 auto;
	border-top: 0;
}
.navBot ul{
	padding-left: 20px;
}
.navBot ul li{
	float: left;
}

.navBot ul li a,.navBot ul li b{
	font-size: 16px;
	line-height: 58px;
	color: #333;
	display: inline-block;
	padding: 0 12px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-family: microsoft yahei;
}
.navBot ul li a:hover{
	color: #76a145;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.navBot ul li b{
	color: #76a145;
}


.location{
	width: 1180px;
	margin: 0 auto;
	height: 48px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}
.location p{
	font: normal 14px/48px "Microsoft Yahei";
	position: absolute;
	top: 0;
	left: 0;
}
.location a {
    color: #333;
    padding: 0 5px;
}
.location a:hover{
	color: #f60;
}
.location span{position: absolute;right:10px;top: 0;font: normal 12px/48px "Microsoft Yahei";color: #999;height: 39px;}
.location span i{font: normal 12px/48px "Microsoft Yahei";color: #259EDE;padding: 0 6px;}
.location span h1{ display: inline;
    font: normal 12px/48px "Microsoft Yahei";
}

.classify{
	width: 1180px;
	margin: 0 auto;
	background: #fcfcfc;
	border-bottom: 1px solid #eeeeee;
	padding: 20px 0 10px;
}
.classCont{
	height: 90px;
	overflow: hidden;
}
.classCont ul{

}
.classCont ul li{
	width: 140px;
	margin-left: 40px;
	text-align: center;
	height: 30px;
	overflow: hidden;
	float: left;
}
.classCont ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.classCont ul li a:hover{
	color: #f60;
}
.classBtn{
	width: 50px;
	height: 25px;
	margin: 20px auto 0;
	background: url(../../images/offer2018/supplyList.png) no-repeat 35px -44px;
}
.classBtn a{
	display: block;
	width: 30px;
	height: 25px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 25px;
	color: #999;

}
.supplyMain{
	width: 1180px;
	margin: 20px auto;
}
.mainLeft{
	width: 876px;
	float: left;
}
.proList{

}
.proList ul{
	margin-left: -16px;
}
.proList ul li{
	width: 205px;
	height: 300px;
	border: 1px solid #ddd;
	float: left;
	margin-left: 16px;
	margin-bottom: 15px;
	position: relative;
}
.proList ul li:hover{
	border: 1px solid #f60;
}
.proList ul li table{
	width: 185px;
	height: 180px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
}
.proList ul li table td{
	width: 185px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
}
.proList ul li table td img{
	max-width: 185px;
	max-height: 180px;
}

.proList ul li .xun{ display: none;}
.proList ul li .xun a{color: #fff;}
.proList ul li:hover .xun{display: block; width: 205px;height: 30px;font: 14px/30px "Microsoft Yahei";text-indent: 90px; color: #fff; position: absolute;top: 160px;left:0px; z-index: 99;background: #ff6600; filter: alpha(opacity=90); opacity: 0.90;cursor: pointer;}
.proList ul li:hover .xun em{width: 20px;height:20px;display: block;position: absolute;left: 62px; top: 7px; background: url(../../images/offer2018/supplyList.png) no-repeat 0 -97px;}

.proList ul li .buyNow{ display: none;}
.proList ul li .buyNow a{color: #fff;}
.proList ul li:hover .buyNow{display: block; width: 205px;height: 30px;font: 14px/30px "Microsoft Yahei";text-indent: 0;text-align: center; color: #fff; position: absolute;top: 160px;left:0px; z-index: 99;background: #259EDE; filter: alpha(opacity=90); opacity: 0.90;cursor: pointer;}


.proList ul li p{
	width: 185px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 200px;
    z-index: 12;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}
.proList ul li p a{
	color: #333;
}
.proList ul li p a:hover{
	color: #f60;
}
.proList ul li .com{
	width: 185px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 240px;
	z-index: 13;
}
.proList ul li .com a{
	font: 12px/20px "Microsoft Yahei";
	color: #666;
	float: left;
}
.proList ul li .com i{
	font: 12px/20px "Microsoft Yahei";
	font-style: normal;
	padding: 0 2px;
	float: left;
	margin-left: 10px;
}
.proList ul li .com i.companyAuth{
	color: #c59650;
	background: #f5ede1;
}
.proList ul li .com i.personAuth{
	color: #fff;
	background: #e0a108;
}
.proList ul li .com i.noAuth{
	color: #fff;
	background: #a9a9a9;
}
.proList ul li .order{
	width: 185px;
	position: absolute;
	top: 265px;
	left: 10px;
}
.proList ul li .order span{
	display: block;
	font: 12px/25px "Microsoft Yahei";
    color: #666;
}
.proList ul li .price {
    width: 185px;
    position: absolute;
    left: 10px;
    top: 325px;
    height: 30px;
    font: normal 14px/30px "Microsoft Yahei";
    color: #FF6600;
    z-index: 11;
}
.proList ul li .price b{
	font-size: 20px;
	font-weight: normal;
}
.address{
	padding: 0 10px;
	height: 22px;
	position: absolute;
	bottom: 8px;
	right: 10px;
	z-index: 10;
	background: #f2f3f8;
}
.address i.icon-location{
	font-size: 14px;
	line-height: 22px;
	color: #999999;
}
.address span{
	font-size: 12px;
	line-height: 22px;
	color: #999;
	font-family: "\5b8b\4f53";
	position: relative;
	top: -2px;
}


.page{ width:876px;float: left; margin-top: 20px; height: 40px;line-height: 40px;text-align: center;}
.page a{ width: 28px; height: 28px; display: inline-block; border:1px solid #c1c1c1;  text-align: center; font:normal 12px/28px "Tahoma"; color: #666666; vertical-align: middle;margin-left: 6px;border-radius: 2px; background: url(../../images/offer2018/pagebg.png) repeat-x;}
.page a.ft{border-left: 1px solid #c1c1c1;background: url(../../images/offer2018/supplyList.png) no-repeat 0px -138px;}
.page a.next{margin-right:15px;background: url(../../images/offer2018/supplyList.png) no-repeat 0px -276px;}
.page a.prev{ width: 68px; background: url(../../images/offer2018/supplyList.png) no-repeat 0px -185px; border-left: 1px solid #c1c1c1; }
.page a.lt{ width: 68px; background: #fff url(../../images/offer2018/supplyList.png) no-repeat 0px -231px; }
.page a.on{ background: #259EDE; border:1px solid #158ccb; color: #fff;  }
.page .jump{
	color: #666;
}
.page input{ width: 45px; height: 18px; display: inline-block; text-align: center; border: 1px solid #c1c1c1; font:normal 12px/18px "Tahoma"; margin: 0 10px; vertical-align: middle; }
.page button{ width: 44px; height: 20px; display: inline-block; text-align: center; border: 1px solid #c1c1c1; font:normal 12px/18px "Tahoma"; vertical-align: middle; cursor: pointer; background: #f0f0f0}

.mainRight{
	width: 284px;
	float: right;
}
.release{
	width: 282px;
	height: 268px;
	border: 1px solid #ddd;
}
.release p{
	font-size: 14px;
	line-height: 50px;
	color: #666;
	text-align: center;
}
.release p i{
	font-size: 16px;
	color: #333;
}


.rightList{
	width: 252px;
	border: 1px solid #e6e6e6;
	padding: 0 15px;
	margin-top: 20px;
}
.rightList h2{
	font-size: 18px;
	line-height: 20px;
	color: #333;
	border-left: 3px solid #259EDE;
	text-indent: 10px;
	margin: 15px 0 24px;
}
.rightList ul li{
	width: 252px;
	height: 230px;
	background: #f9f9f9;
	margin-bottom: 15px;
	position: relative;
}
.rightList ul li table{
	width: 252px;
	height: 135px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 9;
}
.rightList ul li table td{
	width: 252px;
	height: 135px;
	text-align: center;
	vertical-align: middle;
}
.rightList ul li table td img{
	max-width: 252px;
	max-height: 135px;
}
.selling{
	width: 47px;
	height: 20px;
	background: url(../../images/offer2018/supplyList.png) no-repeat 0 -321px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-indent: 9px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.rightList ul li h3{
	width: 225px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 150px;
	left: 14px;
	text-align: center;
}
.rightList ul li h3 a{
	font-size: 14px;
	line-height: 30px;
	color: #333;
	font-weight: normal;
}
.rightList ul li h3 a:hover{
	color: #FF6600;
}
.rightList ul li p{
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	width: 225px;
	position: absolute;
	top: 180px;
	left: 14px;
	color: #666;
	font-family: "\5b8b\4f53";
}

.service {
	width: 1180px;
	margin: 24px auto 0;
}

.service dl {
	width: 260px;
	height: 94px;
	float: left;
	padding-left: 22px;
	margin-right: 20px;
	border-left: 1px solid #f2f2f2;
}

.service dt {
	width: 260px;
	height: 48px;
	float: left;
	font: normal 16px/48px "Microsoft Yahei", "\5b8b\4f53";
	color: #565656;
	text-indent: 48px;
	background: url(../../images/offer2018/serviceIcon.jpg) no-repeat;
}

.service dd {
	width: 210px;
	height: 46px;
	float: left;
	line-height: 23px;
}

.service dd a {
	color: #999;
	padding-right: 14px;
}

.service dd a:hover {
	color: #f60;
	text-decoration: underline;
}

.service .s4,
.service .s4 dt {
	width: 210px;
}

.service .s2 dt {
	background-position: 0 -48px;
}

.service .s3 dt {
	background-position: 0 -96px;
}

.service .s4 dt {
	background-position: 0 -144px;
}


.link{
	width: 1180px;
	margin: 30px auto;
}
.link h2{
	font-size: 16px;
	line-height: 36px;
	color: #333;
	border-bottom: 2px solid #dfdfdf;
	font-weight: normal;
}
.link ul{width: 1180px;overflow: hidden;margin-top:12px;}
.link ul li{width:130px;height:30px;line-height:30px;float: left;overflow: hidden;text-indent: 40px;}
.link ul li a{color:#333;font-family: "\5b8b\4f53";}
.link ul li a:hover{color:#ff6600;}

.publicbox{width: 876px;}
.lostpro{width:510px;background: url(../../images/lostpro.jpg) no-repeat;margin: 85px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/34px "Microsoft Yahei";color: #333;}
.lostpro p{font: 12px/24px "\5b8b\4f53";color: #767676;}
.lostpro ul{font: 12px/24px "\5b8b\4f53";color: #767676;}
.lostpro ul li{background: url(../../images/caigouSearch.png) no-repeat -143px -30px;padding-left: 12px;}
a.entr{width: 87px; height: 22px;display: block;background: #ff6600;text-align: center;float: right; font: 12px/22px "\5b8b\4f53";color: #fff;}
a.qq img{vertical-align: middle;}

/* 11.07 */
.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}
#footer{
	width: 100%;
	min-width: 1180px;
	background: #2e3032;
	padding: 30px 0 40px;
	margin-top: 20px;
}
.footer{
	width: 1180px;
	margin: 0 auto;
}
.foot{
	border-bottom: 1px solid #5c5e5f;
	padding-bottom: 20px;
}
.foot>dl{
	width: 123px;
	float: left;
	margin-right: 60px;
}
.foot>dl>dt{
	font-size: 18px;
	line-height: 30px;
	color: #d7d7d7;
	margin-bottom: 10px;
}
.foot ul{
	float: left;
	padding-left: 60px;
	border-left: 1px solid #5c5e5f;
}
.foot ul li{
	float: left;
	margin-right: 114px;
}
.foot ul li span{
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #D7D7D7;
	margin-bottom: 10px;
}
.foot ul li a{
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #D7D7D7;
	margin-bottom: 5px;
}
.contact{
	float: left;
}
.contact span{
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #D7D7D7;
	margin-bottom: 10px;
}
.contact p{
	font-size: 14px;
	line-height: 25px;
	color: #D7D7D7;
	margin-bottom: 5px;
}

.contact dl dt{
	font-size: 14px;
	line-height: 25px;
	color: #D7D7D7;
	margin-bottom: 5px;
	float: left;
}
.contact dl dd{
	float: left;
}
.contact dl dd a{
	display: block;
	width: 102px;
	height: 27px;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-indent: 34px;
}
.contact dl dd a.qqContact{
	background: url(../../images/productList2018/proList2018.png) no-repeat 0 -564px;
	margin-bottom: 7px;
}
.contact dl dd a.msnContact{
	background: url(../../images/productList2018/proList2018.png) no-repeat 0 -611px;
}
.copyRight{
	margin-top: 15px;
}
.copyRight p{
	float: left;
	margin-right: 60px;
	font-size: 14px;
	line-height: 25px;
	color: #898989;
}
.contact a.qqContact{
	position: relative;
}
.contact a.qqContact .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.contact a.qqContact:hover .QQhover{
	display: inline-block;
}