﻿/* header start */
#navigation{
	clear: both;
	float: left;
	height: auto;
	width: 993px;
}
ul{ list-style:none;}
#logo_bar{
	clear: both;
	float: left;
	height: 110px;
	width: 993px;
	background-image: url(../images/index_02.gif);
	background-repeat: no-repeat;
}
.logo{
	text-align: left;
	float: left;
	height: 110px;
	width: 100%;
}
.heard-ad{
	float: right;
	height: 100px;
	width: 737px;
	padding-right: 8px;
}
.top-nav{
	width: 60px;
	clear: right;
	float: right;
	height: auto;
	text-align: left;
	padding-top: 5px;
	color: #021b71;
}
.top-nav dd{
	padding-top: 3px;
}
.top-nav a{
	color: #021b71;
}
.top-nav a:hover{
	color: #FF0000;
	text-decoration: underline;
}
#nav{
	clear: both;
	float: left;
	height: 37px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #e916d2;
	font-weight: bold;
	background-image: url(../images/index_04.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:3px;
	display:inline;
}
#nav ul{
	list-style-type: none;
}
#nav ul li{
	height: 30px;
	width: auto;
	font-size: 14px;
	padding:0px 6px;
	text-align: center;
	display: inline;
}
#nav  ul  li  a   {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav  ul  li  a:hover   {
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}
.header-flash{
	clear: both;
	float: left;
	width: 993px;
	height: 260px;
	text-align: center;
	padding-bottom:5px;
}
.blank{
	background-color: #000000;
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
.title-1{
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px;
	color: #FFFFFF;
	width: auto;
	display: inline;
	text-align: left;
	float: left;
	height: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	letter-spacing: 0.2em;
	margin-top: 3px;
}
.title-2{
	color: #10385c;
	font-size: 14px;
	font-weight: bold;
	display: inline;
	padding-left: 20px;
	height: 20px;
	width: auto;
	float: left;
}
.more {
	width: auto;
	height: auto;
	float: right;
	display: inline;
	text-align: center;
	color: #FF0000;
	padding-top: 2px;
	padding-right: 2px;
}
.more2 {
	width: auto;
	height: auto;
	float: right;
	display: inline;
	text-align: center;
	color: #FF0000;
	padding-top: 15px;
	padding-right: 15px;
}
.your_position{
	clear: right;
	float: right;
	height: 20px;
	width: auto;
	text-align: right;
	padding-top: 2px;
}

/*--------     头部结束   ----------*/

/*--------       ----------*/
/*产品分类树 start*/
.proclass{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 6px;
}
.proclass dt{
	width: 100%;
	height: 33px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
}
.proclass-i {
	height: auto;
	width: 195px;
	padding-top: 10px;
	background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.proclass-ii{
	height: auto;
	width: 195px;
	padding-top: 10px;
	background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.proclass-b{
	width:215px;
	height:11px;
	background-image: url(../images/index_18.gif);
	background-repeat: no-repeat;
}
.proclasstree {
	list-style-type: none;
	padding: 0;
	height: auto;
	margin-left: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
}
.proclasstree a {
	COLOR: #000000;
	text-decoration: none;
}
.proclasstree A:hover {
	COLOR: #FF0000;
	text-decoration: none;
}
#prod_class{                  /* 主营产品 start */
	width: 100%;
	text-align: left;
	float: left;
	clear: both;
}
/*产品分类树 start*/

.friendlink{
	width: 100%;
	float: left;
	height: 140px;
	background-color: #f7f2ee;
	_margin-right: 5px;
	clear: both;
}
.friendlink dt{
	height: 33px;
	width: 100%;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;

}
.friendlink-i {
	height:180px;
	width: 195px;
	text-align: center;
	background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.friendlink-b{
	background-image: url(../images/index_18.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 215px;
}
.index-news{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 6px;
}
.index-news dt {
	height: 33px;
	width: 215px;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
.index-news-i {
	height: auto;
	width: 195px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
}
.index-news-b {
	background-image: url(../images/index_18.gif);
	height: 11px;
	width: 215px;
	background-repeat: no-repeat;
}
.topnews-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 5px;
	height:310px;
}
.topnews-ul li {
	padding-left: 15px;
	float: left;
	display: inline;
	line-height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 1px;
	background-image: url(../../upfiles/system/dian.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
}
.topnews-ul span {
	float: right;
	color: #666666;
	margin-right: 5px;
}
.classnews {	list-style:none;	color:#333;	text-align:left; }
.classnews li {	border-bottom:dotted 1px #999; padding:5px 0px;background:url(../../upfiles/system/dian.gif) no-repeat 5px 50%; padding-left:20px;}
.classnews li span {	float:right; color:#F60; font-size:14px;padding-right:20px;}
.classnews li a { float:left; font-size:14px;}
.classnews li a:hover {	text-decoration:none;	color:#F60; font-size:14px;}

.index-pro{
	clear: right;
	float: right;
	height: auto;
	width: 632px;
}
.index-pro dt{
	background-image: url(../images/pro.gif);
	background-repeat: no-repeat;
	height: 104px;
	width: 610px;
	text-align: center;
	padding-left: 22px;
	padding-top: 10px;

}
.index-pro dd{
	width: 632px;
	background-color: #cef3fd;

}
#link-img{
	float: left;
	height: 65px;
	width: 116px;
}
#link-more {
	float: right;
	display: block;
	padding-top: 15px;
	width: 32px;
}
.links {
	list-style-type: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 94px;
}
.links li {
	text-align: center;
	padding-top: 5px;
}
.links a{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.links a:hover {
	COLOR: #FF0000;
	text-decoration: none;
}


.contact{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 6px;
}
.contact dt{
	height: 33px;
	width: 215px;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
}
.contact-i {
	height: auto;
	width: 185px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
}
.contact-b {
	background-image: url(../images/index_18.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 215px;
}
.contact-img{
	background-image: url(../images/contact-b.gif);
	background-repeat: no-repeat;
	height: auto;
	width: auto;
	background-position: bottom;
         text-align: left;

}
.inner{
	width: 100%;
	height: auto;
	text-align: left;
	clear: both;
	float: left;
}
.inner   dt{
	height: 27px;
	width: 100%;
	background-image: url(../images/inner-t.gif);
	background-repeat: no-repeat;
}
.inner   dd{
	height: auto;
	width: 770px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}



/*网站公告start */
#affiche{
	height: 28px;
	width: 730px;
	clear: both;
	float: left;
	text-align: right;
	display: inline;
	color: #000000;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 43px;
	background-position: bottom;
}
.gonggao-p {
	display: inline;
	float: left;
	clear: both;
	width: 100%;
}
/*网站公告 end*/

.product{
	width: 100%;
	height: auto;
	text-align: left;
	clear: both;
	float: left;
}
.product dt{
	height: 33px;
	width: 547px;
	background-image: url(../images/index_22.gif);
	background-repeat: no-repeat;
}
.product-i {
	height: auto;
	width: 527px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/index_23.gif);
	background-repeat: repeat-y;
}
.product-b{
	background-image: url(../images/index_25.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 547px;
}
/* =newpro-ul产品列表  */
.newpro-ul { width:100%; text-align:center; padding:5px 0px 0 0; height:auto; overflow:hidden }
.newpro-ul li { float:left; margin:10px 14px; display: inline; zoom:1; }
.newpro-ul li a{ display:block; border: 1px solid #ebf2f9; zoom:1; }
.newpro-ul li a:hover{ border: 1px solid #6593b9; background:#f7f8f9; zoom:1; }
.newpro-ul li .boximg{ margin:3px;}
.newpro-ul .boxtxt{ line-height:22px; clear:both; }
#recopro{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.recopro-ul {	text-align:center;padding:8px;}
.recopro-ul li { float:left; display:inline; }
.recopro-ul li a{ display:block; border: 1px solid #ebf2f9; zoom:1;margin:6px;  }
.recopro-ul li a:hover{ border: 1px solid #6593b9; background:#f7f8f9; }
.recopro-ul li .boximg{ margin:3px; }
.recopro-ul .boxtxt{}
/*推荐产品 end*/

/* 产品详细信息 start */
#zright12 {
	width: auto;
	height: auto;
	margin-top: 12px;
	text-align: left;
}
#zw3 {
	width: 100%;
	height: auto;
	text-align: left;
}
#zw4 {
	width: 540px;
	height: 350px;
	text-align: left;
}
/* 产品详细信息 end */

/*树型案例分类树 start*/
#caseclasstree{
	height: auto;
	background-image: url(../images/inner_02.gif);
	background-repeat: repeat-y;
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.caseclasstree {
	list-style-type: none;
	padding: 0;
	height: auto;
	margin-left: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
}
.caseclasstree A:link {
	COLOR: #000000;
	text-decoration: none;
}
.caseclasstree A:visited {
	COLOR: #000000;
	text-decoration: none;
}
.caseclasstree A:hover {
	COLOR: #FF0000;
	text-decoration: none;
}
.caseclasstree A:active {
	COLOR: #666666;
	text-decoration: none;
}
/* =case-ul案例列表 */
.case-ul {	width:100%;	text-align:center; padding:10px 0px 0 0; }
.case-ul li { float:left; margin:10px 22px; display: inline; zoom:1; }
.case-ul li a{ display:block; border: 1px solid #ebf2f9; zoom:1; }
.case-ul li a:hover{ border: 1px solid #6593b9; background:#f7f8f9; zoom:1; }
.case-ul li .boximg{ margin:3px;}
.case-ul .boxtxt{ line-height:22px; clear:both; }
/*案例列表 end*/

/*推荐案例newpro-ul start*/
#recocase{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.recocase-ul {	text-align:center;padding:8px;}
.recocase-ul li { float:left; margin:6px; display:inline; }
.recocase-ul li a{ display:block; border: 1px solid #ebf2f9; zoom:1; }
.recocase-ul li a:hover{ border: 1px solid #6593b9; background:#f7f8f9; }
.recocase-ul li .boximg{ margin:3px; }
.recocase-ul .boxtxt{}
.index-about{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.index-about dt{
	height: 27px;
	width: 100%;
	background-image: url(../images/index_10.gif);
	background-repeat: no-repeat;
}
.index-about  dd{
	height: auto;
	width: 547px;
	padding-top: 15px;
	padding-bottom: 18px;
}
#about_us ul{
	list-style-type: square;
	margin-left: 10px;
	list-style-position: inside;
	margin-right: 10px;
}
.navtreefirst {padding:0 10px;}
.navtreefirst li{
	margin-top: 9px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: left;
	padding-left:10px;
	list-style-position: inside;
	background:url(../images/LeftBar_bg.jpg) no-repeat left top;
	display:block;
}
.navtreefirst a{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.navtreefirst a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.parentstree {padding:0 10px;}
.parentstree li{
	margin-top: 9px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: left;
	padding-left:1px;
	list-style-position: inside;
	background:url(../images/LeftBar_bg.jpg) no-repeat left top;
	display:block;
}
.parentstree a{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.parentstree a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.parentstree .substree li{}
.parentstree .substree li a{font-size: 12px;}


#sale_net{
	width: 250px;
}
#sale_net ul{
	list-style-type: square;
}
.marketlist a{}
.marketlist li{
	margin-left: 20px;
}
#newslist ul{
	padding-left: 10px;
	list-style-type: square;
	list-style-position: inside;
	padding-right: 10px;
}
.newslist li{
	margin-top: 10px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	text-align: center;
}
.newslist a{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.newslist a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
#job_list{
	width: 100%;
}
.seoprducts{
	width: auto;
}
.seoprducts li{
	display: inline;
	margin-right: 10px;
}
/* 主营产品 end */

/* 留言板 start */
#message{
	text-align: left;
}
.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;
}
#messageadd{
	height: 380px;
	width: 520px;
	padding-top: 10px;
}
#messageadd ul{
	list-style: none;
}
#messageadd ul li{
}
.messageadd1{
	float: none;
	height: 30px;
}

#down_load{
	height: auto;
	width: 500px;
}
.down_list{
	text-align: center;
	width: 100%;
	display: block;
}
#right4 {
	width: 100%;
	height: 20px!important;
	height: 10px;
	text-align: center;
	display: block;
}
#down_infor{
	height: auto;
	width: 500px;
}
.down_infor{
	height: auto;
	width: 100%;
}
.down-title{
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.downlist{
	width: 80%;
	height: auto;
	border: 1px solid #CCCCCC;
}
.downlist  tr td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.downlist tr td{
	font-size: 14px;
}
#footer_bar{
	clear: both;
	float: left;
	height: 114px;
	width: 930px;
}
#footer_nav{
	height: auto;
	width: 100%;
	clear: both;
	float: left;
	margin-top: 15px;
}
#footer_nav ul{
	font-weight: bolder;
	color: #9e6b43;
}
#footer_nav ul li{
	display: inline;
}
#footer_nav ul li a:link,#footer_nav ul li a:visited{
	font-size: 12px;
	color: #9e6b43;
	text-decoration: none;
	font-weight: bold;
}
#footer_nav ul li a:hover{
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#copy{
	text-align: center;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	clear: both;
	float: left;
	width: 993px;
	display: block;
	height: auto;
	padding-top: 8px;
	padding-bottom: 12px;

}
#company-tv {
	clear: both;
	float: left;
	height: auto;
	width: 600px;
}
#friendlink{ margin-top:5px; padding:3px; float:left; clear:both; text-align:left; width:981px; border:3px solid #152f8c; }

.textlinks{ width:10px;}

.textlinks li{ width:90px;}

.tel01{ color: #ff0000;font-weight: bolder;font-size: 18px;}

