@charset "utf-8";

/* reset Code */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,a, img,strong, sub, sup,dl, dt, dd, ol, ul, li,form, label, legend,
table, caption, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%; font-family:Arial, sans-serif;}


table {border-collapse:collapse;border-spacing:0;}
table td,table th { padding:6px}
ul, ol { list-style:none;}
.clearfix:after, ul:after ,ol:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.clearfix {display:block;}
.clear {clear:both;}
.bold { font-weight:bold;}

a:link     { color:#6c6c6c; text-decoration:none; }
a:visited { color:#6c6c6c; text-decoration:none; }
a:hover   { text-decoration:underline; }
a:active  { color:#6c6c6c; }

a img { border:none;}
.left { float:left;}
.right { float:right;}

body {color:#6a6a6a; background:#000}
.wrap { background:#fff; width:958px;margin:0 auto;}
.container {width:918px; margin:0 20px }
.header {height:86px; background:url('../images/bg.gif') repeat-x;}
.headerCont {height:86px;}
.headerCont span { float:right; margin:10px; color:#fff; font-size: 14px; font-weight: bold}
ul.nav {background:#575757; height:30px; padding-left:0px}
ul.nav li { float:left; height:30px;width:85px;line-height:30px; text-align:center; border-right:1px solid #797979}
ul.nav li.hover { background: #000 url('../images/arrow.gif') center 0 no-repeat;}
ul.nav li.selected { background: #000 url('../images/arrow.gif') center 0 no-repeat;}
ul.nav li.none a { background:none;}
ul.nav li a { color:#dadada; line-height:30px}
ul.nav li a:hover {text-decoration:none;}
ul.nav li.hover a {background:url('../images/line.png') right -56px no-repeat;}
ul.nav li a:visited {color:#DADADA;}
ul.menu li a { line-height:30px; text-align:center}
ul.menuList li a { line-height:35px; text-align:center}
ul.nav li.selected a {background:url('../images/line.png') right -56px no-repeat;}
ul.menuList_s li a { line-height:35px}
li.itemHover { background:#3d5b74 !important;}

.headerCont h1.logo {float:left; height:57px; _height:70px;margin:12px 0 0 10px; overflow:hidden; width:180px;}
.headerCont h1.logo a { display:block;width:180px; height:57px; line-height:200px; overflow:hidden; background:url('../images/logo.jpg') no-repeat;}


hr.line { border:none; border-top:1px dotted #ccc; height:1px; overflow:hidden;  margin:10px 0;_margin:4px 0; padding:0; }

.three div { background:#dfdfdf; width:300px; height:138px; float:left;}
.three div h4 { margin:20px 14px 11px; color:#000; font-size:14px; font-weight:bold}
.three div h4 span { font-size:14px;color:#b9290e}
.three div p { padding: 0 14px; height:66px; line-height:20px }
.three div p.more { height:28px; line-height:28px; color:#fff; background:#575757}
.block1,.block2 { margin-right:9px}
.slide { height:208px; }

.fous { background:url('../images/bg.gif') 0 -86px; height:148px; margin:10px 0 0; float:left;}
.fous div { background:url('../images/image1.jpg') 0 1px no-repeat; width:356px; height:148px; float:right;}
.fous p { margin:30px 0 10px 20px; line-height:20px}
.fous .more { width:92px; height:29px; line-height:29px; display:block; background:url('../images/button.gif') no-repeat; text-align:center;margin:10px 0 0 20px}
.show { margin-bottom:10px;}
.show h3 {
	font-size:14px;
	background:url('../images/dot.gif') 0 bottom repeat-x;
	font-weight:bold;
	padding:10px 0 11px;
	margin-bottom:20px;
}
.show h3 span { float:right; }
.show h3 span a {font-size:12px; color:#b9290e;font-weight:normal; line-height:21px;}
.show .rightCol_anli { width:235px; float:right;padding-top:46px}
.show .rightCol { width:235px; float:right;padding-top:20px}
.show .rightCol_news { width:235px; float:right;padding-top:0px}
.show .leftCol {float:left;width:668px;  overflow:hidden; line-height:22px}
.lianxi_leftCol {float:left;width:920px;  overflow:hidden; line-height:22px}
.picList li { border:1px solid #ededed; background:#f7f7f7; height:160px; width:200px; text-align:center; float:left; margin-left:14px; _margin-left:7px; margin-bottom:12px}
.picList li img { display:block; margin:8px}

.newsList li { line-height:25px}
.newsList li  a { line-height:25px}
.product  { margin:20px 0 0 0}
.product li { background:url('../images/icon.gif') no-repeat; height:80px; width:221px; margin-bottom:10px; float:left;}
.product li.icon2 { background-position: 0 -85px}
.product li.icon3 { background-position: 0 -170px}

.product li h4 { margin:16px 0 0 70px}
.product li p { margin:5px 10px 0 70px; line-height:16px }

.pannel { margin-bottom:12px;}
.pannel ul {background:url('../images/pannelBg.gif') repeat-y; }
.pannel ul li { width:49%; float:left; text-indent:40px; line-height:25px;}
.pannel ul li a {font-size:14px; }
.pannelTop { background:url('../images/pannel.gif') no-repeat; height:20px; overflow:hidden;}
.pannelBottom { background:url('../images/pannel.gif') 0 -20px no-repeat; height:20px; overflow:hidden;}

.box { border:1px solid #9bb8c8; padding:10px 15px 10px 80px; margin-bottom:22px;}
.box h4 { margin-bottom:12px; font-weight:bold;}
.box p { line-height:22px;}
.box p a { line-height:22px;}
.box li {line-height:22px;}
.b_input {
	background-color: #fefefe;
	height: 24px;
	width: 364px;
	border: 2px solid #eeeeee;
	}
.b2_input {
	background-color: #fefefe;
	height: 104px;
	width: 364px;
	border: 2px solid #eeeeee;
	}
.fanye {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/anli_3.jpg);
	background-repeat: no-repeat;
 
	width: 23px;
}
.rightCol .box { margin-bottom:12px; }

.menu li { width:102px; height:30px; line-height:30px; margin:10px 15px 0 0; float:left; background:url('../images/button.jpg') 0 -44px no-repeat; text-indent:18px}
.menu li.hover { background-position:0 0;}

.menuList { border:1px dotted #ccc; margin-top:20px; width:221px}
.menuList li { height:35px; line-height:35px; text-indent:12px;border-bottom:1px dotted #ccc; background-color:#f1f1f1}
.menuList li.hover  {  background:#f1f1f1 url('../images/li.gif') 4px center no-repeat;}
.menuList li.hover a { font-weight:bold;}

.menuList_s { border:1px dotted #ccc; margin-top:20px;width:222px }
.menuList_s li { width:111px; float:left; height:35px; line-height:35px; text-indent:12px;border-bottom:1px dotted #ccc; background-color:#f1f1f1}
.menuList_s li.hover  {  background:#f1f1f1 url('../images/li.gif') 4px center no-repeat;}
.menuList_s li.hover a { font-weight:bold;}


.icons { background-image:url('../images/icon/icons.gif'); background-repeat:no-repeat; padding-left:22px;}
.icon_s1 { background-position:0 0;}
.icon_s2 { background-position:0 -25px;}
.icon_s3 { background-position:0 -50px;}
.icon_s4 { background-position:0 -75px;}
.icon_s5 { background-position:0 -105px;}

.cateCol {width:204px; float:left; border:1px solid #9db8c3;}
.cateCol ul li { height:44px; line-height:44px; padding-left:15px; border-bottom:1px solid #e6e6e6; }
.cateCol ul li a {font-weight:bold; font-size:14px;}
.cateCol ul li a:hover {color:#559ad1}
.cateCol ul li:last-child { border:none;}
.contentCol { width:700px; float:right;}
.contentBox {border:1px solid #9db8c3; padding:10px 15px;}
.contentBox h4 {margin-bottom:12px; font-weight:bold;}
.contentBox p { line-height:22px; margin-bottom:12px; text-indent:2em; }

.footer { background:#000; color:#fff; padding:12px}


ul.productList {padding:0 20px;}
ul.productList li { width:400px; height:145px;margin-left:20px; border-bottom:1px solid #ccc;margin-bottom:12px;}

ul.productList li p {width:300px; line-height:18px; margin-bottom:12px;}
.product_xnh,.product_ehr,.product_xnh2 {margin-bottom:10px; height:50px; line-height:300px; overflow:hidden; background-image:url('../images/productList.jpg');background-repeat:no-repeat;}

.product_xnh { background-position: 0 0;}
.product_ehr { background-position: 0 -50px;}
.product_xnh2 { background-position: 0 -100px;}

.productList a,.productList a:visited { color:#559ad1;}

.chanpin {font-size: 12px;background-color: #f3f3f3;border: 1px dotted #e3e3e3}
.chanpin_bt_1 {background-image: url(../images/chanpin_2.jpg);background-repeat: no-repeat;height: 48px;width: 178px}
.chanpin_bt_sz {font-size: 14px;font-weight: bold}
.bd_hg {
	height: 10px;
	width: 100%;
}

.table td {border:1px solid #ddd}
.idc_table td { border:1px solid #ededed; vertical-align:middle; line-height:22px}
.ix_table td{ vertical-align:middle; line-height:22px}
.ix_table p{ vertical-align:middle; line-height:22px}
.idc_table th { color:#fff;border:1px solid #ededed;  text-align:left; background:#b7b9bd url('../images/idc_1.jpg') 10px center no-repeat; text-indent:20px; font-size:14px}
.idc_1 {font-weight: bold;color: #FFF;}
tr.hover { background:#f7f7f7}
.content p { margin-bottom:22px; line-height:18px; text-indent:2em}
.content p img.left { float:left; margin:10px}
.content p img.right { float:right; margin:10px}
.content h4 { margin-bottom:10px}
.topTip { background:url('../images/top.gif') no-repeat; height:16px; width:41px; position:absolute;bottom:0; right:0}
.topTip a {height:16px; width:41px; display:block; line-height:200px; overflow:hidden; }
.three div p.more a {
color:#FFFFFF;
height:28px;
line-height:28px; display:block
}
/*新闻*/

.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden; CONTENT: "."
}
.news_list UL {
	WIDTH: 660px; MARGIN-BOTTOM: 15px; FLOAT: left; FONT-SIZE: 14px
}
.news_list UL LI {
LINE-HEIGHT: 30px;
PADDING-LEFT: 15px;
HEIGHT: 30px;
background-image: url(../images/xian.gif);
background-repeat: no-repeat;
background-position: 5px bottom;
}
.news_list UL LI SPAN {
	WIDTH: 85px; FLOAT: right; COLOR: #6c6c6c; FONT-SIZE: 12px; padding-top: 10px;
}
/*常见问题*/
#rightTop { width:546px; height:30px; float:right }
#rightTop ul li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#rightTop ul li a{
	text-decoration:none;
}

#rightTop ul li a.download{
	display:block;
	background:url(../images/download_bg.gif) 0 0 no-repeat;
	width:60px;
	height:25px;
	padding:0 0 0 20px;
	background-color:inherit;
	color:#787878;
	font-size: 12px;
	line-height:30px;
}
#rightTop ul li a.download:hover{
	background:url(../images/download_bg_hover.gif) 0 0 no-repeat;
}

/*案例翻页*/

DIV.black2 {MARGIN: 3px; TEXT-ALIGN: center; padding: 7px; width: 600px;}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}