/****Article content****/
.list{ float:left; width:221px;}
.list .title{ float:left; width:220px; background:url(../images/listTitle.png) no-repeat; height:63px; color:#fff;}
.list .title h3{ float:left; padding:5px 0 0 35px; font-size:18px;}
.list .title h4{ float:left; width:150px; padding:5px 0 0 65px; font-size:13px;}

.list ul{ float:left; width:221px; margin-top:20px;}
.list ul li{ float:left; width:221px; height:30px; margin-top:2px;}
.list ul li a, .list ul li a:link, .list ul li a:visited, .list ul li a:hover
{ float:left; width:156px; background:url(../images/listLiBg.png) no-repeat; height:30px; line-height:30px; padding-left:65px; color:#343434;}
.list ul li a:hover{ float:left; width:156px; background:url(../images/listCurBg.png) no-repeat; height:30px; line-height:30px; padding-left:65px; font-weight:bold; color:#fff;}

.list ul li a.current, .list ul li a:link.current, .list ul li a:visited.current, 
.list ul li a:active.current{ float:left; width:156px; background:url(../images/listCurBg.png) no-repeat; height:30px; line-height:30px; padding-left:65px; font-weight:bold; color:#fff;}

.list .contactImg{ float:left; margin-top:18px;}
.list .network{ float:left; margin-top:10px;}

.article{ float:right; width:768px;}
.article .top{ float:left; width:700px; padding-left:20px; height:20xp; line-height:20px;}
.article .title{ float:left; width:768px; margin-top:10px; background:url(../images/artTitle.png) no-repeat; height:50px;}
.article .title h3{ float:left; padding:20px 0 0 25px; font-size:16px; color:#343434;}
.article .title h3 b{ padding-left:10px; font-size:12px; color:#989898;}
.article .articleBg{ float:left; width:768px; background:url(../images/articleBg.png) repeat-y; _height:400px; min-height:400px;}
.article .articleBot{ float:left; width:768px; background:url(../images/articleBot.png) no-repeat; height:10px; line-height:10px; font-size:10px;}

.aboutCon{ float:left; width:680px; padding:30px 0 0 40px; line-height:200%; overflow:hidden;}

.contactCon{ float:left; width:680px; margin:30px 0 0 40px; _display:inline;  font-size:14px; line-height:200%;}

/**newsCon**/
.newsCon{ float:left; width:680px; margin:20px 0 0 40px; _display:inline; line-height:200%; overflow:hidden;}
.newsCon h5{ float:left; width:680px; margin-bottom:12px; font-size:16px; text-align:center;}
.newsCon ul li{ float:left; width:680px;}
.newsCon ul li p{ float:left; width:500px; height:30px; line-height:30px; padding-left:12px; background:url(../images/point.gif) no-repeat left 12px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.newsCon ul li b{ float:right; width:auto; height:30px; line-height:30px; padding-right:10px; font-weight:normal;}
.newsCon img{ display:block; margin:0 auto; text-align:center; border:none;}

/**proCon**/
.proCon{ float:left; width:720px; margin:20px 0 0 25px; _display:inline;}
.imgBox{ float:left; width:720px;}
.imgBox li{ float:left; width:215px; margin:5px 10px 0 10px; _display:inline;}
.imgBox li h3{ float:left; width:215px; height:30px; line-height:30px; text-align:center; font-weight:normal; overflow:hidden; font-size:12px;}
.imgBox li .picBox{ float:left; width:215px; height:131px; overflow:hidden; background:#fff;}
.imgBox li .picImgBox{ 
	width:215px; 
	height:131px; line-height:131px; 
	overflow:hidden; 
	text-align:center; 
	display:table-cell; vertical-align:middle; 
	*disply:block; 
	font-size:131px;
	}
.imgBox li .picImgBox img{ width:215px; height:131px;}


.proCon1{ float:left; width:720px; margin:20px 0 0 20px; _display:inline;}
.proCon1 .imgBox{ float:left; width:720px;}
.proCon1 .imgBox li{ float:left; width:350px; margin:5px 5px 0 5px; _display:inline;}
.proCon1 .imgBox li h3{ float:left; width:350px; height:30px; line-height:30px; text-align:center; font-weight:normal; overflow:hidden; font-size:12px;}
.proCon1 .imgBox li .picBox{ float:left; width:350px; height:180px; overflow:hidden; background:#fff;}
.proCon1 .imgBox li .picImgBox{ 
	width:350px; 
	height:180px; line-height:180px; 
	overflow:hidden; 
	text-align:center; 
	display:table-cell; vertical-align:middle; 
	*disply:block; 
	font-size:180px;
	}
.proCon1 .imgBox li .picImgBox img{ width:350px; text-align:center; border:none; display:block; margin:0 auto; vertical-align:middle;}




/**翻页**/
.page{ width:auto; height:18px; float:right; margin:30px 40px 10px 0; _display:inline; }
.page a, .page a:link, .page a:visited,
.page a:active{
	height:12px; line-height:12px;
	padding:2px; _padding:2px 6px 2px 6px; 
	color:#000; 
	float:left; 
	margin-left:10px; _display:inline; 
	min-width:12px; 
	text-align:center; font-size:12px; 
	overflow:hidden; 
	}
.page span{ float:left; margin-left:10px; _display:inline; color:#04417d; }
.page a:hover,
.page span.current{
	height:12px; line-height:12px; 
	padding:2px;_padding:2px 6px 2px 6px; 
	float:left; 
	margin-left:10px; _display:inline; 
	min-width:12px; 
	text-align:center; font-size:12px; o
	verflow:hidden; 
	color:#666;
	}

.pages{text-align:center; padding:20px 0;}
.pages .p-lr10{padding:0 10px; height:30px; line-height:30px;}
.pages a, .pages a:link, .pages a:visited, .pages a:active{ color:#000;}



/*****************版面布局样式*******************/
.header,.nav,.banner,.banner-bot,.main,.footer{width:960px; margin:0 auto;}
.header.logo{float:left;}
.nav ul,.nav ul li{ float:left;text-align:center; overflow:hidden;}
.banner ul,.banner ul li{ float:left; overflow:hidden;}
.footer ul,.footer ul li{text-align:center;}
.sideBar,.leftSideBar,.rightSideBar,.centerSideBar{float:left;}

/**在线浮动QQ**/
.fixed{width:120px;
	/*min-width:980px;
	_width:expression(this.width < 980? "980px" : this.width);*/
	/*height:34px;*/
	padding-bottom:10px;
	right:0px;
	top:150px;
	position:fixed;
	_position:absolute;/* for IE6 */
	_top:expression(eval(documentElement.scrollTop +150)); /* for IE6 */ 
	overflow:visible;
	z-index:9999;}
.fixedQq{width:109px; float:right; }
.fixedQq li{float:left;}
.fixedQq li.qqTop,.fixedQq li.qqCenter,.fixedQq li.qqBottom{ background-image:url(../images/qqFixed.png); }
.fixedQq li.qqTop{width:109px; height:34px; line-height:34px; background-position:left top;}
.fixedQq li.qqCenter{padding:10px; width:89px; background-position:left -73px; background-repeat:repeat-y; background-color:#F2F2F2;}
.fixedQq li.qqCenter p{width:90px; height:30px; line-height:30px;}
.fixedQq li.qqBottom{width:109px; height:34px; line-height:34px; background-position:left -36px;}

/**焦点切换**/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height:10px; line-height:10px; overflow:hidden; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/**产品轮播焦点图片**/
#focus { overflow:hidden; position:relative; float:left;}
#focus ul {position:absolute;}
#focus ul li {float:left; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute;}
#focus .btn {position:absolute;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; _font-size:0; cursor:pointer;}
#focus .preNext {position:absolute; cursor:pointer;}

/***在线留言样式***/
.feedback{width:600px; float:left; margin-top:40px; margin-left:50px; _display:inline; }
.feedback ul{width:600px;float:left; margin-bottom:10px; color:#333; font-size:12px;}
.feedback ul li{height:30px; line-height:30px; float:left; margin-right:10px; _display:inline; color:#000;}
.feedback ul li.width80{width:80px; text-align:right;}
.feedback ul li.width400{width:400px;}
.feedback ul li.width400 span{ color:#900; float:left;}
.feedback ul li.height100{height:100px;}
.feedback ul li img.captcha{width:74px;height:22px; line-height:22px; float:left; }

.feedback ul li .inputText,.feedback ul li .inputTextWidth100,.feedback ul li .inputTextWidth300,.feedback ul li .textareaText{ border:1px #9FAFBB solid; float:left; margin-right:5px;}
.feedback ul li .inputText,.feedback ul li .inputTextWidth100,.feedback ul li .inputTextWidth300{ height:22px; line-height:22px;}

.feedback ul li .inputText{width:200px; }
.feedback ul li .inputText100{width:100px; }
.feedback ul li .inputTextWidth300{width:300px;}
.feedback ul li .textareaText{width:380px; height:100px; line-height:22px;}
.feedback ul li .feedbackButton{width:66px; height:20px; line-height:20px; background:url(../images/feedbackBut.jpg) no-repeat left top; border:none; cursor:pointer;}

/******/
.clear{clear:both; font-size:0px;}/*清除浮动 、关div*/
.fleft{float:left;}
.fright{float:right;}