@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    overflow: hidden;
}
body{
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { color:#000; text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; }/* 使得表单元素在 ie 下能继承字体大小 */
/* 重置表格元素 */
table {border-collapse: collapse; border-spacing: 0;}
/* 重置 hr */
hr {border: none;height: 1px;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll;overflow-x: hidden }

/* common */
input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.h20{height:20px;line-height:20px;}
.wrap{width:956px;margin:0 auto;*zoom:1}
.wrap:after{content:"";display:block;clear:both}
body{background:url(../images/h_bg.png) no-repeat center top}
.header{
	height:543px;
}
.header h1{
	width:570px;
	height:150px;
	float:left;
}
.header h1 a{
	width:570px;
	height:150px;
	display:block;
	text-indent:-999em;
}
.header .lnk{
	float:right;
	padding:20px;
	color:#fff;
	font-size:12px;
	text-align:right;
	position:relative;
	z-index:1;
}
.header .lnk a{
	color:#fff;
	font-size:12px;
}
.header .nav{
	width:954px;
	height:43px;
	margin:0 auto;
	clear:both;
}
.header .nav li{
	float:left;
	width:106px;	
}
.header .nav li a{
	float:left;
	width:106px;	
	height:40px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	display:block;
	text-align:center
}
.header .link-right{width:240px;height:50px;display:block;clear:both;position:absolute;right:0;top:90px;text-align:left;text-indent:-999em}
.header .banner{height:330px;overflow:hidden}

.header .nav li a:hover,.header .nav li.active a{
	color:#e5c45c
}
.container{
	min-height:400px;
	background:#fff url(../images/bg.png) repeat-x left top;
	padding-top:20px;
}

.sidebar{
	float:left;
	width:264px;
	background:url(../images/m_bg.png) no-repeat;
}
.mainbody{
	width:675px;
	float:right;
	background:url(../images/m_bg.png) no-repeat right top;
}
.mainbody .hd{
	height:50px;
	line-height:40px;
}
.mainbody .hd h2{
		height:40px;
		line-height:40px;
		padding-left:45px;
		font-size:14px;
		color:#295e91;
		float:left;
}
.mainbody .hd .path{
	float:right;
	padding-right:28px;
}
.mainbody .hd .path a:hover{
	text-decoration:underline;
	color:#086dc4;
}
.mainbody .bd{
	width:610px;
	_	overflow:hidden;
	margin:0 auto;
	border:1px solid #e8e8e8;
	background:#fff;
	padding:15px;
	line-height:26px;
}


.main{
	width:680px;
	float:right;
}

.categrop h2{
	height:40px;
	line-height:40px;
	padding-left:45px;
	font-size:14px;
	color:#295e91
}
.categrop ul{padding: 0 34px 0;}
.categrop ul li{padding:4px 0;background:url(../images/nav_line.png) no-repeat center bottom}
.categrop ul li a{height:26px;display:block;line-height:26px;font-size:14px;border:1px solid transparent;_border:1px solid #fff;font-size:12px;overflow:hidden;}
.categrop ul li a i{height:26px;width:33px;display:block;float:left;background:url(../images/r.png) no-repeat center -26px;}
.categrop ul li a:hover{background:url(../images/nav_bg.png) repeat-x;border:1px solid #9aacc1}
.categrop ul li a:hover i{background-position:center 0;}

/* 首页产品 */
.ind-products{
	padding:42px 0 0;
	position:relative;
	background:url(../images/cp_bg.png) no-repeat 0 0;
	height:214px;
}
.ind-products h2{
	display:none;
}
.product-scroll{
	width:603px;
	margin:0 auto;
	overflow:hidden;
}
.product-scroll ul{
	width:999em;
}
.product-scroll ul li{
	float:left;
	width:195px;
	height:196px;
	margin-right:9px;
	background:url(../images/p_bg.png) no-repeat;
}
.product-scroll ul li a{
	width:195px;
	display:block;
}
.product-scroll ul li a.tit{
	height:28px;
	line-height:28px;
	text-indent:15px;
	font-size:12px;
	overflow:hidden;
	color:#0b6eca;
}
.product-scroll ul li a.pic{
	width:177px;
	height:152px;
	padding:7px 8px;
}

.product-button{width:100%;position:absolute;top:70px;left:0;}
.product-button a{
	width:36px;
	height:126px;
	display:block;
	float:left;
}
.product-button a.next{float:right}


/* 首页 盒模型*/
.box{
	border:1px solid #e4e2e2;
	border-radius:2px;
}
.box .hd{
	height:20px;
	line-height:20px;
	padding:5px 0 0;
	background:#f5f5f7;
	border-bottom:1px solid #e4e2e2;
}
.box .hd h2{
	border-left:1px solid #3ca6d8;
	margin-left:10px;
	padding-left:10px;
	color:#336799;
	font-size:14px;
	height:14px;
	line-height:14px;
}
.box .hd h2{
}


.ind-about,.ind-contact{
	width:262px;
}
.ind-about .bd,.ind-contact .bd{
	padding:10px;
}
.ind-about p{
	line-height:24px;
	color:#2f4b6f;
	text-indent:2em;
}
.ind-about a{color:#fa720f}

.ind-contact p{line-height:24px;color:#2f4b6f}
.ind-contact .bd{background:url(../images/contact_bg.png) no-repeat right bottom;}

.ind-news,.ind-customers{
	width:360px;
	margin-left:12px;
}
.ind-news .bd{
	padding:10px 10px 11px;
}
.ind-news dl dt{
	height:24px;
	line-height:24px;
	margin-bottom:2px;
	position:relative;
	z-index:1;
}
.ind-news dl dt a{
	height:24px;
	display:block;
	color:#24688f;
	padding-left:30px;
	background:url(../images/news_dot.png) no-repeat 0 -24px;
	
}
.ind-news dl{
	padding:2px 0 1px;
}
.ind-news dl dt .time{
	display:inline;
	line-height:24px;
	position:absolute;
	top:0;
	right:20px;
	z-index:2;
	color:#b6b6b2;
}
.ind-news dl dd{display:none;}
.ind-news dl.hover dt a{
	background-position:0 0;
}
.ind-news dl.hover dd{
	display:block;
	background:#f7f7f7;
	padding:5px;
	overflow:hidden;
	*zoom:1
}
.ind-news dl.hover dd .pic{
	width:90px;
	height:56px;
	overflow:hidden;
	padding:1px;
	border:1px solid #ddd;
	background-color:#fff;
	float:left;
	margin-right:10px;
}
.ind-news dl.hover dd .summary{
	height:56px;
	overflow:hidden;
	color:#666;
	line-height:19px;
}


.ind-customers .bd{
	padding:10px;
	*padding-bottom:10px;
	_padding-bottom:0;
	overflow:hidden;
	*zoom:1
}
.ind-customers ul{
	height:120px;
	overflow:hidden;
	*zoom:1;
	float:left;
}
.ind-customers ul li{
	width:170px;
	height:140px;
	overflow:hidden;
	float:left;
}
.ind-customers ul li img{
	max-width:163px;
	_width:170px;
	}



.ind-news dl.hover dt .time{display:none}
.ind-industry,.ind-jobs{width:303px;}
.ind-industry .bd{padding:10px}
.ind-industry ul{padding:0 10px;}

.ind-industry ul li a{
	line-height:24px;
		_height:24px;
	display:block;
	color:#858384;
	background:url(../images/arrow2.png) no-repeat 0 center;
	padding-left:15px;
}
.ind-industry ul li.frist{height:120px;overflow:hidden}
.ind-industry ul li.frist a{background:none;padding:0}
.ind-industry ul li a:hover{color:#9aacc1}

.ind-jobs .bd{
	padding:10px;
	background:#f1f1f1;
}
.ind-jobs li a{
	height:24px;
	line-height:24px;
	display:block;
	color:#858384;
	padding-left:20px;
	background:url(../images/arrow.png) no-repeat 0 center;
}
.ind-jobs li a:hover{color:#9aacc1}

/* 内页 */
.about-text{
	color:#383431;	
}

/* .contact-text */
.contact-text{
	padding:20px;
	height:322px;
	background:url(../images/contact.png) no-repeat right bottom;
}
.contact-text h2{
	font-size:18px;
	color:#295e91;
	margin-bottom:10px;
}

/*Article List*/
.ArticleList { clear: both; margin: 0px 20px 0px 10px; line-height: 30px; }
.ArticleList li { margin-top: 5px; border-bottom: 1px dashed #636363; }
.ArticleList li a { color: #636363; text-decoration: none; }
.ArticleList li a:hover{color:#1f6daf}

/*Article Content*/
.ArticleTitle, .ArticleDate, .ArticleKeywords, .ArticleContent { clear: both;  }
.ArticleTitle { height: 36px; line-height: 36px; text-align: center; color: Black; }
.ArticleDate { height: 24px; line-height: 24px; text-align: center; }
.ArticleKeywords { height: 24px; margin: 10px auto; line-height: 24px; text-indent: 10px; color: #007ee0;}
.ArticleContent { margin: 10px auto; line-height: 24px; color: Black; }

/* ProductList */
.ProductList{float:left;margin-bottom:20px;}
.ProductList li{float:left;margin:5px}
.ProductList li .pic{width:180px;height:140px;display:block;border:1px solid #ebeceb;padding:3px;text-align:center}
.ProductList li .pic:hover{border:1px solid #4D9DCD}
.ProductList li .pic span{width:180px;height:140px;display:table-cell; vertical-align:middle}
.ProductList li .tit{white-space:nowrap;padding:5px;}
.ProductList li .tit:hover{color:#4D9DCD}

/*Prev Next*/
.FastMove { clear: both; margin: 10px auto; border-top: 1px dashed black; overflow:hidden;*zoom:1}
.FastMove .Prev, .FastMove .Next {width:50%;*width:49%;height: 30px; line-height: 30px; overflow:hidden}
.FastMove .Prev { float: left; }
.FastMove .Next { float: right; }

/*PageBar*/
.PageBar { clear: both; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px;margin:0 1px}
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }

/* product-album 产品详细页 */
.btn-tofriends,.btn-collection,.btn-callme,.btn-inquiry{
	width:106px;
	height:22px;
	text-indent:-999em;
	text-align:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:url(../images/button.png) no-repeat;
	margin:0 5px;
}
.btn-collection{background-position:-106px 0;}
.btn-callme{width:87px;height:23px;background-position:-212px 0}
.btn-inquiry{width:153px;height:40px;margin:20px 0;background-position:0 -22px}

.product-info {
height: 313px;
}
.product-album{
	width:304px;
	border:1px solid #dedede;
	float:left;
	margin-right:20px;
}
.product-album .big-photo{
	height:238px;	
	border-bottom:1px solid #dedede;
}
.product-album .big-photo td{
	width:304px;
	height:238px;	
		vertical-align:middle;
		text-align:center;
}
.product-album .big-photo td img.big-img{
	max-width:304px;
	max-height:238px;
	_height:238px;
}
.product-album .small-photo{padding:10px;overflow:hidden;*zoom:1}
.product-album .small-photo table{
	float:left;
	margin:0 10px;
}
.product-album .small-photo td{
	width:72px;
	height:60px;
	border:1px solid #dedede;
	vertical-align:middle
}
.product-album .small-photo td img{
	max-width:72px;
	max-height:60px;
	vertical-align:middle;
	_height:60px;
}
.product-album .button{
	clear:both;
}
.product-album .button{border-top:1px solid #dedede;text-align:center;padding:10px;}

.product-detail h2{
	font-size:16px
}
.product-detail h3{
	font-size:14px;
	color:#f70;
}
.product-detail .price{
	color:#d00;
	font-size:18px;
}
.product-detail .blue{
 color:#2272c8;	
}
.product-detail li{line-height:30px;color:#989a9b}

/* product-pager */
.product-pager{
	width:620px;
	margin-left:-15px;
	background:#f4f4f4;
	padding:10px;
	text-align:center;
	margin-bottom:20px;
	
}
.product-pager a{margin:0 4px;}
.product-pager .Yellow{color:#f70}
.product-pager p{padding:5px 0}

/* .product-read */
.product-read{
	width:640px;
	margin-left:-15px;
}
.product-read h2{
	width:640px;
	height:41px;
	text-indent:-999em;
	background:url(../images/pro_tit.png) no-repeat;
}
.product-read .con{
	padding:20px
}

/*Project List*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.ProjectList {margin: 0 auto; }
.pjListItem {height:149px;margin-top: 10px; background-image: url(../images/ListBox.gif); background-repeat: no-repeat; }
.pjImage { float: left; display: inline; width: 140px;margin: 13px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 430px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { height: 24px; line-height: 24px; }
.pjInfo .pjTitle a { font-size: 14px;color:#295e91; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 52px; line-height: 24px; overflow:hidden}


/*Product Content*/
.ProductBox { clear: both; width:580px; height: 197px; margin: 10px auto; background-image: url(../images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; width: 460px; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .InfoBox .pdOrder { display: block; width: 155px; height: 42px; float: right; margin-top: 7px; }
.ProductButton { clear: both; width: 610px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 610px; margin: 10px auto; }
.BoxBody { clear: both; width: 590px; padding: 10px; }
.RelatedProduct { clear: both; width: 610px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 610px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { float: left; width: 345px; margin-top: 10px; }
.riRight { float: right; width: 345px; margin-top: 10px; }
.riList li { width: 330px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }

/*Project Content*/
.ProjectBox {height: 149px; margin: 10px auto; background-image: url(../Images/ListBox.gif); background-repeat: no-repeat; }
.ProjectContent { margin: 10px auto; }

/* 友情链接 */
.links{
	border:1px solid #d4d4d4;
}
.links h2{
	height:30px;
	line-height:28px;
	font-size:14px;
	background:url(../images/link_line.png) repeat-x;
}
.links h2 span{
		padding-left:10px;
		padding-right:100px;
		display:inline-block;
		*display:inline;
		*zoom:1;
}
.links ul{
	padding:10px 0 10px 20px;
	overflow:hidden;
	*zoom:1;
}
.links ul li{
	height:134px;
	height:40px;
	float:left;
	border:1px solid #d4d4d4;
	margin-right:20px;
}

.footer{text-align:center}
.footer .fnav{
	color:#fff;
	background:#0f4ba4;
	height:30px;
	line-height:30px;
}
.footer .fnav a{
	color:#fff;
}
.footer .copyright-info{
	background:#eee;
	padding:20px 0 30px;
	line-height:24px;
	color:#929292
}
.footer .copyright-info a{
    line-height: 24px;
    color: #929292;
}

.zoomPad{
	position:relative;
	z-index:99;
	cursor:crosshair;
	display:inline-block;
	*display:inline;
	*zoom:1;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter:alpha(opacity=80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    *width:100px;
    *height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter:alpha(opacity=60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}