@charset "utf-8";
/* 公共css部分 */
*{padding:0px;margin:0px;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";}
img{border:0px;}
ul li{list-style:none;}
a{color:#FFF;text-decoration:none;font-size:12px;}
a:hover{ text-decoration:underline;}
html{background:url(http://www.jh69.com/templets/default/images/body_bg.jpg); padding-bottom:25px;}
body{font-size:12px; background:url(http://www.jh69.com/templets/default/images/cbg1.png) repeat-y center top;}
td{ vertical-align:top; text-align:left;}
.bodybg{ background:url(http://www.jh69.com/templets/Images/body_bg.jpg) repeat-y center top}

.clearfix{clear:both;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
.container{margin:0 auto; width:960px; padding:0px 17px; height:1%;}
.cbg{ background:url(http://www.jh69.com/templets/default/images/cbg.png) repeat-y center top;}

.ft12{ font-size:12px;}
.ft13{ font-size:13px;}
.ft14{ font-size:14px;}
.mt10{ margin-top:10px;}
.mt16{ margin-top:16px;}
.mt20{ margin-top:20px;}
.mt22{ margin-top:22px;}
.mt28{ margin-top:28px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt8{ margin-top:8px;}
.mt6{ margin-top:6px;}
.fb{ font-weight:bold;}
.tx_l{ text-align:left;}
.tx_r{ text-align:right;}
.tx_c{ text-align:center;}
.red{ color:#F00;}
.b_b{ border-bottom:solid 1px #ccc;}
.pt6{ padding-top:6px;}
.pr6{ padding-right:6px;}
.dis{ display:block;}
.udis{ display:none;}
.fl{ float:left;}
.ft0{ font-size:0px;}
.ml3{ margin-left:3px;}
.box_center{ margin:20px auto 0px auto;}
.img-block img{ display:block;}

.top{ background:#0E0E0E; height:80px;}

.top_left,
.top_right{ float:left; width:50%; color:#B7B7B7;}

.top_left p{ width:100%; line-height:36px; padding-left:28px;}
.top_left p.email{ background:url(http://www.jh69.com/templets/default/images/email.gif) no-repeat left center;}
.top_left p.tel{ background:url(http://www.jh69.com/templets/default/images/tel.gif) no-repeat 3px center;}
.top_right a{ color:#B7B7B7;}

.lage{ text-align:right; line-height:35px;}
.search{ height:36px; width:320px; float:right;}
.search div{ float:left;}
.text_box{ width:200px; background:url(http://www.jh69.com/templets/default/images/search.jpg) no-repeat 10px center #242424; height:30px; padding-left:40px; padding-top:6px;}
.text_box input.text{ background:none; border:none;color:#B7B7B7;}
.sub_box{ width:80px; background:#D80F0F; height:36px; line-height:36px;}
.sub_box input.sub{ border:none; height:36px; background:#d80f0f; width:80px; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.logo,
.nav{ float:left; height:69px;}
.logo{ width:150px; text-align:center;} 

.nav{ background:url(http://www.jh69.com/templets/default/images/navbg.jpg) no-repeat 5px center; width:802px; height:30px; float:right; margin-top:23px;}
.nav a{ color:#FFF; display:block; height:30px; line-height:25px; float:left; font-size:14px;}
.nav a.index{ width:47px; padding-left:40px;}
.nav a.about{ width:68px; padding-left:40px;}
.nav a.product{ width:72px; padding-left:50px;}
.nav a.brand{ width:72px;padding-left:50px;}
.nav a.news{ width:68px;padding-left:40px;}
.nav a.agents{ width:81px;padding-left:40px;}
.nav a.contact{ width:64px; padding-left:50px;}
.nav a:hover{ color:#0E0E0E; font-weight:bold;}

.category,
.xfocus{ float:left;}
.category{ width:250px;}
.category ul li{ float:left; height:35px; width:250px;border-bottom:solid 1px #262626; border-top:solid 1px #333;}
.category ul li a{ display:block; height:35px; background:#2B2B2B;padding-left:36px; line-height:34px;}
.category ul li a:hover{ background:#1E1E1E; border-left:solid 5px #D80F0F; padding-left:31px;}
.xfocus{ width:710px;}

.cateimg{ padding-left:18px;}
.cateimg li{ float:left; width:300px; height:240px; margin-right:14px;}
.cateimg li a{ display:block; border:solid 2px #1E1E1E; width:296px; height:236px;}
.cateimg li a:hover{ border:solid 2px #ccc;}

.newbrand .tabtitle{ background:url(http://www.jh69.com/templets/default/images/tbg.jpg) no-repeat left top; width:940px; margin:0px 10px; height:31px;}
.newbrand .tabtitle a{ display:block; width:141px; height:31px; float:left; text-align:center; line-height:24px;}
.newbrand .tabtitle a.libgdis{ background:url(http://www.jh69.com/templets/default/images/npbg.png) no-repeat left top;}

.newbrand ul{ padding-left:10px; padding-top:10px}
.newbrand ul li{ float:left; width:230px; margin-right:7px;}
.newbrand ul li a{ display:block; width:220px;text-align:center;}
.newbrand ul li a em{ font-style:normal; line-height:36px;}
.newbrand ul li a span{ display:block; width:220px; height:153px; background:#fff; position:relative; padding:5px;}
.newbrand ul li a span span{ width:32px; height:32px; position:absolute; right:0px; bottom:0px; padding:0px;  display:none;}
.newbrand ul li a span img{ display:block;}
.newbrand ul li a:hover span{ background:#E6E6E6;}
.newbrand ul li a:hover span span{ display:block;background:url(http://www.jh69.com/templets/default/images/jtou.jpg) no-repeat left top;}

.iinfolist{ width:940px; padding:0px 10px;}
.iabout,
.inews,
.icontact{ float:left;}

.iabout,
.inews{ width:320px;}
.icontact{ width:280px;}
.inews,
.icontact{ margin-left:10px;}

.iabout div.title,
.inews div.title,
.icontact div.title{ background:url(http://www.jh69.com/templets/default/images/tbg.jpg) no-repeat left top; height:24px;}

.iabout div.title a,
.inews div.title a,
.icontact div.title a{ display:block; height:24px; line-height:24px; cursor:pointer;}

.iabout div.title span,
.inews div.title span,
.icontact div.title span{ width:140px; height:24px; display:block; background:url(http://www.jh69.com/templets/default/images/ntitle.png) no-repeat left top; text-align:center; line-height:24px; float:left;}

.iabout div.title em,
.inews div.title em{ float:left; font-style:normal; text-align:right; width:160px; padding-right:20px;}

.iabout div.content{ padding:5px; color:#FFf; line-height:22px;}
.iabout div.content{ text-indent:2em;}

.inews ul.newslist{ padding-top:10px;}
.inews ul.newslist li{ float:left; width:320px; height:22px; line-height:22px;}
.inews ul.newslist li a,
.inews ul.newslist li b{ float:left; color:#FFF; font-weight:normal; }
.inews ul.newslist li a{ width:240px;}
.inews ul.newslist li b{ text-align:right; width:80px;}

.inews ul.newslist li.img{ height:85px; width:320px;}
.inews ul.newslist li.img a{ width:320px;}
.inews ul.newslist li.img img,
.inews ul.newslist li.img span,
.inews ul.newslist li.img em{ float:left;}
.inews ul.newslist li.img img{ width:100px; height:75px; border:solid 1px #ccc; background:#FFF; padding:4px; margin-right:10px;}
.inews ul.newslist li.img span,
.inews ul.newslist li.img em{ width:200px; font-style:normal; text-align:center;}
.inews ul.newslist li.img em{ text-align:left;}

.icontact div.content{ padding:5px; line-height:24px; color:#FFF;}

.fhr{ background:url(http://www.jh69.com/templets/default/images/fhr.jpg) repeat-x left top; height:9px;}
.flink{ padding:5px 10px; width:940px; line-height:36px; color:#FFF;}

.flist{ width:650px; margin:0px auto; height:22px; line-height:22px; color:#FFF; background:#2B2B2B; padding:0px 155px;}
.flist a,
.flist span,
.flist em{ float:left; font-style:normal;text-align:center;}
.flist a{ width:75px; }
.flist em{ width:175px;}

.fcontent{ text-align:center; color:#FFF; line-height:30px; background:#2B2B2B;}
.fbg{ padding-bottom:15px;}

/*二级页面导航部分*/
.linkmap{ width:930px; margin:10px; color:#FFF; height:46px; line-height:46px; background:#242424; padding-left:10px;}

/*二级页面内容部分*/
.catecontent{ width:940px; margin:0px auto;}
.cate_left,
.cate_right{ float:left;}
.cate_left{ width:220px;}
.cate_right{ width:710px; margin-left:10px;}

.cate_left h1{ display:block; width:184px; height:32px; background:url(http://www.jh69.com/templets/default/images/t_leftnva_bg.gif) repeat-x left top; font-size:14px; font-weight:bold; color:#FFF; line-height:32px; padding-left:36px;}
.cate_left ul li{ float:left; height:35px; width:220px;border-bottom:solid 1px #262626; border-top:solid 1px #333;}
.cate_left ul li a{ display:block; height:35px; background:#2B2B2B;padding-left:36px; line-height:34px;}
.cate_left ul li a:hover{ background:#1E1E1E; border-left:solid 5px #D80F0F; padding-left:31px;}
.cate_left ul li.active a.active{ background:#1E1E1E; border-left:solid 5px #D80F0F; padding-left:31px;}

.cate_left ul.proc li{ height:1%;}
.cate_left ul.proc li.active ul{ display:inline;}
.cate_left ul.proc li a{border-left:solid 5px #D80F0F;}
.cate_left ul.proc li ul{ display:none;}
.cate_left ul.proc li ul li{ height:25px;}
.cate_left ul.proc li ul li a{ height:25px; line-height:25px; border-left:none;}
.cate_left ul.proc li ul li a:hover{border-left:solid 5px #D80F0F;}

.cate_right h1.a-title{ border-bottom:solid 1px #727272; font-size:18px; color:#B7B7B7; line-height:40px;}
.cate_right div.a-content{ font-size:14px; line-height:24px; padding:15px; color:#FFF;}
.cate_right div.a-content p{ color:#FFF;}

/*留言部分*/
#comment img{padding:20px 0 0 150px;}
/*盒子*/
.box{margin-top:5px;width:660px;}
.box-title{font:bold 14px/30px Tahoma;padding-left:15px;background:url(http://www.jh69.com/templets/default/box-title-bg.gif) repeat-x;color:#555555;}
.box-title a{float:right;display:block;margin-right:20px;font:normal 12px arial;text-decoration:none;line-height:30px;color:#666666;}
/*发布评论*/
.post{text-align:left;padding:10px;font:normal 12px "微软雅黑","Tahoma";}
.postuser{font:normal 14px tahoma;width:90px;}
.posttext{font:normal 14px tahoma;width:400px;height:120px;overflow:auto;}
.postvalidate{font:normal 14px tahoma;width:90px;}
.postsubmit{border:1px solid #CDCCB4;background-color: #444;font-weight:bold;font-size: 12px;color:#767648;width:80px;margin-right:10px;padding:5px 10px 3px !important;padding:3px 10px 0px;}
.postvalidateadd{font:normal 14px tahoma;width:150px;}
/*评论列表*/
.comment{margin:5px 10px 10px 10px;text-align:left;border:1px solid #454545;}
.comment-caption{background:url(http://www.jh69.com/templets/default/title-bg.gif);border-bottom:1px solid #444;line-height:25px;padding-left:10px;}
.comment-from{font:normal 12px Tahoma;color:#999999;}
.comment-user{font:bold 12px/24px Tahoma;color:#CC6200;}
.comment-date{font:normal 10px/24px Arial;color:#555555;}
.comment-text{padding:5px;font:normal 14px Tahoma;line-height:25px; background:#444}
.comment-reply{padding:1px 5px;background:#444;font:normal 12px "微软雅黑","Tahoma";line-height:180%;color:#eeeeee}
/*input修饰*/
.focus{padding:3px;font-family: Tahoma, Verdana, Sans-Serif;font-size: 12px;border:1px solid #B2D4E8;background:#444;color:#0178D9}
.blur{padding:3px;font-family: tahoma, Verdana, Sans-Serif;font-size: 12px;border:1px solid #313131;background:#444;color:#000}
/*分页导航*/
.pagebar{padding:3px;margin:1px 20px;text-align:left;}
.pagebar a:link{border:1px solid #ccc;background:#FFFFFF;font:normal 10px Arial;padding:3px 6px;margin-right:2px;text-decoration:none;color:#999999;}
.pagebar a:visited{border:1px solid #ccc;background:#FFFFFF;font:normal 10px Arial;padding:3px 6px;margin-right:2px;text-decoration:none;}
.pagebar a:hover{color: #008000;border:1px solid #ABCD3A;background:#F2FDDB;}
.current {font:bold 10px Arial;padding:3px 6px;margin-right:2px;border:1px solid #E8DB97;background:#FFFFDD;color:#AE1B0D}
.info{border:1px solid #fff;background:#fff;padding:3px 6px;margin-right:2px;color:#999;font:normal 12px Arial;}

/*二级页面新闻列表部分*/
.n-list li{ float:left; height:1%; margin-bottom:8px; background:#444; width:690px; line-height:24px;  padding:5px 10px;}
.n-list li h1{ font-size:16px; float:left; height:24px;}
.n-list li em{ float:left; font-style:normal; height:24px; line-height:24px; margin-left:10px;}
.n-list li p{ display:block; float:left; width:710px;}

/*分页部分*/
.page{ border-top:solid 1px #631F1E;}
.pages{
	clear: both;
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-right: 5px;
	font-family:Arial, Helvetica, sans-serif, "微软雅黑";
	color:#ddd;
}
.pages p {
	font-size: 12px;
	margin-bottom: 10px;
}
.pages .choose {
	font-weight: bold;
	padding: 5px;
	background-color:#2B2B2B;
	color: #FFFFFF;
}
.pages a{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif, "微软雅黑";
	color:#333
}
.pages a:hover{
	color: #FFFFFF;
	background-color: #BB0909;
	border: 1px solid #990000;
	text-decoration:none;
}

.articleimg{ text-align:center; padding:10px 20px 0px 20px;}
.articleimg img{width: expression(this.width > 650 ? 650: true); max-width: 650px; border:solid 1px #454545; padding:4px; background:#444;}

ul.p-list{  padding-top:10px}
ul.p-list li{ float:left; width:230px; margin-right:6px;}
ul.p-list li a{ display:block; width:220px;text-align:center;}
ul.p-list li a em{ font-style:normal; line-height:36px;}
ul.p-list li a span{ display:block; width:220px; height:153px; background:#fff; position:relative; padding:5px;}
ul.p-list li a span span{ width:32px; height:32px; position:absolute; right:0px; bottom:0px; padding:0px;  display:none;}
ul.p-list li a span img{ display:block;/*width: expression(this.width > 220 ? 220: true); max-width: 220px;*/}
ul.p-list li a:hover span{ background:#E6E6E6;}
ul.p-list li a:hover span span{ display:block;background:url(http://www.jh69.com/templets/default/images/jtou.jpg) no-repeat left top;}


ul.show-list{ padding-top:10px;}
ul.show-list li{}
ul.show-list li a{ display:block; text-align:center;}
ul.show-list li a em{ display:block;line-height:36px;}
ul.show-list li a span{ display:block; background:#fff; position:relative; padding:5px;}
ul.show-list li a span span{ width:32px; height:32px; position:absolute; right:0px; bottom:0px; padding:0px;  display:none;}
ul.show-list li a:hover span{ background:#E6E6E6;}
ul.show-list li a:hover span span{ display:block;background:url(http://www.jh69.com/templets/default/images/jtou.jpg) no-repeat left top;}