﻿@charset "utf-8";

/* =base 基本布局样式开始
-------------------------------------------------- */
#wrapper { width:1000px;	margin:0 auto;}
#header, #content, #footer, #inner-header, #inner-content, #inner-footer {
	float:left;
	display: inline;
	height:auto;
	clear:both;
	position:relative;
}
#header {	width:100%;}
#content {	width:100%; }
#column {
    clear: left;
	float: left;
	height: auto;
	width: 190px;
	text-align: left;
	padding-left: 0px;
	
	
}
.column-cont {
	clear: both;
	float: left;
	width: 188px;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	overflow: hidden;
}
#main {
	float: right;
	height: auto;
	width: 800px;
	padding-left: 0px;
	text-align: left;
	clear: right;
	background-image: url(../images/csb_07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	border-right: 1px solid #eeeeee;
}
#main-left{
	clear: left;
	float: left;
	height: auto;
	width: 600px;
	border-right: 1px solid #eeeeee;
}
#main-right{
	clear: right;
	float: right;
	height: auto;
	width: 198px;
	
}
#sidebar {	clear: right;	float: right;	height: auto;	width: 211px; }
#footer {
	clear: both;
	float: left;
	width:100%;
	background:url(../images/bottom_bg.jpg) repeat-x;
}
/* =inner-xxx 内页基本框架 */
#inner-content {	width:100%;	background: url(../images/metal_ny_bg.gif) repeat-y center top; }
#inner-column {	float: left;	height: auto;	width: 268px;	text-align: left;	padding:0 8px; }
#inner-main{	float: right;	height: auto;	width: 690px;	text-align: left;	padding: 8px 11px 5px 12px; }
#wrap, #header, #footer, #inner-header, #inner-content, #inner-footer, #column, #main, #sidebar, #inner-column, #inner-main,#content {
	overflow:hidden;
}
/* 两列等高(扩展到多列等高),也可以采用Jquery达到更好的效果 */
#column,.column-cont, #main {	padding-bottom:32767px;	margin-bottom:-32767px; }
/* =base 基本布局样式结束
-------------------------------------------------- */
/* =s=header
-------------------------------------------------- */
#logo-bar {
	float:left;
	clear:both;
	width:100%;
	background: url(../images/index_01.gif) repeat-x center top;
}
.logo {	float:left;	width:255px;	height:83px; }
.top-nav{ padding-right:10px; text-align:center; float:right;width:150px; }
.top-nav li{ display:inline; }
.top-nav li a{ color:#666; }
.top-nav li a:hover{ color:#F30; }
/* =nav网站主导航 */
#nav {
	height: 83px;
	width: 745px;
	float: right;
	clear: right;
}
#nav ul {	list-style-type: none; }
#nav ul li { padding:0 9px 0 7px; float:left;	line-height:14px;	margin-right:5px; border-right:2px solid #020562; }
#nav ul li.navend { border: none; }
#nav ul li a {	font-size:12px;	color:#333; font-weight:bold; }
#nav ul li a:hover { color:#F60; }
#header-flash {float:left; height: 169px; width: 100%; clear: both; }
/* =e=header
-------------------------------------------------- */
/* =s=content
-------------------------------------------------- */
/* =inner */
.inner{ width:100%; }
.inner h3{
	clear: both;
	float: left;
	height: 44px;
	width: 99%;
	background-image: url(../images/content.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom:15px;
}
.inner-cont{ padding:15px 15px; line-height:24px;}
/* =affiche网站公告 */
.affiche{ float:left; clear:both;width:198px;}
.affiche h2{
	clear: both;
	float: left;
	height: 40px;
	width:100%;
	background-image: url(../images/affiche_bar.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
}
.affiche p{
	clear: both;
	float: left;
	list-style-type: square;
	padding-left: 10px;
	width: 180px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
.gonggao-p{ padding-top:10px; margin:0 auto; font-size:12px; line-height:20px;}
/* =profilelist */
.profile{ width:100%; }
.profile h2{
	background-image: url(../images/about_06.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:10px;
	height: 32px;
	width:100%;
	clear: both;
	float: left;
}
.casefile h2{
	background-image: url(../images/about_07.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	width:100%;
	clear: both;
	float: left;
}
.profile-list{ width:100%;background:url(../images/index_17.gif) no-repeat center bottom; padding-bottom:10px;}
.profilelist { height:auto; padding-left:40px;}
.profilelist li {	list-style:circle inside;	padding:8px 2px 0 0; }
.profilelist li a{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.profilelist li a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/* =about首页公司简介 */
.about{ width:100%; }
.about h3{
	clear: both;
	float: left;
	height: 44px;
	width: 100%;
	background: url(../images/csb_08.gif) no-repeat center;
	border-bottom: 1px solid #eeeeee;
}
.about p{
	clear: both;
	float: left;
	height: auto;
	width: 96%;
	text-align: left;
	padding: 10px;
	font-size:12px;
	line-height:20px;
}
.about p img{
	float:left;
	text-align:left;
	padding-right:15px;
}
.about dl{ border-bottom:1px solid #999; padding:12px 0; float:left; width:100%; }
.about dl dt{ float:left; width:106px; }
.about dl dd{ float:right; width: 150px; }
/* =contact联系我们 */
.contact{width:186px;}
.contact h2{
	width: 179px;
    background-image: url(../images/csb_18.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 34px;
	margin-left: 3px;
}
.contact ul{ padding:10px 0 10px 10px; font-size:12px; }
.contact ul li{ line-height:20px;}
/* =leftimg */
.leftimg{
	height: 350px;
	width: 198px;
	clear: both;
	float: left;
}
.leftimg li{ }
/* =marketlist营销网络 */
.market{margin-top:0px;}
.market-list{ padding:0px 25px 18px 30px; background:url(../images/index_17.gif) no-repeat center bottom; }
.market h2{ width:100%; height:47px; background:url(../images/index_09.gif) no-repeat center top; }
.marketlist li {
	list-style:square inside;
	border-bottom:1px dotted #CCC;
	padding:8px 2px 0 0;
}
.marketlist li a{ font-size:14px; }
.marketlist li a:hover{ font-size:14px; }
/* =proclass树型产品分类 */
.proclass{margin-top:0px;}
.proclass-list{ background:url(../images/index_17.gif) no-repeat center bottom; padding-bottom:10px;}
.proclass h2{ 
	background-image: url(../images/csb_06.gif);
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	width:100%;
	clear: both;
	float: left;
}
.proclasstree {	text-align: left;	padding: 0 10px; }
.proclasstree li {	line-height:22px; padding:0 !important; padding:1px 0;}
.proclasstree li img {vertical-align:middle;}

.proclasstree li a:{text-decoration:none;}
.proclasstree li a:visited{ color:#FF3300; text-decoration:none;}

/* =parentstree产品折叠菜单 */
.parentstree{padding: 10px 10px; }
.parentstree li{}
.parentstree .treetitle{ text-decoration:none; color:#014A8F; font-weight:bold;}

.parentstree .substree{}
.parentstree .substree li{}
.parentstree .substree li a{ text-decoration:none; color:#000000;}
.parentstree .substree li a:hover{ text-decoration:none; color:#ff0000;}
/* =navtreefirst栏目一级菜单(1) */
.navtreefirst {	text-align:left; }
.navtreefirst li {	display:inline;	padding:6px 0px; }
.navtreefirst li a { color:red; }
.navtreefirst li img {	vertical-align: baseline; }
/* 推荐产品 */
.stroll{ width:718px; margin:0 auto; padding-top:15px; }
.recoproduct{width:100%;}
.recoproduct h3{
	clear: both;
	float: left;
	height: 41px;
	width: 100%;
	background: url(../images/csb_17.gif) no-repeat left;
	border-bottom: 1px solid #eeeeee;
}
.recopro-ul { padding:10px 10px; text-align:center;}
.recopro-ul li { float:left; margin:10px 5px; display:inline; }
.recopro-ul li a{ display:block; border: 1px solid #CCC; zoom:1; overflow:hidden;}
.recopro-ul li a:hover{ border: 1px solid red; background:#f5f5f5; }
.recopro-ul li .boximg{ margin:3px; }
.recopro-ul .boxtxt{}
/* =newpro-ul产品列表  */
.newpro-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.newpro-ul li { float:left; margin:10px 15px; display: inline; zoom:1; }
.newpro-ul li a{ display:block; border: 1px solid #CCC; zoom:1; line-height:170px; overflow:hidden; }
.newpro-ul li a:hover{ border: 1px solid red; background:#f5f5f5; zoom:1; }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ line-height:22px; clear:both; }
/* =caseclasstree树型案例分类 */
.caseclass{margin-top:0px;}
.caseclass-list{ padding:0px 25px 18px 30px; background:url(../images/index_17.gif) no-repeat center bottom; }
.caseclass h2{ width:100%; height:47px; background:url(../images/index_09.gif) no-repeat center top; }
.caseclasstree { text-align: left;	padding: 0 20px; }
.caseclasstree li { }
/* 推荐产品 */
.stroll{ width:718px; margin:0 auto; padding-top:15px; }
.recocase{width:100%; background:url(../images/pro_05.jpg) no-repeat center bottom; padding-bottom:25px; }
.recocase h3{ width:100%; height:38px; background:url(../images/index_12.gif) no-repeat left top; overflow:hidden; }
.recocase-ul { padding:10px 10px; text-align:center;}
.recocase-ul li { float:left; margin:0 5px; display:inline; }
.recocase-ul li a{ display:block; border: 1px solid red; zoom:1; }
.recocase-ul li a:hover{ border: 1px solid green; background:#f5f5f5; }
.recocase-ul li .boximg{ margin:3px; }
.recocase-ul .boxtxt{}
/* =case-ul案例列表 */
.case-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.case-ul li { float:left; margin:10px 5px; display:inline; }
.case-ul li a{ display:block; border: 1px solid #CCC; zoom:1; overflow:hidden;}
.case-ul li a:hover{ border: 1px solid red; background:#f5f5f5; }
.case-ul li .boximg{ margin:3px; }
.case-ul .boxtxt{}
/* =newslist资讯分类列表 */
.newsclass{ width:100%;  }
.newsclass h2{
    padding-top:10px;
	background-image: url(../images/news_06.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 32px;
	width:100%;
	clear: both;
	float: left;
}
.newsclass-list{width:100%;background:url(../images/index_17.gif) no-repeat center bottom; padding-bottom:10px;}
.newslist {	height:auto; padding-left:40px;}
.newslist li {	list-style:circle inside;	padding:8px 2px 0 0; }
.newslist li a{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.newslist li a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

/* =topnews-ul最新资讯 */
.indexnews{ width: 100%; }
.indexnews h3{
	background: url(../images/csb_14.gif) no-repeat center;
	height: 40px;
	width: 100%;
}
.topnews-ul {
	list-style-type: square;
	list-style-position: inside;
	color:#000;
	text-align:left;
	padding:0px 10px 10px 0;
}
.topnews-ul li {	padding-top: 5px;	border-bottom:dotted 1px #999;	line-height: 22px; }
.topnews-ul li span {	float:right; font-size:12px; }
.topnews-ul li a {	color:#333; font-size:12px; }
.topnews-ul li a:hover {	text-decoration:underline;	color:#F60; }
/* =classnews资讯列表 */
.classnews {	list-style: square inside;	color:#333;	text-align:left; }
.classnews li {	border-bottom:dotted 1px #999; padding:5px 0 3px 0; }
.classnews li span {	float:right; color:#F60; }
.classnews li a {	color:#000; font-size:14px;}
.classnews li a:hover {	text-decoration:underline;	color:#F60; font-size:14px; }
/* =friendlink */
.friendlink{ width: 100%; padding-bottom:10px;}
.friendlink h2{
	height: 36px;
	width: 100%; 
	background: url(../images/csb_12.gif) no-repeat center;
	margin-left: 0px;
	clear: both;
	float: left;
	margin-bottom:10px;
}
.textlinks {text-align:left; padding:10px;}
.textlinks li { padding-bottom:10px;}
/* =downlist */
.downlist{ font-size: 14px; width:100%;}
.downlist tr td { border: solid 1px #999; text-align:center;}
.downlist tr td a{ font-size: 14px; }
.downlist tr td a:hover{ font-size: 14px; }
/* =message */
.messagename {
	font-size: 12px;
	line-height: 30px;
	width: 70px;
	float: left;
	clear: both;
	height: 30px;
	text-align: right;
	padding-right: 5px;
}
.messagetitle {
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 30px;
	clear: both;
	color: #666666;
}
#messageadd {	height: auto;	width: 720px;	padding-top: 10px;	padding-bottom: 10px; }
#messageadd ul {	list-style: none; }
#messageadd ul li {  }
.messageadd1 {	float: none;	height: 30px; }
/* =joshow */
#jobshow {	color: #333333;	background-color: #FFFFFF; }
#job_book {	color: #333333;	background-color: #FFFFFF; }
#job_list {	width: 100%; }
#job_list ul {	list-style-type: decimal;	}
.joblist a {	font-size: 14px;	font-weight: bold;	color: #0000FF; }
.joblist li {	margin-top: 5px;	margin-bottom: 5px;	margin-left: 22px; }
/* =e=content
-------------------------------------------------- */
/* =s=footer
-------------------------------------------------- */
.footer-nav {	border-bottom:solid 2px #0b9beb; padding: 5px 0 3px 0;	background: #21b0ff; }
.footer-nav li {	display:inline;	padding:12px;	}
.footer-nav li a {	color:#fff;	}
.footer-nav li a:hover {	color: #F30; text-decoration:underline;	}
#copy {	color: #FFFFFF;	font-weight: bold; font-size:12px;height:70px;	width: 95%; padding: 12px 0;background:url() no-repeat right center; text-align:left; line-height:20px;}
#copy a {	color: #FFFFFF; }
/* =e=footer
-------------------------------------------------- */

/* =focusImg焦点样式 */
.focusImg {background:#fff;width:1002px;height:169px;margin:0 auto;position:relative;}
.focusImg ul {list-style:none;}
.focusImg ul li {width:1002px;position:absolute; left:0; top:0;}
.focusImg ul li div {width:100%;height:auto;overflow:hidden;}
.focusImg ul li img {width:1002px;height:169px;}
.focusImg ul li h4 {margin:0;background:#fff;padding:5px 0;height:20px;font-size:14px;text-align:center;}
.focusImg span {filter:alpha(opacity=50);opacity:0.5;position:absolute;display:block;width:992px;height:14px;right:0;bottom:0px;text-align:right;padding:5px;}
.focusImg span a:link,.focusImg span a:visited {background:#f5f5f5;padding:1px 5px;margin-left:2px;text-decoration:none;color:#000;}
.focusImg span a:hover,.focusImg span a:active, a:hover .a2 {font-weight:bold;background:#000000;padding:1px 5px;margin-left:2px;text-decoration:none;color:#ffffff;}
.focusimg p {background:#fff;height:52px;overflow:hidden;line-height:18px;padding:0 10px;text-indent:25px;}
