@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
.mar_t{ margin-top:10px;}
.mar_r{ margin-right:10px;}

.mar_b{ margin-bottom:10px;}
.padd{ padding:10px;}
.text_c{ text-align:center;}
.bor{ border:#ddd solid 1px;}
/* Global*/
body{font-size: 14px;color: #666;line-height: 1.5;font-family:"微软雅黑"; background-color:#edebeb;}
strong {font-weight:bold;}
em {font-style: italic;}
.alignleft {float:left;margin: 1em;}
.alignright {float: right;margin: 1em;}
.aligncenter {text-align: center;margin: 0 auto;}
a, a:visited {color: #333;text-decoration: none;}
a:active, a:hover { color: #333;}
h2{ height:30px; line-height:30px; color:#13c7af; font:16px "微软雅黑";  display:block; font-weight:normal }
.green{ color:#3c8e00;}
h4{ color:#f78918; font:16px "微软雅黑"; line-height:30px; background:none !important; }
h2 a{ }
h2 font{ font:14px "微软雅黑"; color:#666666; font-weight:normal}
h2 a:hover font{ color:#000;}
.green{ color:#3c8e00;}
.cheng{ color:#f68500;}
.blue{ color:#006eb4;}
.ditu{background:url("nav1.png")/*tpa=http://192.168.8.8/hbl/images/nav1.png*/ no-repeat;text-indent:-999em; height:22px; margin:4px auto; display:block;}
/*------清除浮动------*/
.float_l{float:left;}
.float_r{float:right;}
.clearfix:after,#header:after,#mainbody:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix,.header{*zoom:1;}
.clear{clear:both;}

/*------公共样式------*/
.header,.nav,.banner,.cpsj,.rxsp,.news,.xtb,.footer,.nynav{ width:100%; margin:0 auto; background-color:#edebeb;}
.bg{ width:97%; padding:10px; overflow:hidden; background-color:#fff;}

/*导航*/
.nav li{ width:24.38%; float:left; text-align:center; border:#edebeb solid 1px; }
	.nav li a {color:#202022; padding:7px 0px;  display:block; background-color:#fff;  font-size:16px;}
	.nav li a:hover{  color:#12bda6;  display:block;}
	
/*潮牌设计*/
.cpsj{ background:url("cpsj_bg.jpg")/*tpa=http://192.168.8.8/hbl/images/cpsj_bg.jpg*/ no-repeat center top; height:100px; overflow:hidden; padding-top:32px; margin-bottom:10px; width:320px;}
.cpmc{ margin:0px 17px 9px 23px;}
	.cpmc p{ font:14px "微软雅黑"; color:#13c7af; text-align:center;}
	.about{ width:50%; overflow:hidden; background-color:#fff; line-height:21px; height:95px; }
/*热销商品*/
.rxsp{ background:url("rxsp_bg.jpg")/*tpa=http://192.168.8.8/hbl/images/rxsp_bg.jpg*/ no-repeat; height:269px; overflow:hidden; padding-top:27px; width:320px;}
	.rxsp h2{ margin-left:20px;}
	#zSlider{margin:0px auto; width:296px; overflow:hidden;}
	#picshow{position:relative;}
	#picshow{ }
	#picshow,#picshow_img{width:179px; height:233px; overflow:hidden; float:left; }
	#picshow_img li{width:179px; height:218px; overflow:hidden; float:left; display:none; margin-left:30px;}
	#picshow_img img{width:160px; height:140px; margin-top:30px; margin-left:10px;}
	#picshow_tx{left:0px; width:410px; bottom:0px; position:absolute; height:90px; overflow:hidden; }
	#picshow_tx li{margin:10px 16px; height:70px; color:#fff; display:none; text-align:center; width:164px;}
	#picshow_tx li a{color:#13c7af; font-weight:bold; text-align:center;}
	#picshow_tx li a:hover{text-decoration:underline;}
	#picshow h3{ margin-left:20px; margin-top:10px;}
	#picshow h3 a{ margin:3px 0; color:#13c7af; font-weight:normal;text-align:center;}
	#picshow p{ color:#666; line-height:16px; height:16px; overflow:hidden; margin-left:35px;}
	#select_btn{width:94px; height:233px; color:#111; float:right; margin-right:16px; display:inline; border-left:#edebeb solid 1px; }
	#select_btn li{padding:5px 11px 5px 9px; width:75px; height:66px; border-bottom:#edebeb solid 1px; cursor:pointer;}
	#select_btn li.last1{ border-bottom:none;}
	#select_btn a{color:#000;}
	#select_btn img{padding:2px;  width:70px; height:62px; margin-right:10px; float:left;}
	#select_btn .select_text{ height:20px; font:bold 13px/16px 'Microsoft YaHei'; overflow:hidden; display:block;}
	#select_btn .select_text:hover{text-decoration:underline;}
	#select_btn .select_date{ height:23px; line-height:23px; overflow:hidden; display:block;}
	.jiage{ color:#bf6e05; font:18px "微软雅黑"; font-weight:bold; margin-left:49px;}
/*最新活动*/
.news{ background:url("news_bg.jpg")/*tpa=http://192.168.8.8/hbl/images/news_bg.jpg*/ no-repeat center top; height:182px; overflow:hidden; padding-top:27px; width:320px;}
	.news h2{ margin-left:20px;}
	.newsjt{ background:url("news.jpg")/*tpa=http://192.168.8.8/hbl/images/news.jpg*/ no-repeat left; height:131px; margin-left:23px; margin-top:-5px;}
	.newsjt ul{ margin-left:15px; margin-top:15px;}
	.newsjt li{height:35px;line-height:56px;overflow:hidden; overflow:hidden;}
	.newsjt li a{display:block;color:#newsjt;}
	.newsjt a span{ color:#13c7af; font-weight:bold; margin-right:5px;}

/*电话和荣誉*/
.xtb{ margin-top:17px; margin-bottom:20px; height:63px;}
	.tel{ background-color:#fff379; margin-left:5px; width:65%; padding:7px 7px 24px 7px;}
	.tel a{ background:url("xtb_14.jpg")/*tpa=http://192.168.8.8/hbl/images/xtb_14.jpg*/ no-repeat; display:block; height:32px;}
	.ry{ background-color:#13c7af; width:24%; padding:9px 7px 7px 7px;}
	.ry a{ background:url("xtb_17.jpg")/*tpa=http://192.168.8.8/hbl/images/xtb_17.jpg*/ no-repeat; display:block; height:47px;}



/*固定工具栏*/
#BottomNav {
background: #b0b0b0;z-index: 999;position: fixed;bottom: 0;left: 0;width: 100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible;}
	#BottomNav li{ width:19.7%; float:left; text-align:center; }
	#BottomNav li a {  color:#fff; font:14px "微软雅黑"; padding:0px 10px;  display:block; font-weight:bold;}
	#BottomNav .ico1a{width:29px;height:17px; background-position: 0px 0px;}
	#BottomNav .ico2a{width:20px;height:17px; background-position: -31px 0px;}
	#BottomNav .ico3a{width:23px;height:17px;background-position: -54px 0px;}
	#BottomNav .ico4a{width:14px;height:17px; background-position: -82px 0px;}
	#BottomNav .ico5a{width:19px;height:17px; background-position: -100px 0px;}
	#BottomNav li.last{ border:none;}
	#BottomNav li a:active{ background:#fff !important;color:#13c7af;}
		#BottomNav li a:active .ico1a{width:29px;height:17px; background-position: -136px 0px; background-color:#fff;  margin-top:2px;}
		#BottomNav li a:active .ico2a{width:20px;height:17px; background-position: -167px 0px; background-color:#fff;  margin-top:2px;}
		#BottomNav li a:active .ico3a{width:23px;height:17px; background-position: -191px 0px; background-color:#fff;  margin-top:2px;}
		#BottomNav li a:active .ico4a{width:14px;height:17px; background-position: -217px 0px; background-color:#fff;  margin-top:2px;}
		#BottomNav li a:active .ico5a{width:19px;height:17px; background-position: -234px 0px; background-color:#fff;  margin-top:2px;}
/*logo*/
.header{ height:37px; padding:31px 0px; background-color:#12bda6;}
	.header a h1{background:url("logo.png")/*tpa=http://192.168.8.8/hbl/images/logo.png*/ no-repeat center center;  height: 37px;width: 140px;  margin:0 auto;}
/*子页面导航*/
.nyjt{ background-color:#fff; display:block; margin:1px; height:50px; padding-left:10px;}
		.nyjt h3 { width:200px; background:url("fh.png")/*tpa=http://192.168.8.8/hbl/images/fh.png*/ no-repeat left center; margin-top:14px;}
		.nyjt h3 a{   height:50px;line-height:50px;padding-left:30px; color:#13c7af; font:16px "微软雅黑"; line-height:23px; }
	.ico7{width:33px;height:17px; background-position: -259px 0px; float:left; margin-top:7px;}
.page{ padding:10px; width:93%; margin:0 auto;}
.pic{ margin:0px 0px 0px 63px;}
.page1{ background-color:#fff; margin:0 auto; line-height:24px;}
	.page1 h2{ border-bottom:#e2e2e2 dashed 1px; text-align:left !important; padding-left:10px;}
/*产品分类*/	
.profl{ border-bottom:#e2e2e2 dashed 1px; padding:10px 0px; }
	.profl p{ color:#000; font-size:14px !important;  margin:0 !important;}
	.profl ul{  width:100%;}
	.profl ul li{ float:left; height:30px; line-height:30px; width:50%}
	.profl ul li a{ background:url("jt_15.jpg")/*tpa=http://192.168.8.8/hbl/images/jt_15.jpg*/ no-repeat left center; padding-left:15px;}

/*新闻中心*/	
.data-list {width: 100%; text-align: left; margin-top:10px;}
.data-list li {color: #666;border-bottom: 1px solid #ccc;font-size: 14px;display: block;position: relative; line-height:26px;}
.data-list li.ui-list-hover {background: #ededed;}
.data-list li a {text-decoration: none;}
.data-list li dt {font-size: 14px;color: #333;}
.data-list li dt:first-child {padding-top: 0;}
.data-list li dd.content {font-size: 16px;color: #545454;line-height: 16px;margin-top: 8px;}
.data-list li dd.source {font-size: 14px;color: #969696;}
/*产品列表*/
.product3{ width:100%; margin:0 auto; margin-top:15px;}
.product3 li{float:left;line-height:25px;text-align:center;overflow:hidden;  width:49.5%; height:152px;  }
	.product3 li .img_box{display:block;width:130px;height:110px;margin:0 auto; }
	.product3 li .img_box1{ margin-top:10px;}
	.product3 li a{color:#000; margin-top:5px; display:block; }
	.product3 li a img{ overflow:hidden; vertical-align:middle; margin:0 auto;}
	.jiage1{ color:#bf6e05 !important; font:18px "微软雅黑"; font-weight:bold; text-align:center;}


/*产品列表*/
.case3{ width:100%; margin:0 auto; margin-top:15px;}
.case3 li{float:left;line-height:25px;text-align:center;overflow:hidden;  width:49.5%; height:160px;  }
	.case3 li .img_box{display:block;width:126px;height:126px;  margin:0 auto; }
	.case3 li .img_box1{ margin-top:10px;}
	.case3 li a{color:#000; margin-top:5px; display:block; }
	.case3 li a img{ overflow:hidden; vertical-align:middle; margin:0 auto; border:#ccc solid 1px; padding: 1px;}


/*新闻详细页*/
.newslist h4 { text-align:center; color:#13c7af; margin-top:10px;}
.title {text-align:center;height:35px;line-height:35px; font-size:14px;  }
.title span {margin-right:10px; color:#999999;}
.title a {padding:0px 5px; color:#999999;}
.newslist .k { background-color:#F3F3F3; font-size:14px; color:#333; padding:10px; border:1px solid #E4E4E4; margin-top:10px;}
.newslist .k small { line-height:22px; font-size:14px; }
.newslist .m {padding:10px; line-height:22px;}
/*留言*/
.message li{margin-top:5px;padding:0 10px;}
.message li input{color:#999;border:1px solid #ccc;}
	.textbox{height:30px;line-height:30px;padding:0 10px;}
	.message li textarea{color:#999;height:100px;width:98%;}
.but{width:48%;height:30px;border:none; cursor:pointer;margin:0 2px;}
	.submit{background:#fe9400;color:#fff !important;}
	.reset{background:#e2e2e2;}
/*底部版权*/
.footer{ padding-top:15px; padding-bottom:50px;color:#fff; background-color:#009c86; line-height:23px;}
	.footer a{ color:#fff !important;}
img{max-width:380px;}