﻿*{list-style:none;margin:0;padding:0}
ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
img{border:none}
a{text-decoration: none;color:#555;}
a:hover{color:#333;text-decoration:none;}
.clear{ clear:both;}
body{ margin:0;padding:0;font-size:12px;background:#fff;}

.left{float:left}
.right{float:right}
.top{height:65px;background:#2B89E8; position:relative;overflow:hidden;padding:20px 0;} 
.logo{width:1200px;margin:0 auto;background:url(logo.png) no-repeat left center;overflow:hidden;}
.logo a{color:#fff;display:block;height:65px;}
.topl{position:absolute;width:153px;height:72px;padding:5px 5px 0 5px;line-height:35px;color:#fff;left:0;top:10px;background:url(topl.png) no-repeat;overflow:hidden;}
.topr{position:absolute;width:880px;height:72px;line-height:72px;padding-left:30px;font-size:20px;font-weight:bold;color:#fff;right:0;top:10px;background:url(topr.png) no-repeat;}

.tfont{float:right;width:700px;text-align:right;}
.tfont a{float:right;height:30px;line-height:30px;padding:0 30px;margin-left:5px;background:#eee;}
.tfont a:hover{background:#ddd;}
 
#topnav{background:#2455B8;height:50px;}
#topnav .w{margin:0 auto;width:1200px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#1F92D1;}
#topnav .w ul .hover a{background:#1F92D1;height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#1F92D1;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}
 
/* banner */
.banner{ min-width:1260px;  position:relative;  height:430px; overflow:hidden; margin:0 auto; }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:430px; } 
.banner .bd li a{ height:430px; display:block;  } 
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:4px; background:#fff; overflow:hidden;  line-height:9999px; filter:alpha(opacity=80);opacity:0.8; border-radius:15px;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.subject{font-size:24px;color:#000;line-height:50px;height:50px;zoom:1;clear:both;overflow:hidden;}
.subject i{background:#eb3738;width:5px;display:block;height:20px;float:left;margin:18px 10px 0 0;}
.subject span{float:right;}
.subject span a{color:#333;font-size:12px;}

#news{height:25px;background:#187EC6;padding:10px;position:relative;width:1220px;margin:10px auto;}
#scrollDiv{position:absolute;left:0;height:25px;line-height:25px;margin:0 auto;overflow:hidden}
#scrollDiv h3{float:left;font-size:16px;color:#fff;margin-left:10px;display:inline;padding-left:20px; }
#scrollDiv ul{float:left;}
#scrollDiv li{height:25px;padding-left:10px;}
#scrollDiv li a{font-size:12px;color:#fff;}

#icase {background:#24292c; height: 106px;}
#demo {width: 1250px;margin:0 auto;background:#24292c; height: 106px;overflow:hidden;}
#demo a{float: left;}
#demo a img{width: 112px;height: 106px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

/* 图片滚动 */
.picScroll{ position:relative; width:1250px; height:124px; padding: 10px 0;margin:0 auto;margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:170px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:170px; height:124px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 60px; display:block; width:18px; height:28px; overflow:hidden; background:url(images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


/* 焦点图 */
.focusBox { position: relative; width: 909px; height: 483px;overflow: hidden; font-family:Arial; text-align: left; paddding: 20px;margin:10px auto;}
 
.focusBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focusBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.focusBox .hd ul li.on{ background:#f00; color:#fff; }
.focusBox .bd{ position:relative; height:100%; z-index:0;   }
.focusBox .bd li{ zoom:1; vertical-align:middle; }
.focusBox .bd img{ width: 919px; height: 483px;display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.focusBox .prev,.focusBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.focusBox .next{ left:auto; right:3%; background-position:8px 5px; }
.focusBox .prev:hover,.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }.focusBox .prevStop{ display:none;  }
.focusBox .nextStop{ display:none;  } 

.search{clear:both;margin:10px;padding:20px 0;}
.search .keys{float:left;width:682px;height:48px;line-height:48px;padding-left:20px;border:#B3B8BB solid 1px;border-right:none;background:#E3E8EB;font-size:18px;font-weight:bold;color:#B3B8BB;}
.search .sooimg{float:left;width:48px;height:50px;}
.search .soimg{float:left;margin-left:10px;display:inline;}
.kongge{float:left;width:10px;height:48px;}

.flink{width:970px;margin:10px auto;line-height:25px;color:#bfbfbf;overflow:hidden;} 
.flink a{color:#bfbfbf;padding:0 5px;}

span.blueCircle_mSel_main {float:left;width:210px;height:48px;line-height:48px;padding-left:10px;border:#B3B8BB solid 1px;background:url(arrow.gif) 200px 15px no-repeat #E3E8EB;cursor:pointer;zoom:1;display:inline-block;overflow:hidden;}
span.blueCircle_mSel_main a{font-size:16px;font-weight:bold;color:#B3B8BB;}
.blueCircle_mSel_list {display:none;position:absolute;font-size:16px;width:222px;z-index:10008;margin:-2px 0 0 -2px;background:#E3E8EB;}
.blueCircle_mSel_list li {border:#B3B8BB solid 1px;border-top:none;height:48px;line-height:48px;}
.blueCircle_mSel_list li.mSel_start {line-height:0;font-size:0;height:0px;overflow:hidden;}
.blueCircle_mSel_list li.mSel_end {border:none;font-size:0;line-height:0;height:0px;}
.blueCircle_mSel_list li a {display:block;overflow:hidden;padding:0 10px;line-height:48px;color:#333;height:48px;}
.blueCircle_mSel_list li a:hover {background-color:#B1C3D9;color:#fff;}
.blueCircle_mSel_list li.mSel_on a {background-color:#ccc;color:#fff;}
.blueCircle_mSel_list li a.mSel_disable {font-style:italic;color:#B3B8BB;}
.blueCircle_mSel_list li a.mSel_disable:hover {background:none;color:#79A2BD;}

.newcar{width:1250px;margin:0 auto;padding:20px 0;} 
.newcar h3 a{float:right;font-size:12px;font-weight:normal;color:#333;padding:10px 0 0 0;}
.newcar ul{}
.newcar ul li{float:left;width:411px;height:315px;margin:20px 0 0 3px;display:inline;overflow:hidden;}
.newcar ul li a img{width:403px;height:272px;padding-left:4px;}
.newcar ul li a.tit{display:block;text-align:center;color:#000;font-size:14px;font-weight:bold;margin:10px 0 5px;}
.newcar ul li p{width:300px;line-height:22px;margin:0 auto;color:#666;overflow:hidden;}

.icon{background:#fff;padding:0 0 30px  0;overflow:hidden;}
.icona{width:1250px;margin:0 auto;}
.iconal{float:left;width:300px;}
.iconal h3{float:left;width:300px;}
.iconal .about{float:left;width:264px;padding:18px;margin:20px 0;line-height:22px;color:#666;background:#F4F4F4;}
.iconal .daohang{float:left;width:240px;padding:20px 30px;margin:20px 0;background:#F4F4F4;}
.iconal .daohang dl dt{float:left;width:240px;height:35px;line-height:35px;padding-left:10px;}
.iconal .daohang dl dt p{float:left;line-height:30px;padding-right:15px;}
.iconal .daohang dl dt p img{width:30px;height:30px;}
.iconal .daohang dl dt p a{color:#000;font-size:14px;font-weight:bold;}
.iconal .daohang dl dt p a span{font-weight:normal}
.iconal .daohang dl dd{float:left;width:245px;line-height:25px;margin-bottom:15px;padding-bottom:10px;background:url(line.jpg) center bottom repeat-x;}
.iconal .daohang dl dd a{float:left;width:75px;padding:0 10px;overflow:hidden;}

.line{width:710px;height:30px;margin:0 auto;background:url(line.jpg) center center repeat-x;}

.iconar{float:right;width:930px;overflow:hidden;background:#F4F4F4;}
.iconar h3{padding-left:10px;}
.iconar .zhshi{float:left;width:926px;padding:0 0 25px;margin-top:25px;}
.iconar .zhshi li{float:left;width:220px;height:205px;margin:0 0 20px 10px;display:inline;background: #989898;overflow:hidden;}
.iconar .zhshi li a img{width:205px;height:160px;padding:7px 0 15px 7px;}
.iconar .zhshi li p{width:208px;height:50px;line-height:22px;padding:0 6px;margin:0 auto;color:#555;text-align:center;border-top:1px solid #E3E7EA;background: #B4B9BC;overflow:hidden;}
.iconar .title{float:left;width:720px;line-height:35px;margin:0 auto 20px;background:#666;color:#fff;padding-left:10px;}
.iconar .title a{color:#fff;}

.ixx{width:1250px;margin:0 auto;padding:20px 0;}
 
#outer{float:left;width:521px;padding:20px 0 0 20px;background:#F4F4F4;}
#tab{width:500px;height:30px;border-bottom:1px solid #CACCCB;position:relative}
#tab li{float:left;height:30px;line-height:30px;padding:0 20px;font-size:12px;color:#666;text-align:center;cursor:pointer;}
#tab li.on{height:30px;color:#EB0414;font-weight:bold;}
#tab a{float:right;padding:5px 5px 0 0;color:#666;}
#tab p{color:#ccc;position:absolute;left:90px;top:0;}
#ncontent{width:500px;padding:10px 0;border-top:1px solid #FEFFFF;overflow:hidden;clear:both;overflow:hidden;}
#ncontent ul{overflow:hidden;}
#ncontent ul li{clear:both;width:460px;line-height:22px;margin-left:10px;display:inline;margin:0;padding:0;}
#ncontent ul li a{padding-left:15px;font-size:12px;color:#666;display:block;    background: url(dot.jpg) 0 8px no-repeat;}
#ncontent ul li span{float:right;color:#999;}
#ncontent .toutiao{float:left;width:490px;height:140px;margin-bottom:15px;overflow:hidden;clear:both;}
#ncontent .toutiao img{float:left;width:230px;height:140px;}
#ncontent .toutiao p{float:left;width:240px;line-height:22px;margin-left:10px;display:inline;}
#ncontent .toutiao p a{font-weight:bold;color:#333;}
#ncontent .toutiao p.desc{color:#666;margin-top:10px;}

.ixxr{float:right;width:673px;background: #F4F4F4;overflow:hidden;}
.ixxra{width:650px;padding:30px 0 0 20px;margin-bottom:18px;overflow:hidden; } 
.ixxra img{float:left;width:280px;height:170px;overflow:hidden;}
.ixxra ul{float:right;width:370px;}
.ixxra ul li{float:left;width:350px;margin:0 0 6px 10px;display:inline;background:url(dot2.jpg) 0 0 no-repeat;}
.ixxra ul li a{padding-left:15px;font-size:12px;color:#666;display:block;}
.ixxra ul li span{float:right;color:#999;}


#content{width:1030px;margin:10px auto;overflow:hidden;}
.cleft{float:left;width:225px;}

.prenext{width:720px;margin:20px auto;border-top:1px solid #eee;}
.prenext .pre{float:left;width:360;height:30px;line-height:30px;font-size:13px;overflow:hidden;}
.prenext .next{float:right;width:360;height:30px;line-height:30px;font-size:13px;overflow:hidden;}

.prenext .pre a, .prenext .next a{}

.postlist {
	margin-left:50px;margin-top:30px;
}
.postlist li {color: #666;
	padding-left: 5px; background: url(dot.jpg) no-repeat 0px 12px; float: left; width: 660px; line-height: 32px; border-bottom: #ccc 1px dashed; height:32px;
}
.postlist li a{text-decoration: none;padding-left:10px;}
.postlist li h3 {
	font-weight: normal; font-size: 12px; float: left; width: 500px
}
.postlist li span {
	float: right; width: 80px; color: #666; text-align: right
}
.productlist {
	margin-top: 0;width:726px;overflow:hidden;
}
.productlist li {
	float: left;width: 222px;height: 190px; margin: 20px 10px 0 10px; overflow: hidden; 
}
.productlist li img {
	border: #e4e4e4 1px solid; width: 220px; height: 160px;
}
.productlist li .product_name {
	display: block; overflow: hidden; width: 172px; line-height: 25px; height: 50px;text-align: center
}

.ashow{float:right;width:779px;border-bottom:1px solid #B7B7B7;border-top:1px solid #B7B7B7;background:url(iconr.jpg) repeat-y;}
.ashowtitle{width: 764px;height:40px;line-height:40px;padding-left:15px;color: #fff;background:#666;}
.ashowtitle a{text-decoration: none;color: #fff;}
.acon{padding:0 30px 20px;line-height:25px;}
.acon h1{font-size:16px;padding-top:10px;line-height:200%;text-align:center;}

#bottom{background: #26292E;} 
.bottommenu{height:50px;line-height:50px;text-align:center;background:#26292E;overflow:hidden;}
.bottommenu a{font-size:13px;color:#AAACAB;padding:0 15px;text-decoration: none;}
.bottomfont{padding:20px 0;background:#151A1D;}
.bottomfont li{line-height:25px;width:980px;margin:0 auto;text-align: center;color:#707477;}

/* 栏目页分页 */
.clearpage {
	CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px
}
.pageNavi {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	MARGIN: 0px auto; PADDING-TOP: 15px
}
.wp-pagenavi A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageright {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageleft {
	PADDING-LEFT: 10px; FLOAT: left; TEXT-ALIGN: left
}
.pageright {
	PADDING-RIGHT: 10px; FLOAT: right; TEXT-ALIGN: right
}

/* 内容分页 */
.pages{
	text-align:center;
}
.pages a, .pages span{
	margin:2px;
	padding:2px 6px;
	border:1px solid #999999;
	color:#0b68c9;text-decoration:none;
}
.pages span, .pages a:hover{
	border-color:#0b68c9;
	color:#333333;
	text-decoration:none;
}
.pages span font{
	color:inherit;
}
a.button_2:link,a.button_2:visited{
	display:block;
	width:77px;
	height:33px;
	line-height:33px;
	background:url(button_2.png) center top no-repeat;
	border:none;
	font-weight:bold;
	cursor:pointer;
	text-align: center;
	letter-spacing: 0.5em;
	color:#FFFFFF;
}
a.button_2:hover{
	color:#FFFFFF;
	text-decoration: none;
	text-align: center;
}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.suckerdiv{float:left;width:222px;padding:0 0 20px;margin-bottom:10px;border-bottom:1px solid #B7B7B7;background:#1px solid #B7B7B7;;overflow:hidden;}
.toubu{float:left;width:222px;line-height:35px;margin:0 auto;background:#666;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.suckerdiv ul {	z-index: 2; width:202px;padding-left:20px;float:left;}

.suckerdiv ul li {width: 182px;	position: relative;padding:10px 0;}

.suckerdiv ul li ul {padding:0;
	position: absolute; width: 182px; display: none; top: 10px; left: 182px;background: #c3c3c3;
}
.suckerdiv ul li ul li ul {left: 182px}
.suckerdiv ul li ul li{width: 182px;padding:0;text-align:center;background:none;border-bottom:1px dotted #eee;}
.suckerdiv ul li a {line-height: 29px; display: block;height: 29px; color: #000000; font-size: 14px;text-decoration: none; cursor: pointer;}
.suckerdiv ul li span{font-family: arial; font-size: 12px;padding-left:5px;} 
.suckerdiv ul li a:hover {background: #c3c3c3;color: #000;display:block;}
.suckerdiv ul li ul li a {line-height: 29px; color: #000000; font-size: 12px;}
 
.suckerdiv ul li ul li a:hover {height: 29px; color: #fff; font-size: 12px;background: #333;}
.suckerdiv .cur {background: url(http://www.dzhtzl.com/skins/2009/images/arrow-list.gif) no-repeat right center;}
.suckerdiv .subfolderstyle {background: url(http://www.dzhtzl.com/skins/2009/images/arrow-list.gif) no-repeat right center #c3c3c3;}
.suckerdiv ul li img {vertical-align: middle;padding-right:10px;}

.suckerdiv ul dl{margin:10px auto;line-height:30px;}
.suckerdiv ul dl dt{float:left;width:50%;}
.suckerdiv ul dl dt a{background:none;}